diff --git a/376/android-chrome-192x192.png b/376/android-chrome-192x192.png
new file mode 100644
index 000000000..5a794899b
Binary files /dev/null and b/376/android-chrome-192x192.png differ
diff --git a/376/android-chrome-512x512.png b/376/android-chrome-512x512.png
new file mode 100644
index 000000000..091a9d5f5
Binary files /dev/null and b/376/android-chrome-512x512.png differ
diff --git a/376/apple-touch-icon.png b/376/apple-touch-icon.png
new file mode 100644
index 000000000..8de5c8b5f
Binary files /dev/null and b/376/apple-touch-icon.png differ
diff --git a/376/browserconfig.xml b/376/browserconfig.xml
new file mode 100644
index 000000000..850973e04
--- /dev/null
+++ b/376/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="./mstile-150x150.png"/>
+            <TileColor>#603cba</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/376/client/ChevronDownIcon.fcf5cd50.js b/376/client/ChevronDownIcon.fcf5cd50.js
new file mode 100644
index 000000000..7406c331d
--- /dev/null
+++ b/376/client/ChevronDownIcon.fcf5cd50.js
@@ -0,0 +1 @@
+import{S as s,i as e,s as t,a as i,c as o,b as r,d as n,e as a,f as h,g as l,n as c}from"./client.0d36a0cf.js";function d(s){let e,t,d;return{c(){e=i("svg"),t=i("polyline"),this.h()},l(s){e=o(s,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var i=r(e);t=o(i,"polyline",{points:!0}),r(t).forEach(n),i.forEach(n),this.h()},h(){a(t,"points","6 9 12 15 18 9"),a(e,"xmlns","http://www.w3.org/2000/svg"),a(e,"width",s[0]),a(e,"height",s[0]),a(e,"fill","none"),a(e,"viewBox","0 0 24 24"),a(e,"stroke","currentColor"),a(e,"stroke-width",s[1]),a(e,"stroke-linecap","round"),a(e,"stroke-linejoin","round"),a(e,"class",d="feather feather-chevron-down "+s[2])},m(s,i){h(s,e,i),l(e,t)},p(s,[t]){1&t&&a(e,"width",s[0]),1&t&&a(e,"height",s[0]),2&t&&a(e,"stroke-width",s[1]),4&t&&d!==(d="feather feather-chevron-down "+s[2])&&a(e,"class",d)},i:c,o:c,d(s){s&&n(e)}}}function w(s,e,t){let{size:i="100%"}=e,{strokeWidth:o=2}=e,{class:r=""}=e;return"100%"!==i&&(i="x"===i.slice(-1)?i.slice(0,i.length-1)+"em":parseInt(i)+"px"),s.$$set=s=>{"size"in s&&t(0,i=s.size),"strokeWidth"in s&&t(1,o=s.strokeWidth),"class"in s&&t(2,r=s.class)},[i,o,r]}class f extends s{constructor(s){super(),e(this,s,w,d,t,{size:0,strokeWidth:1,class:2})}}export{f as C};
diff --git a/376/client/GithubIcon.5a98308c.js b/376/client/GithubIcon.5a98308c.js
new file mode 100644
index 000000000..ddf27b32c
--- /dev/null
+++ b/376/client/GithubIcon.5a98308c.js
@@ -0,0 +1 @@
+import{S as s,i as t,s as e,a as i,c as a,b as r,d as h,e as o,f as n,g as c,n as l}from"./client.0d36a0cf.js";function d(s){let t,e,d;return{c(){t=i("svg"),e=i("path"),this.h()},l(s){t=a(s,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var i=r(t);e=a(i,"path",{d:!0}),r(e).forEach(h),i.forEach(h),this.h()},h(){o(e,"d","M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"),o(t,"xmlns","http://www.w3.org/2000/svg"),o(t,"width",s[0]),o(t,"height",s[0]),o(t,"fill","none"),o(t,"viewBox","0 0 24 24"),o(t,"stroke","currentColor"),o(t,"stroke-width",s[1]),o(t,"stroke-linecap","round"),o(t,"stroke-linejoin","round"),o(t,"class",d="feather feather-github "+s[2])},m(s,i){n(s,t,i),c(t,e)},p(s,[e]){1&e&&o(t,"width",s[0]),1&e&&o(t,"height",s[0]),2&e&&o(t,"stroke-width",s[1]),4&e&&d!==(d="feather feather-github "+s[2])&&o(t,"class",d)},i:l,o:l,d(s){s&&h(t)}}}function f(s,t,e){let{size:i="100%"}=t,{strokeWidth:a=2}=t,{class:r=""}=t;return"100%"!==i&&(i="x"===i.slice(-1)?i.slice(0,i.length-1)+"em":parseInt(i)+"px"),s.$$set=s=>{"size"in s&&e(0,i=s.size),"strokeWidth"in s&&e(1,a=s.strokeWidth),"class"in s&&e(2,r=s.class)},[i,a,r]}class k extends s{constructor(s){super(),t(this,s,f,d,e,{size:0,strokeWidth:1,class:2})}}export{k as G};
diff --git a/376/client/HomeIcon.03d8e927.js b/376/client/HomeIcon.03d8e927.js
new file mode 100644
index 000000000..7e0ede6a5
--- /dev/null
+++ b/376/client/HomeIcon.03d8e927.js
@@ -0,0 +1 @@
+import{S as s,i as e,s as t,a as i,c as o,b as r,d as a,e as h,f as n,g as l,n as c}from"./client.0d36a0cf.js";function d(s){let e,t,d,p;return{c(){e=i("svg"),t=i("path"),d=i("polyline"),this.h()},l(s){e=o(s,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var i=r(e);t=o(i,"path",{d:!0}),r(t).forEach(a),d=o(i,"polyline",{points:!0}),r(d).forEach(a),i.forEach(a),this.h()},h(){h(t,"d","M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"),h(d,"points","9 22 9 12 15 12 15 22"),h(e,"xmlns","http://www.w3.org/2000/svg"),h(e,"width",s[0]),h(e,"height",s[0]),h(e,"fill","none"),h(e,"viewBox","0 0 24 24"),h(e,"stroke","currentColor"),h(e,"stroke-width",s[1]),h(e,"stroke-linecap","round"),h(e,"stroke-linejoin","round"),h(e,"class",p="feather feather-home "+s[2])},m(s,i){n(s,e,i),l(e,t),l(e,d)},p(s,[t]){1&t&&h(e,"width",s[0]),1&t&&h(e,"height",s[0]),2&t&&h(e,"stroke-width",s[1]),4&t&&p!==(p="feather feather-home "+s[2])&&h(e,"class",p)},i:c,o:c,d(s){s&&a(e)}}}function p(s,e,t){let{size:i="100%"}=e,{strokeWidth:o=2}=e,{class:r=""}=e;return"100%"!==i&&(i="x"===i.slice(-1)?i.slice(0,i.length-1)+"em":parseInt(i)+"px"),s.$$set=s=>{"size"in s&&t(0,i=s.size),"strokeWidth"in s&&t(1,o=s.strokeWidth),"class"in s&&t(2,r=s.class)},[i,o,r]}class f extends s{constructor(s){super(),e(this,s,p,d,t,{size:0,strokeWidth:1,class:2})}}export{f as H};
diff --git a/376/client/_layout-5c5a4906.css b/376/client/_layout-5c5a4906.css
new file mode 100644
index 000000000..91483d8c7
--- /dev/null
+++ b/376/client/_layout-5c5a4906.css
@@ -0,0 +1,4 @@
+header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67, 0, 176, 0.25);display:flex;justify-content:space-between;padding-bottom:0.5em;padding-top:0.6em}header.svelte-z153he .logo.svelte-z153he,header.svelte-z153he .clickables.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:0.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}
+nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:0.5em 0 0;overflow:auto;padding-bottom:0.5em}nav.svelte-lbppb3 .tab{margin:0 0.25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width: 479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 0.5em;width:0.5em}}@media only screen and (min-width: 1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-0.25em 0.5em 0.5em;padding:0.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:0.25em}
+nav.svelte-7m9z4a{display:none}@media only screen and (min-width: 1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67, 0, 176, 0.25);display:block;margin-right:3em;min-width:13em;padding:0.5em 0.5em 0.5em 0}nav.svelte-7m9z4a .btn{margin-bottom:0.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:0.5em 0 0.5em 1em;padding-left:0.5em}}
+html{scroll-behavior:smooth}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}body{display:flex;flex-direction:column;font-family:"Ubuntu", sans-serif;margin:0;min-height:100vh}p{letter-spacing:0.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:0.4em}.mr{margin-right:0.4em}.mb{margin-bottom:0.4em}.padded{padding-left:0.5em;padding-right:0.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width: 640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width: 1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width: 639px){.hide-on-less-tb{display:none}}@media only screen and (min-width: 640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:0.9em}@media only screen and (min-width: 1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:none;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}
diff --git a/376/client/_layout.00c9ee93.js b/376/client/_layout.00c9ee93.js
new file mode 100644
index 000000000..1a9495a3b
--- /dev/null
+++ b/376/client/_layout.00c9ee93.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,a as s,c as o,b as l,d as r,e as c,f as i,g as a,n as m,h as $,u as f,v as g,j as p,k as u,w as d,x as h,l as b,G as v,m as w,t as x,y,p as k,z,q as E,A as j,a9 as D,B as I,Y as A,$ as C,a1 as N,H as B,Z as T,_ as V,V as G,r as P,M as S,Q as H,R as M,T as F,al as R}from"./client.0d36a0cf.js";import{B as q}from"./button.743a388a.js";import{H as L}from"./HomeIcon.03d8e927.js";import{B as W}from"./breadcrumbs.b0715397.js";import{G as O}from"./GithubIcon.5a98308c.js";import{D as U,a as Q}from"./dropdown.68df1ffe.js";import{T as Y}from"./tab.bbb6306c.js";import{C as Z}from"./ChevronDownIcon.fcf5cd50.js";import{A as _,a as J}from"./accordion-section.3cf8ee10.js";import"./classes.2453fa25.js";function K(t){let e,n,$,f;return{c(){e=s("svg"),n=s("line"),$=s("polyline"),this.h()},l(t){e=o(t,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var s=l(e);n=o(s,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),l(n).forEach(r),$=o(s,"polyline",{points:!0}),l($).forEach(r),s.forEach(r),this.h()},h(){c(n,"x1","12"),c(n,"y1","19"),c(n,"x2","12"),c(n,"y2","5"),c($,"points","5 12 12 5 19 12"),c(e,"xmlns","http://www.w3.org/2000/svg"),c(e,"width",t[0]),c(e,"height",t[0]),c(e,"fill","none"),c(e,"viewBox","0 0 24 24"),c(e,"stroke","currentColor"),c(e,"stroke-width",t[1]),c(e,"stroke-linecap","round"),c(e,"stroke-linejoin","round"),c(e,"class",f="feather feather-arrow-up "+t[2])},m(t,s){i(t,e,s),a(e,n),a(e,$)},p(t,[n]){1&n&&c(e,"width",t[0]),1&n&&c(e,"height",t[0]),2&n&&c(e,"stroke-width",t[1]),4&n&&f!==(f="feather feather-arrow-up "+t[2])&&c(e,"class",f)},i:m,o:m,d(t){t&&r(e)}}}function X(t,e,n){let{size:s="100%"}=e,{strokeWidth:o=2}=e,{class:l=""}=e;return"100%"!==s&&(s="x"===s.slice(-1)?s.slice(0,s.length-1)+"em":parseInt(s)+"px"),t.$$set=t=>{"size"in t&&n(0,s=t.size),"strokeWidth"in t&&n(1,o=t.strokeWidth),"class"in t&&n(2,l=t.class)},[s,o,l]}class tt extends t{constructor(t){super(),e(this,t,X,K,n,{size:0,strokeWidth:1,class:2})}}function et(t){return t[0].toUpperCase()+t.slice(1).toLowerCase()}function nt(t){return t.split("-").map(et).join(" ")}function st(t){let e,n;return e=new W({props:{items:[{href:"/docs"},{text:nt(t[0])}],$$slots:{item:[ct,({item:t})=>({1:t}),({item:t})=>t?2:0]},$$scope:{ctx:t}}}),{c(){p(e.$$.fragment)},l(t){b(e.$$.fragment,t)},m(t,s){w(e,t,s),n=!0},p(t,n){const s={};1&n&&(s.items=[{href:"/docs"},{text:nt(t[0])}]),6&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){k(e.$$.fragment,t),n=!1},d(t){E(e,t)}}}function ot(t){let e,n,s=t[1].text+"";return{c(){e=$("div"),n=g(s),this.h()},l(t){e=u(t,"DIV",{class:!0});var o=l(e);n=h(o,s),o.forEach(r),this.h()},h(){c(e,"class","node")},m(t,s){i(t,e,s),a(e,n)},p(t,e){2&e&&s!==(s=t[1].text+"")&&j(n,s)},i:m,o:m,d(t){t&&r(e)}}}function lt(t){let e,n;return e=new q({props:{href:"/docs",round:!0,small:!0,$$slots:{default:[rt]},$$scope:{ctx:t}}}),{c(){p(e.$$.fragment)},l(t){b(e.$$.fragment,t)},m(t,s){w(e,t,s),n=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){k(e.$$.fragment,t),n=!1},d(t){E(e,t)}}}function rt(t){let e,n;return e=new L({props:{size:"20"}}),{c(){p(e.$$.fragment)},l(t){b(e.$$.fragment,t)},m(t,s){w(e,t,s),n=!0},p:m,i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){k(e.$$.fragment,t),n=!1},d(t){E(e,t)}}}function ct(t){let e,n,s,o;const a=[lt,ot],m=[];function f(t,e){return"/docs"===t[1].href?0:1}return n=f(t),s=m[n]=a[n](t),{c(){e=$("div"),s.c(),this.h()},l(t){e=u(t,"DIV",{slot:!0});var n=l(e);s.l(n),n.forEach(r),this.h()},h(){c(e,"slot","item")},m(t,s){i(t,e,s),m[n].m(e,null),o=!0},p(t,o){let l=n;n=f(t),n===l?m[n].p(t,o):(y(),k(m[l],1,1,(()=>{m[l]=null})),z(),s=m[n],s?s.p(t,o):(s=m[n]=a[n](t),s.c()),x(s,1),s.m(e,null))},i(t){o||(x(s),o=!0)},o(t){k(s),o=!1},d(t){t&&r(e),m[n].d()}}}function it(t){let e,n;return e=new O({props:{size:"24"}}),{c(){p(e.$$.fragment)},l(t){b(e.$$.fragment,t)},m(t,s){w(e,t,s),n=!0},p:m,i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){k(e.$$.fragment,t),n=!1},d(t){E(e,t)}}}function at(t){let e,n,s,o,m,j,D,I,A,C,N,B,T=null!=t[0]&&st(t);return N=new q({props:{round:!0,href:"https://github.com/illright/attractions",$$slots:{default:[it]},$$scope:{ctx:t}}}),{c(){e=$("header"),n=$("a"),s=$("img"),m=f(),j=$("span"),D=g("Attractions"),I=f(),T&&T.c(),A=f(),C=$("div"),p(N.$$.fragment),this.h()},l(t){e=u(t,"HEADER",{class:!0});var o=l(e);n=u(o,"A",{href:!0,class:!0});var c=l(n);s=u(c,"IMG",{src:!0,width:!0,height:!0,alt:!0}),m=d(c),j=u(c,"SPAN",{class:!0});var i=l(j);D=h(i,"Attractions"),i.forEach(r),c.forEach(r),I=d(o),T&&T.l(o),A=d(o),C=u(o,"DIV",{class:!0});var a=l(C);b(N.$$.fragment,a),a.forEach(r),o.forEach(r),this.h()},h(){v(s.src,o="logo-no-bg.svg")||c(s,"src","logo-no-bg.svg"),c(s,"width",mt),c(s,"height",mt),c(s,"alt","Logo"),c(j,"class","hide-on-less-tb svelte-z153he"),c(n,"href","./"),c(n,"class","logo svelte-z153he"),c(C,"class","clickables svelte-z153he"),c(e,"class","padded svelte-z153he")},m(t,o){i(t,e,o),a(e,n),a(n,s),a(n,m),a(n,j),a(j,D),a(e,I),T&&T.m(e,null),a(e,A),a(e,C),w(N,C,null),B=!0},p(t,[n]){null!=t[0]?T?(T.p(t,n),1&n&&x(T,1)):(T=st(t),T.c(),x(T,1),T.m(e,A)):T&&(y(),k(T,1,1,(()=>{T=null})),z());const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),N.$set(s)},i(t){B||(x(T),x(N.$$.fragment,t),B=!0)},o(t){k(T),k(N.$$.fragment,t),B=!1},d(t){t&&r(e),T&&T.d(),E(N)}}}const mt=30;function $t(t,e,n){let{segment:s}=e;return t.$$set=t=>{"segment"in t&&n(0,s=t.segment)},[s]}class ft extends t{constructor(t){super(),e(this,t,$t,at,n,{segment:0})}}function gt(t,e,n){const s=t.slice();return s[9]=e[n],s}function pt(t,e,n){const s=t.slice();return s[12]=e[n],s}function ut(t){let e,n,s;var o=t[12].title;return o&&(e=P(o,{props:{size:"24"}})),{c(){e&&p(e.$$.fragment),n=B()},l(t){e&&b(e.$$.fragment,t),n=B()},m(t,o){e&&w(e,t,o),i(t,n,o),s=!0},p(t,s){if(1&s&&o!==(o=t[12].title)){if(e){y();const t=e;k(t.$$.fragment,1,0,(()=>{E(t,1)})),z()}o?(e=P(o,{props:{size:"24"}}),p(e.$$.fragment),x(e.$$.fragment,1),w(e,n.parentNode,n)):e=null}},i(t){s||(e&&x(e.$$.fragment,t),s=!0)},o(t){e&&k(e.$$.fragment,t),s=!1},d(t){t&&r(n),e&&E(e,t)}}}function dt(t){let e,n=t[12].title+"";return{c(){e=g(n)},l(t){e=h(t,n)},m(t,n){i(t,e,n)},p(t,s){1&s&&n!==(n=t[12].title+"")&&j(e,n)},i:m,o:m,d(t){t&&r(e)}}}function ht(t){let e,n;return e=new Z({props:{size:"24",class:"tab-chevron ml"}}),{c(){p(e.$$.fragment)},l(t){b(e.$$.fragment,t)},m(t,s){w(e,t,s),n=!0},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){k(e.$$.fragment,t),n=!1},d(t){E(e,t)}}}function bt(t){let e,n,s,o,l;const c=[dt,ut],a=[];function m(t,e){return"string"==typeof t[12].title?0:1}e=m(t),n=a[e]=c[e](t);let $=null!=t[12].sub&&ht();return{c(){n.c(),s=f(),$&&$.c(),o=f()},l(t){n.l(t),s=d(t),$&&$.l(t),o=d(t)},m(t,n){a[e].m(t,n),i(t,s,n),$&&$.m(t,n),i(t,o,n),l=!0},p(t,l){let r=e;e=m(t),e===r?a[e].p(t,l):(y(),k(a[r],1,1,(()=>{a[r]=null})),z(),n=a[e],n?n.p(t,l):(n=a[e]=c[e](t),n.c()),x(n,1),n.m(s.parentNode,s)),null!=t[12].sub?$?1&l&&x($,1):($=ht(),$.c(),x($,1),$.m(o.parentNode,o)):$&&(y(),k($,1,1,(()=>{$=null})),z())},i(t){l||(x(n),x($),l=!0)},o(t){k(n),k($),l=!1},d(t){a[e].d(t),t&&r(s),$&&$.d(t),t&&r(o)}}}function vt(t){let e,n,s;function o(e){t[5](e)}let l={class:null!=t[1]&&t[12].sub===t[1].sub&&"selected",value:t[12],name:"nav-mobile",$$slots:{default:[bt]},$$scope:{ctx:t}};return void 0!==t[1]&&(l.group=t[1]),e=new Y({props:l}),A.push((()=>C(e,"group",o))),e.$on("change",(function(){return t[6](t[12])})),e.$on("click",(function(){return t[7](t[12],t[8])})),{c(){p(e.$$.fragment)},l(t){b(e.$$.fragment,t)},m(t,n){w(e,t,n),s=!0},p(s,o){t=s;const l={};3&o&&(l.class=null!=t[1]&&t[12].sub===t[1].sub&&"selected"),1&o&&(l.value=t[12]),32769&o&&(l.$$scope={dirty:o,ctx:t}),!n&&2&o&&(n=!0,l.group=t[1],N((()=>n=!1))),e.$set(l)},i(t){s||(x(e.$$.fragment,t),s=!0)},o(t){k(e.$$.fragment,t),s=!1},d(t){E(e,t)}}}function wt(t){let e,n,s=[],o=new Map,l=t[1].sub;const c=t=>t[9].segment;for(let e=0;e<l.length;e+=1){let n=gt(t,l,e),r=c(n);o.set(r,s[e]=yt(r,n))}return{c(){for(let t=0;t<s.length;t+=1)s[t].c();e=B()},l(t){for(let e=0;e<s.length;e+=1)s[e].l(t);e=B()},m(t,o){for(let e=0;e<s.length;e+=1)s[e]&&s[e].m(t,o);i(t,e,o),n=!0},p(t,n){258&n&&(l=t[1].sub,y(),s=T(s,n,c,1,t,l,o,e.parentNode,V,yt,e,gt),z())},i(t){if(!n){for(let t=0;t<l.length;t+=1)x(s[t]);n=!0}},o(t){for(let t=0;t<s.length;t+=1)k(s[t]);n=!1},d(t){for(let e=0;e<s.length;e+=1)s[e].d(t);t&&r(e)}}}function xt(t){let e,n,s=t[9].title+"";return{c(){e=g(s),n=f()},l(t){e=h(t,s),n=d(t)},m(t,s){i(t,e,s),i(t,n,s)},p(t,n){2&n&&s!==(s=t[9].title+"")&&j(e,s)},d(t){t&&r(e),t&&r(n)}}}function yt(t,e){let n,s,o;return s=new q({props:{href:"./docs/"+e[9].segment,$$slots:{default:[xt]},$$scope:{ctx:e}}}),s.$on("click",(function(){G(e[8])&&e[8].apply(this,arguments)})),{key:t,first:null,c(){n=B(),p(s.$$.fragment),this.h()},l(t){n=B(),b(s.$$.fragment,t),this.h()},h(){this.first=n},m(t,e){i(t,n,e),w(s,t,e),o=!0},p(t,n){e=t;const o={};2&n&&(o.href="./docs/"+e[9].segment),32770&n&&(o.$$scope={dirty:n,ctx:e}),s.$set(o)},i(t){o||(x(s.$$.fragment,t),o=!0)},o(t){k(s.$$.fragment,t),o=!1},d(t){t&&r(n),E(s,t)}}}function kt(t){let e,n,s=null!=t[1]&&null!=t[1].sub&&wt(t);return{c(){s&&s.c(),e=B()},l(t){s&&s.l(t),e=B()},m(t,o){s&&s.m(t,o),i(t,e,o),n=!0},p(t,n){null!=t[1]&&null!=t[1].sub?s?(s.p(t,n),2&n&&x(s,1)):(s=wt(t),s.c(),x(s,1),s.m(e.parentNode,e)):s&&(y(),k(s,1,1,(()=>{s=null})),z())},i(t){n||(x(s),n=!0)},o(t){k(s),n=!1},d(t){s&&s.d(t),t&&r(e)}}}function zt(t){let e,n,s,o,a=t[0],m=[];for(let e=0;e<a.length;e+=1)m[e]=vt(pt(t,a,e));const g=t=>k(m[t],1,1,(()=>{m[t]=null}));return s=new Q({props:{right:!0,$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){e=$("nav");for(let t=0;t<m.length;t+=1)m[t].c();n=f(),p(s.$$.fragment),this.h()},l(t){e=u(t,"NAV",{class:!0});var o=l(e);for(let t=0;t<m.length;t+=1)m[t].l(o);o.forEach(r),n=d(t),b(s.$$.fragment,t),this.h()},h(){c(e,"class","mobile padded svelte-lbppb3")},m(t,l){i(t,e,l);for(let t=0;t<m.length;t+=1)m[t]&&m[t].m(e,null);i(t,n,l),w(s,t,l),o=!0},p(t,n){if(263&n){let s;for(a=t[0],s=0;s<a.length;s+=1){const o=pt(t,a,s);m[s]?(m[s].p(o,n),x(m[s],1)):(m[s]=vt(o),m[s].c(),x(m[s],1),m[s].m(e,null))}for(y(),s=a.length;s<m.length;s+=1)g(s);z()}const o={};33026&n&&(o.$$scope={dirty:n,ctx:t}),s.$set(o)},i(t){if(!o){for(let t=0;t<a.length;t+=1)x(m[t]);x(s.$$.fragment,t),o=!0}},o(t){m=m.filter(Boolean);for(let t=0;t<m.length;t+=1)k(m[t]);k(s.$$.fragment,t),o=!1},d(t){t&&r(e),D(m,t),t&&r(n),E(s,t)}}}function Et(t){let e,n;return e=new U({props:{$$slots:{default:[zt,({toggle:t})=>({8:t}),({toggle:t})=>t?256:0]},$$scope:{ctx:t}}}),e.$on("change",t[3]),{c(){p(e.$$.fragment)},l(t){b(e.$$.fragment,t)},m(t,s){w(e,t,s),n=!0},p(t,[n]){const s={};33027&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){k(e.$$.fragment,t),n=!1},d(t){E(e,t)}}}function jt(t,e,n){let{places:s}=e,{segment:o}=e,l=s.find((t=>t.segment===o));function r(t){null!=t.segment&&I(`./docs/${t.segment}`)}return t.$$set=t=>{"places"in t&&n(0,s=t.places),"segment"in t&&n(4,o=t.segment)},[s,l,r,function({detail:t}){t.value||n(1,l=s.find((t=>t.segment===o)))},o,function(t){l=t,n(1,l)},t=>r(t),(t,e)=>null!=t.sub&&e()]}class Dt extends t{constructor(t){super(),e(this,t,jt,Et,n,{places:0,segment:4})}}function It(t,e,n){const s=t.slice();return s[4]=e[n],s}function At(t,e,n){const s=t.slice();return s[8]=e[n],s}function Ct(t){let e,n,s,o;const l=[Bt,Nt],c=[];function a(t,e){return null!=t[4].sub?0:1}return e=a(t),n=c[e]=l[e](t),{c(){n.c(),s=B()},l(t){n.l(t),s=B()},m(t,n){c[e].m(t,n),i(t,s,n),o=!0},p(t,o){let r=e;e=a(t),e===r?c[e].p(t,o):(y(),k(c[r],1,1,(()=>{c[r]=null})),z(),n=c[e],n?n.p(t,o):(n=c[e]=l[e](t),n.c()),x(n,1),n.m(s.parentNode,s))},i(t){o||(x(n),o=!0)},o(t){k(n),o=!1},d(t){c[e].d(t),t&&r(s)}}}function Nt(t){let e,n;return e=new q({props:{href:"./docs/"+t[4].segment,selected:t[4]===t[1],$$slots:{default:[Tt]},$$scope:{ctx:t}}}),{c(){p(e.$$.fragment)},l(t){b(e.$$.fragment,t)},m(t,s){w(e,t,s),n=!0},p(t,n){const s={};1&n&&(s.href="./docs/"+t[4].segment),3&n&&(s.selected=t[4]===t[1]),2049&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){k(e.$$.fragment,t),n=!1},d(t){E(e,t)}}}function Bt(t){let e,n;return e=new J({props:{$$slots:{handle:[Ht,({toggle:t})=>({7:t}),({toggle:t})=>t?128:0],default:[Pt,({toggle:t})=>({7:t}),({toggle:t})=>t?128:0]},$$scope:{ctx:t}}}),e.$on("panel-open",(function(){G(t[3])&&t[3].apply(this,arguments)})),{c(){p(e.$$.fragment)},l(t){b(e.$$.fragment,t)},m(t,s){w(e,t,s),n=!0},p(n,s){t=n;const o={};2179&s&&(o.$$scope={dirty:s,ctx:t}),e.$set(o)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){k(e.$$.fragment,t),n=!1},d(t){E(e,t)}}}function Tt(t){let e,n,s=t[4].title+"";return{c(){e=g(s),n=f()},l(t){e=h(t,s),n=d(t)},m(t,s){i(t,e,s),i(t,n,s)},p(t,n){1&n&&s!==(s=t[4].title+"")&&j(e,s)},d(t){t&&r(e),t&&r(n)}}}function Vt(t){let e,n=t[8].title+"";return{c(){e=g(n)},l(t){e=h(t,n)},m(t,n){i(t,e,n)},p(t,s){1&s&&n!==(n=t[8].title+"")&&j(e,n)},d(t){t&&r(e)}}}function Gt(t){let e,n;return e=new q({props:{href:"./docs/"+t[8].segment,selected:t[4]===t[1],$$slots:{default:[Vt]},$$scope:{ctx:t}}}),{c(){p(e.$$.fragment)},l(t){b(e.$$.fragment,t)},m(t,s){w(e,t,s),n=!0},p(t,n){const s={};1&n&&(s.href="./docs/"+t[8].segment),3&n&&(s.selected=t[4]===t[1]),2049&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){k(e.$$.fragment,t),n=!1},d(t){E(e,t)}}}function Pt(t){let e,n,s=t[4].sub,o=[];for(let e=0;e<s.length;e+=1)o[e]=Gt(At(t,s,e));const l=t=>k(o[t],1,1,(()=>{o[t]=null}));return{c(){for(let t=0;t<o.length;t+=1)o[t].c();e=f()},l(t){for(let e=0;e<o.length;e+=1)o[e].l(t);e=d(t)},m(t,s){for(let e=0;e<o.length;e+=1)o[e]&&o[e].m(t,s);i(t,e,s),n=!0},p(t,n){if(3&n){let r;for(s=t[4].sub,r=0;r<s.length;r+=1){const l=At(t,s,r);o[r]?(o[r].p(l,n),x(o[r],1)):(o[r]=Gt(l),o[r].c(),x(o[r],1),o[r].m(e.parentNode,e))}for(y(),r=s.length;r<o.length;r+=1)l(r);z()}},i(t){if(!n){for(let t=0;t<s.length;t+=1)x(o[t]);n=!0}},o(t){o=o.filter(Boolean);for(let t=0;t<o.length;t+=1)k(o[t]);n=!1},d(t){D(o,t),t&&r(e)}}}function St(t){let e,n,s,o,l=t[4].title+"";return s=new Z({props:{size:"18",class:"accordion-chevron ml"}}),{c(){e=g(l),n=f(),p(s.$$.fragment)},l(t){e=h(t,l),n=d(t),b(s.$$.fragment,t)},m(t,l){i(t,e,l),i(t,n,l),w(s,t,l),o=!0},p(t,n){(!o||1&n)&&l!==(l=t[4].title+"")&&j(e,l)},i(t){o||(x(s.$$.fragment,t),o=!0)},o(t){k(s.$$.fragment,t),o=!1},d(t){t&&r(e),t&&r(n),E(s,t)}}}function Ht(t){let e,n,s,o;return n=new q({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),n.$on("click",(function(){G(t[7])&&t[7].apply(this,arguments)})),{c(){e=$("div"),p(n.$$.fragment),s=f(),this.h()},l(t){e=u(t,"DIV",{slot:!0});var o=l(e);b(n.$$.fragment,o),s=d(o),o.forEach(r),this.h()},h(){c(e,"slot","handle")},m(t,l){i(t,e,l),w(n,e,null),a(e,s),o=!0},p(e,s){t=e;const o={};2049&s&&(o.$$scope={dirty:s,ctx:t}),n.$set(o)},i(t){o||(x(n.$$.fragment,t),o=!0)},o(t){k(n.$$.fragment,t),o=!1},d(t){t&&r(e),E(n)}}}function Mt(t){let e,n,s="string"==typeof t[4].title&&Ct(t);return{c(){s&&s.c(),e=B()},l(t){s&&s.l(t),e=B()},m(t,o){s&&s.m(t,o),i(t,e,o),n=!0},p(t,n){"string"==typeof t[4].title?s?(s.p(t,n),1&n&&x(s,1)):(s=Ct(t),s.c(),x(s,1),s.m(e.parentNode,e)):s&&(y(),k(s,1,1,(()=>{s=null})),z())},i(t){n||(x(s),n=!0)},o(t){k(s),n=!1},d(t){s&&s.d(t),t&&r(e)}}}function Ft(t){let e,n,s=t[0],o=[];for(let e=0;e<s.length;e+=1)o[e]=Mt(It(t,s,e));const l=t=>k(o[t],1,1,(()=>{o[t]=null}));return{c(){for(let t=0;t<o.length;t+=1)o[t].c();e=B()},l(t){for(let e=0;e<o.length;e+=1)o[e].l(t);e=B()},m(t,s){for(let e=0;e<o.length;e+=1)o[e]&&o[e].m(t,s);i(t,e,s),n=!0},p(t,n){if(139&n){let r;for(s=t[0],r=0;r<s.length;r+=1){const l=It(t,s,r);o[r]?(o[r].p(l,n),x(o[r],1)):(o[r]=Mt(l),o[r].c(),x(o[r],1),o[r].m(e.parentNode,e))}for(y(),r=s.length;r<o.length;r+=1)l(r);z()}},i(t){if(!n){for(let t=0;t<s.length;t+=1)x(o[t]);n=!0}},o(t){o=o.filter(Boolean);for(let t=0;t<o.length;t+=1)k(o[t]);n=!1},d(t){D(o,t),t&&r(e)}}}function Rt(t){let e,n,s;return n=new _({props:{$$slots:{default:[Ft,({closeOtherPanels:t})=>({3:t}),({closeOtherPanels:t})=>t?8:0]},$$scope:{ctx:t}}}),{c(){e=$("nav"),p(n.$$.fragment),this.h()},l(t){e=u(t,"NAV",{class:!0});var s=l(e);b(n.$$.fragment,s),s.forEach(r),this.h()},h(){c(e,"class","desktop svelte-7m9z4a")},m(t,o){i(t,e,o),w(n,e,null),s=!0},p(t,[e]){const s={};2059&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s)},i(t){s||(x(n.$$.fragment,t),s=!0)},o(t){k(n.$$.fragment,t),s=!1},d(t){t&&r(e),E(n)}}}function qt(t,e,n){let s,{places:o}=e,{segment:l}=e;return t.$$set=t=>{"places"in t&&n(0,o=t.places),"segment"in t&&n(2,l=t.segment)},t.$$.update=()=>{5&t.$$.dirty&&n(1,s=o.find((t=>t.segment===l)))},[o,s,l]}class Lt extends t{constructor(t){super(),e(this,t,qt,Rt,n,{places:0,segment:2})}}function Wt(t){let e,n,s;return n=new q({props:{filled:!0,$$slots:{default:[Ot]},$$scope:{ctx:t}}}),n.$on("click",Qt),{c(){e=$("div"),p(n.$$.fragment),this.h()},l(t){e=u(t,"DIV",{class:!0});var s=l(e);b(n.$$.fragment,s),s.forEach(r),this.h()},h(){c(e,"class","center svelte-1bviqj5")},m(t,o){i(t,e,o),w(n,e,null),s=!0},p(t,e){const s={};16&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s)},i(t){s||(x(n.$$.fragment,t),s=!0)},o(t){k(n.$$.fragment,t),s=!1},d(t){t&&r(e),E(n)}}}function Ot(t){let e,n,s;return e=new tt({props:{size:"24",class:"mr"}}),{c(){p(e.$$.fragment),n=g("\n          scroll to top")},l(t){b(e.$$.fragment,t),n=h(t,"\n          scroll to top")},m(t,o){w(e,t,o),i(t,n,o),s=!0},p:m,i(t){s||(x(e.$$.fragment,t),s=!0)},o(t){k(e.$$.fragment,t),s=!1},d(t){E(e,t),t&&r(n)}}}function Ut(t){let e,n,s,o,m,g,h,v,j,D;e=new ft({props:{segment:t[0]}}),s=new Dt({props:{places:t[2],segment:t[0]||""}}),g=new Lt({props:{places:t[2],segment:t[0]||""}});const I=t[3].default,A=S(I,t,t[4],null);let C=t[1]&&Wt(t);return{c(){p(e.$$.fragment),n=f(),p(s.$$.fragment),o=f(),m=$("main"),p(g.$$.fragment),h=f(),v=$("article"),A&&A.c(),j=f(),C&&C.c(),this.h()},l(t){b(e.$$.fragment,t),n=d(t),b(s.$$.fragment,t),o=d(t),m=u(t,"MAIN",{class:!0});var c=l(m);b(g.$$.fragment,c),h=d(c),v=u(c,"ARTICLE",{class:!0});var i=l(v);A&&A.l(i),j=d(i),C&&C.l(i),i.forEach(r),c.forEach(r),this.h()},h(){c(v,"class","svelte-1bviqj5"),c(m,"class","padded extra svelte-1bviqj5")},m(t,l){w(e,t,l),i(t,n,l),w(s,t,l),i(t,o,l),i(t,m,l),w(g,m,null),a(m,h),a(m,v),A&&A.m(v,null),a(v,j),C&&C.m(v,null),D=!0},p(t,[n]){const o={};1&n&&(o.segment=t[0]),e.$set(o);const l={};1&n&&(l.segment=t[0]||""),s.$set(l);const r={};1&n&&(r.segment=t[0]||""),g.$set(r),A&&A.p&&(!D||16&n)&&H(A,I,t,t[4],D?F(I,t[4],n,null):M(t[4]),null),t[1]?C?(C.p(t,n),2&n&&x(C,1)):(C=Wt(t),C.c(),x(C,1),C.m(v,null)):C&&(y(),k(C,1,1,(()=>{C=null})),z())},i(t){D||(x(e.$$.fragment,t),x(s.$$.fragment,t),x(g.$$.fragment,t),x(A,t),x(C),D=!0)},o(t){k(e.$$.fragment,t),k(s.$$.fragment,t),k(g.$$.fragment,t),k(A,t),k(C),D=!1},d(t){E(e,t),t&&r(n),E(s,t),t&&r(o),t&&r(m),E(g),A&&A.d(t),C&&C.d()}}}function Qt(){window.scrollTo(0,0)}function Yt(t,e,n){let{$$slots:s={},$$scope:o}=e;const{page:l}=R();let r,{segment:c}=e;l.subscribe((function(){"undefined"!=typeof window&&n(1,r=window.innerHeight<document.body.scrollHeight)}));const i=[{title:L,segment:""},{title:"Changelog",segment:"changelog"},{title:"Migration Guide",segment:"migration-guide"},{title:"Installation",segment:"installation"},{title:"Theming with Sass",segment:"theming"},{title:"Components",sub:[{title:"Accordion",segment:"components/accordion"},{title:"Autocomplete",segment:"components/autocomplete"},{title:"Badge",segment:"components/badge"},{title:"Breadcrumbs",segment:"components/breadcrumbs"},{title:"Button",segment:"components/button"},{title:"Card",segment:"components/card"},{title:"CheckboxGroup",segment:"components/checkbox-group"},{title:"Chip",segment:"components/chip"},{title:"DatePicker",segment:"components/date-picker"},{title:"Dialog",segment:"components/dialog"},{title:"Divider",segment:"components/divider"},{title:"Dot",segment:"components/dot"},{title:"Dropdown",segment:"components/dropdown"},{title:"FileDropzone",segment:"components/file-dropzone"},{title:"FileInput",segment:"components/file-input"},{title:"FormField",segment:"components/form-field"},{title:"Loading",segment:"components/loading"},{title:"Modal",segment:"components/modal"},{title:"Pagination",segment:"components/pagination"},{title:"Popover",segment:"components/popover"},{title:"RadioGroup",segment:"components/radio-group"},{title:"Slider",segment:"components/slider"},{title:"SnackbarContainer",segment:"components/snackbar-container"},{title:"StarRating",segment:"components/star-rating"},{title:"Switch",segment:"components/switch"},{title:"Table",segment:"components/table"},{title:"Tabs",segment:"components/tabs"},{title:"TextField",segment:"components/text-field"},{title:"TimePicker",segment:"components/time-picker"},{title:"Typography",segment:"components/typography"}]},{title:"Utilities",segment:"utilities"},{title:"Custom Elements",segment:"custom-elements"}];return t.$$set=t=>{"segment"in t&&n(0,c=t.segment),"$$scope"in t&&n(4,o=t.$$scope)},[c,r,i,s,o]}class Zt extends t{constructor(t){super(),e(this,t,Yt,Ut,n,{segment:0})}}export{Zt as default};
diff --git a/376/client/accordion-b4845174.css b/376/client/accordion-b4845174.css
new file mode 100644
index 000000000..968e4c8f6
--- /dev/null
+++ b/376/client/accordion-b4845174.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-bic265{display:flex;padding:1em}[slot=showcase].svelte-bic265 .accordion section{padding:0.5em;text-align:center}
diff --git a/376/client/accordion-section-0252b389.css b/376/client/accordion-section-0252b389.css
new file mode 100644
index 000000000..94e8f866a
--- /dev/null
+++ b/376/client/accordion-section-0252b389.css
@@ -0,0 +1,2 @@
+.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}
+.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-0.125em;transition:transform 100ms}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}
diff --git a/376/client/accordion-section-b4845174.css b/376/client/accordion-section-b4845174.css
new file mode 100644
index 000000000..968e4c8f6
--- /dev/null
+++ b/376/client/accordion-section-b4845174.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-bic265{display:flex;padding:1em}[slot=showcase].svelte-bic265 .accordion section{padding:0.5em;text-align:center}
diff --git a/376/client/accordion-section.3cf8ee10.js b/376/client/accordion-section.3cf8ee10.js
new file mode 100644
index 000000000..e858c6ec5
--- /dev/null
+++ b/376/client/accordion-section.3cf8ee10.js
@@ -0,0 +1 @@
+import{S as s,i as l,s as e,M as a,K as t,h as n,k as c,b as o,d as r,N as p,O as u,f as i,Q as $,R as m,T as f,U as h,t as d,p as g,I as v,L as j,u as b,w as x,e as q,X as w,J as E,j as I,l as L,m as O,q as k,v as A,x as N,A as S}from"./client.0d36a0cf.js";import{c as T}from"./classes.2453fa25.js";import{B as U}from"./button.743a388a.js";const y=s=>({}),B=s=>({closeOtherPanels:s[1]});function C(s){let l,e,v;const j=s[5].default,b=a(j,s,s[4],B);let x=[{class:e=T("accordion",s[0])},s[2]],q={};for(let s=0;s<x.length;s+=1)q=t(q,x[s]);return{c(){l=n("ul"),b&&b.c(),this.h()},l(s){l=c(s,"UL",{class:!0});var e=o(l);b&&b.l(e),e.forEach(r),this.h()},h(){p(l,q),u(l,"svelte-1mw2pgr",!0)},m(s,e){i(s,l,e),b&&b.m(l,null),v=!0},p(s,[a]){b&&b.p&&(!v||16&a)&&$(b,j,s,s[4],v?f(j,s[4],a,y):m(s[4]),B),p(l,q=h(x,[(!v||1&a&&e!==(e=T("accordion",s[0])))&&{class:e},4&a&&s[2]])),u(l,"svelte-1mw2pgr",!0)},i(s){v||(d(b,s),v=!0)},o(s){g(b,s),v=!1},d(s){s&&r(l),b&&b.d(s)}}}function J(s,l,e){const a=["class","multiple"];let n=v(l,a),{$$slots:c={},$$scope:o}=l,{class:r=null}=l,{multiple:p=!1}=l,u=null;return s.$$set=s=>{l=t(t({},l),j(s)),e(2,n=v(l,a)),"class"in s&&e(0,r=s.class),"multiple"in s&&e(3,p=s.multiple),"$$scope"in s&&e(4,o=s.$$scope)},[r,function({detail:s}){null==u||u===s||p||u.close(),u=s},n,p,o,c]}var K=class extends s{constructor(s){super(),l(this,s,J,C,e,{class:0,multiple:3})}};const M=s=>({}),P=s=>({toggle:s[3].toggle});function Q(s){let l;return{c(){l=A(s[2])},l(e){l=N(e,s[2])},m(s,e){i(s,l,e)},p(s,e){4&e&&S(l,s[2])},d(s){s&&r(l)}}}function R(s){let l,e,t,p,h;const v=s[4].handle,j=a(v,s,s[5],P),E=j||function(s){let l,e;return l=new U({props:{$$slots:{default:[Q]},$$scope:{ctx:s}}}),l.$on("click",s[3].toggle),{c(){I(l.$$.fragment)},l(s){L(l.$$.fragment,s)},m(s,a){O(l,s,a),e=!0},p(s,e){const a={};36&e&&(a.$$scope={dirty:e,ctx:s}),l.$set(a)},i(s){e||(d(l.$$.fragment,s),e=!0)},o(s){g(l.$$.fragment,s),e=!1},d(s){k(l,s)}}}(s),A=s[4].default,N=a(A,s,s[5],null);return{c(){l=n("li"),E&&E.c(),t=b(),p=n("section"),N&&N.c(),this.h()},l(s){l=c(s,"LI",{class:!0});var e=o(l);E&&E.l(e),e.forEach(r),t=x(s),p=c(s,"SECTION",{class:!0});var a=o(p);N&&N.l(a),a.forEach(r),this.h()},h(){q(l,"class",e=w(T("panel",s[1]))+" svelte-16quehj"),u(l,"open",s[0]),q(p,"class","svelte-16quehj")},m(s,e){i(s,l,e),E&&E.m(l,null),i(s,t,e),i(s,p,e),N&&N.m(p,null),h=!0},p(s,[a]){j?j.p&&(!h||32&a)&&$(j,v,s,s[5],h?f(v,s[5],a,M):m(s[5]),P):E&&E.p&&(!h||4&a)&&E.p(s,h?a:-1),(!h||2&a&&e!==(e=w(T("panel",s[1]))+" svelte-16quehj"))&&q(l,"class",e),(!h||3&a)&&u(l,"open",s[0]),N&&N.p&&(!h||32&a)&&$(N,A,s,s[5],h?f(A,s[5],a,null):m(s[5]),null)},i(s){h||(d(E,s),d(N,s),h=!0)},o(s){g(E,s),g(N,s),h=!1},d(s){s&&r(l),E&&E.d(s),s&&r(t),s&&r(p),N&&N.d(s)}}}function X(s,l,e){let{$$slots:a={},$$scope:t}=l,{class:n=null}=l,{label:c=null}=l,{open:o=!1}=l;const r={close(){e(0,o=!1)},toggle(){p(o?"panel-close":"panel-open",r),e(0,o=!o)}},p=E();return s.$$set=s=>{"class"in s&&e(1,n=s.class),"label"in s&&e(2,c=s.label),"open"in s&&e(0,o=s.open),"$$scope"in s&&e(5,t=s.$$scope)},[o,n,c,r,a,t]}var z=class extends s{constructor(s){super(),l(this,s,X,R,e,{class:1,label:2,open:0})}};export{K as A,z as a};
diff --git a/376/client/accordion-section.f50fee33.js b/376/client/accordion-section.f50fee33.js
new file mode 100644
index 000000000..36573b4a7
--- /dev/null
+++ b/376/client/accordion-section.f50fee33.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as $,j as s,l as a,m as o,U as c,a0 as r,t as p,p as l,q as f,L as m,u as i,h as g,v as u,w as d,k as h,b as x,x as y,d as w,f as v,g as E,e as k,n as D,V as b}from"./client.0d36a0cf.js";import{L as O,H as T,P as C}from"./layout.b2760304.js";import{B as S}from"./button.743a388a.js";import{A,a as j}from"./accordion-section.3cf8ee10.js";import{C as B}from"./ChevronDownIcon.fcf5cd50.js";import{S as N}from"./showcase.8eb3893d.js";import{C as F}from"./color-preview.278d2729.js";import{R as P}from"./related-components.2f822d5e.js";import{H as R}from"./h2.122c8b9f.js";import{H as L}from"./h3.1e03849b.js";import{T as G,a as H,b as M,c as V}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./card.72b37821.js";function I(t){let e;return{c(){e=u("AccordionSection")},l(t){e=y(t,"AccordionSection")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Y(t){let e;return{c(){e=u("The panel to be used inside an Accordion.")},l(t){e=y(t,"The panel to be used inside an Accordion.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function U(t){let e;return{c(){e=u("First panel")},l(t){e=y(t,"First panel")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function z(t){let e,n,$;return n=new B({props:{size:"20",class:"ml accordion-chevron"}}),{c(){e=u("open first panel\n            "),s(n.$$.fragment)},l(t){e=y(t,"open first panel\n            "),a(n.$$.fragment,t)},m(t,s){v(t,e,s),o(n,t,s),$=!0},p:D,i(t){$||(p(n.$$.fragment,t),$=!0)},o(t){l(n.$$.fragment,t),$=!1},d(t){t&&w(e),f(n,t)}}}function K(t){let e,n,$;return n=new S({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),n.$on("click",(function(){b(t[2])&&t[2].apply(this,arguments)})),{c(){e=g("div"),s(n.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0});var $=x(e);a(n.$$.fragment,$),$.forEach(w),this.h()},h(){k(e,"slot","handle")},m(t,s){v(t,e,s),o(n,e,null),$=!0},p(e,$){t=e;const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s)},i(t){$||(p(n.$$.fragment,t),$=!0)},o(t){l(n.$$.fragment,t),$=!1},d(t){t&&w(e),f(n)}}}function q(t){let e;return{c(){e=u("Second panel")},l(t){e=y(t,"Second panel")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function J(t){let e,n,$,c;return e=new j({props:{$$slots:{handle:[K,({toggle:t})=>({2:t}),({toggle:t})=>t?4:0],default:[U,({toggle:t})=>({2:t}),({toggle:t})=>t?4:0]},$$scope:{ctx:t}}}),e.$on("panel-open",(function(){b(t[1])&&t[1].apply(this,arguments)})),$=new j({props:{label:"just text is enough",$$slots:{default:[q]},$$scope:{ctx:t}}}),$.$on("panel-open",(function(){b(t[1])&&t[1].apply(this,arguments)})),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),c=!0},p(n,s){t=n;const a={};12&s&&(a.$$scope={dirty:s,ctx:t}),e.$set(a);const o={};8&s&&(o.$$scope={dirty:s,ctx:t}),$.$set(o)},i(t){c||(p(e.$$.fragment,t),p($.$$.fragment,t),c=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),c=!1},d(t){f(e,t),t&&w(n),f($,t)}}}function Q(t){let e,n,$;return n=new A({props:{$$slots:{default:[J,({closeOtherPanels:t})=>({1:t}),({closeOtherPanels:t})=>t?2:0]},$$scope:{ctx:t}}}),{c(){e=g("div"),s(n.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var $=x(e);a(n.$$.fragment,$),$.forEach(w),this.h()},h(){k(e,"slot","showcase"),k(e,"class","svelte-bic265")},m(t,s){v(t,e,s),o(n,e,null),$=!0},p(t,e){const $={};10&e&&($.$$scope={dirty:e,ctx:t}),n.$set($)},i(t){$||(p(n.$$.fragment,t),$=!0)},o(t){l(n.$$.fragment,t),$=!1},d(t){t&&w(e),f(n)}}}function W(t){let e,n;return{c(){e=g("div"),n=g("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var $=x(e);n=h($,"PRE",{class:!0}),x(n).forEach(w),$.forEach(w),this.h()},h(){k(n,"class","language-svelte"),k(e,"slot","source")},m(t,$){v(t,e,$),E(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Accordion</span> <span class="token attr-name"><span class="token namespace">let:</span>closeOtherPanels</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AccordionSection</span> <span class="token attr-name"><span class="token namespace">on:</span>panel-open=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>closeOtherPanels<span class="token punctuation">&#125;</span></span> <span class="token attr-name"><span class="token namespace">let:</span>toggle</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>handle<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>toggle<span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n        open first panel\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ChevronDownIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>20<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml accordion-chevron<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n    First panel\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>AccordionSection</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AccordionSection</span>\n    <span class="token attr-name"><span class="token namespace">on:</span>panel-open=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>closeOtherPanels<span class="token punctuation">&#125;</span></span>\n    <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>just text is enough<span class="token punctuation">"</span></span>\n  <span class="token punctuation">></span></span>\n    Second panel\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>AccordionSection</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Accordion</span><span class="token punctuation">></span></span></code>'},p:D,d(t){t&&w(e)}}}function X(t){let e;return{c(){e=u("Properties")},l(t){e=y(t,"Properties")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Z(t){let e;return{c(){e=u("Functional Properties")},l(t){e=y(t,"Functional Properties")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function _(t){let e;return{c(){e=u("Name")},l(t){e=y(t,"Name")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function tt(t){let e;return{c(){e=u("Default")},l(t){e=y(t,"Default")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function et(t){let e;return{c(){e=u("Type")},l(t){e=y(t,"Type")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function nt(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function $t(t){let e,n,$,c,r,m,g,u;return e=new M({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),r=new M({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment),m=i(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),v(t,m,s),o(g,t,s),u=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),g.$set(c)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),l(g.$$.fragment,t),u=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t),t&&w(m),f(g,t)}}}function st(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("label")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=y(a,"label"),a.forEach(w),s.forEach(w)},m(t,s){v(t,e,s),E(e,n),E(n,$)},p:D,d(t){t&&w(e)}}}function at(t){let e,n;return{c(){e=g("code"),n=u("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"null"),$.forEach(w)},m(t,$){v(t,e,$),E(e,n)},p:D,d(t){t&&w(e)}}}function ot(t){let e,n;return{c(){e=g("code"),n=u("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"string"),$.forEach(w)},m(t,$){v(t,e,$),E(e,n)},p:D,d(t){t&&w(e)}}}function ct(t){let e,n,$,s,a,o;return{c(){e=u("The label text to use on the button that toggles the section. "),n=g("br"),$=u(" Not used if the "),s=g("code"),a=u("handle"),o=u(" slot is provided.")},l(t){e=y(t,"The label text to use on the button that toggles the section. "),n=h(t,"BR",{}),$=y(t," Not used if the "),s=h(t,"CODE",{});var c=x(s);a=y(c,"handle"),c.forEach(w),o=y(t," slot is provided.")},m(t,c){v(t,e,c),v(t,n,c),v(t,$,c),v(t,s,c),E(s,a),v(t,o,c)},p:D,d(t){t&&w(e),t&&w(n),t&&w($),t&&w(s),t&&w(o)}}}function rt(t){let e,n,$,c,r,m,g,u;return e=new V({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),r=new V({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),g=new V({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment),m=i(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),v(t,m,s),o(g,t,s),u=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),g.$set(c)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),l(g.$$.fragment,t),u=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t),t&&w(m),f(g,t)}}}function pt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("open")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=y(a,"open"),a.forEach(w),s.forEach(w)},m(t,s){v(t,e,s),E(e,n),E(n,$)},p:D,d(t){t&&w(e)}}}function lt(t){let e,n;return{c(){e=g("code"),n=u("false")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"false"),$.forEach(w)},m(t,$){v(t,e,$),E(e,n)},p:D,d(t){t&&w(e)}}}function ft(t){let e,n;return{c(){e=g("code"),n=u("boolean")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"boolean"),$.forEach(w)},m(t,$){v(t,e,$),E(e,n)},p:D,d(t){t&&w(e)}}}function mt(t){let e;return{c(){e=u("The state of the section: opened or closed.")},l(t){e=y(t,"The state of the section: opened or closed.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function it(t){let e,n,$,c,r,m,g,u;return e=new V({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),r=new V({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),g=new V({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment),m=i(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),v(t,m,s),o(g,t,s),u=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),g.$set(c)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),l(g.$$.fragment,t),u=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t),t&&w(m),f(g,t)}}}function gt(t){let e,n,$,c,r,m,u,y;return n=new H({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),r=new H({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s(n.$$.fragment),$=i(),c=g("tbody"),s(r.$$.fragment),m=i(),s(u.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(w),$=d(t),c=h(t,"TBODY",{});var o=x(c);a(r.$$.fragment,o),m=d(o),a(u.$$.fragment,o),o.forEach(w)},m(t,s){v(t,e,s),o(n,e,null),v(t,$,s),v(t,c,s),o(r,c,null),E(c,m),o(u,c,null),y=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),r.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),u.$set(a)},i(t){y||(p(n.$$.fragment,t),p(r.$$.fragment,t),p(u.$$.fragment,t),y=!0)},o(t){l(n.$$.fragment,t),l(r.$$.fragment,t),l(u.$$.fragment,t),y=!1},d(t){t&&w(e),f(n),t&&w($),t&&w(c),f(r),f(u)}}}function ut(t){let e;return{c(){e=u("Class Properties")},l(t){e=y(t,"Class Properties")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function dt(t){let e,n,$,s,a,o,c,r,p,l;return{c(){e=u("All "),n=g("code"),$=u("<AccordionSection>"),s=u(" components use the "),a=g("code"),o=u(".panel"),c=u(" class for the handle and the "),r=g("code"),p=u("section"),l=u(" tag for the hidden content.")},l(t){e=y(t,"All "),n=h(t,"CODE",{});var f=x(n);$=y(f,"<AccordionSection>"),f.forEach(w),s=y(t," components use the "),a=h(t,"CODE",{});var m=x(a);o=y(m,".panel"),m.forEach(w),c=y(t," class for the handle and the "),r=h(t,"CODE",{});var i=x(r);p=y(i,"section"),i.forEach(w),l=y(t," tag for the hidden content.")},m(t,f){v(t,e,f),v(t,n,f),E(n,$),v(t,s,f),v(t,a,f),E(a,o),v(t,c,f),v(t,r,f),E(r,p),v(t,l,f)},p:D,d(t){t&&w(e),t&&w(n),t&&w(s),t&&w(a),t&&w(c),t&&w(r),t&&w(l)}}}function ht(t){let e;return{c(){e=u("Falsy values passed to classes will be disregarded.")},l(t){e=y(t,"Falsy values passed to classes will be disregarded.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function xt(t){let e;return{c(){e=u("Name")},l(t){e=y(t,"Name")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function yt(t){let e;return{c(){e=u("Default")},l(t){e=y(t,"Default")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function wt(t){let e;return{c(){e=u("Type")},l(t){e=y(t,"Type")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function vt(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Et(t){let e,n,$,c,r,m,g,u;return e=new M({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),r=new M({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment),m=i(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),v(t,m,s),o(g,t,s),u=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),g.$set(c)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),l(g.$$.fragment,t),u=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t),t&&w(m),f(g,t)}}}function kt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("class")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=y(a,"class"),a.forEach(w),s.forEach(w)},m(t,s){v(t,e,s),E(e,n),E(n,$)},p:D,d(t){t&&w(e)}}}function Dt(t){let e,n;return{c(){e=g("code"),n=u("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"null"),$.forEach(w)},m(t,$){v(t,e,$),E(e,n)},p:D,d(t){t&&w(e)}}}function bt(t){let e,n;return{c(){e=g("code"),n=u("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"string"),$.forEach(w)},m(t,$){v(t,e,$),E(e,n)},p:D,d(t){t&&w(e)}}}function Ot(t){let e;return{c(){e=u("A class string to add to the handle.")},l(t){e=y(t,"A class string to add to the handle.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Tt(t){let e,n,$,c,r,m,g,u;return e=new V({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),r=new V({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),g=new V({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment),m=i(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),v(t,m,s),o(g,t,s),u=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),g.$set(c)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),l(g.$$.fragment,t),u=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t),t&&w(m),f(g,t)}}}function Ct(t){let e,n,$,c,r,m;return n=new H({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),r=new H({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s(n.$$.fragment),$=i(),c=g("tbody"),s(r.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(w),$=d(t),c=h(t,"TBODY",{});var o=x(c);a(r.$$.fragment,o),o.forEach(w)},m(t,s){v(t,e,s),o(n,e,null),v(t,$,s),v(t,c,s),o(r,c,null),m=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),r.$set(s)},i(t){m||(p(n.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){t&&w(e),f(n),t&&w($),t&&w(c),f(r)}}}function St(t){let e;return{c(){e=u("Events")},l(t){e=y(t,"Events")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function At(t){let e;return{c(){e=u("Name")},l(t){e=y(t,"Name")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function jt(t){let e;return{c(){e=u("Event Detail")},l(t){e=y(t,"Event Detail")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Bt(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Nt(t){let e,n,$,c,r,m;return e=new M({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),r=new M({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t)}}}function Ft(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("panel-open")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=y(a,"panel-open"),a.forEach(w),s.forEach(w)},m(t,s){v(t,e,s),E(e,n),E(n,$)},p:D,d(t){t&&w(e)}}}function Pt(t){let e,n;return{c(){e=g("code"),n=u("{ close(), toggle() }")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"{ close(), toggle() }"),$.forEach(w)},m(t,$){v(t,e,$),E(e,n)},p:D,d(t){t&&w(e)}}}function Rt(t){let e;return{c(){e=u("Fired when the panel is opened. The detail object contains callbacks to close and toggle the panel respectively.")},l(t){e=y(t,"Fired when the panel is opened. The detail object contains callbacks to close and toggle the panel respectively.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Lt(t){let e,n,$,c,r,m;return e=new V({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),r=new V({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t)}}}function Gt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("panel-close")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=y(a,"panel-close"),a.forEach(w),s.forEach(w)},m(t,s){v(t,e,s),E(e,n),E(n,$)},p:D,d(t){t&&w(e)}}}function Ht(t){let e,n;return{c(){e=g("code"),n=u("{ close(), toggle() }")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"{ close(), toggle() }"),$.forEach(w)},m(t,$){v(t,e,$),E(e,n)},p:D,d(t){t&&w(e)}}}function Mt(t){let e;return{c(){e=u("Fired when the panel is closed. The detail object contains callbacks to close and toggle the panel respectively.")},l(t){e=y(t,"Fired when the panel is closed. The detail object contains callbacks to close and toggle the panel respectively.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Vt(t){let e,n,$,c,r,m;return e=new V({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),r=new V({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t)}}}function It(t){let e,n,$,c,r,m,u,y;return n=new H({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),r=new H({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s(n.$$.fragment),$=i(),c=g("tbody"),s(r.$$.fragment),m=i(),s(u.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(w),$=d(t),c=h(t,"TBODY",{});var o=x(c);a(r.$$.fragment,o),m=d(o),a(u.$$.fragment,o),o.forEach(w)},m(t,s){v(t,e,s),o(n,e,null),v(t,$,s),v(t,c,s),o(r,c,null),E(c,m),o(u,c,null),y=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),r.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),u.$set(a)},i(t){y||(p(n.$$.fragment,t),p(r.$$.fragment,t),p(u.$$.fragment,t),y=!0)},o(t){l(n.$$.fragment,t),l(r.$$.fragment,t),l(u.$$.fragment,t),y=!1},d(t){t&&w(e),f(n),t&&w($),t&&w(c),f(r),f(u)}}}function Yt(t){let e;return{c(){e=u("Slots")},l(t){e=y(t,"Slots")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Ut(t){let e;return{c(){e=u("Default slot")},l(t){e=y(t,"Default slot")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function zt(t){let e;return{c(){e=u("The content of the AccordionSection, initially hidden.")},l(t){e=y(t,"The content of the AccordionSection, initially hidden.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Kt(t){let e,n,$;return{c(){e=g("code"),n=u("handle"),$=u(" slot")},l(t){e=h(t,"CODE",{});var s=x(e);n=y(s,"handle"),s.forEach(w),$=y(t," slot")},m(t,s){v(t,e,s),E(e,n),v(t,$,s)},p:D,d(t){t&&w(e),t&&w($)}}}function qt(t){let e,n,$,s;return{c(){e=u("The handle used for opening the hidden content. By default it contains a Button with the text taken from the "),n=g("code"),$=u("label"),s=u(" prop.")},l(t){e=y(t,"The handle used for opening the hidden content. By default it contains a Button with the text taken from the "),n=h(t,"CODE",{});var a=x(n);$=y(a,"label"),a.forEach(w),s=y(t," prop.")},m(t,a){v(t,e,a),v(t,n,a),E(n,$),v(t,s,a)},p:D,d(t){t&&w(e),t&&w(n),t&&w(s)}}}function Jt(t){let e;return{c(){e=u("Prop Name")},l(t){e=y(t,"Prop Name")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Qt(t){let e;return{c(){e=u("Type")},l(t){e=y(t,"Type")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Wt(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Xt(t){let e,n,$,c,r,m;return e=new M({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),r=new M({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t)}}}function Zt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("toggle")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=y(a,"toggle"),a.forEach(w),s.forEach(w)},m(t,s){v(t,e,s),E(e,n),E(n,$)},p:D,d(t){t&&w(e)}}}function _t(t){let e,n;return{c(){e=g("code"),n=u("Function")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"Function"),$.forEach(w)},m(t,$){v(t,e,$),E(e,n)},p:D,d(t){t&&w(e)}}}function te(t){let e;return{c(){e=u("A callback to toggle the open state of the current panel.")},l(t){e=y(t,"A callback to toggle the open state of the current panel.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function ee(t){let e,n,$,c,r,m;return e=new V({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),r=new V({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t)}}}function ne(t){let e,n,$,c,r,m;return n=new H({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),r=new H({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s(n.$$.fragment),$=i(),c=g("tbody"),s(r.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(w),$=d(t),c=h(t,"TBODY",{});var o=x(c);a(r.$$.fragment,o),o.forEach(w)},m(t,s){v(t,e,s),o(n,e,null),v(t,$,s),v(t,c,s),o(r,c,null),m=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),r.$set(s)},i(t){m||(p(n.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){t&&w(e),f(n),t&&w($),t&&w(c),f(r)}}}function $e(t){let e;return{c(){e=u("SCSS Variables")},l(t){e=y(t,"SCSS Variables")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function se(t){let e;return{c(){e=u("Name")},l(t){e=y(t,"Name")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function ae(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function oe(t){let e;return{c(){e=u("Default")},l(t){e=y(t,"Default")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function ce(t){let e,n,$,c,r,m;return e=new M({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),r=new M({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t)}}}function re(t){let e,n,$,s,a,o,c,r,p;return{c(){e=g("strong"),n=g("code"),$=u("$main"),s=i(),a=g("small"),o=u("From "),c=g("a"),r=g("code"),p=u("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);n=h(l,"CODE",{});var f=x(n);$=y(f,"$main"),f.forEach(w),l.forEach(w),s=d(t),a=h(t,"SMALL",{});var m=x(a);o=y(m,"From "),c=h(m,"A",{href:!0});var i=x(c);r=h(i,"CODE",{});var g=x(r);p=y(g,"Button"),g.forEach(w),i.forEach(w),m.forEach(w),this.h()},h(){k(c,"href","./docs/components/button")},m(t,l){v(t,e,l),E(e,n),E(n,$),v(t,s,l),v(t,a,l),E(a,o),E(a,c),E(c,r),E(r,p)},p:D,d(t){t&&w(e),t&&w(s),t&&w(a)}}}function pe(t){let e;return{c(){e=u("The color and hover background of the section handle.")},l(t){e=y(t,"The color and hover background of the section handle.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function le(t){let e,n;return e=new F({props:{value:"#4300B0"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p:D,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function fe(t){let e,n,$,c,r,m;return e=new V({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),r=new V({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t)}}}function me(t){let e,n,$,s,a,o,c,r,p;return{c(){e=g("strong"),n=g("code"),$=u("$font"),s=i(),a=g("small"),o=u("From "),c=g("a"),r=g("code"),p=u("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);n=h(l,"CODE",{});var f=x(n);$=y(f,"$font"),f.forEach(w),l.forEach(w),s=d(t),a=h(t,"SMALL",{});var m=x(a);o=y(m,"From "),c=h(m,"A",{href:!0});var i=x(c);r=h(i,"CODE",{});var g=x(r);p=y(g,"Button"),g.forEach(w),i.forEach(w),m.forEach(w),this.h()},h(){k(c,"href","./docs/components/button")},m(t,l){v(t,e,l),E(e,n),E(n,$),v(t,s,l),v(t,a,l),E(a,o),E(a,c),E(c,r),E(r,p)},p:D,d(t){t&&w(e),t&&w(s),t&&w(a)}}}function ie(t){let e;return{c(){e=u("The font of the section handle.")},l(t){e=y(t,"The font of the section handle.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function ge(t){let e,n;return{c(){e=g("code"),n=u("'Ubuntu'")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"'Ubuntu'"),$.forEach(w)},m(t,$){v(t,e,$),E(e,n)},p:D,d(t){t&&w(e)}}}function ue(t){let e,n,$,c,r,m;return e=new V({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),r=new V({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t)}}}function de(t){let e,n,$,s,a,o,c,r,p;return{c(){e=g("strong"),n=g("code"),$=u("$button-radius"),s=i(),a=g("small"),o=u("From "),c=g("a"),r=g("code"),p=u("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);n=h(l,"CODE",{});var f=x(n);$=y(f,"$button-radius"),f.forEach(w),l.forEach(w),s=d(t),a=h(t,"SMALL",{});var m=x(a);o=y(m,"From "),c=h(m,"A",{href:!0});var i=x(c);r=h(i,"CODE",{});var g=x(r);p=y(g,"Button"),g.forEach(w),i.forEach(w),m.forEach(w),this.h()},h(){k(c,"href","./docs/components/button")},m(t,l){v(t,e,l),E(e,n),E(n,$),v(t,s,l),v(t,a,l),E(a,o),E(a,c),E(c,r),E(r,p)},p:D,d(t){t&&w(e),t&&w(s),t&&w(a)}}}function he(t){let e;return{c(){e=u("The curvature radius of the section handle.")},l(t){e=y(t,"The curvature radius of the section handle.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function xe(t){let e,n;return{c(){e=g("code"),n=u("1.5625em")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"1.5625em"),$.forEach(w)},m(t,$){v(t,e,$),E(e,n)},p:D,d(t){t&&w(e)}}}function ye(t){let e,n,$,c,r,m;return e=new V({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),r=new V({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t)}}}function we(t){let e,n,$,s,a,o,c,r,p;return{c(){e=g("strong"),n=g("code"),$=u("$bold-font-weight"),s=i(),a=g("small"),o=u("From "),c=g("a"),r=g("code"),p=u("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);n=h(l,"CODE",{});var f=x(n);$=y(f,"$bold-font-weight"),f.forEach(w),l.forEach(w),s=d(t),a=h(t,"SMALL",{});var m=x(a);o=y(m,"From "),c=h(m,"A",{href:!0});var i=x(c);r=h(i,"CODE",{});var g=x(r);p=y(g,"Button"),g.forEach(w),i.forEach(w),m.forEach(w),this.h()},h(){k(c,"href","./docs/components/button")},m(t,l){v(t,e,l),E(e,n),E(n,$),v(t,s,l),v(t,a,l),E(a,o),E(a,c),E(c,r),E(r,p)},p:D,d(t){t&&w(e),t&&w(s),t&&w(a)}}}function ve(t){let e;return{c(){e=u("The font weight of the section handle.")},l(t){e=y(t,"The font weight of the section handle.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Ee(t){let e,n;return{c(){e=g("code"),n=u("500")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"500"),$.forEach(w)},m(t,$){v(t,e,$),E(e,n)},p:D,d(t){t&&w(e)}}}function ke(t){let e,n,$,c,r,m;return e=new V({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),r=new V({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t)}}}function De(t){let e,n,$,c,r,m,u,y,k,D,b,O;return n=new H({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),r=new H({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),k=new H({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),b=new H({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s(n.$$.fragment),$=i(),c=g("tbody"),s(r.$$.fragment),m=i(),s(u.$$.fragment),y=i(),s(k.$$.fragment),D=i(),s(b.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(w),$=d(t),c=h(t,"TBODY",{});var o=x(c);a(r.$$.fragment,o),m=d(o),a(u.$$.fragment,o),y=d(o),a(k.$$.fragment,o),D=d(o),a(b.$$.fragment,o),o.forEach(w)},m(t,s){v(t,e,s),o(n,e,null),v(t,$,s),v(t,c,s),o(r,c,null),E(c,m),o(u,c,null),E(c,y),o(k,c,null),E(c,D),o(b,c,null),O=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),r.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),u.$set(a);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),k.$set(o);const c={};8&e&&(c.$$scope={dirty:e,ctx:t}),b.$set(c)},i(t){O||(p(n.$$.fragment,t),p(r.$$.fragment,t),p(u.$$.fragment,t),p(k.$$.fragment,t),p(b.$$.fragment,t),O=!0)},o(t){l(n.$$.fragment,t),l(r.$$.fragment,t),l(u.$$.fragment,t),l(k.$$.fragment,t),l(b.$$.fragment,t),O=!1},d(t){t&&w(e),f(n),t&&w($),t&&w(c),f(r),f(u),f(k),f(b)}}}function be(t){let e,n,$,c,r,m,k,D,b,O,S,A,j,B,F,H,M,V,U,z,K,q,J,_,tt,et,nt,$t,st,at,ot,ct,rt,pt,lt,ft,mt,it,xt,yt,wt,vt,Et,kt,Dt;return e=new T({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),$=new C({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),r=new P({props:{components:Se}}),k=new N({props:{$$slots:{source:[W],showcase:[Q]},$$scope:{ctx:t}}}),b=new R({props:{id:"properties",$$slots:{default:[X]},$$scope:{ctx:t}}}),S=new L({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),j=new G({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),F=new L({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),M=new C({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),U=new C({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),K=new G({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),et=new R({props:{id:"events",$$slots:{default:[St]},$$scope:{ctx:t}}}),$t=new G({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),at=new R({props:{id:"slots",$$slots:{default:[Yt]},$$scope:{ctx:t}}}),ct=new L({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),pt=new C({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),ft=new L({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),it=new C({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),yt=new G({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),vt=new R({props:{id:"scss-variables",$$slots:{default:[$e]},$$scope:{ctx:t}}}),kt=new G({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment),m=i(),s(k.$$.fragment),D=i(),s(b.$$.fragment),O=i(),s(S.$$.fragment),A=i(),s(j.$$.fragment),B=i(),s(F.$$.fragment),H=i(),s(M.$$.fragment),V=i(),s(U.$$.fragment),z=i(),s(K.$$.fragment),q=i(),J=g("mark"),_=u("Bonus"),tt=u(": use the `.accordion-chevron` class for the chevrons on the handle to get a nice rotation animation (see showcase).\n"),s(et.$$.fragment),nt=i(),s($t.$$.fragment),st=i(),s(at.$$.fragment),ot=i(),s(ct.$$.fragment),rt=i(),s(pt.$$.fragment),lt=i(),s(ft.$$.fragment),mt=i(),s(it.$$.fragment),xt=i(),s(yt.$$.fragment),wt=i(),s(vt.$$.fragment),Et=i(),s(kt.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t),m=d(t),a(k.$$.fragment,t),D=d(t),a(b.$$.fragment,t),O=d(t),a(S.$$.fragment,t),A=d(t),a(j.$$.fragment,t),B=d(t),a(F.$$.fragment,t),H=d(t),a(M.$$.fragment,t),V=d(t),a(U.$$.fragment,t),z=d(t),a(K.$$.fragment,t),q=d(t),J=h(t,"MARK",{});var s=x(J);_=y(s,"Bonus"),s.forEach(w),tt=y(t,": use the `.accordion-chevron` class for the chevrons on the handle to get a nice rotation animation (see showcase).\n"),a(et.$$.fragment,t),nt=d(t),a($t.$$.fragment,t),st=d(t),a(at.$$.fragment,t),ot=d(t),a(ct.$$.fragment,t),rt=d(t),a(pt.$$.fragment,t),lt=d(t),a(ft.$$.fragment,t),mt=d(t),a(it.$$.fragment,t),xt=d(t),a(yt.$$.fragment,t),wt=d(t),a(vt.$$.fragment,t),Et=d(t),a(kt.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),v(t,m,s),o(k,t,s),v(t,D,s),o(b,t,s),v(t,O,s),o(S,t,s),v(t,A,s),o(j,t,s),v(t,B,s),o(F,t,s),v(t,H,s),o(M,t,s),v(t,V,s),o(U,t,s),v(t,z,s),o(K,t,s),v(t,q,s),v(t,J,s),E(J,_),v(t,tt,s),o(et,t,s),v(t,nt,s),o($t,t,s),v(t,st,s),o(at,t,s),v(t,ot,s),o(ct,t,s),v(t,rt,s),o(pt,t,s),v(t,lt,s),o(ft,t,s),v(t,mt,s),o(it,t,s),v(t,xt,s),o(yt,t,s),v(t,wt,s),o(vt,t,s),v(t,Et,s),o(kt,t,s),Dt=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),k.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),b.$set(c);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),S.$set(r);const p={};8&n&&(p.$$scope={dirty:n,ctx:t}),j.$set(p);const l={};8&n&&(l.$$scope={dirty:n,ctx:t}),F.$set(l);const f={};8&n&&(f.$$scope={dirty:n,ctx:t}),M.$set(f);const m={};8&n&&(m.$$scope={dirty:n,ctx:t}),U.$set(m);const i={};8&n&&(i.$$scope={dirty:n,ctx:t}),K.$set(i);const g={};8&n&&(g.$$scope={dirty:n,ctx:t}),et.$set(g);const u={};8&n&&(u.$$scope={dirty:n,ctx:t}),$t.$set(u);const d={};8&n&&(d.$$scope={dirty:n,ctx:t}),at.$set(d);const h={};8&n&&(h.$$scope={dirty:n,ctx:t}),ct.$set(h);const x={};8&n&&(x.$$scope={dirty:n,ctx:t}),pt.$set(x);const y={};8&n&&(y.$$scope={dirty:n,ctx:t}),ft.$set(y);const w={};8&n&&(w.$$scope={dirty:n,ctx:t}),it.$set(w);const v={};8&n&&(v.$$scope={dirty:n,ctx:t}),yt.$set(v);const E={};8&n&&(E.$$scope={dirty:n,ctx:t}),vt.$set(E);const D={};8&n&&(D.$$scope={dirty:n,ctx:t}),kt.$set(D)},i(t){Dt||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),p(k.$$.fragment,t),p(b.$$.fragment,t),p(S.$$.fragment,t),p(j.$$.fragment,t),p(F.$$.fragment,t),p(M.$$.fragment,t),p(U.$$.fragment,t),p(K.$$.fragment,t),p(et.$$.fragment,t),p($t.$$.fragment,t),p(at.$$.fragment,t),p(ct.$$.fragment,t),p(pt.$$.fragment,t),p(ft.$$.fragment,t),p(it.$$.fragment,t),p(yt.$$.fragment,t),p(vt.$$.fragment,t),p(kt.$$.fragment,t),Dt=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),l(k.$$.fragment,t),l(b.$$.fragment,t),l(S.$$.fragment,t),l(j.$$.fragment,t),l(F.$$.fragment,t),l(M.$$.fragment,t),l(U.$$.fragment,t),l(K.$$.fragment,t),l(et.$$.fragment,t),l($t.$$.fragment,t),l(at.$$.fragment,t),l(ct.$$.fragment,t),l(pt.$$.fragment,t),l(ft.$$.fragment,t),l(it.$$.fragment,t),l(yt.$$.fragment,t),l(vt.$$.fragment,t),l(kt.$$.fragment,t),Dt=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t),t&&w(m),f(k,t),t&&w(D),f(b,t),t&&w(O),f(S,t),t&&w(A),f(j,t),t&&w(B),f(F,t),t&&w(H),f(M,t),t&&w(V),f(U,t),t&&w(z),f(K,t),t&&w(q),t&&w(J),t&&w(tt),f(et,t),t&&w(nt),f($t,t),t&&w(st),f(at,t),t&&w(ot),f(ct,t),t&&w(rt),f(pt,t),t&&w(lt),f(ft,t),t&&w(mt),f(it,t),t&&w(xt),f(yt,t),t&&w(wt),f(vt,t),t&&w(Et),f(kt,t)}}}function Oe(t){let e,n;const m=[t[0],Te];let i={$$slots:{default:[be]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=$(i,m[t]);return e=new O({props:i}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p(t,[n]){const $=1&n?c(m,[1&n&&r(t[0]),0&n&&r(Te)]):{};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}const Te={name:"AccordionSection",relatedComponents:[{name:"Accordion",link:"./docs/components/accordion"}]},{name:Ce,relatedComponents:Se}=Te;function Ae(t,e,n){return t.$$set=t=>{n(0,e=$($({},e),m(t)))},[e=m(e)]}class je extends t{constructor(t){super(),e(this,t,Ae,Oe,n,{})}}export{je as default,Te as metadata};
diff --git a/376/client/accordion.0425a0fb.js b/376/client/accordion.0425a0fb.js
new file mode 100644
index 000000000..a7a6b5dba
--- /dev/null
+++ b/376/client/accordion.0425a0fb.js
@@ -0,0 +1 @@
+import{S as t,i as n,s as e,K as s,j as a,l as o,m as $,U as c,a0 as r,t as p,p as l,q as f,L as m,u as i,w as u,f as g,d,v as x,x as h,h as k,k as y,b as w,e as v,g as E,n as D,H as b,y as A,z as O,a9 as C,V as j}from"./client.0d36a0cf.js";import{L as T,H as P,P as S}from"./layout.b2760304.js";import{B as N}from"./button.743a388a.js";import{A as H,a as B}from"./accordion-section.3cf8ee10.js";import{C as R}from"./ChevronDownIcon.fcf5cd50.js";import{S as F}from"./showcase.8eb3893d.js";import{R as I}from"./related-components.2f822d5e.js";import{H as G}from"./h2.122c8b9f.js";import{H as V}from"./h3.1e03849b.js";import{T as z,a as L,b as Y,c as K}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./card.72b37821.js";function M(t,n,e){const s=t.slice();return s[2]=n[e],s}function q(t){let n;return{c(){n=x("Accordion")},l(t){n=h(t,"Accordion")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function U(t){let n;return{c(){n=x("A controller for multiple collapsible elements, allowing either one open panel at a time or infinite.")},l(t){n=h(t,"A controller for multiple collapsible elements, allowing either one open panel at a time or infinite.")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function J(t){let n,e,s;return{c(){n=x("Content of panel "),e=x(t[2]),s=i()},l(a){n=h(a,"Content of panel "),e=h(a,t[2]),s=u(a)},m(t,a){g(t,n,a),g(t,e,a),g(t,s,a)},p:D,d(t){t&&d(n),t&&d(e),t&&d(s)}}}function Q(t){let n,e,s,c,r;return c=new R({props:{size:"20",class:"ml accordion-chevron"}}),{c(){n=x("open panel "),e=x(t[2]),s=i(),a(c.$$.fragment)},l(a){n=h(a,"open panel "),e=h(a,t[2]),s=u(a),o(c.$$.fragment,a)},m(t,a){g(t,n,a),g(t,e,a),g(t,s,a),$(c,t,a),r=!0},p:D,i(t){r||(p(c.$$.fragment,t),r=!0)},o(t){l(c.$$.fragment,t),r=!1},d(t){t&&d(n),t&&d(e),t&&d(s),f(c,t)}}}function W(t){let n,e,s,c;return e=new N({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),e.$on("click",(function(){j(t[5])&&t[5].apply(this,arguments)})),{c(){n=k("div"),a(e.$$.fragment),s=i(),this.h()},l(t){n=y(t,"DIV",{slot:!0});var a=w(n);o(e.$$.fragment,a),s=u(a),a.forEach(d),this.h()},h(){v(n,"slot","handle")},m(t,a){g(t,n,a),$(e,n,null),E(n,s),c=!0},p(n,s){t=n;const a={};64&s&&(a.$$scope={dirty:s,ctx:t}),e.$set(a)},i(t){c||(p(e.$$.fragment,t),c=!0)},o(t){l(e.$$.fragment,t),c=!1},d(t){t&&d(n),f(e)}}}function X(t){let n,e;return n=new B({props:{$$slots:{handle:[W,({toggle:t})=>({5:t}),({toggle:t})=>t?32:0],default:[J]},$$scope:{ctx:t}}}),n.$on("panel-open",(function(){j(t[1])&&t[1].apply(this,arguments)})),{c(){a(n.$$.fragment)},l(t){o(n.$$.fragment,t)},m(t,s){$(n,t,s),e=!0},p(e,s){t=e;const a={};96&s&&(a.$$scope={dirty:s,ctx:t}),n.$set(a)},i(t){e||(p(n.$$.fragment,t),e=!0)},o(t){l(n.$$.fragment,t),e=!1},d(t){f(n,t)}}}function Z(t){let n,e,s=[0,1,2,3,4],a=[];for(let n=0;n<5;n+=1)a[n]=X(M(t,s,n));const o=t=>l(a[t],1,1,(()=>{a[t]=null}));return{c(){for(let t=0;t<5;t+=1)a[t].c();n=b()},l(t){for(let n=0;n<5;n+=1)a[n].l(t);n=b()},m(t,s){for(let n=0;n<5;n+=1)a[n]&&a[n].m(t,s);g(t,n,s),e=!0},p(t,e){if(34&e){let $;for(s=[0,1,2,3,4],$=0;$<5;$+=1){const o=M(t,s,$);a[$]?(a[$].p(o,e),p(a[$],1)):(a[$]=X(o),a[$].c(),p(a[$],1),a[$].m(n.parentNode,n))}for(A(),$=5;$<5;$+=1)o($);O()}},i(t){if(!e){for(let t=0;t<5;t+=1)p(a[t]);e=!0}},o(t){a=a.filter(Boolean);for(let t=0;t<5;t+=1)l(a[t]);e=!1},d(t){C(a,t),t&&d(n)}}}function _(t){let n,e,s;return e=new H({props:{$$slots:{default:[Z,({closeOtherPanels:t})=>({1:t}),({closeOtherPanels:t})=>t?2:0]},$$scope:{ctx:t}}}),{c(){n=k("div"),a(e.$$.fragment),this.h()},l(t){n=y(t,"DIV",{slot:!0,class:!0});var s=w(n);o(e.$$.fragment,s),s.forEach(d),this.h()},h(){v(n,"slot","showcase"),v(n,"class","svelte-bic265")},m(t,a){g(t,n,a),$(e,n,null),s=!0},p(t,n){const s={};66&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){s||(p(e.$$.fragment,t),s=!0)},o(t){l(e.$$.fragment,t),s=!1},d(t){t&&d(n),f(e)}}}function tt(t){let n,e;return{c(){n=k("div"),e=k("pre"),this.h()},l(t){n=y(t,"DIV",{slot:!0});var s=w(n);e=y(s,"PRE",{class:!0}),w(e).forEach(d),s.forEach(d),this.h()},h(){v(e,"class","language-svelte"),v(n,"slot","source")},m(t,s){g(t,n,s),E(n,e),e.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Accordion</span> <span class="token attr-name"><span class="token namespace">let:</span>closeOtherPanels</span><span class="token punctuation">></span></span>\n  <span class="token each"><span class="token punctuation">&#123;</span><span class="token keyword">#each</span> <span class="token language-javascript"><span class="token punctuation">[</span><span class="token number">0</span><span class="token punctuation">,</span> <span class="token number">1</span><span class="token punctuation">,</span> <span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">,</span> <span class="token number">4</span><span class="token punctuation">]</span> </span><span class="token keyword">as</span> <span class="token language-javascript">idx<span class="token punctuation">&#125;</span></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AccordionSection</span> <span class="token attr-name"><span class="token namespace">on:</span>panel-open=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>closeOtherPanels<span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>handle<span class="token punctuation">"</span></span> <span class="token attr-name"><span class="token namespace">let:</span>toggle</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>toggle<span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n          open panel <span class="token language-javascript"><span class="token punctuation">&#123;</span>idx<span class="token punctuation">&#125;</span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ChevronDownIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>20<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml accordion-chevron<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n      Content of panel <span class="token language-javascript"><span class="token punctuation">&#123;</span>idx<span class="token punctuation">&#125;</span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>AccordionSection</span><span class="token punctuation">></span></span>\n  <span class="token each"><span class="token punctuation">&#123;</span><span class="token keyword">/each</span><span class="token punctuation">&#125;</span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Accordion</span><span class="token punctuation">></span></span></code>'},p:D,d(t){t&&d(n)}}}function nt(t){let n;return{c(){n=x("Properties")},l(t){n=h(t,"Properties")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function et(t){let n;return{c(){n=x("Functional Properties")},l(t){n=h(t,"Functional Properties")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function st(t){let n;return{c(){n=x("Name")},l(t){n=h(t,"Name")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function at(t){let n;return{c(){n=x("Default")},l(t){n=h(t,"Default")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function ot(t){let n;return{c(){n=x("Type")},l(t){n=h(t,"Type")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function $t(t){let n;return{c(){n=x("Description")},l(t){n=h(t,"Description")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function ct(t){let n,e,s,c,r,m,x,h;return n=new Y({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),s=new Y({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),r=new Y({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),x=new Y({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=i(),a(s.$$.fragment),c=i(),a(r.$$.fragment),m=i(),a(x.$$.fragment)},l(t){o(n.$$.fragment,t),e=u(t),o(s.$$.fragment,t),c=u(t),o(r.$$.fragment,t),m=u(t),o(x.$$.fragment,t)},m(t,a){$(n,t,a),g(t,e,a),$(s,t,a),g(t,c,a),$(r,t,a),g(t,m,a),$(x,t,a),h=!0},p(t,e){const a={};64&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const o={};64&e&&(o.$$scope={dirty:e,ctx:t}),s.$set(o);const $={};64&e&&($.$$scope={dirty:e,ctx:t}),r.$set($);const c={};64&e&&(c.$$scope={dirty:e,ctx:t}),x.$set(c)},i(t){h||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(r.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(r.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(c),f(r,t),t&&d(m),f(x,t)}}}function rt(t){let n,e,s;return{c(){n=k("strong"),e=k("code"),s=x("multiple")},l(t){n=y(t,"STRONG",{});var a=w(n);e=y(a,"CODE",{});var o=w(e);s=h(o,"multiple"),o.forEach(d),a.forEach(d)},m(t,a){g(t,n,a),E(n,e),E(e,s)},p:D,d(t){t&&d(n)}}}function pt(t){let n,e;return{c(){n=k("code"),e=x("false")},l(t){n=y(t,"CODE",{});var s=w(n);e=h(s,"false"),s.forEach(d)},m(t,s){g(t,n,s),E(n,e)},p:D,d(t){t&&d(n)}}}function lt(t){let n,e;return{c(){n=k("code"),e=x("boolean")},l(t){n=y(t,"CODE",{});var s=w(n);e=h(s,"boolean"),s.forEach(d)},m(t,s){g(t,n,s),E(n,e)},p:D,d(t){t&&d(n)}}}function ft(t){let n,e,s,a;return{c(){n=x("Setting this to "),e=k("code"),s=x("true"),a=x(" allows multiple panels to be open at the same time.")},l(t){n=h(t,"Setting this to "),e=y(t,"CODE",{});var o=w(e);s=h(o,"true"),o.forEach(d),a=h(t," allows multiple panels to be open at the same time.")},m(t,o){g(t,n,o),g(t,e,o),E(e,s),g(t,a,o)},p:D,d(t){t&&d(n),t&&d(e),t&&d(a)}}}function mt(t){let n,e,s,c,r,m,x,h;return n=new K({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),s=new K({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),r=new K({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),x=new K({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=i(),a(s.$$.fragment),c=i(),a(r.$$.fragment),m=i(),a(x.$$.fragment)},l(t){o(n.$$.fragment,t),e=u(t),o(s.$$.fragment,t),c=u(t),o(r.$$.fragment,t),m=u(t),o(x.$$.fragment,t)},m(t,a){$(n,t,a),g(t,e,a),$(s,t,a),g(t,c,a),$(r,t,a),g(t,m,a),$(x,t,a),h=!0},p(t,e){const a={};64&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const o={};64&e&&(o.$$scope={dirty:e,ctx:t}),s.$set(o);const $={};64&e&&($.$$scope={dirty:e,ctx:t}),r.$set($);const c={};64&e&&(c.$$scope={dirty:e,ctx:t}),x.$set(c)},i(t){h||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(r.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(r.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(c),f(r,t),t&&d(m),f(x,t)}}}function it(t){let n,e,s;return{c(){n=k("strong"),e=k("code"),s=x("...")},l(t){n=y(t,"STRONG",{});var a=w(n);e=y(a,"CODE",{});var o=w(e);s=h(o,"..."),o.forEach(d),a.forEach(d)},m(t,a){g(t,n,a),E(n,e),E(e,s)},p:D,d(t){t&&d(n)}}}function ut(t){let n,e;return{c(){n=k("code"),e=x("any")},l(t){n=y(t,"CODE",{});var s=w(n);e=h(s,"any"),s.forEach(d)},m(t,s){g(t,n,s),E(n,e)},p:D,d(t){t&&d(n)}}}function gt(t){let n,e,s,a;return{c(){n=x("Everything else will be passed to the underlying "),e=k("code"),s=x("<ul>"),a=x(" element.")},l(t){n=h(t,"Everything else will be passed to the underlying "),e=y(t,"CODE",{});var o=w(e);s=h(o,"<ul>"),o.forEach(d),a=h(t," element.")},m(t,o){g(t,n,o),g(t,e,o),E(e,s),g(t,a,o)},p:D,d(t){t&&d(n),t&&d(e),t&&d(a)}}}function dt(t){let n,e,s,c,r,m,x,h;return n=new K({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),s=new K({}),r=new K({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),x=new K({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=i(),a(s.$$.fragment),c=i(),a(r.$$.fragment),m=i(),a(x.$$.fragment)},l(t){o(n.$$.fragment,t),e=u(t),o(s.$$.fragment,t),c=u(t),o(r.$$.fragment,t),m=u(t),o(x.$$.fragment,t)},m(t,a){$(n,t,a),g(t,e,a),$(s,t,a),g(t,c,a),$(r,t,a),g(t,m,a),$(x,t,a),h=!0},p(t,e){const s={};64&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};64&e&&(a.$$scope={dirty:e,ctx:t}),r.$set(a);const o={};64&e&&(o.$$scope={dirty:e,ctx:t}),x.$set(o)},i(t){h||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(r.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(r.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(c),f(r,t),t&&d(m),f(x,t)}}}function xt(t){let n,e,s,c,r,m,x,h;return e=new L({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),r=new L({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),x=new L({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),{c(){n=k("thead"),a(e.$$.fragment),s=i(),c=k("tbody"),a(r.$$.fragment),m=i(),a(x.$$.fragment)},l(t){n=y(t,"THEAD",{});var a=w(n);o(e.$$.fragment,a),a.forEach(d),s=u(t),c=y(t,"TBODY",{});var $=w(c);o(r.$$.fragment,$),m=u($),o(x.$$.fragment,$),$.forEach(d)},m(t,a){g(t,n,a),$(e,n,null),g(t,s,a),g(t,c,a),$(r,c,null),E(c,m),$(x,c,null),h=!0},p(t,n){const s={};64&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};64&n&&(a.$$scope={dirty:n,ctx:t}),r.$set(a);const o={};64&n&&(o.$$scope={dirty:n,ctx:t}),x.$set(o)},i(t){h||(p(e.$$.fragment,t),p(r.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){t&&d(n),f(e),t&&d(s),t&&d(c),f(r),f(x)}}}function ht(t){let n;return{c(){n=x("Class Properties")},l(t){n=h(t,"Class Properties")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function kt(t){let n,e,s,a,o,$,c;return{c(){n=x("All "),e=k("code"),s=x("<Accordion>"),a=x(" components use the "),o=k("code"),$=x(".accordion"),c=x(" class.")},l(t){n=h(t,"All "),e=y(t,"CODE",{});var r=w(e);s=h(r,"<Accordion>"),r.forEach(d),a=h(t," components use the "),o=y(t,"CODE",{});var p=w(o);$=h(p,".accordion"),p.forEach(d),c=h(t," class.")},m(t,r){g(t,n,r),g(t,e,r),E(e,s),g(t,a,r),g(t,o,r),E(o,$),g(t,c,r)},p:D,d(t){t&&d(n),t&&d(e),t&&d(a),t&&d(o),t&&d(c)}}}function yt(t){let n;return{c(){n=x("Falsy values passed to classes will be disregarded.")},l(t){n=h(t,"Falsy values passed to classes will be disregarded.")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function wt(t){let n;return{c(){n=x("Name")},l(t){n=h(t,"Name")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function vt(t){let n;return{c(){n=x("Default")},l(t){n=h(t,"Default")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function Et(t){let n;return{c(){n=x("Type")},l(t){n=h(t,"Type")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function Dt(t){let n;return{c(){n=x("Description")},l(t){n=h(t,"Description")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function bt(t){let n,e,s,c,r,m,x,h;return n=new Y({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),s=new Y({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),r=new Y({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),x=new Y({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=i(),a(s.$$.fragment),c=i(),a(r.$$.fragment),m=i(),a(x.$$.fragment)},l(t){o(n.$$.fragment,t),e=u(t),o(s.$$.fragment,t),c=u(t),o(r.$$.fragment,t),m=u(t),o(x.$$.fragment,t)},m(t,a){$(n,t,a),g(t,e,a),$(s,t,a),g(t,c,a),$(r,t,a),g(t,m,a),$(x,t,a),h=!0},p(t,e){const a={};64&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const o={};64&e&&(o.$$scope={dirty:e,ctx:t}),s.$set(o);const $={};64&e&&($.$$scope={dirty:e,ctx:t}),r.$set($);const c={};64&e&&(c.$$scope={dirty:e,ctx:t}),x.$set(c)},i(t){h||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(r.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(r.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(c),f(r,t),t&&d(m),f(x,t)}}}function At(t){let n,e,s;return{c(){n=k("strong"),e=k("code"),s=x("class")},l(t){n=y(t,"STRONG",{});var a=w(n);e=y(a,"CODE",{});var o=w(e);s=h(o,"class"),o.forEach(d),a.forEach(d)},m(t,a){g(t,n,a),E(n,e),E(e,s)},p:D,d(t){t&&d(n)}}}function Ot(t){let n,e;return{c(){n=k("code"),e=x("null")},l(t){n=y(t,"CODE",{});var s=w(n);e=h(s,"null"),s.forEach(d)},m(t,s){g(t,n,s),E(n,e)},p:D,d(t){t&&d(n)}}}function Ct(t){let n,e;return{c(){n=k("code"),e=x("string")},l(t){n=y(t,"CODE",{});var s=w(n);e=h(s,"string"),s.forEach(d)},m(t,s){g(t,n,s),E(n,e)},p:D,d(t){t&&d(n)}}}function jt(t){let n;return{c(){n=x("A class string to add to the component.")},l(t){n=h(t,"A class string to add to the component.")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function Tt(t){let n,e,s,c,r,m,x,h;return n=new K({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),s=new K({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),r=new K({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),x=new K({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=i(),a(s.$$.fragment),c=i(),a(r.$$.fragment),m=i(),a(x.$$.fragment)},l(t){o(n.$$.fragment,t),e=u(t),o(s.$$.fragment,t),c=u(t),o(r.$$.fragment,t),m=u(t),o(x.$$.fragment,t)},m(t,a){$(n,t,a),g(t,e,a),$(s,t,a),g(t,c,a),$(r,t,a),g(t,m,a),$(x,t,a),h=!0},p(t,e){const a={};64&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const o={};64&e&&(o.$$scope={dirty:e,ctx:t}),s.$set(o);const $={};64&e&&($.$$scope={dirty:e,ctx:t}),r.$set($);const c={};64&e&&(c.$$scope={dirty:e,ctx:t}),x.$set(c)},i(t){h||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(r.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(r.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(c),f(r,t),t&&d(m),f(x,t)}}}function Pt(t){let n,e,s,c,r,m;return e=new L({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),r=new L({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),{c(){n=k("thead"),a(e.$$.fragment),s=i(),c=k("tbody"),a(r.$$.fragment)},l(t){n=y(t,"THEAD",{});var a=w(n);o(e.$$.fragment,a),a.forEach(d),s=u(t),c=y(t,"TBODY",{});var $=w(c);o(r.$$.fragment,$),$.forEach(d)},m(t,a){g(t,n,a),$(e,n,null),g(t,s,a),g(t,c,a),$(r,c,null),m=!0},p(t,n){const s={};64&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};64&n&&(a.$$scope={dirty:n,ctx:t}),r.$set(a)},i(t){m||(p(e.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){t&&d(n),f(e),t&&d(s),t&&d(c),f(r)}}}function St(t){let n;return{c(){n=x("Slots")},l(t){n=h(t,"Slots")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function Nt(t){let n;return{c(){n=x("Default slot")},l(t){n=h(t,"Default slot")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function Ht(t){let n,e,s,a,o,$;return{c(){n=x("The content of the Accordion. Pass one or more "),e=k("a"),s=k("mark"),a=k("code"),o=x("AccordionSection"),$=x(" components or something miscellaneous."),this.h()},l(t){n=h(t,"The content of the Accordion. Pass one or more "),e=y(t,"A",{href:!0});var c=w(e);s=y(c,"MARK",{});var r=w(s);a=y(r,"CODE",{});var p=w(a);o=h(p,"AccordionSection"),p.forEach(d),r.forEach(d),c.forEach(d),$=h(t," components or something miscellaneous."),this.h()},h(){v(e,"href","./docs/components/accordion-section")},m(t,c){g(t,n,c),g(t,e,c),E(e,s),E(s,a),E(a,o),g(t,$,c)},p:D,d(t){t&&d(n),t&&d(e),t&&d($)}}}function Bt(t){let n;return{c(){n=x("Prop Name")},l(t){n=h(t,"Prop Name")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function Rt(t){let n;return{c(){n=x("Type")},l(t){n=h(t,"Type")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function Ft(t){let n;return{c(){n=x("Description")},l(t){n=h(t,"Description")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function It(t){let n,e,s,c,r,m;return n=new Y({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),s=new Y({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),r=new Y({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=i(),a(s.$$.fragment),c=i(),a(r.$$.fragment)},l(t){o(n.$$.fragment,t),e=u(t),o(s.$$.fragment,t),c=u(t),o(r.$$.fragment,t)},m(t,a){$(n,t,a),g(t,e,a),$(s,t,a),g(t,c,a),$(r,t,a),m=!0},p(t,e){const a={};64&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const o={};64&e&&(o.$$scope={dirty:e,ctx:t}),s.$set(o);const $={};64&e&&($.$$scope={dirty:e,ctx:t}),r.$set($)},i(t){m||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(c),f(r,t)}}}function Gt(t){let n,e,s;return{c(){n=k("strong"),e=k("code"),s=x("closeOtherPanels")},l(t){n=y(t,"STRONG",{});var a=w(n);e=y(a,"CODE",{});var o=w(e);s=h(o,"closeOtherPanels"),o.forEach(d),a.forEach(d)},m(t,a){g(t,n,a),E(n,e),E(e,s)},p:D,d(t){t&&d(n)}}}function Vt(t){let n,e;return{c(){n=k("code"),e=x("Function")},l(t){n=y(t,"CODE",{});var s=w(n);e=h(s,"Function"),s.forEach(d)},m(t,s){g(t,n,s),E(n,e)},p:D,d(t){t&&d(n)}}}function zt(t){let n;return{c(){n=x("A callback to force-close all panels except for the calling one.")},l(t){n=h(t,"A callback to force-close all panels except for the calling one.")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function Lt(t){let n,e,s,c,r,m;return n=new K({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),s=new K({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),r=new K({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=i(),a(s.$$.fragment),c=i(),a(r.$$.fragment)},l(t){o(n.$$.fragment,t),e=u(t),o(s.$$.fragment,t),c=u(t),o(r.$$.fragment,t)},m(t,a){$(n,t,a),g(t,e,a),$(s,t,a),g(t,c,a),$(r,t,a),m=!0},p(t,e){const a={};64&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const o={};64&e&&(o.$$scope={dirty:e,ctx:t}),s.$set(o);const $={};64&e&&($.$$scope={dirty:e,ctx:t}),r.$set($)},i(t){m||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(c),f(r,t)}}}function Yt(t){let n,e,s,c,r,m;return e=new L({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),r=new L({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),{c(){n=k("thead"),a(e.$$.fragment),s=i(),c=k("tbody"),a(r.$$.fragment)},l(t){n=y(t,"THEAD",{});var a=w(n);o(e.$$.fragment,a),a.forEach(d),s=u(t),c=y(t,"TBODY",{});var $=w(c);o(r.$$.fragment,$),$.forEach(d)},m(t,a){g(t,n,a),$(e,n,null),g(t,s,a),g(t,c,a),$(r,c,null),m=!0},p(t,n){const s={};64&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};64&n&&(a.$$scope={dirty:n,ctx:t}),r.$set(a)},i(t){m||(p(e.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){t&&d(n),f(e),t&&d(s),t&&d(c),f(r)}}}function Kt(t){let n,e,s,c,r,m,x,h,k,y,w,v,E,D,b,A,O,C,j,T,N,H,B,R,L,Y,K,M,J,Q;return n=new P({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),s=new S({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),r=new I({props:{components:Jt}}),x=new F({props:{$$slots:{source:[tt],showcase:[_]},$$scope:{ctx:t}}}),k=new G({props:{id:"properties",$$slots:{default:[nt]},$$scope:{ctx:t}}}),w=new V({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),E=new z({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),b=new V({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),O=new S({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),j=new S({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),N=new z({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),B=new G({props:{id:"slots",$$slots:{default:[St]},$$scope:{ctx:t}}}),L=new V({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),K=new S({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),J=new z({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=i(),a(s.$$.fragment),c=i(),a(r.$$.fragment),m=i(),a(x.$$.fragment),h=i(),a(k.$$.fragment),y=i(),a(w.$$.fragment),v=i(),a(E.$$.fragment),D=i(),a(b.$$.fragment),A=i(),a(O.$$.fragment),C=i(),a(j.$$.fragment),T=i(),a(N.$$.fragment),H=i(),a(B.$$.fragment),R=i(),a(L.$$.fragment),Y=i(),a(K.$$.fragment),M=i(),a(J.$$.fragment)},l(t){o(n.$$.fragment,t),e=u(t),o(s.$$.fragment,t),c=u(t),o(r.$$.fragment,t),m=u(t),o(x.$$.fragment,t),h=u(t),o(k.$$.fragment,t),y=u(t),o(w.$$.fragment,t),v=u(t),o(E.$$.fragment,t),D=u(t),o(b.$$.fragment,t),A=u(t),o(O.$$.fragment,t),C=u(t),o(j.$$.fragment,t),T=u(t),o(N.$$.fragment,t),H=u(t),o(B.$$.fragment,t),R=u(t),o(L.$$.fragment,t),Y=u(t),o(K.$$.fragment,t),M=u(t),o(J.$$.fragment,t)},m(t,a){$(n,t,a),g(t,e,a),$(s,t,a),g(t,c,a),$(r,t,a),g(t,m,a),$(x,t,a),g(t,h,a),$(k,t,a),g(t,y,a),$(w,t,a),g(t,v,a),$(E,t,a),g(t,D,a),$(b,t,a),g(t,A,a),$(O,t,a),g(t,C,a),$(j,t,a),g(t,T,a),$(N,t,a),g(t,H,a),$(B,t,a),g(t,R,a),$(L,t,a),g(t,Y,a),$(K,t,a),g(t,M,a),$(J,t,a),Q=!0},p(t,e){const a={};64&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const o={};64&e&&(o.$$scope={dirty:e,ctx:t}),s.$set(o);const $={};64&e&&($.$$scope={dirty:e,ctx:t}),x.$set($);const c={};64&e&&(c.$$scope={dirty:e,ctx:t}),k.$set(c);const r={};64&e&&(r.$$scope={dirty:e,ctx:t}),w.$set(r);const p={};64&e&&(p.$$scope={dirty:e,ctx:t}),E.$set(p);const l={};64&e&&(l.$$scope={dirty:e,ctx:t}),b.$set(l);const f={};64&e&&(f.$$scope={dirty:e,ctx:t}),O.$set(f);const m={};64&e&&(m.$$scope={dirty:e,ctx:t}),j.$set(m);const i={};64&e&&(i.$$scope={dirty:e,ctx:t}),N.$set(i);const u={};64&e&&(u.$$scope={dirty:e,ctx:t}),B.$set(u);const g={};64&e&&(g.$$scope={dirty:e,ctx:t}),L.$set(g);const d={};64&e&&(d.$$scope={dirty:e,ctx:t}),K.$set(d);const h={};64&e&&(h.$$scope={dirty:e,ctx:t}),J.$set(h)},i(t){Q||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(r.$$.fragment,t),p(x.$$.fragment,t),p(k.$$.fragment,t),p(w.$$.fragment,t),p(E.$$.fragment,t),p(b.$$.fragment,t),p(O.$$.fragment,t),p(j.$$.fragment,t),p(N.$$.fragment,t),p(B.$$.fragment,t),p(L.$$.fragment,t),p(K.$$.fragment,t),p(J.$$.fragment,t),Q=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(r.$$.fragment,t),l(x.$$.fragment,t),l(k.$$.fragment,t),l(w.$$.fragment,t),l(E.$$.fragment,t),l(b.$$.fragment,t),l(O.$$.fragment,t),l(j.$$.fragment,t),l(N.$$.fragment,t),l(B.$$.fragment,t),l(L.$$.fragment,t),l(K.$$.fragment,t),l(J.$$.fragment,t),Q=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(c),f(r,t),t&&d(m),f(x,t),t&&d(h),f(k,t),t&&d(y),f(w,t),t&&d(v),f(E,t),t&&d(D),f(b,t),t&&d(A),f(O,t),t&&d(C),f(j,t),t&&d(T),f(N,t),t&&d(H),f(B,t),t&&d(R),f(L,t),t&&d(Y),f(K,t),t&&d(M),f(J,t)}}}function Mt(t){let n,e;const m=[t[0],qt];let i={$$slots:{default:[Kt]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=s(i,m[t]);return n=new T({props:i}),{c(){a(n.$$.fragment)},l(t){o(n.$$.fragment,t)},m(t,s){$(n,t,s),e=!0},p(t,[e]){const s=1&e?c(m,[1&e&&r(t[0]),0&e&&r(qt)]):{};64&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s)},i(t){e||(p(n.$$.fragment,t),e=!0)},o(t){l(n.$$.fragment,t),e=!1},d(t){f(n,t)}}}const qt={name:"Accordion",relatedComponents:[{name:"AccordionSection",link:"./docs/components/accordion-section"}]},{name:Ut,relatedComponents:Jt}=qt;function Qt(t,n,e){return t.$$set=t=>{e(0,n=s(s({},n),m(t)))},[n=m(n)]}class Wt extends t{constructor(t){super(),n(this,t,Qt,Mt,e,{})}}export{Wt as default,qt as metadata};
diff --git a/376/client/autocomplete-a7e9e263.css b/376/client/autocomplete-a7e9e263.css
new file mode 100644
index 000000000..5a2c9a421
--- /dev/null
+++ b/376/client/autocomplete-a7e9e263.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-1akyzr0{min-height:10em;padding:1em}[slot=showcase].svelte-1akyzr0 .autocomplete{max-width:20em}
diff --git a/376/client/autocomplete-f5c17156.css b/376/client/autocomplete-f5c17156.css
new file mode 100644
index 000000000..5549ad519
--- /dev/null
+++ b/376/client/autocomplete-f5c17156.css
@@ -0,0 +1 @@
+.autocomplete.svelte-1b94m2{background-color:#f5f5f5;border:0 solid rgba(0, 0, 0, 0.42);border-bottom-width:0.0625em;border-top-left-radius:0.375em;border-top-right-radius:0.375em;box-sizing:border-box;padding:0 0.625em 0.0625em;width:100%;align-items:center;display:flex;flex-wrap:wrap;padding-top:0.25em}.autocomplete.svelte-1b94m2:hover{background-color:#eeeeee}.autocomplete.focus.svelte-1b94m2{background-color:#e1e1e1;border-bottom-width:0.125em;border-color:#4800bd;padding-bottom:0}.autocomplete.disabled.svelte-1b94m2{background-color:#f7f7f7;border-color:rgba(51, 51, 51, 0.3);color:#888}.autocomplete.disabled.svelte-1b94m2:hover{background-color:#f7f7f7}.autocomplete.svelte-1b94m2 .autocomplete-field{flex:1}.autocomplete.svelte-1b94m2 .autocomplete-field input{font-family:"Ubuntu", sans-serif;font-size:1rem;font-weight:300;height:2.8em;outline:none;background:none;border:0;min-width:13em;width:100%}.autocomplete.svelte-1b94m2 .chip.no-padding{align-items:center;display:flex;font-size:0.95em;margin:0.2em 0.4em 0.2em 0;padding-left:0.7em}.autocomplete.svelte-1b94m2 .chip.no-padding .btn{margin-left:0.3em}.autocomplete.svelte-1b94m2 .chip.no-padding svg{height:1.2em;width:1.2em}.notice.svelte-1b94m2{font-size:0.9em;font-weight:300;margin:0.5em}.loading-options.svelte-1b94m2{align-items:center;display:flex;font-size:0.95em;margin:0.5em 1.2em}.loading-options.svelte-1b94m2 .spinner{margin:0.3em 0.7em 0.3em 0}.more-options.svelte-1b94m2{list-style:none;margin-left:0.5em;margin-right:0.5em}.more-options.svelte-1b94m2 svg{margin-right:0.5em}
diff --git a/376/client/autocomplete-field-a7e9e263.css b/376/client/autocomplete-field-a7e9e263.css
new file mode 100644
index 000000000..5a2c9a421
--- /dev/null
+++ b/376/client/autocomplete-field-a7e9e263.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-1akyzr0{min-height:10em;padding:1em}[slot=showcase].svelte-1akyzr0 .autocomplete{max-width:20em}
diff --git a/376/client/autocomplete-field-e04fe3a8.css b/376/client/autocomplete-field-e04fe3a8.css
new file mode 100644
index 000000000..d6300df39
--- /dev/null
+++ b/376/client/autocomplete-field-e04fe3a8.css
@@ -0,0 +1 @@
+.shown-on-focus.svelte-1lud1my.svelte-1lud1my{display:flex;justify-content:center}.shown-on-focus.svelte-1lud1my>.btn{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px;margin:0.5em}.shown-on-focus.svelte-1lud1my>.btn:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.notice.svelte-1lud1my.svelte-1lud1my{font-size:0.9em;font-weight:300;margin:0.5em}input.svelte-1lud1my+.dropdown{border-radius:0.5em;overflow:hidden}.options-list.svelte-1lud1my.svelte-1lud1my{margin:0;max-height:15em;overflow-y:scroll;overscroll-behavior:none;padding:0}.options-list.svelte-1lud1my.svelte-1lud1my::-webkit-scrollbar{background:none;height:0.5em;margin:1em 0;width:0.3125em}.options-list.svelte-1lud1my.svelte-1lud1my::-webkit-scrollbar-thumb{background:#ddd;border-radius:0.3125em}.options-list.svelte-1lud1my.svelte-1lud1my::-webkit-scrollbar-thumb:hover{background:#c7c7c7}.options-list.svelte-1lud1my .loading-options.svelte-1lud1my{align-items:center;display:flex;font-size:0.95em;margin:0.5em 1.2em}.options-list.svelte-1lud1my .loading-options.svelte-1lud1my .spinner{margin:0.3em 0.7em 0.3em 0}.options-list.svelte-1lud1my .more-options.svelte-1lud1my{list-style:none;margin-left:0.5em;margin-right:0.5em}.options-list.svelte-1lud1my .more-options.svelte-1lud1my svg{margin-right:0.5em}.options-list.svelte-1lud1my li:first-child{margin-top:0.5em}.options-list.svelte-1lud1my li:last-child{margin-bottom:0.5em}
diff --git a/376/client/autocomplete-field.a5079849.js b/376/client/autocomplete-field.a5079849.js
new file mode 100644
index 000000000..1ef0587b5
--- /dev/null
+++ b/376/client/autocomplete-field.a5079849.js
@@ -0,0 +1 @@
+import{S as t,i as n,s as e,a as o,c as l,b as s,d as c,e as r,f as a,g as i,n as u,j as p,l as f,m as h,t as m,p as d,q as $,I as g,J as v,K as k,L as y,h as x,u as b,k as w,w as O,N as E,O as L,ag as C,o as j,U as I,W as N,Y as Q,H as S,y as D,z as M,M as P,Q as T,R as q,T as A,Z as B,_ as U,C as V,D as R,v as z,x as H,A as J,P as K,r as W}from"./client.0d36a0cf.js";import{D as Y,a as Z}from"./dropdown.68df1ffe.js";import{B as _}from"./button.743a388a.js";import{L as F}from"./loading.1713184d.js";import{A as G}from"./autocomplete-option.310b3623.js";import{p as X}from"./plural-s.31bb9da9.js";import{c as tt}from"./classes.2453fa25.js";function nt(t){let n,e,p,f;return{c(){n=o("svg"),e=o("circle"),p=o("circle"),f=o("circle"),this.h()},l(t){n=l(t,"svg",{xmlns:!0,width:!0,height:!0,viewBox:!0,fill:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0});var o=s(n);e=l(o,"circle",{cx:!0,cy:!0,r:!0}),s(e).forEach(c),p=l(o,"circle",{cx:!0,cy:!0,r:!0}),s(p).forEach(c),f=l(o,"circle",{cx:!0,cy:!0,r:!0}),s(f).forEach(c),o.forEach(c),this.h()},h(){r(e,"cx","12"),r(e,"cy","12"),r(e,"r","1"),r(p,"cx","19"),r(p,"cy","12"),r(p,"r","1"),r(f,"cx","5"),r(f,"cy","12"),r(f,"r","1"),r(n,"xmlns","http://www.w3.org/2000/svg"),r(n,"width","24"),r(n,"height","24"),r(n,"viewBox","0 0 24 24"),r(n,"fill","none"),r(n,"stroke","currentColor"),r(n,"stroke-width","2"),r(n,"stroke-linecap","round"),r(n,"stroke-linejoin","round")},m(t,o){a(t,n,o),i(n,e),i(n,p),i(n,f)},p:u,i:u,o:u,d(t){t&&c(n)}}}var et=class extends t{constructor(t){super(),n(this,t,null,nt,e,{})}};function ot(t,{callback:n,args:e=[]}){let o=null;return"undefined"!=typeof IntersectionObserver&&(o=new IntersectionObserver((function(t,o){t.forEach((t=>{t.isIntersecting&&n(...e)}))}),{root:null,threshold:.5}),o.observe(t)),{destroy(){null!=o&&o.disconnect()}}}const lt=t=>({}),st=t=>({}),ct=t=>({}),rt=t=>({loadMoreOptions:t[13]});function at(t,n,e){const o=t.slice();return o[28]=n[e],o}function it(t,n,e){const o=t.slice();return o[32]=n[e],o}const ut=t=>({}),pt=t=>({}),ft=t=>({}),ht=t=>({}),mt=t=>({}),dt=t=>({}),$t=t=>({}),gt=t=>({}),vt=t=>({}),kt=t=>({});function yt(t){let n;const e=t[18]["close-message"],o=P(e,t,t[24],kt),l=o||function(t){let n;return{c(){n=z("close the options")},l(t){n=H(t,"close the options")},m(t,e){a(t,n,e)},d(t){t&&c(n)}}}();return{c(){l&&l.c()},l(t){l&&l.l(t)},m(t,e){l&&l.m(t,e),n=!0},p(t,l){o&&o.p&&(!n||16777216&l[0])&&T(o,e,t,t[24],n?A(e,t[24],l,vt):q(t[24]),kt)},i(t){n||(m(l,t),n=!0)},o(t){d(l,t),n=!1},d(t){l&&l.d(t)}}}function xt(t){let n,e,o,l=[],u=new Map,p=t[9];const f=t=>t[28];for(let n=0;n<p.length;n+=1){let e=at(t,p,n),o=f(e);u.set(o,l[n]=jt(o,e))}let h=t[8]&&null!=t[10]&&It(t);return{c(){n=x("ul");for(let t=0;t<l.length;t+=1)l[t].c();e=b(),h&&h.c(),this.h()},l(t){n=w(t,"UL",{class:!0});var o=s(n);for(let t=0;t<l.length;t+=1)l[t].l(o);e=O(o),h&&h.l(o),o.forEach(c),this.h()},h(){r(n,"class","options-list svelte-1lud1my")},m(t,s){a(t,n,s);for(let t=0;t<l.length;t+=1)l[t]&&l[t].m(n,null);i(n,e),h&&h.m(n,null),o=!0},p(t,o){16798273&o[0]&&(p=t[9],D(),l=B(l,o,f,1,t,p,u,n,U,jt,e,at),M()),t[8]&&null!=t[10]?h?(h.p(t,o),1280&o[0]&&m(h,1)):(h=It(t),h.c(),m(h,1),h.m(n,null)):h&&(D(),d(h,1,1,(()=>{h=null})),M())},i(t){if(!o){for(let t=0;t<p.length;t+=1)m(l[t]);m(h),o=!0}},o(t){for(let t=0;t<l.length;t+=1)d(l[t]);d(h),o=!1},d(t){t&&c(n);for(let t=0;t<l.length;t+=1)l[t].d();h&&h.d()}}}function bt(t){let n;const e=t[18]["not-enough-input"],o=P(e,t,t[24],dt),l=o||function(t){let n,e,o,l,u,p,f=X(t[4])+"";return{c(){n=x("div"),e=z("Type\n          "),o=z(t[4]),l=z("\n          character"),u=z(f),p=z("\n          to search"),this.h()},l(r){n=w(r,"DIV",{class:!0});var a=s(n);e=H(a,"Type\n          "),o=H(a,t[4]),l=H(a,"\n          character"),u=H(a,f),p=H(a,"\n          to search"),a.forEach(c),this.h()},h(){r(n,"class","notice svelte-1lud1my")},m(t,s){a(t,n,s),i(n,e),i(n,o),i(n,l),i(n,u),i(n,p)},p(t,n){16&n[0]&&J(o,t[4]),16&n[0]&&f!==(f=X(t[4])+"")&&J(u,f)},d(t){t&&c(n)}}}(t);return{c(){l&&l.c()},l(t){l&&l.l(t)},m(t,e){l&&l.m(t,e),n=!0},p(t,s){o?o.p&&(!n||16777216&s[0])&&T(o,e,t,t[24],n?A(e,t[24],s,mt):q(t[24]),dt):l&&l.p&&(!n||16&s[0])&&l.p(t,n?s:[-1,-1])},i(t){n||(m(l,t),n=!0)},o(t){d(l,t),n=!1},d(t){l&&l.d(t)}}}function wt(t){let n;const e=t[18]["too-many-options"],o=P(e,t,t[24],gt),l=o||function(t){let n,e,o,l,u,p=X(t[5])+"";return{c(){n=x("div"),e=z("Cannot select more than\n          "),o=z(t[5]),l=z("\n          option"),u=z(p),this.h()},l(r){n=w(r,"DIV",{class:!0});var a=s(n);e=H(a,"Cannot select more than\n          "),o=H(a,t[5]),l=H(a,"\n          option"),u=H(a,p),a.forEach(c),this.h()},h(){r(n,"class","notice svelte-1lud1my")},m(t,s){a(t,n,s),i(n,e),i(n,o),i(n,l),i(n,u)},p(t,n){32&n[0]&&J(o,t[5]),32&n[0]&&p!==(p=X(t[5])+"")&&J(u,p)},d(t){t&&c(n)}}}(t);return{c(){l&&l.c()},l(t){l&&l.l(t)},m(t,e){l&&l.m(t,e),n=!0},p(t,s){o?o.p&&(!n||16777216&s[0])&&T(o,e,t,t[24],n?A(e,t[24],s,$t):q(t[24]),gt):l&&l.p&&(!n||32&s[0])&&l.p(t,n?s:[-1,-1])},i(t){n||(m(l,t),n=!0)},o(t){d(l,t),n=!1},d(t){l&&l.d(t)}}}function Ot(t){return{c:u,l:u,m:u,p:u,i:u,o:u,d:u}}function Et(t){let n,e,o=[],l=new Map,s=t[12](t[31]);const r=t=>t[32];for(let n=0;n<s.length;n+=1){let e=it(t,s,n),c=r(e);l.set(c,o[n]=Lt(c,e))}return{c(){for(let t=0;t<o.length;t+=1)o[t].c();n=S()},l(t){for(let n=0;n<o.length;n+=1)o[n].l(t);n=S()},m(t,l){for(let n=0;n<o.length;n+=1)o[n]&&o[n].m(t,l);a(t,n,l),e=!0},p(t,e){21057&e[0]&&(s=t[12](t[31]),D(),o=B(o,e,r,1,t,s,l,n.parentNode,U,Lt,n,it),M())},i(t){if(!e){for(let t=0;t<s.length;t+=1)m(o[t]);e=!0}},o(t){for(let t=0;t<o.length;t+=1)d(o[t]);e=!1},d(t){for(let n=0;n<o.length;n+=1)o[n].d(t);t&&c(n)}}}function Lt(t,n){let e,o,l,s;function r(){return n[22](n[32])}var i=n[6];function u(t){return{props:{option:t[32],query:t[0]}}}return i&&(o=W(i,u(n)),o.$on("click",r)),{key:t,first:null,c(){e=S(),o&&p(o.$$.fragment),l=S(),this.h()},l(t){e=S(),o&&f(o.$$.fragment,t),l=S(),this.h()},h(){this.first=e},m(t,n){a(t,e,n),o&&h(o,t,n),a(t,l,n),s=!0},p(t,e){n=t;const s={};if(512&e[0]&&(s.option=n[32]),1&e[0]&&(s.query=n[0]),64&e[0]&&i!==(i=n[6])){if(o){D();const t=o;d(t.$$.fragment,1,0,(()=>{$(t,1)})),M()}i?(o=W(i,u(n)),o.$on("click",r),p(o.$$.fragment),m(o.$$.fragment,1),h(o,l.parentNode,l)):o=null}else i&&o.$set(s)},i(t){s||(o&&m(o.$$.fragment,t),s=!0)},o(t){o&&d(o.$$.fragment,t),s=!1},d(t){t&&c(e),t&&c(l),o&&$(o,t)}}}function Ct(t){let n;const e=t[18]["loading-options"],o=P(e,t,t[24],ht),l=o||function(t){let n,e,o,l;e=new F({});const u=t[18]["loading-message"],g=P(u,t,t[24],pt),v=g||function(t){let n;return{c(){n=z("Loading...")},l(t){n=H(t,"Loading...")},m(t,e){a(t,n,e)},d(t){t&&c(n)}}}();return{c(){n=x("li"),p(e.$$.fragment),o=b(),v&&v.c(),this.h()},l(t){n=w(t,"LI",{class:!0});var l=s(n);f(e.$$.fragment,l),o=O(l),v&&v.l(l),l.forEach(c),this.h()},h(){r(n,"class","loading-options svelte-1lud1my")},m(t,s){a(t,n,s),h(e,n,null),i(n,o),v&&v.m(n,null),l=!0},p(t,n){g&&g.p&&(!l||16777216&n[0])&&T(g,u,t,t[24],l?A(u,t[24],n,ut):q(t[24]),pt)},i(t){l||(m(e.$$.fragment,t),m(v,t),l=!0)},o(t){d(e.$$.fragment,t),d(v,t),l=!1},d(t){t&&c(n),$(e),v&&v.d(t)}}}(t);return{c(){l&&l.c()},l(t){l&&l.l(t)},m(t,e){l&&l.m(t,e),n=!0},p(t,s){o?o.p&&(!n||16777216&s[0])&&T(o,e,t,t[24],n?A(e,t[24],s,ft):q(t[24]),ht):l&&l.p&&(!n||16777216&s[0])&&l.p(t,n?s:[-1,-1])},i(t){n||(m(l,t),n=!0)},o(t){d(l,t),n=!1},d(t){l&&l.d(t)}}}function jt(t,n){let e,o,l,s,r={ctx:n,current:null,token:null,hasCatch:!1,pending:Ct,then:Et,catch:Ot,value:31,blocks:[,,,]};return V(l=n[28],r),{key:t,first:null,c(){e=S(),o=S(),r.block.c(),this.h()},l(t){e=S(),o=S(),r.block.l(t),this.h()},h(){this.first=e},m(t,n){a(t,e,n),a(t,o,n),r.block.m(t,r.anchor=n),r.mount=()=>o.parentNode,r.anchor=o,s=!0},p(t,e){n=t,r.ctx=n,512&e[0]&&l!==(l=n[28])&&V(l,r)||R(r,n,e)},i(t){s||(m(r.block),s=!0)},o(t){for(let t=0;t<3;t+=1){const n=r.blocks[t];d(n)}s=!1},d(t){t&&c(e),t&&c(o),r.block.d(t),r.token=null,r=null}}}function It(t){let n,e,o,l={ctx:t,current:null,token:null,hasCatch:!1,pending:Dt,then:Qt,catch:Nt,value:27,blocks:[,,,]};return V(e=Promise.all(t[9]),l),{c(){n=S(),l.block.c()},l(t){n=S(),l.block.l(t)},m(t,e){a(t,n,e),l.block.m(t,l.anchor=e),l.mount=()=>n.parentNode,l.anchor=n,o=!0},p(n,o){t=n,l.ctx=t,512&o[0]&&e!==(e=Promise.all(t[9]))&&V(e,l)||R(l,t,o)},i(t){o||(m(l.block),o=!0)},o(t){for(let t=0;t<3;t+=1){const n=l.blocks[t];d(n)}o=!1},d(t){t&&c(n),l.block.d(t),l.token=null,l=null}}}function Nt(t){return{c:u,l:u,m:u,p:u,i:u,o:u,d:u}}function Qt(t){let n;const e=t[18]["more-options"],o=P(e,t,t[24],rt),l=o||function(t){let n,e,o,l,i;return e=new _({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),e.$on("click",t[13]),{c(){n=x("li"),p(e.$$.fragment),this.h()},l(t){n=w(t,"LI",{class:!0});var o=s(n);f(e.$$.fragment,o),o.forEach(c),this.h()},h(){r(n,"class","more-options svelte-1lud1my")},m(s,c){a(s,n,c),h(e,n,null),o=!0,l||(i=K(ot.call(null,n,{callback:t[13]})),l=!0)},p(t,n){const o={};16777216&n[0]&&(o.$$scope={dirty:n,ctx:t}),e.$set(o)},i(t){o||(m(e.$$.fragment,t),o=!0)},o(t){d(e.$$.fragment,t),o=!1},d(t){t&&c(n),$(e),l=!1,i()}}}(t);return{c(){l&&l.c()},l(t){l&&l.l(t)},m(t,e){l&&l.m(t,e),n=!0},p(t,s){o?o.p&&(!n||16777216&s[0])&&T(o,e,t,t[24],n?A(e,t[24],s,ct):q(t[24]),rt):l&&l.p&&(!n||16777216&s[0])&&l.p(t,n?s:[-1,-1])},i(t){n||(m(l,t),n=!0)},o(t){d(l,t),n=!1},d(t){l&&l.d(t)}}}function St(t){let n,e,o;n=new et({});const l=t[18]["load-more-options-message"],s=P(l,t,t[24],st),r=s||function(t){let n;return{c(){n=z("load more options")},l(t){n=H(t,"load more options")},m(t,e){a(t,n,e)},d(t){t&&c(n)}}}();return{c(){p(n.$$.fragment),e=b(),r&&r.c()},l(t){f(n.$$.fragment,t),e=O(t),r&&r.l(t)},m(t,l){h(n,t,l),a(t,e,l),r&&r.m(t,l),o=!0},p(t,n){s&&s.p&&(!o||16777216&n[0])&&T(s,l,t,t[24],o?A(l,t[24],n,lt):q(t[24]),st)},i(t){o||(m(n.$$.fragment,t),m(r,t),o=!0)},o(t){d(n.$$.fragment,t),d(r,t),o=!1},d(t){$(n,t),t&&c(e),r&&r.d(t)}}}function Dt(t){return{c:u,l:u,m:u,p:u,i:u,o:u,d:u}}function Mt(t){let n,e,o,l,i,u,g;e=new _({props:{noRipple:!0,$$slots:{default:[yt]},$$scope:{ctx:t}}}),e.$on("click",t[21]);const v=[wt,bt,xt],k=[];function y(t,n){return t[1].length>=t[5]?0:t[4]>0&&(null==t[0]||t[0].length<t[4])?1:2}return l=y(t),i=k[l]=v[l](t),{c(){n=x("div"),p(e.$$.fragment),o=b(),i.c(),u=S(),this.h()},l(t){n=w(t,"DIV",{class:!0});var l=s(n);f(e.$$.fragment,l),l.forEach(c),o=O(t),i.l(t),u=S(),this.h()},h(){r(n,"class","shown-on-focus svelte-1lud1my")},m(t,s){a(t,n,s),h(e,n,null),a(t,o,s),k[l].m(t,s),a(t,u,s),g=!0},p(t,n){const o={};16777216&n[0]&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);let s=l;l=y(t),l===s?k[l].p(t,n):(D(),d(k[s],1,1,(()=>{k[s]=null})),M(),i=k[l],i?i.p(t,n):(i=k[l]=v[l](t),i.c()),m(i,1),i.m(u.parentNode,u))},i(t){g||(m(e.$$.fragment,t),m(i),g=!0)},o(t){d(e.$$.fragment,t),d(i),g=!1},d(t){t&&c(n),$(e),t&&c(o),k[l].d(t),t&&c(u)}}}function Pt(t){let n,e,o,l,s,r,i=[{disabled:t[7]},t[16]],u={};for(let t=0;t<i.length;t+=1)u=k(u,i[t]);return o=new Z({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),{c(){n=x("input"),e=b(),p(o.$$.fragment),this.h()},l(t){n=w(t,"INPUT",{}),e=O(t),f(o.$$.fragment,t),this.h()},h(){E(n,u),L(n,"svelte-1lud1my",!0)},m(c,i){a(c,n,i),n.autofocus&&n.focus(),t[19](n),C(n,t[0]),a(c,e,i),h(o,c,i),l=!0,s||(r=[j(n,"input",t[20]),j(n,"focus",t[15])],s=!0)},p(t,e){E(n,u=I(i,[(!l||128&e[0])&&{disabled:t[7]},65536&e[0]&&t[16]])),1&e[0]&&n.value!==t[0]&&C(n,t[0]),L(n,"svelte-1lud1my",!0);const s={};16779127&e[0]&&(s.$$scope={dirty:e,ctx:t}),o.$set(s)},i(t){l||(m(o.$$.fragment,t),l=!0)},o(t){d(o.$$.fragment,t),l=!1},d(l){l&&c(n),t[19](null),l&&c(e),$(o,l),s=!1,N(r)}}}function Tt(t){let n,e;return n=new Y({props:{class:tt("autocomplete-field",t[3]),open:t[2],$$slots:{default:[Pt]},$$scope:{ctx:t}}}),n.$on("change",t[23]),{c(){p(n.$$.fragment)},l(t){f(n.$$.fragment,t)},m(t,o){h(n,t,o),e=!0},p(t,e){const o={};8&e[0]&&(o.class=tt("autocomplete-field",t[3])),4&e[0]&&(o.open=t[2]),16846839&e[0]&&(o.$$scope={dirty:e,ctx:t}),n.$set(o)},i(t){e||(m(n.$$.fragment,t),e=!0)},o(t){d(n.$$.fragment,t),e=!1},d(t){$(n,t)}}}function qt(t,n,e){const o=["class","getOptions","selection","minSearchLength","maxOptions","searchQuery","optionComponent","disabled","focus"];let l=g(n,o),{$$slots:s={},$$scope:c}=n,{class:r=null}=n,{getOptions:a}=n,{selection:i=[]}=n,{minSearchLength:u=3}=n,{maxOptions:p=1/0}=n,{searchQuery:f=""}=n,{optionComponent:h=G}=n,{disabled:m=!1}=n,{focus:d=!1}=n,$=!1,x=[],b=null,w=null;function O(t){i.push(t),e(1,i),e(0,f=""),E("change",{value:i}),i.length<p?w.focus():e(2,d=!1)}const E=v();return t.$$set=t=>{n=k(k({},n),y(t)),e(16,l=g(n,o)),"class"in t&&e(3,r=t.class),"getOptions"in t&&e(17,a=t.getOptions),"selection"in t&&e(1,i=t.selection),"minSearchLength"in t&&e(4,u=t.minSearchLength),"maxOptions"in t&&e(5,p=t.maxOptions),"searchQuery"in t&&e(0,f=t.searchQuery),"optionComponent"in t&&e(6,h=t.optionComponent),"disabled"in t&&e(7,m=t.disabled),"focus"in t&&e(2,d=t.focus),"$$scope"in t&&e(24,c=t.$$scope)},t.$$.update=()=>{var n;1&t.$$.dirty[0]&&((n=f).length>=u?e(10,b=a(n)):e(10,b=null),e(9,x=[]),null!=b&&x.push(b.next()))},[f,i,d,r,u,p,h,m,$,x,b,w,function(t){return e(8,$=!t.done),null==t.value?[]:t.value.filter((t=>null==i.find((n=>n===t))))},function(t){x.push(b.next()),e(9,x),null!=t&&t.detail.nativeEvent.stopPropagation()},O,function(){e(9,x),e(2,d=!0)},l,a,s,function(t){Q[t?"unshift":"push"]((()=>{w=t,e(11,w)}))},function(){f=this.value,e(0,f)},()=>e(2,d=!1),t=>O(t),({detail:t})=>e(2,d=t.value),c]}var At=class extends t{constructor(t){super(),n(this,t,qt,Tt,e,{class:3,getOptions:17,selection:1,minSearchLength:4,maxOptions:5,searchQuery:0,optionComponent:6,disabled:7,focus:2},null,[-1,-1])}};export{At as A,et as M,ot as c};
diff --git a/376/client/autocomplete-field.f6b367d4.js b/376/client/autocomplete-field.f6b367d4.js
new file mode 100644
index 000000000..16eee780b
--- /dev/null
+++ b/376/client/autocomplete-field.f6b367d4.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as $,j as o,l as s,m as r,U as a,a0 as c,t as p,p as f,q as l,L as m,u as i,h as g,v as u,w as d,k as h,b as x,x as y,d as w,e as E,f as v,g as O,n as D,Y as k,$ as b,a1 as C,A as T}from"./client.0d36a0cf.js";import{L as A,H as S,P as R}from"./layout.b2760304.js";import{A as N}from"./autocomplete-field.a5079849.js";import{S as j}from"./showcase.8eb3893d.js";import{C as F}from"./color-preview.278d2729.js";import{R as G}from"./related-components.2f822d5e.js";import{H as L}from"./h2.122c8b9f.js";import{H as B}from"./h3.1e03849b.js";import{T as M,a as P,b as q,c as U}from"./table.e069c294.js";import"./dropdown.68df1ffe.js";import"./classes.2453fa25.js";import"./button.743a388a.js";import"./loading.1713184d.js";import"./autocomplete-option.310b3623.js";import"./plural-s.31bb9da9.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./card.72b37821.js";function H(t){let e;return{c(){e=u("AutocompleteField")},l(t){e=y(t,"AutocompleteField")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function I(t){let e;return{c(){e=u("A plain unstyled input element with a dropdown for suggestions.")},l(t){e=y(t,"A plain unstyled input element with a dropdown for suggestions.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function K(t){let e,n,$,o,s,r;return{c(){e=u("The "),n=g("a"),$=g("mark"),o=g("code"),s=u("Autocomplete"),r=u(" component uses it to provide a full-featured autocomplete solution with chips for selection, it may be better if you don't intend to display the selection on your own."),this.h()},l(t){e=y(t,"The "),n=h(t,"A",{href:!0});var a=x(n);$=h(a,"MARK",{});var c=x($);o=h(c,"CODE",{});var p=x(o);s=y(p,"Autocomplete"),p.forEach(w),c.forEach(w),a.forEach(w),r=y(t," component uses it to provide a full-featured autocomplete solution with chips for selection, it may be better if you don't intend to display the selection on your own."),this.h()},h(){E(n,"href","./docs/components/autocomplete")},m(t,a){v(t,e,a),v(t,n,a),O(n,$),O($,o),O(o,s),v(t,r,a)},p:D,d(t){t&&w(e),t&&w(n),t&&w(r)}}}function Y(t){let e,n,$,a,c,m,D,A=JSON.stringify(t[0],null,2)+"";function S(e){t[2](e)}let R={getOptions:Dn};return void 0!==t[0]&&(R.selection=t[0]),n=new N({props:R}),k.push((()=>b(n,"selection",S))),{c(){e=g("div"),o(n.$$.fragment),a=i(),c=g("pre"),m=u(A),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var $=x(e);s(n.$$.fragment,$),a=d($),c=h($,"PRE",{});var o=x(c);m=y(o,A),o.forEach(w),$.forEach(w),this.h()},h(){E(e,"slot","showcase"),E(e,"class","svelte-1akyzr0")},m(t,$){v(t,e,$),r(n,e,null),O(e,a),O(e,c),O(c,m),D=!0},p(t,e){const o={};!$&&1&e&&($=!0,o.selection=t[0],C((()=>$=!1))),n.$set(o),(!D||1&e)&&A!==(A=JSON.stringify(t[0],null,2)+"")&&T(m,A)},i(t){D||(p(n.$$.fragment,t),D=!0)},o(t){f(n.$$.fragment,t),D=!1},d(t){t&&w(e),l(n)}}}function V(t){let e,n;return{c(){e=g("div"),n=g("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var $=x(e);n=h($,"PRE",{class:!0}),x(n).forEach(w),$.forEach(w),this.h()},h(){E(n,"class","language-svelte"),E(e,"slot","source")},m(t,$){v(t,e,$),O(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">async</span> <span class="token keyword">function</span><span class="token operator">*</span> <span class="token function">getOptions</span><span class="token punctuation">(</span><span class="token parameter">text</span><span class="token punctuation">)</span> <span class="token punctuation">&#123;</span>\n    <span class="token keyword">await</span> <span class="token function">sleep</span><span class="token punctuation">(</span><span class="token number">1000</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n    <span class="token keyword">yield</span> <span class="token punctuation">[</span>\n      <span class="token punctuation">&#123;</span> <span class="token literal-property property">name</span><span class="token operator">:</span> text<span class="token punctuation">,</span> <span class="token literal-property property">details</span><span class="token operator">:</span> <span class="token string">\'Optional\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n      <span class="token punctuation">&#123;</span> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token template-string"><span class="token template-punctuation string">&#96;</span><span class="token string">it highlights the match: </span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">$&#123;</span>text<span class="token interpolation-punctuation punctuation">&#125;</span></span><span class="token template-punctuation string">&#96;</span></span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">]</span><span class="token punctuation">;</span>\n  <span class="token punctuation">&#125;</span>\n\n  <span class="token keyword">let</span> selection <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AutocompleteField</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>getOptions<span class="token punctuation">&#125;</span></span> <span class="token attr-name"><span class="token namespace">bind:</span>selection</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>pre</span><span class="token punctuation">></span></span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>selection<span class="token punctuation">,</span> <span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token number">2</span><span class="token punctuation">)</span><span class="token punctuation">&#125;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>pre</span><span class="token punctuation">></span></span></code>'},p:D,d(t){t&&w(e)}}}function W(t){let e;return{c(){e=u("Properties")},l(t){e=y(t,"Properties")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function z(t){let e;return{c(){e=u("Functional Properties")},l(t){e=y(t,"Functional Properties")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function J(t){let e;return{c(){e=u("Name")},l(t){e=y(t,"Name")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Q(t){let e;return{c(){e=u("Default")},l(t){e=y(t,"Default")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function X(t){let e;return{c(){e=u("Type")},l(t){e=y(t,"Type")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Z(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function _(t){let e,n,$,a,c,m,g,u;return e=new q({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),$=new q({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),g=new q({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(g.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(g,t,o),u=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(g,t)}}}function tt(t){let e,n,$,o,s,r,a;return{c(){e=g("mark"),n=g("strong"),$=g("code"),o=u("getOptions"),s=u(" "),r=g("span"),a=u("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);n=h(c,"STRONG",{});var p=x(n);$=h(p,"CODE",{});var f=x($);o=y(f,"getOptions"),f.forEach(w),p.forEach(w),c.forEach(w),s=y(t," "),r=h(t,"SPAN",{class:!0});var l=x(r);a=y(l,"*"),l.forEach(w),this.h()},h(){E(r,"class","required")},m(t,c){v(t,e,c),O(e,n),O(n,$),O($,o),v(t,s,c),v(t,r,c),O(r,a)},p:D,d(t){t&&w(e),t&&w(s),t&&w(r)}}}function et(t){let e,n;return{c(){e=g("code"),n=u("async function*")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"async function*"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function nt(t){let e,n,$,o,s,r;return{c(){e=u("An async generator of suggestions. "),n=g("br"),$=u(" Receives the input from the text field and is expected to yield promises that resolve to arrays of objects "),o=g("code"),s=u("{ name, details }"),r=u(".")},l(t){e=y(t,"An async generator of suggestions. "),n=h(t,"BR",{}),$=y(t," Receives the input from the text field and is expected to yield promises that resolve to arrays of objects "),o=h(t,"CODE",{});var a=x(o);s=y(a,"{ name, details }"),a.forEach(w),r=y(t,".")},m(t,a){v(t,e,a),v(t,n,a),v(t,$,a),v(t,o,a),O(o,s),v(t,r,a)},p:D,d(t){t&&w(e),t&&w(n),t&&w($),t&&w(o),t&&w(r)}}}function $t(t){let e,n,$,a,c,m,g,u;return e=new U({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),$=new U({}),c=new U({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),g=new U({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(g.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(g,t,o),u=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),g.$set(s)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(g,t)}}}function ot(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("selection")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"selection"),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function st(t){let e,n;return{c(){e=g("code"),n=u("[]")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"[]"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function rt(t){let e,n;return{c(){e=g("code"),n=u("Array")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"Array"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function at(t){let e,n,$,o,s,r;return{c(){e=u("The current selection as an array of objects "),n=g("code"),$=u("{ name, details }"),o=u(". "),s=g("br"),r=u(" Can be used to set the selection programmatically.")},l(t){e=y(t,"The current selection as an array of objects "),n=h(t,"CODE",{});var a=x(n);$=y(a,"{ name, details }"),a.forEach(w),o=y(t,". "),s=h(t,"BR",{}),r=y(t," Can be used to set the selection programmatically.")},m(t,a){v(t,e,a),v(t,n,a),O(n,$),v(t,o,a),v(t,s,a),v(t,r,a)},p:D,d(t){t&&w(e),t&&w(n),t&&w(o),t&&w(s),t&&w(r)}}}function ct(t){let e,n,$,a,c,m,g,u;return e=new U({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),g=new U({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(g.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(g,t,o),u=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(g,t)}}}function pt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("minSearchLength")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"minSearchLength"),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function ft(t){let e,n;return{c(){e=g("code"),n=u("3")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"3"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function lt(t){let e,n;return{c(){e=g("code"),n=u("number")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"number"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function mt(t){let e,n,$,o,s;return{c(){e=u("The minimum amount of characters to call "),n=g("mark"),$=g("code"),o=u("getOptions"),s=u(".")},l(t){e=y(t,"The minimum amount of characters to call "),n=h(t,"MARK",{});var r=x(n);$=h(r,"CODE",{});var a=x($);o=y(a,"getOptions"),a.forEach(w),r.forEach(w),s=y(t,".")},m(t,r){v(t,e,r),v(t,n,r),O(n,$),O($,o),v(t,s,r)},p:D,d(t){t&&w(e),t&&w(n),t&&w(s)}}}function it(t){let e,n,$,a,c,m,g,u;return e=new U({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),g=new U({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(g.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(g,t,o),u=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(g,t)}}}function gt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("maxOptions")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"maxOptions"),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function ut(t){let e,n;return{c(){e=g("code"),n=u("Infinity")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"Infinity"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function dt(t){let e,n;return{c(){e=g("code"),n=u("number")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"number"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function ht(t){let e;return{c(){e=u("The maximum amount of options than can be selected.")},l(t){e=y(t,"The maximum amount of options than can be selected.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function xt(t){let e,n,$,a,c,m,g,u;return e=new U({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),g=new U({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(g.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(g,t,o),u=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(g,t)}}}function yt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("searchQuery")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"searchQuery"),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function wt(t){let e,n;return{c(){e=g("code"),n=u("''")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"''"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function Et(t){let e,n;return{c(){e=g("code"),n=u("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"string"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function vt(t){let e;return{c(){e=u("The current value of the text field. Can be used to control the query programmatically.")},l(t){e=y(t,"The current value of the text field. Can be used to control the query programmatically.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Ot(t){let e,n,$,a,c,m,g,u;return e=new U({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),g=new U({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(g.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(g,t,o),u=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(g,t)}}}function Dt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("optionComponent")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"optionComponent"),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function kt(t){let e,n,$,o;return{c(){e=g("a"),n=g("mark"),$=g("code"),o=u("AutocompleteOption"),this.h()},l(t){e=h(t,"A",{href:!0});var s=x(e);n=h(s,"MARK",{});var r=x(n);$=h(r,"CODE",{});var a=x($);o=y(a,"AutocompleteOption"),a.forEach(w),r.forEach(w),s.forEach(w),this.h()},h(){E(e,"href","./docs/components/autocomplete-option")},m(t,s){v(t,e,s),O(e,n),O(n,$),O($,o)},p:D,d(t){t&&w(e)}}}function bt(t){let e;return{c(){e=u("Svelte component")},l(t){e=y(t,"Svelte component")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Ct(t){let e,n,$,o,s,r,a,c,p,f,l,m,i,d,E,k,b;return{c(){e=u("The component used to render a suggestion in the list. "),n=g("br"),$=u(" Receives two props: the "),o=g("code"),s=u("option"),r=u(" object ("),a=g("code"),c=u("{ name, details }"),p=u(") and the current "),f=g("code"),l=u("query"),m=u(". "),i=g("br"),d=u(" Expected to dispatch "),E=g("code"),k=u("click"),b=u(" events on selection.")},l(t){e=y(t,"The component used to render a suggestion in the list. "),n=h(t,"BR",{}),$=y(t," Receives two props: the "),o=h(t,"CODE",{});var g=x(o);s=y(g,"option"),g.forEach(w),r=y(t," object ("),a=h(t,"CODE",{});var u=x(a);c=y(u,"{ name, details }"),u.forEach(w),p=y(t,") and the current "),f=h(t,"CODE",{});var v=x(f);l=y(v,"query"),v.forEach(w),m=y(t,". "),i=h(t,"BR",{}),d=y(t," Expected to dispatch "),E=h(t,"CODE",{});var O=x(E);k=y(O,"click"),O.forEach(w),b=y(t," events on selection.")},m(t,g){v(t,e,g),v(t,n,g),v(t,$,g),v(t,o,g),O(o,s),v(t,r,g),v(t,a,g),O(a,c),v(t,p,g),v(t,f,g),O(f,l),v(t,m,g),v(t,i,g),v(t,d,g),v(t,E,g),O(E,k),v(t,b,g)},p:D,d(t){t&&w(e),t&&w(n),t&&w($),t&&w(o),t&&w(r),t&&w(a),t&&w(p),t&&w(f),t&&w(m),t&&w(i),t&&w(d),t&&w(E),t&&w(b)}}}function Tt(t){let e,n,$,a,c,m,g,u;return e=new U({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),g=new U({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(g.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(g,t,o),u=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(g,t)}}}function At(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("focus")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"focus"),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function St(t){let e,n;return{c(){e=g("code"),n=u("false")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"false"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function Rt(t){let e,n;return{c(){e=g("code"),n=u("boolean")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"boolean"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function Nt(t){let e;return{c(){e=u("Allows to programmatically control whether the suggestions dropdown is shown.")},l(t){e=y(t,"Allows to programmatically control whether the suggestions dropdown is shown.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function jt(t){let e,n,$,a,c,m,g,u;return e=new U({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),g=new U({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(g.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(g,t,o),u=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(g,t)}}}function Ft(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("disabled")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"disabled"),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function Gt(t){let e,n;return{c(){e=g("code"),n=u("false")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"false"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function Lt(t){let e,n;return{c(){e=g("code"),n=u("boolean")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"boolean"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function Bt(t){let e;return{c(){e=u("Whether to disable the field.")},l(t){e=y(t,"Whether to disable the field.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Mt(t){let e,n,$,a,c,m,g,u;return e=new U({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),g=new U({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(g.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(g,t,o),u=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(g,t)}}}function Pt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("...")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"..."),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function qt(t){let e,n;return{c(){e=g("code"),n=u("any")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"any"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function Ut(t){let e,n,$,o;return{c(){e=u("Everything else will be passed to the underlying "),n=g("code"),$=u("<input>"),o=u(" element.")},l(t){e=y(t,"Everything else will be passed to the underlying "),n=h(t,"CODE",{});var s=x(n);$=y(s,"<input>"),s.forEach(w),o=y(t," element.")},m(t,s){v(t,e,s),v(t,n,s),O(n,$),v(t,o,s)},p:D,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function Ht(t){let e,n,$,a,c,m,g,u;return e=new U({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),$=new U({}),c=new U({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),g=new U({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(g.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(g,t,o),u=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),g.$set(s)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(g,t)}}}function It(t){let e,n,$,a,c,m,u,y,E,D,k,b,C,T,A,S,R,N,j,F,G,L;return n=new P({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),E=new P({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),k=new P({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),C=new P({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),A=new P({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),R=new P({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),j=new P({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),G=new P({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),{c(){e=g("thead"),o(n.$$.fragment),$=i(),a=g("tbody"),o(c.$$.fragment),m=i(),o(u.$$.fragment),y=i(),o(E.$$.fragment),D=i(),o(k.$$.fragment),b=i(),o(C.$$.fragment),T=i(),o(A.$$.fragment),S=i(),o(R.$$.fragment),N=i(),o(j.$$.fragment),F=i(),o(G.$$.fragment)},l(t){e=h(t,"THEAD",{});var o=x(e);s(n.$$.fragment,o),o.forEach(w),$=d(t),a=h(t,"TBODY",{});var r=x(a);s(c.$$.fragment,r),m=d(r),s(u.$$.fragment,r),y=d(r),s(E.$$.fragment,r),D=d(r),s(k.$$.fragment,r),b=d(r),s(C.$$.fragment,r),T=d(r),s(A.$$.fragment,r),S=d(r),s(R.$$.fragment,r),N=d(r),s(j.$$.fragment,r),F=d(r),s(G.$$.fragment,r),r.forEach(w)},m(t,o){v(t,e,o),r(n,e,null),v(t,$,o),v(t,a,o),r(c,a,null),O(a,m),r(u,a,null),O(a,y),r(E,a,null),O(a,D),r(k,a,null),O(a,b),r(C,a,null),O(a,T),r(A,a,null),O(a,S),r(R,a,null),O(a,N),r(j,a,null),O(a,F),r(G,a,null),L=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),u.$set(s);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),E.$set(r);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),k.$set(a);const p={};8&e&&(p.$$scope={dirty:e,ctx:t}),C.$set(p);const f={};8&e&&(f.$$scope={dirty:e,ctx:t}),A.$set(f);const l={};8&e&&(l.$$scope={dirty:e,ctx:t}),R.$set(l);const m={};8&e&&(m.$$scope={dirty:e,ctx:t}),j.$set(m);const i={};8&e&&(i.$$scope={dirty:e,ctx:t}),G.$set(i)},i(t){L||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(E.$$.fragment,t),p(k.$$.fragment,t),p(C.$$.fragment,t),p(A.$$.fragment,t),p(R.$$.fragment,t),p(j.$$.fragment,t),p(G.$$.fragment,t),L=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(E.$$.fragment,t),f(k.$$.fragment,t),f(C.$$.fragment,t),f(A.$$.fragment,t),f(R.$$.fragment,t),f(j.$$.fragment,t),f(G.$$.fragment,t),L=!1},d(t){t&&w(e),l(n),t&&w($),t&&w(a),l(c),l(u),l(E),l(k),l(C),l(A),l(R),l(j),l(G)}}}function Kt(t){let e;return{c(){e=u("Class Properties")},l(t){e=y(t,"Class Properties")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Yt(t){let e,n,$,o,s,r,a;return{c(){e=u("All "),n=g("code"),$=u("<AutocompleteField>"),o=u(" components use the "),s=g("code"),r=u(".autocomplete-field"),a=u(" class.")},l(t){e=y(t,"All "),n=h(t,"CODE",{});var c=x(n);$=y(c,"<AutocompleteField>"),c.forEach(w),o=y(t," components use the "),s=h(t,"CODE",{});var p=x(s);r=y(p,".autocomplete-field"),p.forEach(w),a=y(t," class.")},m(t,c){v(t,e,c),v(t,n,c),O(n,$),v(t,o,c),v(t,s,c),O(s,r),v(t,a,c)},p:D,d(t){t&&w(e),t&&w(n),t&&w(o),t&&w(s),t&&w(a)}}}function Vt(t){let e;return{c(){e=u("Falsy values passed to classes will be disregarded.")},l(t){e=y(t,"Falsy values passed to classes will be disregarded.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Wt(t){let e;return{c(){e=u("Name")},l(t){e=y(t,"Name")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function zt(t){let e;return{c(){e=u("Default")},l(t){e=y(t,"Default")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Jt(t){let e;return{c(){e=u("Type")},l(t){e=y(t,"Type")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Qt(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Xt(t){let e,n,$,a,c,m,g,u;return e=new q({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),$=new q({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),g=new q({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(g.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(g,t,o),u=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(g,t)}}}function Zt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("class")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"class"),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function _t(t){let e,n;return{c(){e=g("code"),n=u("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"null"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function te(t){let e,n;return{c(){e=g("code"),n=u("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"string"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function ee(t){let e;return{c(){e=u("A class string to add to the component.")},l(t){e=y(t,"A class string to add to the component.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function ne(t){let e,n,$,a,c,m,g,u;return e=new U({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),g=new U({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(g.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(g,t,o),u=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(g,t)}}}function $e(t){let e,n,$,a,c,m;return n=new P({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){e=g("thead"),o(n.$$.fragment),$=i(),a=g("tbody"),o(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var o=x(e);s(n.$$.fragment,o),o.forEach(w),$=d(t),a=h(t,"TBODY",{});var r=x(a);s(c.$$.fragment,r),r.forEach(w)},m(t,o){v(t,e,o),r(n,e,null),v(t,$,o),v(t,a,o),r(c,a,null),m=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&w(e),l(n),t&&w($),t&&w(a),l(c)}}}function oe(t){let e;return{c(){e=u("Events")},l(t){e=y(t,"Events")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function se(t){let e;return{c(){e=u("Name")},l(t){e=y(t,"Name")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function re(t){let e;return{c(){e=u("Event Detail")},l(t){e=y(t,"Event Detail")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function ae(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function ce(t){let e,n,$,a,c,m;return e=new q({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),$=new q({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),m=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t)}}}function pe(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("change")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"change"),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function fe(t){let e,n;return{c(){e=g("code"),n=u("{ value }")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"{ value }"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function le(t){let e,n,$,o;return{c(){e=u("Fired when the selection changes. The "),n=g("code"),$=u("value"),o=u(" contains the selection array.")},l(t){e=y(t,"Fired when the selection changes. The "),n=h(t,"CODE",{});var s=x(n);$=y(s,"value"),s.forEach(w),o=y(t," contains the selection array.")},m(t,s){v(t,e,s),v(t,n,s),O(n,$),v(t,o,s)},p:D,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function me(t){let e,n,$,a,c,m;return e=new U({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),m=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t)}}}function ie(t){let e,n,$,a,c,m;return n=new P({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),{c(){e=g("thead"),o(n.$$.fragment),$=i(),a=g("tbody"),o(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var o=x(e);s(n.$$.fragment,o),o.forEach(w),$=d(t),a=h(t,"TBODY",{});var r=x(a);s(c.$$.fragment,r),r.forEach(w)},m(t,o){v(t,e,o),r(n,e,null),v(t,$,o),v(t,a,o),r(c,a,null),m=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&w(e),l(n),t&&w($),t&&w(a),l(c)}}}function ge(t){let e;return{c(){e=u("Slots")},l(t){e=y(t,"Slots")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function ue(t){let e,n,$;return{c(){e=g("code"),n=u("too-many-options"),$=u(" slot")},l(t){e=h(t,"CODE",{});var o=x(e);n=y(o,"too-many-options"),o.forEach(w),$=y(t," slot")},m(t,o){v(t,e,o),O(e,n),v(t,$,o)},p:D,d(t){t&&w(e),t&&w($)}}}function de(t){let e;return{c(){e=u("The message to show in the dropdown when the maximum amount of selected options has been reached.")},l(t){e=y(t,"The message to show in the dropdown when the maximum amount of selected options has been reached.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function he(t){let e,n,$;return{c(){e=g("code"),n=u("not-enough-input"),$=u(" slot")},l(t){e=h(t,"CODE",{});var o=x(e);n=y(o,"not-enough-input"),o.forEach(w),$=y(t," slot")},m(t,o){v(t,e,o),O(e,n),v(t,$,o)},p:D,d(t){t&&w(e),t&&w($)}}}function xe(t){let e;return{c(){e=u("The message to show in the dropdown when the minimum amount of characters to type for searching hasn't been reached.")},l(t){e=y(t,"The message to show in the dropdown when the minimum amount of characters to type for searching hasn't been reached.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function ye(t){let e,n,$;return{c(){e=g("code"),n=u("loading-options"),$=u(" slot")},l(t){e=h(t,"CODE",{});var o=x(e);n=y(o,"loading-options"),o.forEach(w),$=y(t," slot")},m(t,o){v(t,e,o),O(e,n),v(t,$,o)},p:D,d(t){t&&w(e),t&&w($)}}}function we(t){let e;return{c(){e=u("The loading state of the dropdown while the next promise with suggestions is resolving.")},l(t){e=y(t,"The loading state of the dropdown while the next promise with suggestions is resolving.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Ee(t){let e,n,$;return{c(){e=g("code"),n=u("more-options"),$=u(" slot")},l(t){e=h(t,"CODE",{});var o=x(e);n=y(o,"more-options"),o.forEach(w),$=y(t," slot")},m(t,o){v(t,e,o),O(e,n),v(t,$,o)},p:D,d(t){t&&w(e),t&&w($)}}}function ve(t){let e,n,$,o;return{c(){e=u("The element to display at the end of a list to trigger the option generator.\nDefaults to a button equipped with an "),n=g("code"),$=u("IntersectionObserver"),o=u(" to trigger the generator whenever it scrolls into view.")},l(t){e=y(t,"The element to display at the end of a list to trigger the option generator.\nDefaults to a button equipped with an "),n=h(t,"CODE",{});var s=x(n);$=y(s,"IntersectionObserver"),s.forEach(w),o=y(t," to trigger the generator whenever it scrolls into view.")},m(t,s){v(t,e,s),v(t,n,s),O(n,$),v(t,o,s)},p:D,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function Oe(t){let e;return{c(){e=u("Prop Name")},l(t){e=y(t,"Prop Name")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function De(t){let e;return{c(){e=u("Type")},l(t){e=y(t,"Type")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function ke(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function be(t){let e,n,$,a,c,m;return e=new q({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),$=new q({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),m=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t)}}}function Ce(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("loadMoreOptions")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"loadMoreOptions"),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function Te(t){let e,n;return{c(){e=g("code"),n=u("Function")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"Function"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function Ae(t){let e;return{c(){e=u("A callback to trigger the option generator.")},l(t){e=y(t,"A callback to trigger the option generator.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Se(t){let e,n,$,a,c,m;return e=new U({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),m=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t)}}}function Re(t){let e,n,$,a,c,m;return n=new P({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),{c(){e=g("thead"),o(n.$$.fragment),$=i(),a=g("tbody"),o(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var o=x(e);s(n.$$.fragment,o),o.forEach(w),$=d(t),a=h(t,"TBODY",{});var r=x(a);s(c.$$.fragment,r),r.forEach(w)},m(t,o){v(t,e,o),r(n,e,null),v(t,$,o),v(t,a,o),r(c,a,null),m=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&w(e),l(n),t&&w($),t&&w(a),l(c)}}}function Ne(t){let e,n,$;return{c(){e=g("code"),n=u("close-message"),$=u(" slot")},l(t){e=h(t,"CODE",{});var o=x(e);n=y(o,"close-message"),o.forEach(w),$=y(t," slot")},m(t,o){v(t,e,o),O(e,n),v(t,$,o)},p:D,d(t){t&&w(e),t&&w($)}}}function je(t){let e;return{c(){e=u('Use this slot to translate the "close the options" message that appears when tabbing into the dropdown of options.')},l(t){e=y(t,'Use this slot to translate the "close the options" message that appears when tabbing into the dropdown of options.')},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Fe(t){let e,n,$;return{c(){e=g("code"),n=u("loading-message"),$=u(" slot")},l(t){e=h(t,"CODE",{});var o=x(e);n=y(o,"loading-message"),o.forEach(w),$=y(t," slot")},m(t,o){v(t,e,o),O(e,n),v(t,$,o)},p:D,d(t){t&&w(e),t&&w($)}}}function Ge(t){let e;return{c(){e=u('Use this slot to translate the "loading" message that appears while the options are loading.')},l(t){e=y(t,'Use this slot to translate the "loading" message that appears while the options are loading.')},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Le(t){let e,n,$;return{c(){e=g("code"),n=u("load-more-options-message"),$=u(" slot")},l(t){e=h(t,"CODE",{});var o=x(e);n=y(o,"load-more-options-message"),o.forEach(w),$=y(t," slot")},m(t,o){v(t,e,o),O(e,n),v(t,$,o)},p:D,d(t){t&&w(e),t&&w($)}}}function Be(t){let e;return{c(){e=u('Use this slot to translate the "load more options" message that appears when you scroll to the bottom of the list of options before the infinite scroll triggers loading itself.')},l(t){e=y(t,'Use this slot to translate the "load more options" message that appears when you scroll to the bottom of the list of options before the infinite scroll triggers loading itself.')},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Me(t){let e;return{c(){e=u("SCSS Variables")},l(t){e=y(t,"SCSS Variables")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Pe(t){let e;return{c(){e=u("Name")},l(t){e=y(t,"Name")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function qe(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Ue(t){let e;return{c(){e=u("Default")},l(t){e=y(t,"Default")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function He(t){let e,n,$,a,c,m;return e=new q({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),$=new q({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),m=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t)}}}function Ie(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("$light-contrast")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"$light-contrast"),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function Ke(t){let e;return{c(){e=u("The color of the scrollbar on WebKit browsers.")},l(t){e=y(t,"The color of the scrollbar on WebKit browsers.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Ye(t){let e,n;return e=new F({props:{value:"#DDDDDD"}}),{c(){o(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p:D,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function Ve(t){let e,n,$,a,c,m;return e=new U({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),m=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t)}}}function We(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("$thin-font-weight")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"$thin-font-weight"),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function ze(t){let e;return{c(){e=u("The thin font weight of the status messages like 'type X characters to search'.")},l(t){e=y(t,"The thin font weight of the status messages like 'type X characters to search'.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Je(t){let e,n;return{c(){e=g("code"),n=u("300")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"300"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function Qe(t){let e,n,$,a,c,m;return e=new U({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),m=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t)}}}function Xe(t){let e,n,$,o,s,r,a,c,p;return{c(){e=g("strong"),n=g("code"),$=u("$main"),o=i(),s=g("small"),r=u("From "),a=g("a"),c=g("code"),p=u("AutocompleteOption"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=y(l,"$main"),l.forEach(w),f.forEach(w),o=d(t),s=h(t,"SMALL",{});var m=x(s);r=y(m,"From "),a=h(m,"A",{href:!0});var i=x(a);c=h(i,"CODE",{});var g=x(c);p=y(g,"AutocompleteOption"),g.forEach(w),i.forEach(w),m.forEach(w),this.h()},h(){E(a,"href","./docs/components/autocomplete-option")},m(t,f){v(t,e,f),O(e,n),O(n,$),v(t,o,f),v(t,s,f),O(s,r),O(s,a),O(a,c),O(c,p)},p:D,d(t){t&&w(e),t&&w(o),t&&w(s)}}}function Ze(t){let e;return{c(){e=u("The background color on hover and the color of the highlight in the options.")},l(t){e=y(t,"The background color on hover and the color of the highlight in the options.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function _e(t){let e,n;return e=new F({props:{value:"#4300B0"}}),{c(){o(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p:D,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function tn(t){let e,n,$,a,c,m;return e=new U({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[Ze]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),m=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t)}}}function en(t){let e,n,$,o,s,r,a,c,p;return{c(){e=g("strong"),n=g("code"),$=u("$font"),o=i(),s=g("small"),r=u("From "),a=g("a"),c=g("code"),p=u("AutocompleteOption"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=y(l,"$font"),l.forEach(w),f.forEach(w),o=d(t),s=h(t,"SMALL",{});var m=x(s);r=y(m,"From "),a=h(m,"A",{href:!0});var i=x(a);c=h(i,"CODE",{});var g=x(c);p=y(g,"AutocompleteOption"),g.forEach(w),i.forEach(w),m.forEach(w),this.h()},h(){E(a,"href","./docs/components/autocomplete-option")},m(t,f){v(t,e,f),O(e,n),O(n,$),v(t,o,f),v(t,s,f),O(s,r),O(s,a),O(a,c),O(c,p)},p:D,d(t){t&&w(e),t&&w(o),t&&w(s)}}}function nn(t){let e;return{c(){e=u("The font of the autocomplete options.")},l(t){e=y(t,"The font of the autocomplete options.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function $n(t){let e,n;return{c(){e=g("code"),n=u("'Ubuntu'")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"'Ubuntu'"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function on(t){let e,n,$,a,c,m;return e=new U({props:{$$slots:{default:[en]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[nn]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[$n]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),m=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t)}}}function sn(t){let e,n,$,o,s,r,a,c,p;return{c(){e=g("strong"),n=g("code"),$=u("$bold-font-weight"),o=i(),s=g("small"),r=u("From "),a=g("a"),c=g("code"),p=u("AutocompleteOption"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=y(l,"$bold-font-weight"),l.forEach(w),f.forEach(w),o=d(t),s=h(t,"SMALL",{});var m=x(s);r=y(m,"From "),a=h(m,"A",{href:!0});var i=x(a);c=h(i,"CODE",{});var g=x(c);p=y(g,"AutocompleteOption"),g.forEach(w),i.forEach(w),m.forEach(w),this.h()},h(){E(a,"href","./docs/components/autocomplete-option")},m(t,f){v(t,e,f),O(e,n),O(n,$),v(t,o,f),v(t,s,f),O(s,r),O(s,a),O(a,c),O(c,p)},p:D,d(t){t&&w(e),t&&w(o),t&&w(s)}}}function rn(t){let e;return{c(){e=u("The bold font weight to emphasize the highight in the options.")},l(t){e=y(t,"The bold font weight to emphasize the highight in the options.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function an(t){let e,n;return{c(){e=g("code"),n=u("500")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"500"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function cn(t){let e,n,$,a,c,m;return e=new U({props:{$$slots:{default:[sn]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[rn]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[an]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),m=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t)}}}function pn(t){let e,n,$,o,s,r,a,c,p;return{c(){e=g("strong"),n=g("code"),$=u("$font"),o=i(),s=g("small"),r=u("From "),a=g("a"),c=g("code"),p=u("Button"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=y(l,"$font"),l.forEach(w),f.forEach(w),o=d(t),s=h(t,"SMALL",{});var m=x(s);r=y(m,"From "),a=h(m,"A",{href:!0});var i=x(a);c=h(i,"CODE",{});var g=x(c);p=y(g,"Button"),g.forEach(w),i.forEach(w),m.forEach(w),this.h()},h(){E(a,"href","./docs/components/button")},m(t,f){v(t,e,f),O(e,n),O(n,$),v(t,o,f),v(t,s,f),O(s,r),O(s,a),O(a,c),O(c,p)},p:D,d(t){t&&w(e),t&&w(o),t&&w(s)}}}function fn(t){let e;return{c(){e=u("The font of the buttons used for dismissing focus and loading more options.")},l(t){e=y(t,"The font of the buttons used for dismissing focus and loading more options.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function ln(t){let e,n;return{c(){e=g("code"),n=u("'Ubuntu'")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"'Ubuntu'"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function mn(t){let e,n,$,a,c,m;return e=new U({props:{$$slots:{default:[pn]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[fn]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[ln]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),m=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t)}}}function gn(t){let e,n,$,o,s,r,a,c,p;return{c(){e=g("strong"),n=g("code"),$=u("$button-radius"),o=i(),s=g("small"),r=u("From "),a=g("a"),c=g("code"),p=u("Button"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=y(l,"$button-radius"),l.forEach(w),f.forEach(w),o=d(t),s=h(t,"SMALL",{});var m=x(s);r=y(m,"From "),a=h(m,"A",{href:!0});var i=x(a);c=h(i,"CODE",{});var g=x(c);p=y(g,"Button"),g.forEach(w),i.forEach(w),m.forEach(w),this.h()},h(){E(a,"href","./docs/components/button")},m(t,f){v(t,e,f),O(e,n),O(n,$),v(t,o,f),v(t,s,f),O(s,r),O(s,a),O(a,c),O(c,p)},p:D,d(t){t&&w(e),t&&w(o),t&&w(s)}}}function un(t){let e;return{c(){e=u("The curvature radius of buttons used for dismissing focus and loading more options.")},l(t){e=y(t,"The curvature radius of buttons used for dismissing focus and loading more options.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function dn(t){let e,n;return{c(){e=g("code"),n=u("1.5625em")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"1.5625em"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function hn(t){let e,n,$,a,c,m;return e=new U({props:{$$slots:{default:[gn]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[un]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[dn]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),m=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t)}}}function xn(t){let e,n,$,a,c,m,u,y,E,D,k,b,C,T,A,S,R,N;return n=new P({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[Qe]},$$scope:{ctx:t}}}),E=new P({props:{$$slots:{default:[tn]},$$scope:{ctx:t}}}),k=new P({props:{$$slots:{default:[on]},$$scope:{ctx:t}}}),C=new P({props:{$$slots:{default:[cn]},$$scope:{ctx:t}}}),A=new P({props:{$$slots:{default:[mn]},$$scope:{ctx:t}}}),R=new P({props:{$$slots:{default:[hn]},$$scope:{ctx:t}}}),{c(){e=g("thead"),o(n.$$.fragment),$=i(),a=g("tbody"),o(c.$$.fragment),m=i(),o(u.$$.fragment),y=i(),o(E.$$.fragment),D=i(),o(k.$$.fragment),b=i(),o(C.$$.fragment),T=i(),o(A.$$.fragment),S=i(),o(R.$$.fragment)},l(t){e=h(t,"THEAD",{});var o=x(e);s(n.$$.fragment,o),o.forEach(w),$=d(t),a=h(t,"TBODY",{});var r=x(a);s(c.$$.fragment,r),m=d(r),s(u.$$.fragment,r),y=d(r),s(E.$$.fragment,r),D=d(r),s(k.$$.fragment,r),b=d(r),s(C.$$.fragment,r),T=d(r),s(A.$$.fragment,r),S=d(r),s(R.$$.fragment,r),r.forEach(w)},m(t,o){v(t,e,o),r(n,e,null),v(t,$,o),v(t,a,o),r(c,a,null),O(a,m),r(u,a,null),O(a,y),r(E,a,null),O(a,D),r(k,a,null),O(a,b),r(C,a,null),O(a,T),r(A,a,null),O(a,S),r(R,a,null),N=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),u.$set(s);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),E.$set(r);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),k.$set(a);const p={};8&e&&(p.$$scope={dirty:e,ctx:t}),C.$set(p);const f={};8&e&&(f.$$scope={dirty:e,ctx:t}),A.$set(f);const l={};8&e&&(l.$$scope={dirty:e,ctx:t}),R.$set(l)},i(t){N||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(E.$$.fragment,t),p(k.$$.fragment,t),p(C.$$.fragment,t),p(A.$$.fragment,t),p(R.$$.fragment,t),N=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(E.$$.fragment,t),f(k.$$.fragment,t),f(C.$$.fragment,t),f(A.$$.fragment,t),f(R.$$.fragment,t),N=!1},d(t){t&&w(e),l(n),t&&w($),t&&w(a),l(c),l(u),l(E),l(k),l(C),l(A),l(R)}}}function yn(t){let e,n,$,a,c,m,D,k,b,C,T,A,N,F,P,q,U,J,Q,X,Z,_,tt,et,nt,$t,ot,st,rt,at,ct,pt,ft,lt,mt,it,gt,ut,dt,ht,xt,yt,wt,Et,vt,Ot,Dt,kt,bt,Ct,Tt,At,St,Rt,Nt,jt,Ft,Gt,Lt,Bt,Mt,Pt,qt,Ut,Ht,Wt,zt;return e=new S({props:{$$slots:{default:[H]},$$scope:{ctx:t}}}),$=new R({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),c=new R({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),D=new G({props:{components:On}}),b=new j({props:{$$slots:{source:[V],showcase:[Y]},$$scope:{ctx:t}}}),T=new L({props:{id:"properties",$$slots:{default:[W]},$$scope:{ctx:t}}}),N=new B({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),P=new M({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),X=new B({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),_=new R({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),et=new R({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),$t=new M({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),st=new L({props:{id:"events",$$slots:{default:[oe]},$$scope:{ctx:t}}}),at=new M({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),pt=new L({props:{id:"slots",$$slots:{default:[ge]},$$scope:{ctx:t}}}),lt=new B({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),it=new R({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),ut=new B({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),ht=new R({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),yt=new B({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),Et=new R({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),Ot=new B({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),kt=new R({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),Ct=new M({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),At=new B({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),Rt=new R({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),jt=new B({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),Gt=new R({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),Bt=new B({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),Pt=new R({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),Ut=new L({props:{id:"scss-variables",$$slots:{default:[Me]},$$scope:{ctx:t}}}),Wt=new M({props:{$$slots:{default:[xn]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(D.$$.fragment),k=i(),o(b.$$.fragment),C=i(),o(T.$$.fragment),A=i(),o(N.$$.fragment),F=i(),o(P.$$.fragment),q=i(),U=g("div"),J=u("* Required"),Q=i(),o(X.$$.fragment),Z=i(),o(_.$$.fragment),tt=i(),o(et.$$.fragment),nt=i(),o($t.$$.fragment),ot=i(),o(st.$$.fragment),rt=i(),o(at.$$.fragment),ct=i(),o(pt.$$.fragment),ft=i(),o(lt.$$.fragment),mt=i(),o(it.$$.fragment),gt=i(),o(ut.$$.fragment),dt=i(),o(ht.$$.fragment),xt=i(),o(yt.$$.fragment),wt=i(),o(Et.$$.fragment),vt=i(),o(Ot.$$.fragment),Dt=i(),o(kt.$$.fragment),bt=i(),o(Ct.$$.fragment),Tt=i(),o(At.$$.fragment),St=i(),o(Rt.$$.fragment),Nt=i(),o(jt.$$.fragment),Ft=i(),o(Gt.$$.fragment),Lt=i(),o(Bt.$$.fragment),Mt=i(),o(Pt.$$.fragment),qt=i(),o(Ut.$$.fragment),Ht=i(),o(Wt.$$.fragment),this.h()},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(D.$$.fragment,t),k=d(t),s(b.$$.fragment,t),C=d(t),s(T.$$.fragment,t),A=d(t),s(N.$$.fragment,t),F=d(t),s(P.$$.fragment,t),q=d(t),U=h(t,"DIV",{class:!0});var o=x(U);J=y(o,"* Required"),o.forEach(w),Q=d(t),s(X.$$.fragment,t),Z=d(t),s(_.$$.fragment,t),tt=d(t),s(et.$$.fragment,t),nt=d(t),s($t.$$.fragment,t),ot=d(t),s(st.$$.fragment,t),rt=d(t),s(at.$$.fragment,t),ct=d(t),s(pt.$$.fragment,t),ft=d(t),s(lt.$$.fragment,t),mt=d(t),s(it.$$.fragment,t),gt=d(t),s(ut.$$.fragment,t),dt=d(t),s(ht.$$.fragment,t),xt=d(t),s(yt.$$.fragment,t),wt=d(t),s(Et.$$.fragment,t),vt=d(t),s(Ot.$$.fragment,t),Dt=d(t),s(kt.$$.fragment,t),bt=d(t),s(Ct.$$.fragment,t),Tt=d(t),s(At.$$.fragment,t),St=d(t),s(Rt.$$.fragment,t),Nt=d(t),s(jt.$$.fragment,t),Ft=d(t),s(Gt.$$.fragment,t),Lt=d(t),s(Bt.$$.fragment,t),Mt=d(t),s(Pt.$$.fragment,t),qt=d(t),s(Ut.$$.fragment,t),Ht=d(t),s(Wt.$$.fragment,t),this.h()},h(){E(U,"class","required")},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(D,t,o),v(t,k,o),r(b,t,o),v(t,C,o),r(T,t,o),v(t,A,o),r(N,t,o),v(t,F,o),r(P,t,o),v(t,q,o),v(t,U,o),O(U,J),v(t,Q,o),r(X,t,o),v(t,Z,o),r(_,t,o),v(t,tt,o),r(et,t,o),v(t,nt,o),r($t,t,o),v(t,ot,o),r(st,t,o),v(t,rt,o),r(at,t,o),v(t,ct,o),r(pt,t,o),v(t,ft,o),r(lt,t,o),v(t,mt,o),r(it,t,o),v(t,gt,o),r(ut,t,o),v(t,dt,o),r(ht,t,o),v(t,xt,o),r(yt,t,o),v(t,wt,o),r(Et,t,o),v(t,vt,o),r(Ot,t,o),v(t,Dt,o),r(kt,t,o),v(t,bt,o),r(Ct,t,o),v(t,Tt,o),r(At,t,o),v(t,St,o),r(Rt,t,o),v(t,Nt,o),r(jt,t,o),v(t,Ft,o),r(Gt,t,o),v(t,Lt,o),r(Bt,t,o),v(t,Mt,o),r(Pt,t,o),v(t,qt,o),r(Ut,t,o),v(t,Ht,o),r(Wt,t,o),zt=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};9&n&&(a.$$scope={dirty:n,ctx:t}),b.$set(a);const p={};8&n&&(p.$$scope={dirty:n,ctx:t}),T.$set(p);const f={};8&n&&(f.$$scope={dirty:n,ctx:t}),N.$set(f);const l={};8&n&&(l.$$scope={dirty:n,ctx:t}),P.$set(l);const m={};8&n&&(m.$$scope={dirty:n,ctx:t}),X.$set(m);const i={};8&n&&(i.$$scope={dirty:n,ctx:t}),_.$set(i);const g={};8&n&&(g.$$scope={dirty:n,ctx:t}),et.$set(g);const u={};8&n&&(u.$$scope={dirty:n,ctx:t}),$t.$set(u);const d={};8&n&&(d.$$scope={dirty:n,ctx:t}),st.$set(d);const h={};8&n&&(h.$$scope={dirty:n,ctx:t}),at.$set(h);const x={};8&n&&(x.$$scope={dirty:n,ctx:t}),pt.$set(x);const y={};8&n&&(y.$$scope={dirty:n,ctx:t}),lt.$set(y);const w={};8&n&&(w.$$scope={dirty:n,ctx:t}),it.$set(w);const E={};8&n&&(E.$$scope={dirty:n,ctx:t}),ut.$set(E);const v={};8&n&&(v.$$scope={dirty:n,ctx:t}),ht.$set(v);const O={};8&n&&(O.$$scope={dirty:n,ctx:t}),yt.$set(O);const D={};8&n&&(D.$$scope={dirty:n,ctx:t}),Et.$set(D);const k={};8&n&&(k.$$scope={dirty:n,ctx:t}),Ot.$set(k);const C={};8&n&&(C.$$scope={dirty:n,ctx:t}),kt.$set(C);const A={};8&n&&(A.$$scope={dirty:n,ctx:t}),Ct.$set(A);const S={};8&n&&(S.$$scope={dirty:n,ctx:t}),At.$set(S);const R={};8&n&&(R.$$scope={dirty:n,ctx:t}),Rt.$set(R);const j={};8&n&&(j.$$scope={dirty:n,ctx:t}),jt.$set(j);const F={};8&n&&(F.$$scope={dirty:n,ctx:t}),Gt.$set(F);const G={};8&n&&(G.$$scope={dirty:n,ctx:t}),Bt.$set(G);const L={};8&n&&(L.$$scope={dirty:n,ctx:t}),Pt.$set(L);const B={};8&n&&(B.$$scope={dirty:n,ctx:t}),Ut.$set(B);const M={};8&n&&(M.$$scope={dirty:n,ctx:t}),Wt.$set(M)},i(t){zt||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(D.$$.fragment,t),p(b.$$.fragment,t),p(T.$$.fragment,t),p(N.$$.fragment,t),p(P.$$.fragment,t),p(X.$$.fragment,t),p(_.$$.fragment,t),p(et.$$.fragment,t),p($t.$$.fragment,t),p(st.$$.fragment,t),p(at.$$.fragment,t),p(pt.$$.fragment,t),p(lt.$$.fragment,t),p(it.$$.fragment,t),p(ut.$$.fragment,t),p(ht.$$.fragment,t),p(yt.$$.fragment,t),p(Et.$$.fragment,t),p(Ot.$$.fragment,t),p(kt.$$.fragment,t),p(Ct.$$.fragment,t),p(At.$$.fragment,t),p(Rt.$$.fragment,t),p(jt.$$.fragment,t),p(Gt.$$.fragment,t),p(Bt.$$.fragment,t),p(Pt.$$.fragment,t),p(Ut.$$.fragment,t),p(Wt.$$.fragment,t),zt=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(D.$$.fragment,t),f(b.$$.fragment,t),f(T.$$.fragment,t),f(N.$$.fragment,t),f(P.$$.fragment,t),f(X.$$.fragment,t),f(_.$$.fragment,t),f(et.$$.fragment,t),f($t.$$.fragment,t),f(st.$$.fragment,t),f(at.$$.fragment,t),f(pt.$$.fragment,t),f(lt.$$.fragment,t),f(it.$$.fragment,t),f(ut.$$.fragment,t),f(ht.$$.fragment,t),f(yt.$$.fragment,t),f(Et.$$.fragment,t),f(Ot.$$.fragment,t),f(kt.$$.fragment,t),f(Ct.$$.fragment,t),f(At.$$.fragment,t),f(Rt.$$.fragment,t),f(jt.$$.fragment,t),f(Gt.$$.fragment,t),f(Bt.$$.fragment,t),f(Pt.$$.fragment,t),f(Ut.$$.fragment,t),f(Wt.$$.fragment,t),zt=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(D,t),t&&w(k),l(b,t),t&&w(C),l(T,t),t&&w(A),l(N,t),t&&w(F),l(P,t),t&&w(q),t&&w(U),t&&w(Q),l(X,t),t&&w(Z),l(_,t),t&&w(tt),l(et,t),t&&w(nt),l($t,t),t&&w(ot),l(st,t),t&&w(rt),l(at,t),t&&w(ct),l(pt,t),t&&w(ft),l(lt,t),t&&w(mt),l(it,t),t&&w(gt),l(ut,t),t&&w(dt),l(ht,t),t&&w(xt),l(yt,t),t&&w(wt),l(Et,t),t&&w(vt),l(Ot,t),t&&w(Dt),l(kt,t),t&&w(bt),l(Ct,t),t&&w(Tt),l(At,t),t&&w(St),l(Rt,t),t&&w(Nt),l(jt,t),t&&w(Ft),l(Gt,t),t&&w(Lt),l(Bt,t),t&&w(Mt),l(Pt,t),t&&w(qt),l(Ut,t),t&&w(Ht),l(Wt,t)}}}function wn(t){let e,n;const m=[t[1],En];let i={$$slots:{default:[yn]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=$(i,m[t]);return e=new A({props:i}),{c(){o(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p(t,[n]){const $=2&n?a(m,[2&n&&c(t[1]),0&n&&c(En)]):{};9&n&&($.$$scope={dirty:n,ctx:t}),e.$set($)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}const En={name:"AutocompleteField",relatedComponents:[{name:"Autocomplete",link:"./docs/components/autocomplete"},{name:"AutocompleteOption",link:"./docs/components/autocomplete-option"}]},{name:vn,relatedComponents:On}=En;async function*Dn(t){var e;await(e=1e3,new Promise((t=>setTimeout(t,e)))),yield[{name:t,details:"Optional"},{name:`it highlights the match: ${t}`}]}function kn(t,e,n){let o=[];return t.$$set=t=>{n(1,e=$($({},e),m(t)))},e=m(e),[o,e,function(t){o=t,n(0,o)}]}class bn extends t{constructor(t){super(),e(this,t,kn,wn,n,{})}}export{bn as default,En as metadata};
diff --git a/376/client/autocomplete-option-c8b73499.css b/376/client/autocomplete-option-c8b73499.css
new file mode 100644
index 000000000..0184688b9
--- /dev/null
+++ b/376/client/autocomplete-option-c8b73499.css
@@ -0,0 +1 @@
+li.svelte-sb12q7.svelte-sb12q7{list-style:none}button.svelte-sb12q7.svelte-sb12q7{background:none;border:0;cursor:pointer;font-family:"Ubuntu", sans-serif;font-size:1em;outline:none;padding:0.7em 1.2em;text-align:left;width:100%}button.svelte-sb12q7 .subtext.svelte-sb12q7{font-size:0.95em;font-weight:300;margin-top:0.2em}button.svelte-sb12q7.svelte-sb12q7:hover{background:rgba(67, 0, 176, 0.05)}button.svelte-sb12q7.svelte-sb12q7:focus{background:rgba(67, 0, 176, 0.075)}button.svelte-sb12q7 mark.svelte-sb12q7{background:none;color:#4300b0;font-weight:500}
diff --git a/376/client/autocomplete-option.310b3623.js b/376/client/autocomplete-option.310b3623.js
new file mode 100644
index 000000000..0f1df5c70
--- /dev/null
+++ b/376/client/autocomplete-option.310b3623.js
@@ -0,0 +1 @@
+import{S as t,i as n,s as e,h as l,u as s,k as c,b as r,w as a,d as o,e as i,f as u,g as h,o as f,ad as d,n as m,a9 as p,J as g,H as v,v as b,x as k,A as q}from"./client.0d36a0cf.js";function $(t){return t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function y(t,n,e){const l=t.slice();return l[6]=n[e],l}function E(t,n,e){const l=t.slice();return l[6]=n[e],l}function x(t){let n,e=t[6].content+"";return{c(){n=b(e)},l(t){n=k(t,e)},m(t,e){u(t,n,e)},p(t,l){1&l&&e!==(e=t[6].content+"")&&q(n,e)},d(t){t&&o(n)}}}function A(t){let n,e,s=t[6].content+"";return{c(){n=l("mark"),e=b(s),this.h()},l(t){n=c(t,"MARK",{class:!0});var l=r(n);e=k(l,s),l.forEach(o),this.h()},h(){i(n,"class","svelte-sb12q7")},m(t,l){u(t,n,l),h(n,e)},p(t,n){1&n&&s!==(s=t[6].content+"")&&q(e,s)},d(t){t&&o(n)}}}function N(t){let n;function e(t,n){return t[6].marked?A:x}let l=e(t),s=l(t);return{c(){s.c(),n=v()},l(t){s.l(t),n=v()},m(t,e){s.m(t,e),u(t,n,e)},p(t,c){l===(l=e(t))&&s?s.p(t,c):(s.d(1),s=l(t),s&&(s.c(),s.m(n.parentNode,n)))},d(t){s.d(t),t&&o(n)}}}function R(t){let n,e=t[1](t[0].details),s=[];for(let n=0;n<e.length;n+=1)s[n]=K(y(t,e,n));return{c(){n=l("div");for(let t=0;t<s.length;t+=1)s[t].c();this.h()},l(t){n=c(t,"DIV",{class:!0});var e=r(n);for(let t=0;t<s.length;t+=1)s[t].l(e);e.forEach(o),this.h()},h(){i(n,"class","subtext svelte-sb12q7")},m(t,e){u(t,n,e);for(let t=0;t<s.length;t+=1)s[t]&&s[t].m(n,null)},p(t,l){if(3&l){let c;for(e=t[1](t[0].details),c=0;c<e.length;c+=1){const r=y(t,e,c);s[c]?s[c].p(r,l):(s[c]=K(r),s[c].c(),s[c].m(n,null))}for(;c<s.length;c+=1)s[c].d(1);s.length=e.length}},d(t){t&&o(n),p(s,t)}}}function w(t){let n,e=t[6].content+"";return{c(){n=b(e)},l(t){n=k(t,e)},m(t,e){u(t,n,e)},p(t,l){1&l&&e!==(e=t[6].content+"")&&q(n,e)},d(t){t&&o(n)}}}function I(t){let n,e,s=t[6].content+"";return{c(){n=l("mark"),e=b(s),this.h()},l(t){n=c(t,"MARK",{class:!0});var l=r(n);e=k(l,s),l.forEach(o),this.h()},h(){i(n,"class","svelte-sb12q7")},m(t,l){u(t,n,l),h(n,e)},p(t,n){1&n&&s!==(s=t[6].content+"")&&q(e,s)},d(t){t&&o(n)}}}function K(t){let n;function e(t,n){return t[6].marked?I:w}let l=e(t),s=l(t);return{c(){s.c(),n=v()},l(t){s.l(t),n=v()},m(t,e){s.m(t,e),u(t,n,e)},p(t,c){l===(l=e(t))&&s?s.p(t,c):(s.d(1),s=l(t),s&&(s.c(),s.m(n.parentNode,n)))},d(t){s.d(t),t&&o(n)}}}function M(t){let n,e,g,v,b,k=t[1](t[0].name),q=[];for(let n=0;n<k.length;n+=1)q[n]=N(E(t,k,n));let $=t[0].details&&R(t);return{c(){n=l("li"),e=l("button");for(let t=0;t<q.length;t+=1)q[t].c();g=s(),$&&$.c(),this.h()},l(t){n=c(t,"LI",{class:!0});var l=r(n);e=c(l,"BUTTON",{type:!0,class:!0});var s=r(e);for(let t=0;t<q.length;t+=1)q[t].l(s);g=a(s),$&&$.l(s),s.forEach(o),l.forEach(o),this.h()},h(){i(e,"type","button"),i(e,"class","svelte-sb12q7"),i(n,"class","svelte-sb12q7")},m(l,s){u(l,n,s),h(n,e);for(let t=0;t<q.length;t+=1)q[t]&&q[t].m(e,null);h(e,g),$&&$.m(e,null),v||(b=f(n,"click",d(t[4])),v=!0)},p(t,[n]){if(3&n){let l;for(k=t[1](t[0].name),l=0;l<k.length;l+=1){const s=E(t,k,l);q[l]?q[l].p(s,n):(q[l]=N(s),q[l].c(),q[l].m(e,g))}for(;l<q.length;l+=1)q[l].d(1);q.length=k.length}t[0].details?$?$.p(t,n):($=R(t),$.c(),$.m(e,null)):$&&($.d(1),$=null)},i:m,o:m,d(t){t&&o(n),p(q,t),$&&$.d(),v=!1,b()}}}function T(t,n,e){let l,{option:s}=n,{query:c=null}=n;const r=g();return t.$$set=t=>{"option"in t&&e(0,s=t.option),"query"in t&&e(3,c=t.query)},t.$$.update=()=>{8&t.$$.dirty&&(l=c?new RegExp(`(${$(c)})`,"ig"):null)},[s,function(t){return null==l?[{content:t,marked:!1}]:t.split(l).map(((t,n)=>({content:t,marked:n%2!=0})))},r,c,t=>r("click",{nativeEvent:t})]}var j=class extends t{constructor(t){super(),n(this,t,T,M,e,{option:0,query:3})}};export{j as A,$ as e};
diff --git a/376/client/autocomplete-option.3b716a81.js b/376/client/autocomplete-option.3b716a81.js
new file mode 100644
index 000000000..aff1ebac0
--- /dev/null
+++ b/376/client/autocomplete-option.3b716a81.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as s,j as $,l as a,m as o,U as r,a0 as c,t as p,p as l,q as f,L as m,u as i,h as g,v as u,w as d,k as h,b as x,x as y,d as k,e as w,f as E,g as v,n as D,y as b,z as O,a9 as T}from"./client.0d36a0cf.js";import{L as A,H as j,P as C}from"./layout.b2760304.js";import{A as N}from"./autocomplete-option.310b3623.js";import{S}from"./showcase.8eb3893d.js";import{C as R}from"./color-preview.278d2729.js";import{R as q}from"./related-components.2f822d5e.js";import{H as F}from"./h2.122c8b9f.js";import{H as G}from"./h3.1e03849b.js";import{T as H,a as P,b as B,c as I}from"./table.e069c294.js";import"./label.16b4782e.js";import"./classes.2453fa25.js";import"./copyable-code.1fddc954.js";import"./button.743a388a.js";import"./card.72b37821.js";function V(t,e,n){const s=t.slice();return s[2]=e[n],s}function K(t){let e;return{c(){e=u("AutocompleteOption")},l(t){e=y(t,"AutocompleteOption")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function M(t){let e;return{c(){e=u("A list item representing an autocomplete suggestion.")},l(t){e=y(t,"A list item representing an autocomplete suggestion.")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function z(t){let e,n,s,$,a,o;return{c(){e=u("It's unlikely that this component will be used by itself, but it is a part of the larger "),n=g("a"),s=g("mark"),$=g("code"),a=u("Autocomplete"),o=u(" component."),this.h()},l(t){e=y(t,"It's unlikely that this component will be used by itself, but it is a part of the larger "),n=h(t,"A",{href:!0});var r=x(n);s=h(r,"MARK",{});var c=x(s);$=h(c,"CODE",{});var p=x($);a=y(p,"Autocomplete"),p.forEach(k),c.forEach(k),r.forEach(k),o=y(t," component."),this.h()},h(){w(n,"href","./docs/components/autocomplete")},m(t,r){E(t,e,r),E(t,n,r),v(n,s),v(s,$),v($,a),E(t,o,r)},p:D,d(t){t&&k(e),t&&k(n),t&&k(o)}}}function L(t){let e,n;return e=new N({props:{option:t[2],query:"tio"}}),{c(){$(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,s){o(e,t,s),n=!0},p:D,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function U(t){let e,n,s=t[0],$=[];for(let e=0;e<s.length;e+=1)$[e]=L(V(t,s,e));const a=t=>l($[t],1,1,(()=>{$[t]=null}));return{c(){e=g("div");for(let t=0;t<$.length;t+=1)$[t].c();this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var n=x(e);for(let t=0;t<$.length;t+=1)$[t].l(n);n.forEach(k),this.h()},h(){w(e,"slot","showcase"),w(e,"class","padded")},m(t,s){E(t,e,s);for(let t=0;t<$.length;t+=1)$[t]&&$[t].m(e,null);n=!0},p(t,n){if(1&n){let o;for(s=t[0],o=0;o<s.length;o+=1){const a=V(t,s,o);$[o]?($[o].p(a,n),p($[o],1)):($[o]=L(a),$[o].c(),p($[o],1),$[o].m(e,null))}for(b(),o=s.length;o<$.length;o+=1)a(o);O()}},i(t){if(!n){for(let t=0;t<s.length;t+=1)p($[t]);n=!0}},o(t){$=$.filter(Boolean);for(let t=0;t<$.length;t+=1)l($[t]);n=!1},d(t){t&&k(e),T($,t)}}}function Y(t){let e,n;return{c(){e=g("div"),n=g("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var s=x(e);n=h(s,"PRE",{class:!0}),x(n).forEach(k),s.forEach(k),this.h()},h(){w(n,"class","language-svelte"),w(e,"slot","source")},m(t,s){E(t,e,s),v(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">const</span> options <span class="token operator">=</span> <span class="token punctuation">[</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">\'Test Option\'</span><span class="token punctuation">,</span> <span class="token literal-property property">details</span><span class="token operator">:</span> <span class="token string">\'Description\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">\'Another One\'</span><span class="token punctuation">,</span> <span class="token literal-property property">details</span><span class="token operator">:</span> <span class="token string">\'Different\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">\'No Description\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token each"><span class="token punctuation">&#123;</span><span class="token keyword">#each</span> <span class="token language-javascript">options </span><span class="token keyword">as</span> <span class="token language-javascript">option<span class="token punctuation">&#125;</span></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AutocompleteOption</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>option<span class="token punctuation">&#125;</span></span> <span class="token attr-name">query</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>tio<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token each"><span class="token punctuation">&#123;</span><span class="token keyword">/each</span><span class="token punctuation">&#125;</span></span></code>'},p:D,d(t){t&&k(e)}}}function J(t){let e;return{c(){e=u("Properties")},l(t){e=y(t,"Properties")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function Q(t){let e;return{c(){e=u("Functional Properties")},l(t){e=y(t,"Functional Properties")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function W(t){let e;return{c(){e=u("Name")},l(t){e=y(t,"Name")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function X(t){let e;return{c(){e=u("Default")},l(t){e=y(t,"Default")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function Z(t){let e;return{c(){e=u("Type")},l(t){e=y(t,"Type")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function _(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function tt(t){let e,n,s,r,c,m,g,u;return e=new B({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),s=new B({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment),m=i(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),u=!0},p(t,n){const $={};32&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){u||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),u=!1},d(t){f(e,t),t&&k(n),f(s,t),t&&k(r),f(c,t),t&&k(m),f(g,t)}}}function et(t){let e,n,s,$,a,o,r;return{c(){e=g("mark"),n=g("strong"),s=g("code"),$=u("option"),a=u(" "),o=g("span"),r=u("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);n=h(c,"STRONG",{});var p=x(n);s=h(p,"CODE",{});var l=x(s);$=y(l,"option"),l.forEach(k),p.forEach(k),c.forEach(k),a=y(t," "),o=h(t,"SPAN",{class:!0});var f=x(o);r=y(f,"*"),f.forEach(k),this.h()},h(){w(o,"class","required")},m(t,c){E(t,e,c),v(e,n),v(n,s),v(s,$),E(t,a,c),E(t,o,c),v(o,r)},p:D,d(t){t&&k(e),t&&k(a),t&&k(o)}}}function nt(t){let e,n;return{c(){e=g("code"),n=u("Object")},l(t){e=h(t,"CODE",{});var s=x(e);n=y(s,"Object"),s.forEach(k)},m(t,s){E(t,e,s),v(e,n)},p:D,d(t){t&&k(e)}}}function st(t){let e,n,s,$,a,o,r;return{c(){e=u("The option object, containing a "),n=g("code"),s=u("name"),$=u(" field and, optionally, a "),a=g("code"),o=u("details"),r=u(" field, both strings.")},l(t){e=y(t,"The option object, containing a "),n=h(t,"CODE",{});var c=x(n);s=y(c,"name"),c.forEach(k),$=y(t," field and, optionally, a "),a=h(t,"CODE",{});var p=x(a);o=y(p,"details"),p.forEach(k),r=y(t," field, both strings.")},m(t,c){E(t,e,c),E(t,n,c),v(n,s),E(t,$,c),E(t,a,c),v(a,o),E(t,r,c)},p:D,d(t){t&&k(e),t&&k(n),t&&k($),t&&k(a),t&&k(r)}}}function $t(t){let e,n,s,r,c,m,g,u;return e=new I({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),s=new I({}),c=new I({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),g=new I({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment),m=i(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),u=!0},p(t,n){const s={};32&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),c.$set($);const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){u||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),u=!1},d(t){f(e,t),t&&k(n),f(s,t),t&&k(r),f(c,t),t&&k(m),f(g,t)}}}function at(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=u("query")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=y(a,"query"),a.forEach(k),$.forEach(k)},m(t,$){E(t,e,$),v(e,n),v(n,s)},p:D,d(t){t&&k(e)}}}function ot(t){let e,n;return{c(){e=g("code"),n=u("null")},l(t){e=h(t,"CODE",{});var s=x(e);n=y(s,"null"),s.forEach(k)},m(t,s){E(t,e,s),v(e,n)},p:D,d(t){t&&k(e)}}}function rt(t){let e,n;return{c(){e=g("code"),n=u("string")},l(t){e=h(t,"CODE",{});var s=x(e);n=y(s,"string"),s.forEach(k)},m(t,s){E(t,e,s),v(e,n)},p:D,d(t){t&&k(e)}}}function ct(t){let e;return{c(){e=u("The substring to seek out and highlight among the name and the details.")},l(t){e=y(t,"The substring to seek out and highlight among the name and the details.")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function pt(t){let e,n,s,r,c,m,g,u;return e=new I({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),s=new I({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),g=new I({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment),m=i(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),u=!0},p(t,n){const $={};32&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){u||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),u=!1},d(t){f(e,t),t&&k(n),f(s,t),t&&k(r),f(c,t),t&&k(m),f(g,t)}}}function lt(t){let e,n,s,r,c,m,u,y;return n=new P({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=i(),r=g("tbody"),$(c.$$.fragment),m=i(),$(u.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(k),s=d(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),m=d(o),a(u.$$.fragment,o),o.forEach(k)},m(t,$){E(t,e,$),o(n,e,null),E(t,s,$),E(t,r,$),o(c,r,null),v(r,m),o(u,r,null),y=!0},p(t,e){const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};32&e&&($.$$scope={dirty:e,ctx:t}),c.$set($);const a={};32&e&&(a.$$scope={dirty:e,ctx:t}),u.$set(a)},i(t){y||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),y=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),y=!1},d(t){t&&k(e),f(n),t&&k(s),t&&k(r),f(c),f(u)}}}function ft(t){let e;return{c(){e=u("Events")},l(t){e=y(t,"Events")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function mt(t){let e;return{c(){e=u("Name")},l(t){e=y(t,"Name")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function it(t){let e;return{c(){e=u("Event Detail")},l(t){e=y(t,"Event Detail")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function gt(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function ut(t){let e,n,s,r,c,m;return e=new B({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),s=new B({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};32&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&k(n),f(s,t),t&&k(r),f(c,t)}}}function dt(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=u("click")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=y(a,"click"),a.forEach(k),$.forEach(k)},m(t,$){E(t,e,$),v(e,n),v(n,s)},p:D,d(t){t&&k(e)}}}function ht(t){let e,n;return{c(){e=g("code"),n=u("{ nativeEvent }")},l(t){e=h(t,"CODE",{});var s=x(e);n=y(s,"{ nativeEvent }"),s.forEach(k)},m(t,s){E(t,e,s),v(e,n)},p:D,d(t){t&&k(e)}}}function xt(t){let e,n,s,$,a,o,r;return{c(){e=u("Fired when the element is clicked. A necessary part of conforming to the "),n=g("a"),s=g("mark"),$=g("code"),a=u("AutocompleteField"),o=u("'s"),r=u(" interface."),this.h()},l(t){e=y(t,"Fired when the element is clicked. A necessary part of conforming to the "),n=h(t,"A",{href:!0});var c=x(n);s=h(c,"MARK",{});var p=x(s);$=h(p,"CODE",{});var l=x($);a=y(l,"AutocompleteField"),l.forEach(k),p.forEach(k),o=y(c,"'s"),c.forEach(k),r=y(t," interface."),this.h()},h(){w(n,"href","./docs/components/autocomplete-field")},m(t,c){E(t,e,c),E(t,n,c),v(n,s),v(s,$),v($,a),v(n,o),E(t,r,c)},p:D,d(t){t&&k(e),t&&k(n),t&&k(r)}}}function yt(t){let e,n,s,r,c,m;return e=new I({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),s=new I({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};32&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&k(n),f(s,t),t&&k(r),f(c,t)}}}function kt(t){let e,n,s,r,c,m;return n=new P({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=i(),r=g("tbody"),$(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(k),s=d(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),o.forEach(k)},m(t,$){E(t,e,$),o(n,e,null),E(t,s,$),E(t,r,$),o(c,r,null),m=!0},p(t,e){const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};32&e&&($.$$scope={dirty:e,ctx:t}),c.$set($)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&k(e),f(n),t&&k(s),t&&k(r),f(c)}}}function wt(t){let e;return{c(){e=u("SCSS Variables")},l(t){e=y(t,"SCSS Variables")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function Et(t){let e;return{c(){e=u("Name")},l(t){e=y(t,"Name")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function vt(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function Dt(t){let e;return{c(){e=u("Default")},l(t){e=y(t,"Default")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function bt(t){let e,n,s,r,c,m;return e=new B({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),s=new B({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};32&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&k(n),f(s,t),t&&k(r),f(c,t)}}}function Ot(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=u("$main")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=y(a,"$main"),a.forEach(k),$.forEach(k)},m(t,$){E(t,e,$),v(e,n),v(n,s)},p:D,d(t){t&&k(e)}}}function Tt(t){let e;return{c(){e=u("The background color on hover and the color of the highlight.")},l(t){e=y(t,"The background color on hover and the color of the highlight.")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function At(t){let e,n;return e=new R({props:{value:"#4300B0"}}),{c(){$(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,s){o(e,t,s),n=!0},p:D,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function jt(t){let e,n,s,r,c,m;return e=new I({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),s=new I({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};32&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&k(n),f(s,t),t&&k(r),f(c,t)}}}function Ct(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=u("$font")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=y(a,"$font"),a.forEach(k),$.forEach(k)},m(t,$){E(t,e,$),v(e,n),v(n,s)},p:D,d(t){t&&k(e)}}}function Nt(t){let e;return{c(){e=u("The font of the component.")},l(t){e=y(t,"The font of the component.")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function St(t){let e,n;return{c(){e=g("code"),n=u("'Ubuntu'")},l(t){e=h(t,"CODE",{});var s=x(e);n=y(s,"'Ubuntu'"),s.forEach(k)},m(t,s){E(t,e,s),v(e,n)},p:D,d(t){t&&k(e)}}}function Rt(t){let e,n,s,r,c,m;return e=new I({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),s=new I({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};32&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&k(n),f(s,t),t&&k(r),f(c,t)}}}function qt(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=u("$thin-font-weight")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=y(a,"$thin-font-weight"),a.forEach(k),$.forEach(k)},m(t,$){E(t,e,$),v(e,n),v(n,s)},p:D,d(t){t&&k(e)}}}function Ft(t){let e;return{c(){e=u("The thin font weight to differentiate the details from the name.")},l(t){e=y(t,"The thin font weight to differentiate the details from the name.")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function Gt(t){let e,n;return{c(){e=g("code"),n=u("300")},l(t){e=h(t,"CODE",{});var s=x(e);n=y(s,"300"),s.forEach(k)},m(t,s){E(t,e,s),v(e,n)},p:D,d(t){t&&k(e)}}}function Ht(t){let e,n,s,r,c,m;return e=new I({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),s=new I({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};32&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&k(n),f(s,t),t&&k(r),f(c,t)}}}function Pt(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=u("$bold-font-weight")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=y(a,"$bold-font-weight"),a.forEach(k),$.forEach(k)},m(t,$){E(t,e,$),v(e,n),v(n,s)},p:D,d(t){t&&k(e)}}}function Bt(t){let e;return{c(){e=u("The bold font weight to emphasize the highight.")},l(t){e=y(t,"The bold font weight to emphasize the highight.")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function It(t){let e,n;return{c(){e=g("code"),n=u("500")},l(t){e=h(t,"CODE",{});var s=x(e);n=y(s,"500"),s.forEach(k)},m(t,s){E(t,e,s),v(e,n)},p:D,d(t){t&&k(e)}}}function Vt(t){let e,n,s,r,c,m;return e=new I({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),s=new I({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};32&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&k(n),f(s,t),t&&k(r),f(c,t)}}}function Kt(t){let e,n,s,r,c,m,u,y,w,D,b,O;return n=new P({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),w=new P({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),b=new P({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=i(),r=g("tbody"),$(c.$$.fragment),m=i(),$(u.$$.fragment),y=i(),$(w.$$.fragment),D=i(),$(b.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(k),s=d(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),m=d(o),a(u.$$.fragment,o),y=d(o),a(w.$$.fragment,o),D=d(o),a(b.$$.fragment,o),o.forEach(k)},m(t,$){E(t,e,$),o(n,e,null),E(t,s,$),E(t,r,$),o(c,r,null),v(r,m),o(u,r,null),v(r,y),o(w,r,null),v(r,D),o(b,r,null),O=!0},p(t,e){const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};32&e&&($.$$scope={dirty:e,ctx:t}),c.$set($);const a={};32&e&&(a.$$scope={dirty:e,ctx:t}),u.$set(a);const o={};32&e&&(o.$$scope={dirty:e,ctx:t}),w.$set(o);const r={};32&e&&(r.$$scope={dirty:e,ctx:t}),b.$set(r)},i(t){O||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(w.$$.fragment,t),p(b.$$.fragment,t),O=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),l(w.$$.fragment,t),l(b.$$.fragment,t),O=!1},d(t){t&&k(e),f(n),t&&k(s),t&&k(r),f(c),f(u),f(w),f(b)}}}function Mt(t){let e,n,s,r,c,m,D,b,O,T,A,N,R,P,B,I,V,L,W,X,Z,_,tt,et,nt,st,$t;return e=new j({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),s=new C({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),c=new C({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),D=new q({props:{components:Yt}}),O=new S({props:{$$slots:{source:[Y],showcase:[U]},$$scope:{ctx:t}}}),A=new F({props:{id:"properties",$$slots:{default:[J]},$$scope:{ctx:t}}}),R=new G({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),B=new H({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),X=new F({props:{id:"events",$$slots:{default:[ft]},$$scope:{ctx:t}}}),_=new H({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),et=new F({props:{id:"scss-variables",$$slots:{default:[wt]},$$scope:{ctx:t}}}),st=new H({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment),m=i(),$(D.$$.fragment),b=i(),$(O.$$.fragment),T=i(),$(A.$$.fragment),N=i(),$(R.$$.fragment),P=i(),$(B.$$.fragment),I=i(),V=g("div"),L=u("* Required"),W=i(),$(X.$$.fragment),Z=i(),$(_.$$.fragment),tt=i(),$(et.$$.fragment),nt=i(),$(st.$$.fragment),this.h()},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(D.$$.fragment,t),b=d(t),a(O.$$.fragment,t),T=d(t),a(A.$$.fragment,t),N=d(t),a(R.$$.fragment,t),P=d(t),a(B.$$.fragment,t),I=d(t),V=h(t,"DIV",{class:!0});var $=x(V);L=y($,"* Required"),$.forEach(k),W=d(t),a(X.$$.fragment,t),Z=d(t),a(_.$$.fragment,t),tt=d(t),a(et.$$.fragment,t),nt=d(t),a(st.$$.fragment,t),this.h()},h(){w(V,"class","required")},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(D,t,$),E(t,b,$),o(O,t,$),E(t,T,$),o(A,t,$),E(t,N,$),o(R,t,$),E(t,P,$),o(B,t,$),E(t,I,$),E(t,V,$),v(V,L),E(t,W,$),o(X,t,$),E(t,Z,$),o(_,t,$),E(t,tt,$),o(et,t,$),E(t,nt,$),o(st,t,$),$t=!0},p(t,n){const $={};32&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),O.$set(r);const p={};32&n&&(p.$$scope={dirty:n,ctx:t}),A.$set(p);const l={};32&n&&(l.$$scope={dirty:n,ctx:t}),R.$set(l);const f={};32&n&&(f.$$scope={dirty:n,ctx:t}),B.$set(f);const m={};32&n&&(m.$$scope={dirty:n,ctx:t}),X.$set(m);const i={};32&n&&(i.$$scope={dirty:n,ctx:t}),_.$set(i);const g={};32&n&&(g.$$scope={dirty:n,ctx:t}),et.$set(g);const u={};32&n&&(u.$$scope={dirty:n,ctx:t}),st.$set(u)},i(t){$t||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(D.$$.fragment,t),p(O.$$.fragment,t),p(A.$$.fragment,t),p(R.$$.fragment,t),p(B.$$.fragment,t),p(X.$$.fragment,t),p(_.$$.fragment,t),p(et.$$.fragment,t),p(st.$$.fragment,t),$t=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(D.$$.fragment,t),l(O.$$.fragment,t),l(A.$$.fragment,t),l(R.$$.fragment,t),l(B.$$.fragment,t),l(X.$$.fragment,t),l(_.$$.fragment,t),l(et.$$.fragment,t),l(st.$$.fragment,t),$t=!1},d(t){f(e,t),t&&k(n),f(s,t),t&&k(r),f(c,t),t&&k(m),f(D,t),t&&k(b),f(O,t),t&&k(T),f(A,t),t&&k(N),f(R,t),t&&k(P),f(B,t),t&&k(I),t&&k(V),t&&k(W),f(X,t),t&&k(Z),f(_,t),t&&k(tt),f(et,t),t&&k(nt),f(st,t)}}}function zt(t){let e,n;const m=[t[1],Lt];let i={$$slots:{default:[Mt]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=s(i,m[t]);return e=new A({props:i}),{c(){$(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,s){o(e,t,s),n=!0},p(t,[n]){const s=2&n?r(m,[2&n&&c(t[1]),0&n&&c(Lt)]):{};32&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}const Lt={name:"AutocompleteOption",relatedComponents:[{name:"Autocomplete",link:"./docs/components/autocomplete"},{name:"AutocompleteField",link:"./docs/components/autocomplete-field"}]},{name:Ut,relatedComponents:Yt}=Lt;function Jt(t,e,n){return t.$$set=t=>{n(1,e=s(s({},e),m(t)))},[[{name:"Test Option",details:"Description"},{name:"Another One",details:"Different"},{name:"No Description"}],e=m(e)]}class Qt extends t{constructor(t){super(),e(this,t,Jt,zt,n,{})}}export{Qt as default,Lt as metadata};
diff --git a/376/client/autocomplete.3d85732e.js b/376/client/autocomplete.3d85732e.js
new file mode 100644
index 000000000..2e333c615
--- /dev/null
+++ b/376/client/autocomplete.3d85732e.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as r,l as o,m as s,U as a,a0 as c,t as f,p,q as l,L as m,u as i,h as g,v as u,w as d,k as h,b as x,x as E,d as y,e as w,f as v,g as O,n as D}from"./client.0d36a0cf.js";import{L as b,H as k,P as C}from"./layout.b2760304.js";import{A as T}from"./autocomplete.c0ec5df7.js";import{S as A}from"./showcase.8eb3893d.js";import{C as S}from"./color-preview.278d2729.js";import{R}from"./related-components.2f822d5e.js";import{H as F}from"./h2.122c8b9f.js";import{H as j}from"./h3.1e03849b.js";import{T as N,a as G,b as L,c as B}from"./table.e069c294.js";import"./button.743a388a.js";import"./classes.2453fa25.js";import"./chip.863185cf.js";import"./autocomplete-field.a5079849.js";import"./dropdown.68df1ffe.js";import"./loading.1713184d.js";import"./autocomplete-option.310b3623.js";import"./plural-s.31bb9da9.js";import"./x.a2bf5f48.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./card.72b37821.js";function M(t){let e;return{c(){e=u("Autocomplete")},l(t){e=E(t,"Autocomplete")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function q(t){let e;return{c(){e=u("A text field suggesting options to select.")},l(t){e=E(t,"A text field suggesting options to select.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function P(t){let e,$,n,r,o,s;return{c(){e=u("Builds upon the "),$=g("a"),n=g("mark"),r=g("code"),o=u("AutocompleteField"),s=u(", prefer that instead if you need more customization freedom."),this.h()},l(t){e=E(t,"Builds upon the "),$=h(t,"A",{href:!0});var a=x($);n=h(a,"MARK",{});var c=x(n);r=h(c,"CODE",{});var f=x(r);o=E(f,"AutocompleteField"),f.forEach(y),c.forEach(y),a.forEach(y),s=E(t,", prefer that instead if you need more customization freedom."),this.h()},h(){w($,"href","./docs/components/autocomplete-field")},m(t,a){v(t,e,a),v(t,$,a),O($,n),O(n,r),O(r,o),v(t,s,a)},p:D,d(t){t&&y(e),t&&y($),t&&y(s)}}}function H(t){let e,$,n;return $=new T({props:{getOptions:c$}}),{c(){e=g("div"),r($.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var n=x(e);o($.$$.fragment,n),n.forEach(y),this.h()},h(){w(e,"slot","showcase"),w(e,"class","svelte-1akyzr0")},m(t,r){v(t,e,r),s($,e,null),n=!0},p:D,i(t){n||(f($.$$.fragment,t),n=!0)},o(t){p($.$$.fragment,t),n=!1},d(t){t&&y(e),l($)}}}function K(t){let e,$;return{c(){e=g("div"),$=g("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var n=x(e);$=h(n,"PRE",{class:!0}),x($).forEach(y),n.forEach(y),this.h()},h(){w($,"class","language-svelte"),w(e,"slot","source")},m(t,n){v(t,e,n),O(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">async</span> <span class="token keyword">function</span><span class="token operator">*</span> <span class="token function">getOptions</span><span class="token punctuation">(</span><span class="token parameter">text</span><span class="token punctuation">)</span> <span class="token punctuation">&#123;</span>\n    <span class="token keyword">await</span> <span class="token function">sleep</span><span class="token punctuation">(</span><span class="token number">1000</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n    <span class="token keyword">yield</span> <span class="token punctuation">[</span>\n      <span class="token punctuation">&#123;</span> <span class="token literal-property property">name</span><span class="token operator">:</span> text<span class="token punctuation">,</span> <span class="token literal-property property">details</span><span class="token operator">:</span> <span class="token string">\'Optional\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n      <span class="token punctuation">&#123;</span> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token template-string"><span class="token template-punctuation string">&#96;</span><span class="token string">it highlights the match: </span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">$&#123;</span>text<span class="token interpolation-punctuation punctuation">&#125;</span></span><span class="token template-punctuation string">&#96;</span></span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">]</span><span class="token punctuation">;</span>\n  <span class="token punctuation">&#125;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Autocomplete</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>getOptions<span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span></code>'},p:D,d(t){t&&y(e)}}}function z(t){let e;return{c(){e=u("Properties")},l(t){e=E(t,"Properties")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function I(t){let e;return{c(){e=u("Functional Properties")},l(t){e=E(t,"Functional Properties")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function V(t){let e;return{c(){e=u("Name")},l(t){e=E(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function W(t){let e;return{c(){e=u("Default")},l(t){e=E(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function X(t){let e;return{c(){e=u("Type")},l(t){e=E(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Y(t){let e;return{c(){e=u("Description")},l(t){e=E(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function U(t){let e,$,n,a,c,m,g,u;return e=new L({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),n=new L({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),g=new L({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(g.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),v(t,m,r),s(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function Q(t){let e,$,n,r,o,s,a;return{c(){e=g("mark"),$=g("strong"),n=g("code"),r=u("getOptions"),o=u(" "),s=g("span"),a=u("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);n=h(f,"CODE",{});var p=x(n);r=E(p,"getOptions"),p.forEach(y),f.forEach(y),c.forEach(y),o=E(t," "),s=h(t,"SPAN",{class:!0});var l=x(s);a=E(l,"*"),l.forEach(y),this.h()},h(){w(s,"class","required")},m(t,c){v(t,e,c),O(e,$),O($,n),O(n,r),v(t,o,c),v(t,s,c),O(s,a)},p:D,d(t){t&&y(e),t&&y(o),t&&y(s)}}}function J(t){let e,$;return{c(){e=g("code"),$=u("async function*")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"async function*"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function Z(t){let e,$,n,r,o,s;return{c(){e=u("An async generator of suggestions. "),$=g("br"),n=u(" Receives the input from the text field and is expected to yield promises that resolve to arrays of objects "),r=g("code"),o=u("{ name, details }"),s=u(".")},l(t){e=E(t,"An async generator of suggestions. "),$=h(t,"BR",{}),n=E(t," Receives the input from the text field and is expected to yield promises that resolve to arrays of objects "),r=h(t,"CODE",{});var a=x(r);o=E(a,"{ name, details }"),a.forEach(y),s=E(t,".")},m(t,a){v(t,e,a),v(t,$,a),v(t,n,a),v(t,r,a),O(r,o),v(t,s,a)},p:D,d(t){t&&y(e),t&&y($),t&&y(n),t&&y(r),t&&y(s)}}}function _(t){let e,$,n,a,c,m,g,u;return e=new B({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),n=new B({}),c=new B({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(g.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),v(t,m,r),s(g,t,r),u=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function tt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("selection")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"selection"),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function et(t){let e,$;return{c(){e=g("code"),$=u("[]")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"[]"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function $t(t){let e,$;return{c(){e=g("code"),$=u("Array")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"Array"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function nt(t){let e,$,n,r,o,s;return{c(){e=u("The current selection as an array of objects "),$=g("code"),n=u("{ name, details }"),r=u(". "),o=g("br"),s=u(" Can be used to set the selection programmatically.")},l(t){e=E(t,"The current selection as an array of objects "),$=h(t,"CODE",{});var a=x($);n=E(a,"{ name, details }"),a.forEach(y),r=E(t,". "),o=h(t,"BR",{}),s=E(t," Can be used to set the selection programmatically.")},m(t,a){v(t,e,a),v(t,$,a),O($,n),v(t,r,a),v(t,o,a),v(t,s,a)},p:D,d(t){t&&y(e),t&&y($),t&&y(r),t&&y(o),t&&y(s)}}}function rt(t){let e,$,n,a,c,m,g,u;return e=new B({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(g.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),v(t,m,r),s(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function ot(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("minSearchLength")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"minSearchLength"),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function st(t){let e,$;return{c(){e=g("code"),$=u("3")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"3"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function at(t){let e,$;return{c(){e=g("code"),$=u("number")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"number"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function ct(t){let e,$,n,r,o;return{c(){e=u("The minimum amount of characters to call "),$=g("mark"),n=g("code"),r=u("getOptions"),o=u(".")},l(t){e=E(t,"The minimum amount of characters to call "),$=h(t,"MARK",{});var s=x($);n=h(s,"CODE",{});var a=x(n);r=E(a,"getOptions"),a.forEach(y),s.forEach(y),o=E(t,".")},m(t,s){v(t,e,s),v(t,$,s),O($,n),O(n,r),v(t,o,s)},p:D,d(t){t&&y(e),t&&y($),t&&y(o)}}}function ft(t){let e,$,n,a,c,m,g,u;return e=new B({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(g.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),v(t,m,r),s(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function pt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("maxOptions")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"maxOptions"),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function lt(t){let e,$;return{c(){e=g("code"),$=u("Infinity")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"Infinity"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function mt(t){let e,$;return{c(){e=g("code"),$=u("number")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"number"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function it(t){let e;return{c(){e=u("The maximum amount of options than can be selected.")},l(t){e=E(t,"The maximum amount of options than can be selected.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function gt(t){let e,$,n,a,c,m,g,u;return e=new B({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(g.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),v(t,m,r),s(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function ut(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("searchQuery")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"searchQuery"),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function dt(t){let e,$;return{c(){e=g("code"),$=u("''")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"''"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function ht(t){let e,$;return{c(){e=g("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"string"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function xt(t){let e;return{c(){e=u("The current value of the text field. Can be used to control the query programmatically.")},l(t){e=E(t,"The current value of the text field. Can be used to control the query programmatically.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Et(t){let e,$,n,a,c,m,g,u;return e=new B({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(g.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),v(t,m,r),s(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function yt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("optionComponent")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"optionComponent"),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function wt(t){let e,$,n,r;return{c(){e=g("a"),$=g("mark"),n=g("code"),r=u("AutocompleteOption"),this.h()},l(t){e=h(t,"A",{href:!0});var o=x(e);$=h(o,"MARK",{});var s=x($);n=h(s,"CODE",{});var a=x(n);r=E(a,"AutocompleteOption"),a.forEach(y),s.forEach(y),o.forEach(y),this.h()},h(){w(e,"href","./docs/components/autocomplete-option")},m(t,o){v(t,e,o),O(e,$),O($,n),O(n,r)},p:D,d(t){t&&y(e)}}}function vt(t){let e;return{c(){e=u("Svelte component")},l(t){e=E(t,"Svelte component")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Ot(t){let e,$,n,r,o,s,a,c,f,p,l,m,i,d,w,b,k;return{c(){e=u("The component used to render a suggestion in the list. "),$=g("br"),n=u(" Receives two props: the "),r=g("code"),o=u("option"),s=u(" object ("),a=g("code"),c=u("{ name, details }"),f=u(") and the current "),p=g("code"),l=u("query"),m=u(". "),i=g("br"),d=u(" Expected to dispatch "),w=g("code"),b=u("click"),k=u(" events on selection.")},l(t){e=E(t,"The component used to render a suggestion in the list. "),$=h(t,"BR",{}),n=E(t," Receives two props: the "),r=h(t,"CODE",{});var g=x(r);o=E(g,"option"),g.forEach(y),s=E(t," object ("),a=h(t,"CODE",{});var u=x(a);c=E(u,"{ name, details }"),u.forEach(y),f=E(t,") and the current "),p=h(t,"CODE",{});var v=x(p);l=E(v,"query"),v.forEach(y),m=E(t,". "),i=h(t,"BR",{}),d=E(t," Expected to dispatch "),w=h(t,"CODE",{});var O=x(w);b=E(O,"click"),O.forEach(y),k=E(t," events on selection.")},m(t,g){v(t,e,g),v(t,$,g),v(t,n,g),v(t,r,g),O(r,o),v(t,s,g),v(t,a,g),O(a,c),v(t,f,g),v(t,p,g),O(p,l),v(t,m,g),v(t,i,g),v(t,d,g),v(t,w,g),O(w,b),v(t,k,g)},p:D,d(t){t&&y(e),t&&y($),t&&y(n),t&&y(r),t&&y(s),t&&y(a),t&&y(f),t&&y(p),t&&y(m),t&&y(i),t&&y(d),t&&y(w),t&&y(k)}}}function Dt(t){let e,$,n,a,c,m,g,u;return e=new B({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(g.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),v(t,m,r),s(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function bt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("disabled")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"disabled"),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function kt(t){let e,$;return{c(){e=g("code"),$=u("false")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"false"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function Ct(t){let e,$;return{c(){e=g("code"),$=u("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"boolean"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function Tt(t){let e;return{c(){e=u("Whether to disable the field.")},l(t){e=E(t,"Whether to disable the field.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function At(t){let e,$,n,a,c,m,g,u;return e=new B({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(g.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),v(t,m,r),s(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function St(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("...")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"..."),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function Rt(t){let e,$;return{c(){e=g("code"),$=u("any")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"any"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function Ft(t){let e,$,n,r;return{c(){e=u("Everything else will be passed to the underlying "),$=g("code"),n=u("<AutocompleteField>"),r=u(" component.")},l(t){e=E(t,"Everything else will be passed to the underlying "),$=h(t,"CODE",{});var o=x($);n=E(o,"<AutocompleteField>"),o.forEach(y),r=E(t," component.")},m(t,o){v(t,e,o),v(t,$,o),O($,n),v(t,r,o)},p:D,d(t){t&&y(e),t&&y($),t&&y(r)}}}function jt(t){let e,$,n,a,c,m,g,u;return e=new B({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),n=new B({}),c=new B({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(g.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),v(t,m,r),s(g,t,r),u=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function Nt(t){let e,$,n,a,c,m,u,E,w,D,b,k,C,T,A,S,R,F,j,N;return $=new G({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),u=new G({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),w=new G({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),b=new G({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),C=new G({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),A=new G({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),R=new G({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),j=new G({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=i(),a=g("tbody"),r(c.$$.fragment),m=i(),r(u.$$.fragment),E=i(),r(w.$$.fragment),D=i(),r(b.$$.fragment),k=i(),r(C.$$.fragment),T=i(),r(A.$$.fragment),S=i(),r(R.$$.fragment),F=i(),r(j.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);o($.$$.fragment,r),r.forEach(y),n=d(t),a=h(t,"TBODY",{});var s=x(a);o(c.$$.fragment,s),m=d(s),o(u.$$.fragment,s),E=d(s),o(w.$$.fragment,s),D=d(s),o(b.$$.fragment,s),k=d(s),o(C.$$.fragment,s),T=d(s),o(A.$$.fragment,s),S=d(s),o(R.$$.fragment,s),F=d(s),o(j.$$.fragment,s),s.forEach(y)},m(t,r){v(t,e,r),s($,e,null),v(t,n,r),v(t,a,r),s(c,a,null),O(a,m),s(u,a,null),O(a,E),s(w,a,null),O(a,D),s(b,a,null),O(a,k),s(C,a,null),O(a,T),s(A,a,null),O(a,S),s(R,a,null),O(a,F),s(j,a,null),N=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),u.$set(o);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),w.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),b.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),A.$set(p);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),R.$set(l);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),j.$set(m)},i(t){N||(f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(w.$$.fragment,t),f(b.$$.fragment,t),f(C.$$.fragment,t),f(A.$$.fragment,t),f(R.$$.fragment,t),f(j.$$.fragment,t),N=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(w.$$.fragment,t),p(b.$$.fragment,t),p(C.$$.fragment,t),p(A.$$.fragment,t),p(R.$$.fragment,t),p(j.$$.fragment,t),N=!1},d(t){t&&y(e),l($),t&&y(n),t&&y(a),l(c),l(u),l(w),l(b),l(C),l(A),l(R),l(j)}}}function Gt(t){let e;return{c(){e=u("Class Properties")},l(t){e=E(t,"Class Properties")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Lt(t){let e,$,n,r,o,s,a;return{c(){e=u("All "),$=g("code"),n=u("<Autocomplete>"),r=u(" components use the "),o=g("code"),s=u(".autocomplete"),a=u(" class.")},l(t){e=E(t,"All "),$=h(t,"CODE",{});var c=x($);n=E(c,"<Autocomplete>"),c.forEach(y),r=E(t," components use the "),o=h(t,"CODE",{});var f=x(o);s=E(f,".autocomplete"),f.forEach(y),a=E(t," class.")},m(t,c){v(t,e,c),v(t,$,c),O($,n),v(t,r,c),v(t,o,c),O(o,s),v(t,a,c)},p:D,d(t){t&&y(e),t&&y($),t&&y(r),t&&y(o),t&&y(a)}}}function Bt(t){let e;return{c(){e=u("Falsy values passed to classes will be disregarded.")},l(t){e=E(t,"Falsy values passed to classes will be disregarded.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Mt(t){let e;return{c(){e=u("Name")},l(t){e=E(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function qt(t){let e;return{c(){e=u("Default")},l(t){e=E(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Pt(t){let e;return{c(){e=u("Type")},l(t){e=E(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Ht(t){let e;return{c(){e=u("Description")},l(t){e=E(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Kt(t){let e,$,n,a,c,m,g,u;return e=new L({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),n=new L({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),g=new L({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(g.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),v(t,m,r),s(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function zt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("class")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"class"),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function It(t){let e,$;return{c(){e=g("code"),$=u("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"null"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function Vt(t){let e,$;return{c(){e=g("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"string"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function Wt(t){let e;return{c(){e=u("A class string to add to the component.")},l(t){e=E(t,"A class string to add to the component.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Xt(t){let e,$,n,a,c,m,g,u;return e=new B({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(g.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),v(t,m,r),s(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function Yt(t){let e,$,n,a,c,m;return $=new G({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=i(),a=g("tbody"),r(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);o($.$$.fragment,r),r.forEach(y),n=d(t),a=h(t,"TBODY",{});var s=x(a);o(c.$$.fragment,s),s.forEach(y)},m(t,r){v(t,e,r),s($,e,null),v(t,n,r),v(t,a,r),s(c,a,null),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r)},i(t){m||(f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&y(e),l($),t&&y(n),t&&y(a),l(c)}}}function Ut(t){let e;return{c(){e=u("Events")},l(t){e=E(t,"Events")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Qt(t){let e;return{c(){e=u("Name")},l(t){e=E(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Jt(t){let e;return{c(){e=u("Event Detail")},l(t){e=E(t,"Event Detail")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Zt(t){let e;return{c(){e=u("Description")},l(t){e=E(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function _t(t){let e,$,n,a,c,m;return e=new L({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),n=new L({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function te(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("change")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"change"),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function ee(t){let e,$;return{c(){e=g("code"),$=u("{ value }")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"{ value }"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function $e(t){let e,$,n,r;return{c(){e=u("Fired when the selection changes. The "),$=g("code"),n=u("value"),r=u(" contains the selection array.")},l(t){e=E(t,"Fired when the selection changes. The "),$=h(t,"CODE",{});var o=x($);n=E(o,"value"),o.forEach(y),r=E(t," contains the selection array.")},m(t,o){v(t,e,o),v(t,$,o),O($,n),v(t,r,o)},p:D,d(t){t&&y(e),t&&y($),t&&y(r)}}}function ne(t){let e,$,n,a,c,m;return e=new B({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function re(t){let e,$,n,a,c,m;return $=new G({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=i(),a=g("tbody"),r(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);o($.$$.fragment,r),r.forEach(y),n=d(t),a=h(t,"TBODY",{});var s=x(a);o(c.$$.fragment,s),s.forEach(y)},m(t,r){v(t,e,r),s($,e,null),v(t,n,r),v(t,a,r),s(c,a,null),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r)},i(t){m||(f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&y(e),l($),t&&y(n),t&&y(a),l(c)}}}function oe(t){let e;return{c(){e=u("Slots")},l(t){e=E(t,"Slots")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function se(t){let e,$,n,r,o,s;return{c(){e=u("All slots of "),$=g("a"),n=g("mark"),r=g("code"),o=u("AutocompleteField"),s=u(" are available here with the same names."),this.h()},l(t){e=E(t,"All slots of "),$=h(t,"A",{href:!0});var a=x($);n=h(a,"MARK",{});var c=x(n);r=h(c,"CODE",{});var f=x(r);o=E(f,"AutocompleteField"),f.forEach(y),c.forEach(y),a.forEach(y),s=E(t," are available here with the same names."),this.h()},h(){w($,"href","./docs/components/autocomplete-field#slots")},m(t,a){v(t,e,a),v(t,$,a),O($,n),O(n,r),O(r,o),v(t,s,a)},p:D,d(t){t&&y(e),t&&y($),t&&y(s)}}}function ae(t){let e;return{c(){e=u("SCSS Variables")},l(t){e=E(t,"SCSS Variables")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function ce(t){let e;return{c(){e=u("Name")},l(t){e=E(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function fe(t){let e;return{c(){e=u("Description")},l(t){e=E(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function pe(t){let e;return{c(){e=u("Default")},l(t){e=E(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function le(t){let e,$,n,a,c,m;return e=new L({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),n=new L({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function me(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("$main")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"$main"),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function ie(t){let e;return{c(){e=u("The bottom border color of the selected text field and the highlight color in options.")},l(t){e=E(t,"The bottom border color of the selected text field and the highlight color in options.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function ge(t){let e,$;return e=new S({props:{value:"#4300B0"}}),{c(){r(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function ue(t){let e,$,n,a,c,m;return e=new B({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function de(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("$font")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"$font"),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function he(t){let e;return{c(){e=u("The font of the text field's content and the options.")},l(t){e=E(t,"The font of the text field's content and the options.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function xe(t){let e,$;return{c(){e=g("code"),$=u("'Ubuntu'")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"'Ubuntu'"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function Ee(t){let e,$,n,a,c,m;return e=new B({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function ye(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("$textfield-border")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"$textfield-border"),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function we(t){let e;return{c(){e=u("The bottom border color of the unselected text field.")},l(t){e=E(t,"The bottom border color of the unselected text field.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function ve(t){let e,$;return e=new S({props:{value:"rgba(0, 0, 0, .42)"}}),{c(){r(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function Oe(t){let e,$,n,a,c,m;return e=new B({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function De(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("$textfield-bg")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"$textfield-bg"),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function be(t){let e;return{c(){e=u("The background color of the text field.")},l(t){e=E(t,"The background color of the text field.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function ke(t){let e,$;return e=new S({props:{value:"#F5F5F5",bordered:!0}}),{c(){r(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function Ce(t){let e,$,n,a,c,m;return e=new B({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function Te(t){let e,$,n,r,o,s,a,c,f;return{c(){e=g("strong"),$=g("code"),n=u("$light-contrast"),r=i(),o=g("small"),s=u("From "),a=g("a"),c=g("code"),f=u("AutocompleteField"),this.h()},l(t){e=h(t,"STRONG",{});var p=x(e);$=h(p,"CODE",{});var l=x($);n=E(l,"$light-contrast"),l.forEach(y),p.forEach(y),r=d(t),o=h(t,"SMALL",{});var m=x(o);s=E(m,"From "),a=h(m,"A",{href:!0});var i=x(a);c=h(i,"CODE",{});var g=x(c);f=E(g,"AutocompleteField"),g.forEach(y),i.forEach(y),m.forEach(y),this.h()},h(){w(a,"href","./docs/components/autocomplete-field")},m(t,p){v(t,e,p),O(e,$),O($,n),v(t,r,p),v(t,o,p),O(o,s),O(o,a),O(a,c),O(c,f)},p:D,d(t){t&&y(e),t&&y(r),t&&y(o)}}}function Ae(t){let e;return{c(){e=u("The color of the scrollbar on WebKit browsers.")},l(t){e=E(t,"The color of the scrollbar on WebKit browsers.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Se(t){let e,$;return e=new S({props:{value:"#DDDDDD"}}),{c(){r(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function Re(t){let e,$,n,a,c,m;return e=new B({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function Fe(t){let e,$,n,r,o,s,a,c,f;return{c(){e=g("strong"),$=g("code"),n=u("$thin-font-weight"),r=i(),o=g("small"),s=u("From "),a=g("a"),c=g("code"),f=u("AutocompleteField"),this.h()},l(t){e=h(t,"STRONG",{});var p=x(e);$=h(p,"CODE",{});var l=x($);n=E(l,"$thin-font-weight"),l.forEach(y),p.forEach(y),r=d(t),o=h(t,"SMALL",{});var m=x(o);s=E(m,"From "),a=h(m,"A",{href:!0});var i=x(a);c=h(i,"CODE",{});var g=x(c);f=E(g,"AutocompleteField"),g.forEach(y),i.forEach(y),m.forEach(y),this.h()},h(){w(a,"href","./docs/components/autocomplete-field")},m(t,p){v(t,e,p),O(e,$),O($,n),v(t,r,p),v(t,o,p),O(o,s),O(o,a),O(a,c),O(c,f)},p:D,d(t){t&&y(e),t&&y(r),t&&y(o)}}}function je(t){let e;return{c(){e=u("The thin font weight of the status messages like 'type X characters to search'.")},l(t){e=E(t,"The thin font weight of the status messages like 'type X characters to search'.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Ne(t){let e,$;return{c(){e=g("code"),$=u("300")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"300"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function Ge(t){let e,$,n,a,c,m;return e=new B({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function Le(t){let e,$,n,r,o,s,a,c,f;return{c(){e=g("strong"),$=g("code"),n=u("$bold-font-weight"),r=i(),o=g("small"),s=u("From "),a=g("a"),c=g("code"),f=u("AutocompleteOption"),this.h()},l(t){e=h(t,"STRONG",{});var p=x(e);$=h(p,"CODE",{});var l=x($);n=E(l,"$bold-font-weight"),l.forEach(y),p.forEach(y),r=d(t),o=h(t,"SMALL",{});var m=x(o);s=E(m,"From "),a=h(m,"A",{href:!0});var i=x(a);c=h(i,"CODE",{});var g=x(c);f=E(g,"AutocompleteOption"),g.forEach(y),i.forEach(y),m.forEach(y),this.h()},h(){w(a,"href","./docs/components/autocomplete-option")},m(t,p){v(t,e,p),O(e,$),O($,n),v(t,r,p),v(t,o,p),O(o,s),O(o,a),O(a,c),O(c,f)},p:D,d(t){t&&y(e),t&&y(r),t&&y(o)}}}function Be(t){let e;return{c(){e=u("The bold font weight to emphasize the highight in the options.")},l(t){e=E(t,"The bold font weight to emphasize the highight in the options.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Me(t){let e,$;return{c(){e=g("code"),$=u("500")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"500"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function qe(t){let e,$,n,a,c,m;return e=new B({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function Pe(t){let e,$,n,r,o,s,a,c,f;return{c(){e=g("strong"),$=g("code"),n=u("$chip-bg"),r=i(),o=g("small"),s=u("From "),a=g("a"),c=g("code"),f=u("Chip"),this.h()},l(t){e=h(t,"STRONG",{});var p=x(e);$=h(p,"CODE",{});var l=x($);n=E(l,"$chip-bg"),l.forEach(y),p.forEach(y),r=d(t),o=h(t,"SMALL",{});var m=x(o);s=E(m,"From "),a=h(m,"A",{href:!0});var i=x(a);c=h(i,"CODE",{});var g=x(c);f=E(g,"Chip"),g.forEach(y),i.forEach(y),m.forEach(y),this.h()},h(){w(a,"href","./docs/components/chip")},m(t,p){v(t,e,p),O(e,$),O($,n),v(t,r,p),v(t,o,p),O(o,s),O(o,a),O(a,c),O(c,f)},p:D,d(t){t&&y(e),t&&y(r),t&&y(o)}}}function He(t){let e;return{c(){e=u("The background color of a non-outline chip.")},l(t){e=E(t,"The background color of a non-outline chip.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Ke(t){let e,$;return e=new S({props:{value:"rgba(0, 0, 0, .08)"}}),{c(){r(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function ze(t){let e,$,n,a,c,m;return e=new B({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function Ie(t){let e,$,n,r,o,s,a,c,f;return{c(){e=g("strong"),$=g("code"),n=u("$chip-fg"),r=i(),o=g("small"),s=u("From "),a=g("a"),c=g("code"),f=u("Chip"),this.h()},l(t){e=h(t,"STRONG",{});var p=x(e);$=h(p,"CODE",{});var l=x($);n=E(l,"$chip-fg"),l.forEach(y),p.forEach(y),r=d(t),o=h(t,"SMALL",{});var m=x(o);s=E(m,"From "),a=h(m,"A",{href:!0});var i=x(a);c=h(i,"CODE",{});var g=x(c);f=E(g,"Chip"),g.forEach(y),i.forEach(y),m.forEach(y),this.h()},h(){w(a,"href","./docs/components/chip")},m(t,p){v(t,e,p),O(e,$),O($,n),v(t,r,p),v(t,o,p),O(o,s),O(o,a),O(a,c),O(c,f)},p:D,d(t){t&&y(e),t&&y(r),t&&y(o)}}}function Ve(t){let e;return{c(){e=u("The text color of a chip.")},l(t){e=E(t,"The text color of a chip.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function We(t){let e,$;return e=new S({props:{value:"#656565"}}),{c(){r(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function Xe(t){let e,$,n,a,c,m;return e=new B({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function Ye(t){let e,$,n,r,o,s,a,c,f;return{c(){e=g("strong"),$=g("code"),n=u("$chip-radius"),r=i(),o=g("small"),s=u("From "),a=g("a"),c=g("code"),f=u("Chip"),this.h()},l(t){e=h(t,"STRONG",{});var p=x(e);$=h(p,"CODE",{});var l=x($);n=E(l,"$chip-radius"),l.forEach(y),p.forEach(y),r=d(t),o=h(t,"SMALL",{});var m=x(o);s=E(m,"From "),a=h(m,"A",{href:!0});var i=x(a);c=h(i,"CODE",{});var g=x(c);f=E(g,"Chip"),g.forEach(y),i.forEach(y),m.forEach(y),this.h()},h(){w(a,"href","./docs/components/chip")},m(t,p){v(t,e,p),O(e,$),O($,n),v(t,r,p),v(t,o,p),O(o,s),O(o,a),O(a,c),O(c,f)},p:D,d(t){t&&y(e),t&&y(r),t&&y(o)}}}function Ue(t){let e;return{c(){e=u("The curvature radius of a chip.")},l(t){e=E(t,"The curvature radius of a chip.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Qe(t){let e,$;return{c(){e=g("code"),$=u("1.5625em")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"1.5625em"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function Je(t){let e,$,n,a,c,m;return e=new B({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Qe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function Ze(t){let e,$,n,r,o,s,a,c,f;return{c(){e=g("strong"),$=g("code"),n=u("$dark"),r=i(),o=g("small"),s=u("From "),a=g("a"),c=g("code"),f=u("Button"),this.h()},l(t){e=h(t,"STRONG",{});var p=x(e);$=h(p,"CODE",{});var l=x($);n=E(l,"$dark"),l.forEach(y),p.forEach(y),r=d(t),o=h(t,"SMALL",{});var m=x(o);s=E(m,"From "),a=h(m,"A",{href:!0});var i=x(a);c=h(i,"CODE",{});var g=x(c);f=E(g,"Button"),g.forEach(y),i.forEach(y),m.forEach(y),this.h()},h(){w(a,"href","./docs/components/button")},m(t,p){v(t,e,p),O(e,$),O($,n),v(t,r,p),v(t,o,p),O(o,s),O(o,a),O(a,c),O(c,f)},p:D,d(t){t&&y(e),t&&y(r),t&&y(o)}}}function _e(t){let e;return{c(){e=u("The color of the Xs on the option chips.")},l(t){e=E(t,"The color of the Xs on the option chips.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function t$(t){let e,$;return e=new S({props:{value:"#333333"}}),{c(){r(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function e$(t){let e,$,n,a,c,m;return e=new B({props:{$$slots:{default:[Ze]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function $$(t){let e,$,n,a,c,m,u,E,w,D,b,k,C,T,A,S,R,F,j,N,L,B,M,q,P,H;return $=new G({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),u=new G({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),w=new G({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),b=new G({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),C=new G({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),A=new G({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),R=new G({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),j=new G({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),L=new G({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),M=new G({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),P=new G({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=i(),a=g("tbody"),r(c.$$.fragment),m=i(),r(u.$$.fragment),E=i(),r(w.$$.fragment),D=i(),r(b.$$.fragment),k=i(),r(C.$$.fragment),T=i(),r(A.$$.fragment),S=i(),r(R.$$.fragment),F=i(),r(j.$$.fragment),N=i(),r(L.$$.fragment),B=i(),r(M.$$.fragment),q=i(),r(P.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);o($.$$.fragment,r),r.forEach(y),n=d(t),a=h(t,"TBODY",{});var s=x(a);o(c.$$.fragment,s),m=d(s),o(u.$$.fragment,s),E=d(s),o(w.$$.fragment,s),D=d(s),o(b.$$.fragment,s),k=d(s),o(C.$$.fragment,s),T=d(s),o(A.$$.fragment,s),S=d(s),o(R.$$.fragment,s),F=d(s),o(j.$$.fragment,s),N=d(s),o(L.$$.fragment,s),B=d(s),o(M.$$.fragment,s),q=d(s),o(P.$$.fragment,s),s.forEach(y)},m(t,r){v(t,e,r),s($,e,null),v(t,n,r),v(t,a,r),s(c,a,null),O(a,m),s(u,a,null),O(a,E),s(w,a,null),O(a,D),s(b,a,null),O(a,k),s(C,a,null),O(a,T),s(A,a,null),O(a,S),s(R,a,null),O(a,F),s(j,a,null),O(a,N),s(L,a,null),O(a,B),s(M,a,null),O(a,q),s(P,a,null),H=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),u.$set(o);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),w.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),b.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),A.$set(p);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),R.$set(l);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),j.$set(m);const i={};2&e&&(i.$$scope={dirty:e,ctx:t}),L.$set(i);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),M.$set(g);const d={};2&e&&(d.$$scope={dirty:e,ctx:t}),P.$set(d)},i(t){H||(f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(w.$$.fragment,t),f(b.$$.fragment,t),f(C.$$.fragment,t),f(A.$$.fragment,t),f(R.$$.fragment,t),f(j.$$.fragment,t),f(L.$$.fragment,t),f(M.$$.fragment,t),f(P.$$.fragment,t),H=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(w.$$.fragment,t),p(b.$$.fragment,t),p(C.$$.fragment,t),p(A.$$.fragment,t),p(R.$$.fragment,t),p(j.$$.fragment,t),p(L.$$.fragment,t),p(M.$$.fragment,t),p(P.$$.fragment,t),H=!1},d(t){t&&y(e),l($),t&&y(n),t&&y(a),l(c),l(u),l(w),l(b),l(C),l(A),l(R),l(j),l(L),l(M),l(P)}}}function n$(t){let e,$,n,a,c,m,D,b,T,S,G,L,B,V,W,X,Y,U,Q,J,Z,_,tt,et,$t,nt,rt,ot,st,at,ct,ft,pt,lt,mt,it,gt,ut,dt;return e=new k({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),n=new C({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),c=new C({props:{$$slots:{default:[P]},$$scope:{ctx:t}}}),D=new R({props:{components:a$}}),T=new A({props:{$$slots:{source:[K],showcase:[H]},$$scope:{ctx:t}}}),G=new F({props:{id:"properties",$$slots:{default:[z]},$$scope:{ctx:t}}}),B=new j({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),W=new N({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),J=new j({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),_=new C({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),et=new C({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),nt=new N({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),ot=new F({props:{id:"events",$$slots:{default:[Ut]},$$scope:{ctx:t}}}),at=new N({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),ft=new F({props:{id:"slots",$$slots:{default:[oe]},$$scope:{ctx:t}}}),lt=new C({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),it=new F({props:{id:"scss-variables",$$slots:{default:[ae]},$$scope:{ctx:t}}}),ut=new N({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(D.$$.fragment),b=i(),r(T.$$.fragment),S=i(),r(G.$$.fragment),L=i(),r(B.$$.fragment),V=i(),r(W.$$.fragment),X=i(),Y=g("div"),U=u("* Required"),Q=i(),r(J.$$.fragment),Z=i(),r(_.$$.fragment),tt=i(),r(et.$$.fragment),$t=i(),r(nt.$$.fragment),rt=i(),r(ot.$$.fragment),st=i(),r(at.$$.fragment),ct=i(),r(ft.$$.fragment),pt=i(),r(lt.$$.fragment),mt=i(),r(it.$$.fragment),gt=i(),r(ut.$$.fragment),this.h()},l(t){o(e.$$.fragment,t),$=d(t),o(n.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(D.$$.fragment,t),b=d(t),o(T.$$.fragment,t),S=d(t),o(G.$$.fragment,t),L=d(t),o(B.$$.fragment,t),V=d(t),o(W.$$.fragment,t),X=d(t),Y=h(t,"DIV",{class:!0});var r=x(Y);U=E(r,"* Required"),r.forEach(y),Q=d(t),o(J.$$.fragment,t),Z=d(t),o(_.$$.fragment,t),tt=d(t),o(et.$$.fragment,t),$t=d(t),o(nt.$$.fragment,t),rt=d(t),o(ot.$$.fragment,t),st=d(t),o(at.$$.fragment,t),ct=d(t),o(ft.$$.fragment,t),pt=d(t),o(lt.$$.fragment,t),mt=d(t),o(it.$$.fragment,t),gt=d(t),o(ut.$$.fragment,t),this.h()},h(){w(Y,"class","required")},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),v(t,m,r),s(D,t,r),v(t,b,r),s(T,t,r),v(t,S,r),s(G,t,r),v(t,L,r),s(B,t,r),v(t,V,r),s(W,t,r),v(t,X,r),v(t,Y,r),O(Y,U),v(t,Q,r),s(J,t,r),v(t,Z,r),s(_,t,r),v(t,tt,r),s(et,t,r),v(t,$t,r),s(nt,t,r),v(t,rt,r),s(ot,t,r),v(t,st,r),s(at,t,r),v(t,ct,r),s(ft,t,r),v(t,pt,r),s(lt,t,r),v(t,mt,r),s(it,t,r),v(t,gt,r),s(ut,t,r),dt=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),T.$set(a);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),G.$set(f);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),B.$set(p);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),W.$set(l);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),J.$set(m);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),_.$set(i);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),et.$set(g);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),nt.$set(u);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),ot.$set(d);const h={};2&$&&(h.$$scope={dirty:$,ctx:t}),at.$set(h);const x={};2&$&&(x.$$scope={dirty:$,ctx:t}),ft.$set(x);const E={};2&$&&(E.$$scope={dirty:$,ctx:t}),lt.$set(E);const y={};2&$&&(y.$$scope={dirty:$,ctx:t}),it.$set(y);const w={};2&$&&(w.$$scope={dirty:$,ctx:t}),ut.$set(w)},i(t){dt||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(D.$$.fragment,t),f(T.$$.fragment,t),f(G.$$.fragment,t),f(B.$$.fragment,t),f(W.$$.fragment,t),f(J.$$.fragment,t),f(_.$$.fragment,t),f(et.$$.fragment,t),f(nt.$$.fragment,t),f(ot.$$.fragment,t),f(at.$$.fragment,t),f(ft.$$.fragment,t),f(lt.$$.fragment,t),f(it.$$.fragment,t),f(ut.$$.fragment,t),dt=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(D.$$.fragment,t),p(T.$$.fragment,t),p(G.$$.fragment,t),p(B.$$.fragment,t),p(W.$$.fragment,t),p(J.$$.fragment,t),p(_.$$.fragment,t),p(et.$$.fragment,t),p(nt.$$.fragment,t),p(ot.$$.fragment,t),p(at.$$.fragment,t),p(ft.$$.fragment,t),p(lt.$$.fragment,t),p(it.$$.fragment,t),p(ut.$$.fragment,t),dt=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(D,t),t&&y(b),l(T,t),t&&y(S),l(G,t),t&&y(L),l(B,t),t&&y(V),l(W,t),t&&y(X),t&&y(Y),t&&y(Q),l(J,t),t&&y(Z),l(_,t),t&&y(tt),l(et,t),t&&y($t),l(nt,t),t&&y(rt),l(ot,t),t&&y(st),l(at,t),t&&y(ct),l(ft,t),t&&y(pt),l(lt,t),t&&y(mt),l(it,t),t&&y(gt),l(ut,t)}}}function r$(t){let e,$;const m=[t[0],o$];let i={$$slots:{default:[n$]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=n(i,m[t]);return e=new b({props:i}),{c(){r(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p(t,[$]){const n=1&$?a(m,[1&$&&c(t[0]),0&$&&c(o$)]):{};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}const o$={name:"Autocomplete",relatedComponents:[{name:"AutocompleteField",link:"./docs/components/autocomplete-field"},{name:"AutocompleteOption",link:"./docs/components/autocomplete-option"}]},{name:s$,relatedComponents:a$}=o$;async function*c$(t){var e;await(e=1e3,new Promise((t=>setTimeout(t,e)))),yield[{name:t,details:"Optional"},{name:`it highlights the match: ${t}`}]}function f$(t,e,$){return t.$$set=t=>{$(0,e=n(n({},e),m(t)))},[e=m(e)]}class p$ extends t{constructor(t){super(),e(this,t,f$,r$,$,{})}}export{p$ as default,o$ as metadata};
diff --git a/376/client/autocomplete.c0ec5df7.js b/376/client/autocomplete.c0ec5df7.js
new file mode 100644
index 000000000..8eec9599a
--- /dev/null
+++ b/376/client/autocomplete.c0ec5df7.js
@@ -0,0 +1 @@
+import{S as t,i as n,s,K as e,Y as o,$ as a,h as l,u as c,j as r,k as i,b as m,w as p,l as $,d as f,e as u,X as h,O as d,f as g,g as b,m as v,t as x,y,z as L,U as O,a0 as j,a1 as Q,p as w,a9 as S,q as I,I as E,J as M,L as k,a2 as V,v as D,x as A,A as C,M as T,Q as B,R as P,T as q,V as z,P as J}from"./client.0d36a0cf.js";import{B as K}from"./button.743a388a.js";import{C as R}from"./chip.863185cf.js";import{A as U,c as X,M as Y}from"./autocomplete-field.a5079849.js";import{X as F}from"./x.a2bf5f48.js";import{L as G}from"./loading.1713184d.js";import{c as H}from"./classes.2453fa25.js";import{p as N}from"./plural-s.31bb9da9.js";const W=t=>({}),Z=t=>({slot:"too-many-options"}),_=t=>({}),tt=t=>({slot:"not-enough-input"}),nt=t=>({}),st=t=>({}),et=t=>({}),ot=t=>({slot:"loading-options"}),at=t=>({}),lt=t=>({}),ct=t=>({loadMoreOptions:131072&t}),rt=t=>({loadMoreOptions:t[17]});function it(t,n,s){const e=t.slice();return e[18]=n[s],e}function mt(t){let n,s;return n=new F({}),{c(){r(n.$$.fragment)},l(t){$(n.$$.fragment,t)},m(t,e){v(n,t,e),s=!0},i(t){s||(x(n.$$.fragment,t),s=!0)},o(t){w(n.$$.fragment,t),s=!1},d(t){I(n,t)}}}function pt(t){let n,s,e,o,a=t[18].name+"";return e=new K({props:{neutral:!0,round:!0,small:!0,$$slots:{default:[mt]},$$scope:{ctx:t}}}),e.$on("click",(function(){return t[10](t[18])})),{c(){n=D(a),s=c(),r(e.$$.fragment)},l(t){n=A(t,a),s=p(t),$(e.$$.fragment,t)},m(t,a){g(t,n,a),g(t,s,a),v(e,t,a),o=!0},p(s,l){t=s,(!o||1&l)&&a!==(a=t[18].name+"")&&C(n,a);const c={};32768&l&&(c.$$scope={dirty:l,ctx:t}),e.$set(c)},i(t){o||(x(e.$$.fragment,t),o=!0)},o(t){w(e.$$.fragment,t),o=!1},d(t){t&&f(n),t&&f(s),I(e,t)}}}function $t(t){let n,s;return n=new R({props:{noPadding:!0,$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){r(n.$$.fragment)},l(t){$(n.$$.fragment,t)},m(t,e){v(n,t,e),s=!0},p(t,s){const e={};32769&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e)},i(t){s||(x(n.$$.fragment,t),s=!0)},o(t){w(n.$$.fragment,t),s=!1},d(t){I(n,t)}}}function ft(t){let n;const s=t[9]["too-many-options"],e=T(s,t,t[15],Z),o=e||function(t){let n,s,e,o,a,c=N(t[4])+"";return{c(){n=l("div"),s=D("Cannot select more than\n        "),e=D(t[4]),o=D("\n        option"),a=D(c),this.h()},l(l){n=i(l,"DIV",{class:!0});var r=m(n);s=A(r,"Cannot select more than\n        "),e=A(r,t[4]),o=A(r,"\n        option"),a=A(r,c),r.forEach(f),this.h()},h(){u(n,"class","notice svelte-1b94m2")},m(t,l){g(t,n,l),b(n,s),b(n,e),b(n,o),b(n,a)},p(t,n){16&n&&C(e,t[4]),16&n&&c!==(c=N(t[4])+"")&&C(a,c)},d(t){t&&f(n)}}}(t);return{c(){o&&o.c()},l(t){o&&o.l(t)},m(t,s){o&&o.m(t,s),n=!0},p(t,a){e?e.p&&(!n||32768&a)&&B(e,s,t,t[15],n?q(s,t[15],a,W):P(t[15]),Z):o&&o.p&&(!n||16&a)&&o.p(t,n?a:-1)},i(t){n||(x(o,t),n=!0)},o(t){w(o,t),n=!1},d(t){o&&o.d(t)}}}function ut(t){let n;const s=t[9]["not-enough-input"],e=T(s,t,t[15],tt),o=e||function(t){let n,s,e,o,a,c,r=N(t[3])+"";return{c(){n=l("div"),s=D("Type\n        "),e=D(t[3]),o=D("\n        character"),a=D(r),c=D("\n        to search"),this.h()},l(l){n=i(l,"DIV",{class:!0});var p=m(n);s=A(p,"Type\n        "),e=A(p,t[3]),o=A(p,"\n        character"),a=A(p,r),c=A(p,"\n        to search"),p.forEach(f),this.h()},h(){u(n,"class","notice svelte-1b94m2")},m(t,l){g(t,n,l),b(n,s),b(n,e),b(n,o),b(n,a),b(n,c)},p(t,n){8&n&&C(e,t[3]),8&n&&r!==(r=N(t[3])+"")&&C(a,r)},d(t){t&&f(n)}}}(t);return{c(){o&&o.c()},l(t){o&&o.l(t)},m(t,s){o&&o.m(t,s),n=!0},p(t,a){e?e.p&&(!n||32768&a)&&B(e,s,t,t[15],n?q(s,t[15],a,_):P(t[15]),tt):o&&o.p&&(!n||8&a)&&o.p(t,n?a:-1)},i(t){n||(x(o,t),n=!0)},o(t){w(o,t),n=!1},d(t){o&&o.d(t)}}}function ht(t){let n,s,e,o;s=new G({});const a=t[9]["loading-message"],h=T(a,t,t[15],st),d=h||function(t){let n;return{c(){n=D("Loading...")},l(t){n=A(t,"Loading...")},m(t,s){g(t,n,s)},d(t){t&&f(n)}}}();return{c(){n=l("li"),r(s.$$.fragment),e=c(),d&&d.c(),this.h()},l(t){n=i(t,"LI",{class:!0});var o=m(n);$(s.$$.fragment,o),e=p(o),d&&d.l(o),o.forEach(f),this.h()},h(){u(n,"class","loading-options svelte-1b94m2")},m(t,a){g(t,n,a),v(s,n,null),b(n,e),d&&d.m(n,null),o=!0},p(t,n){h&&h.p&&(!o||32768&n)&&B(h,a,t,t[15],o?q(a,t[15],n,nt):P(t[15]),st)},i(t){o||(x(s.$$.fragment,t),x(d,t),o=!0)},o(t){w(s.$$.fragment,t),w(d,t),o=!1},d(t){t&&f(n),I(s),d&&d.d(t)}}}function dt(t){let n;const s=t[9]["loading-options"],e=T(s,t,t[15],ot),o=e||ht(t);return{c(){o&&o.c()},l(t){o&&o.l(t)},m(t,s){o&&o.m(t,s),n=!0},p(t,a){e?e.p&&(!n||32768&a)&&B(e,s,t,t[15],n?q(s,t[15],a,et):P(t[15]),ot):o&&o.p&&(!n||32768&a)&&o.p(t,n?a:-1)},i(t){n||(x(o,t),n=!0)},o(t){w(o,t),n=!1},d(t){o&&o.d(t)}}}function gt(t){let n,s,e;n=new Y({});const o=t[9]["load-more-options-message"],a=T(o,t,t[15],lt),l=a||function(t){let n;return{c(){n=D("load more options")},l(t){n=A(t,"load more options")},m(t,s){g(t,n,s)},d(t){t&&f(n)}}}();return{c(){r(n.$$.fragment),s=c(),l&&l.c()},l(t){$(n.$$.fragment,t),s=p(t),l&&l.l(t)},m(t,o){v(n,t,o),g(t,s,o),l&&l.m(t,o),e=!0},p(t,n){a&&a.p&&(!e||32768&n)&&B(a,o,t,t[15],e?q(o,t[15],n,at):P(t[15]),lt)},i(t){e||(x(n.$$.fragment,t),x(l,t),e=!0)},o(t){w(n.$$.fragment,t),w(l,t),e=!1},d(t){I(n,t),t&&f(s),l&&l.d(t)}}}function bt(t){let n,s;const e=t[9]["more-options"],o=T(e,t,t[15],rt),a=o||function(t){let n,s,e,o,a,c;return s=new K({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),s.$on("click",(function(){z(t[17])&&t[17].apply(this,arguments)})),{c(){n=l("div"),r(s.$$.fragment)},l(t){n=i(t,"DIV",{});var e=m(n);$(s.$$.fragment,e),e.forEach(f)},m(l,r){g(l,n,r),v(s,n,null),o=!0,a||(c=J(e=X.call(null,n,{callback:t[17]})),a=!0)},p(n,o){t=n;const a={};32768&o&&(a.$$scope={dirty:o,ctx:t}),s.$set(a),e&&z(e.update)&&131072&o&&e.update.call(null,{callback:t[17]})},i(t){o||(x(s.$$.fragment,t),o=!0)},o(t){w(s.$$.fragment,t),o=!1},d(t){t&&f(n),I(s),a=!1,c()}}}(t);return{c(){n=l("li"),a&&a.c(),this.h()},l(t){n=i(t,"LI",{class:!0,slot:!0});var s=m(n);a&&a.l(s),s.forEach(f),this.h()},h(){u(n,"class","more-options svelte-1b94m2"),u(n,"slot","more-options")},m(t,e){g(t,n,e),a&&a.m(n,null),s=!0},p(t,n){o?o.p&&(!s||163840&n)&&B(o,e,t,t[15],s?q(e,t[15],n,ct):P(t[15]),rt):a&&a.p&&(!s||163840&n)&&a.p(t,s?n:-1)},i(t){s||(x(a,t),s=!0)},o(t){w(a,t),s=!1},d(t){t&&f(n),a&&a.d(t)}}}function vt(t){let n,s,E,M,k,V,D,A,C=t[0],T=[];for(let n=0;n<C.length;n+=1)T[n]=$t(it(t,C,n));const B=t=>w(T[t],1,1,(()=>{T[t]=null})),P=[{minSearchLength:t[3]},{maxOptions:t[4]},{disabled:t[5]},t[8]];function q(n){t[11](n)}function z(n){t[12](n)}function J(n){t[13](n)}let K={$$slots:{"more-options":[bt,({loadMoreOptions:t})=>({17:t}),({loadMoreOptions:t})=>t?131072:0],"loading-options":[dt],"not-enough-input":[ut],"too-many-options":[ft]},$$scope:{ctx:t}};for(let t=0;t<P.length;t+=1)K=e(K,P[t]);return void 0!==t[0]&&(K.selection=t[0]),void 0!==t[1]&&(K.searchQuery=t[1]),void 0!==t[6]&&(K.focus=t[6]),E=new U({props:K}),o.push((()=>a(E,"selection",q))),o.push((()=>a(E,"searchQuery",z))),o.push((()=>a(E,"focus",J))),E.$on("change",t[14]),{c(){n=l("div");for(let t=0;t<T.length;t+=1)T[t].c();s=c(),r(E.$$.fragment),this.h()},l(t){n=i(t,"DIV",{class:!0});var e=m(n);for(let t=0;t<T.length;t+=1)T[t].l(e);s=p(e),$(E.$$.fragment,e),e.forEach(f),this.h()},h(){u(n,"class",D=h(H("autocomplete",t[2]))+" svelte-1b94m2"),d(n,"focus",t[6]),d(n,"disabled",t[5])},m(t,e){g(t,n,e);for(let t=0;t<T.length;t+=1)T[t]&&T[t].m(n,null);b(n,s),v(E,n,null),A=!0},p(t,[e]){if(129&e){let o;for(C=t[0],o=0;o<C.length;o+=1){const a=it(t,C,o);T[o]?(T[o].p(a,e),x(T[o],1)):(T[o]=$t(a),T[o].c(),x(T[o],1),T[o].m(n,s))}for(y(),o=C.length;o<T.length;o+=1)B(o);L()}const o=312&e?O(P,[8&e&&{minSearchLength:t[3]},16&e&&{maxOptions:t[4]},32&e&&{disabled:t[5]},256&e&&j(t[8])]):{};163864&e&&(o.$$scope={dirty:e,ctx:t}),!M&&1&e&&(M=!0,o.selection=t[0],Q((()=>M=!1))),!k&&2&e&&(k=!0,o.searchQuery=t[1],Q((()=>k=!1))),!V&&64&e&&(V=!0,o.focus=t[6],Q((()=>V=!1))),E.$set(o),(!A||4&e&&D!==(D=h(H("autocomplete",t[2]))+" svelte-1b94m2"))&&u(n,"class",D),(!A||68&e)&&d(n,"focus",t[6]),(!A||36&e)&&d(n,"disabled",t[5])},i(t){if(!A){for(let t=0;t<C.length;t+=1)x(T[t]);x(E.$$.fragment,t),A=!0}},o(t){T=T.filter(Boolean);for(let t=0;t<T.length;t+=1)w(T[t]);w(E.$$.fragment,t),A=!1},d(t){t&&f(n),S(T,t),I(E)}}}function xt(t,n,s){const o=["class","selection","minSearchLength","maxOptions","searchQuery","disabled"];let a=E(n,o),{$$slots:l={},$$scope:c}=n,{class:r=null}=n,{selection:i=[]}=n,{minSearchLength:m=3}=n,{maxOptions:p=1/0}=n,{searchQuery:$=""}=n,{disabled:f=!1}=n,u=!1;function h(t){s(0,i=i.filter((n=>n!==t))),d("change",{value:i})}const d=M();return t.$$set=t=>{n=e(e({},n),k(t)),s(8,a=E(n,o)),"class"in t&&s(2,r=t.class),"selection"in t&&s(0,i=t.selection),"minSearchLength"in t&&s(3,m=t.minSearchLength),"maxOptions"in t&&s(4,p=t.maxOptions),"searchQuery"in t&&s(1,$=t.searchQuery),"disabled"in t&&s(5,f=t.disabled),"$$scope"in t&&s(15,c=t.$$scope)},[i,$,r,m,p,f,u,h,a,l,t=>h(t),function(t){i=t,s(0,i)},function(t){$=t,s(1,$)},function(t){u=t,s(6,u)},function(n){V.call(this,t,n)},c]}var yt=class extends t{constructor(t){super(),n(this,t,xt,vt,s,{class:2,selection:0,minSearchLength:3,maxOptions:4,searchQuery:1,disabled:5})}};export{yt as A};
diff --git a/376/client/badge-bdbb1862.css b/376/client/badge-bdbb1862.css
new file mode 100644
index 000000000..46c7096ec
--- /dev/null
+++ b/376/client/badge-bdbb1862.css
@@ -0,0 +1 @@
+.badge.svelte-15lz037{position:relative}.badge.svelte-15lz037::after{background-color:#ff5757;border-radius:50%;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);content:"";height:0.625em;position:absolute;right:-0.125em;top:-0.1875em;width:0.625em}.badge.hidden.svelte-15lz037::after{display:none}.badge.svelte-15lz037 .icon{display:block}
diff --git a/376/client/badge.2444c261.js b/376/client/badge.2444c261.js
new file mode 100644
index 000000000..101f714ce
--- /dev/null
+++ b/376/client/badge.2444c261.js
@@ -0,0 +1 @@
+import{S as s,i as a,s as l,M as e,K as n,h as t,k as c,b as d,d as i,N as o,O as h,f as r,Q as u,R as f,T as p,U as $,t as m,p as v,I as b,L as g}from"./client.0d36a0cf.js";import{c as j}from"./classes.2453fa25.js";function x(s){let a,l,b;const g=s[4].default,x=e(g,s,s[3],null);let z=[{class:l=j("badge",s[0])},s[2]],I={};for(let s=0;s<z.length;s+=1)I=n(I,z[s]);return{c(){a=t("div"),x&&x.c(),this.h()},l(s){a=c(s,"DIV",{class:!0});var l=d(a);x&&x.l(l),l.forEach(i),this.h()},h(){o(a,I),h(a,"hidden",s[1]),h(a,"svelte-15lz037",!0)},m(s,l){r(s,a,l),x&&x.m(a,null),b=!0},p(s,[e]){x&&x.p&&(!b||8&e)&&u(x,g,s,s[3],b?p(g,s[3],e,null):f(s[3]),null),o(a,I=$(z,[(!b||1&e&&l!==(l=j("badge",s[0])))&&{class:l},4&e&&s[2]])),h(a,"hidden",s[1]),h(a,"svelte-15lz037",!0)},i(s){b||(m(x,s),b=!0)},o(s){v(x,s),b=!1},d(s){s&&i(a),x&&x.d(s)}}}function z(s,a,l){const e=["class","hidden"];let t=b(a,e),{$$slots:c={},$$scope:d}=a,{class:i=null}=a,{hidden:o=!1}=a;return s.$$set=s=>{a=n(n({},a),g(s)),l(2,t=b(a,e)),"class"in s&&l(0,i=s.class),"hidden"in s&&l(1,o=s.hidden),"$$scope"in s&&l(3,d=s.$$scope)},[i,o,t,d,c]}var I=class extends s{constructor(s){super(),a(this,s,z,x,l,{class:0,hidden:1})}};export{I as B};
diff --git a/376/client/badge.8f22ec2e.js b/376/client/badge.8f22ec2e.js
new file mode 100644
index 000000000..7066cc941
--- /dev/null
+++ b/376/client/badge.8f22ec2e.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,a as s,c as a,b as $,d as o,e as r,f as c,g as p,n as l,K as f,j as m,l as i,m as d,U as g,a0 as u,t as h,p as x,q as k,L as w,u as y,h as v,v as b,w as E,k as D,x as T}from"./client.0d36a0cf.js";import{L as B,H as j,P as O}from"./layout.b2760304.js";import{B as C}from"./button.743a388a.js";import{B as S}from"./badge.2444c261.js";import{S as A}from"./showcase.8eb3893d.js";import{C as N}from"./color-preview.278d2729.js";import{S as R}from"./shadow-preview.f1e703b1.js";import{H}from"./h2.122c8b9f.js";import{H as P}from"./h3.1e03849b.js";import{T as z,a as F,b as M,c as W}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./popover.156a947e.js";function G(t){let e,n,f,m;return{c(){e=s("svg"),n=s("path"),f=s("path"),this.h()},l(t){e=a(t,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var s=$(e);n=a(s,"path",{d:!0}),$(n).forEach(o),f=a(s,"path",{d:!0}),$(f).forEach(o),s.forEach(o),this.h()},h(){r(n,"d","M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"),r(f,"d","M13.73 21a2 2 0 0 1-3.46 0"),r(e,"xmlns","http://www.w3.org/2000/svg"),r(e,"width",t[0]),r(e,"height",t[0]),r(e,"fill","none"),r(e,"viewBox","0 0 24 24"),r(e,"stroke","currentColor"),r(e,"stroke-width",t[1]),r(e,"stroke-linecap","round"),r(e,"stroke-linejoin","round"),r(e,"class",m="feather feather-bell "+t[2])},m(t,s){c(t,e,s),p(e,n),p(e,f)},p(t,[n]){1&n&&r(e,"width",t[0]),1&n&&r(e,"height",t[0]),2&n&&r(e,"stroke-width",t[1]),4&n&&m!==(m="feather feather-bell "+t[2])&&r(e,"class",m)},i:l,o:l,d(t){t&&o(e)}}}function I(t,e,n){let{size:s="100%"}=e,{strokeWidth:a=2}=e,{class:$=""}=e;return"100%"!==s&&(s="x"===s.slice(-1)?s.slice(0,s.length-1)+"em":parseInt(s)+"px"),t.$$set=t=>{"size"in t&&n(0,s=t.size),"strokeWidth"in t&&n(1,a=t.strokeWidth),"class"in t&&n(2,$=t.class)},[s,a,$]}class V extends t{constructor(t){super(),e(this,t,I,G,n,{size:0,strokeWidth:1,class:2})}}function L(t){let e;return{c(){e=b("Badge")},l(t){e=T(t,"Badge")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function U(t){let e;return{c(){e=b("A distinctive colored circle to bring attention to an element.")},l(t){e=T(t,"A distinctive colored circle to bring attention to an element.")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function Y(t){let e;return{c(){e=b("used on some text")},l(t){e=T(t,"used on some text")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function K(t){let e,n;return e=new V({props:{size:"20",class:"icon"}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,s){d(e,t,s),n=!0},p:l,i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){x(e.$$.fragment,t),n=!1},d(t){k(e,t)}}}function q(t){let e,n;return e=new S({props:{hidden:t[0],$$slots:{default:[K]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,s){d(e,t,s),n=!0},p(t,n){const s={};1&n&&(s.hidden=t[0]),8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){x(e.$$.fragment,t),n=!1},d(t){k(e,t)}}}function J(t){let e,n,s,a,l;return n=new S({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),a=new C({props:{round:!0,$$slots:{default:[q]},$$scope:{ctx:t}}}),a.$on("click",t[2]),{c(){e=v("div"),m(n.$$.fragment),s=y(),m(a.$$.fragment),this.h()},l(t){e=D(t,"DIV",{slot:!0,class:!0});var r=$(e);i(n.$$.fragment,r),s=E(r),i(a.$$.fragment,r),r.forEach(o),this.h()},h(){r(e,"slot","showcase"),r(e,"class","padded")},m(t,$){c(t,e,$),d(n,e,null),p(e,s),d(a,e,null),l=!0},p(t,e){const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};9&e&&($.$$scope={dirty:e,ctx:t}),a.$set($)},i(t){l||(h(n.$$.fragment,t),h(a.$$.fragment,t),l=!0)},o(t){x(n.$$.fragment,t),x(a.$$.fragment,t),l=!1},d(t){t&&o(e),k(n),k(a)}}}function Q(t){let e,n;return{c(){e=v("div"),n=v("pre"),this.h()},l(t){e=D(t,"DIV",{slot:!0});var s=$(e);n=D(s,"PRE",{class:!0}),$(n).forEach(o),s.forEach(o),this.h()},h(){r(n,"class","language-svelte"),r(e,"slot","source")},m(t,s){c(t,e,s),p(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">let</span> hidden <span class="token operator">=</span> <span class="token boolean">false</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Badge</span><span class="token punctuation">></span></span>used on some text<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Badge</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">round</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> hidden <span class="token operator">=</span> <span class="token operator">!</span>hidden<span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Badge</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>hidden<span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>BellIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>20<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>icon<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Badge</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span></code>'},p:l,d(t){t&&o(e)}}}function X(t){let e;return{c(){e=b("Properties")},l(t){e=T(t,"Properties")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function Z(t){let e;return{c(){e=b("Functional Properties")},l(t){e=T(t,"Functional Properties")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function _(t){let e;return{c(){e=b("Name")},l(t){e=T(t,"Name")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function tt(t){let e;return{c(){e=b("Default")},l(t){e=T(t,"Default")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function et(t){let e;return{c(){e=b("Type")},l(t){e=T(t,"Type")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function nt(t){let e;return{c(){e=b("Description")},l(t){e=T(t,"Description")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function st(t){let e,n,s,a,$,r,p,l;return e=new M({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),p=new M({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=y(),m(s.$$.fragment),a=y(),m($.$$.fragment),r=y(),m(p.$$.fragment)},l(t){i(e.$$.fragment,t),n=E(t),i(s.$$.fragment,t),a=E(t),i($.$$.fragment,t),r=E(t),i(p.$$.fragment,t)},m(t,o){d(e,t,o),c(t,n,o),d(s,t,o),c(t,a,o),d($,t,o),c(t,r,o),d(p,t,o),l=!0},p(t,n){const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),s.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),p.$set(c)},i(t){l||(h(e.$$.fragment,t),h(s.$$.fragment,t),h($.$$.fragment,t),h(p.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(s.$$.fragment,t),x($.$$.fragment,t),x(p.$$.fragment,t),l=!1},d(t){k(e,t),t&&o(n),k(s,t),t&&o(a),k($,t),t&&o(r),k(p,t)}}}function at(t){let e,n,s;return{c(){e=v("strong"),n=v("code"),s=b("hidden")},l(t){e=D(t,"STRONG",{});var a=$(e);n=D(a,"CODE",{});var r=$(n);s=T(r,"hidden"),r.forEach(o),a.forEach(o)},m(t,a){c(t,e,a),p(e,n),p(n,s)},p:l,d(t){t&&o(e)}}}function $t(t){let e,n;return{c(){e=v("code"),n=b("false")},l(t){e=D(t,"CODE",{});var s=$(e);n=T(s,"false"),s.forEach(o)},m(t,s){c(t,e,s),p(e,n)},p:l,d(t){t&&o(e)}}}function ot(t){let e,n;return{c(){e=v("code"),n=b("boolean")},l(t){e=D(t,"CODE",{});var s=$(e);n=T(s,"boolean"),s.forEach(o)},m(t,s){c(t,e,s),p(e,n)},p:l,d(t){t&&o(e)}}}function rt(t){let e;return{c(){e=b("Whether the badge is shown or hidden. Useful for controlling its appearance without modifying the DOM tree.")},l(t){e=T(t,"Whether the badge is shown or hidden. Useful for controlling its appearance without modifying the DOM tree.")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function ct(t){let e,n,s,a,$,r,p,l;return e=new W({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),s=new W({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),$=new W({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),p=new W({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=y(),m(s.$$.fragment),a=y(),m($.$$.fragment),r=y(),m(p.$$.fragment)},l(t){i(e.$$.fragment,t),n=E(t),i(s.$$.fragment,t),a=E(t),i($.$$.fragment,t),r=E(t),i(p.$$.fragment,t)},m(t,o){d(e,t,o),c(t,n,o),d(s,t,o),c(t,a,o),d($,t,o),c(t,r,o),d(p,t,o),l=!0},p(t,n){const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),s.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),p.$set(c)},i(t){l||(h(e.$$.fragment,t),h(s.$$.fragment,t),h($.$$.fragment,t),h(p.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(s.$$.fragment,t),x($.$$.fragment,t),x(p.$$.fragment,t),l=!1},d(t){k(e,t),t&&o(n),k(s,t),t&&o(a),k($,t),t&&o(r),k(p,t)}}}function pt(t){let e,n,s,a,r,p;return n=new F({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),r=new F({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),{c(){e=v("thead"),m(n.$$.fragment),s=y(),a=v("tbody"),m(r.$$.fragment)},l(t){e=D(t,"THEAD",{});var c=$(e);i(n.$$.fragment,c),c.forEach(o),s=E(t),a=D(t,"TBODY",{});var p=$(a);i(r.$$.fragment,p),p.forEach(o)},m(t,$){c(t,e,$),d(n,e,null),c(t,s,$),c(t,a,$),d(r,a,null),p=!0},p(t,e){const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),r.$set(a)},i(t){p||(h(n.$$.fragment,t),h(r.$$.fragment,t),p=!0)},o(t){x(n.$$.fragment,t),x(r.$$.fragment,t),p=!1},d(t){t&&o(e),k(n),t&&o(s),t&&o(a),k(r)}}}function lt(t){let e;return{c(){e=b("Class Properties")},l(t){e=T(t,"Class Properties")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function ft(t){let e,n,s,a,r,f,m;return{c(){e=b("All "),n=v("code"),s=b("<Badge>"),a=b(" components use the "),r=v("code"),f=b(".badge"),m=b(" class.")},l(t){e=T(t,"All "),n=D(t,"CODE",{});var c=$(n);s=T(c,"<Badge>"),c.forEach(o),a=T(t," components use the "),r=D(t,"CODE",{});var p=$(r);f=T(p,".badge"),p.forEach(o),m=T(t," class.")},m(t,$){c(t,e,$),c(t,n,$),p(n,s),c(t,a,$),c(t,r,$),p(r,f),c(t,m,$)},p:l,d(t){t&&o(e),t&&o(n),t&&o(a),t&&o(r),t&&o(m)}}}function mt(t){let e;return{c(){e=b("Falsy values passed to classes will be disregarded.")},l(t){e=T(t,"Falsy values passed to classes will be disregarded.")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function it(t){let e;return{c(){e=b("Name")},l(t){e=T(t,"Name")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function dt(t){let e;return{c(){e=b("Default")},l(t){e=T(t,"Default")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function gt(t){let e;return{c(){e=b("Type")},l(t){e=T(t,"Type")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function ut(t){let e;return{c(){e=b("Description")},l(t){e=T(t,"Description")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function ht(t){let e,n,s,a,$,r,p,l;return e=new M({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),p=new M({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=y(),m(s.$$.fragment),a=y(),m($.$$.fragment),r=y(),m(p.$$.fragment)},l(t){i(e.$$.fragment,t),n=E(t),i(s.$$.fragment,t),a=E(t),i($.$$.fragment,t),r=E(t),i(p.$$.fragment,t)},m(t,o){d(e,t,o),c(t,n,o),d(s,t,o),c(t,a,o),d($,t,o),c(t,r,o),d(p,t,o),l=!0},p(t,n){const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),s.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),p.$set(c)},i(t){l||(h(e.$$.fragment,t),h(s.$$.fragment,t),h($.$$.fragment,t),h(p.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(s.$$.fragment,t),x($.$$.fragment,t),x(p.$$.fragment,t),l=!1},d(t){k(e,t),t&&o(n),k(s,t),t&&o(a),k($,t),t&&o(r),k(p,t)}}}function xt(t){let e,n,s;return{c(){e=v("strong"),n=v("code"),s=b("class")},l(t){e=D(t,"STRONG",{});var a=$(e);n=D(a,"CODE",{});var r=$(n);s=T(r,"class"),r.forEach(o),a.forEach(o)},m(t,a){c(t,e,a),p(e,n),p(n,s)},p:l,d(t){t&&o(e)}}}function kt(t){let e,n;return{c(){e=v("code"),n=b("null")},l(t){e=D(t,"CODE",{});var s=$(e);n=T(s,"null"),s.forEach(o)},m(t,s){c(t,e,s),p(e,n)},p:l,d(t){t&&o(e)}}}function wt(t){let e,n;return{c(){e=v("code"),n=b("string")},l(t){e=D(t,"CODE",{});var s=$(e);n=T(s,"string"),s.forEach(o)},m(t,s){c(t,e,s),p(e,n)},p:l,d(t){t&&o(e)}}}function yt(t){let e;return{c(){e=b("A class string to add to the handle.")},l(t){e=T(t,"A class string to add to the handle.")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function vt(t){let e,n,s,a,$,r,p,l;return e=new W({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),s=new W({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),$=new W({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),p=new W({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=y(),m(s.$$.fragment),a=y(),m($.$$.fragment),r=y(),m(p.$$.fragment)},l(t){i(e.$$.fragment,t),n=E(t),i(s.$$.fragment,t),a=E(t),i($.$$.fragment,t),r=E(t),i(p.$$.fragment,t)},m(t,o){d(e,t,o),c(t,n,o),d(s,t,o),c(t,a,o),d($,t,o),c(t,r,o),d(p,t,o),l=!0},p(t,n){const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),s.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),p.$set(c)},i(t){l||(h(e.$$.fragment,t),h(s.$$.fragment,t),h($.$$.fragment,t),h(p.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(s.$$.fragment,t),x($.$$.fragment,t),x(p.$$.fragment,t),l=!1},d(t){k(e,t),t&&o(n),k(s,t),t&&o(a),k($,t),t&&o(r),k(p,t)}}}function bt(t){let e,n,s,a,r,p;return n=new F({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),r=new F({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){e=v("thead"),m(n.$$.fragment),s=y(),a=v("tbody"),m(r.$$.fragment)},l(t){e=D(t,"THEAD",{});var c=$(e);i(n.$$.fragment,c),c.forEach(o),s=E(t),a=D(t,"TBODY",{});var p=$(a);i(r.$$.fragment,p),p.forEach(o)},m(t,$){c(t,e,$),d(n,e,null),c(t,s,$),c(t,a,$),d(r,a,null),p=!0},p(t,e){const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),r.$set(a)},i(t){p||(h(n.$$.fragment,t),h(r.$$.fragment,t),p=!0)},o(t){x(n.$$.fragment,t),x(r.$$.fragment,t),p=!1},d(t){t&&o(e),k(n),t&&o(s),t&&o(a),k(r)}}}function Et(t){let e;return{c(){e=b("Slots")},l(t){e=T(t,"Slots")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function Dt(t){let e;return{c(){e=b("Default slot")},l(t){e=T(t,"Default slot")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function Tt(t){let e;return{c(){e=b("The element to attach a badge to.")},l(t){e=T(t,"The element to attach a badge to.")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function Bt(t){let e;return{c(){e=b("SCSS Variables")},l(t){e=T(t,"SCSS Variables")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function jt(t){let e;return{c(){e=b("Name")},l(t){e=T(t,"Name")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function Ot(t){let e;return{c(){e=b("Description")},l(t){e=T(t,"Description")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function Ct(t){let e;return{c(){e=b("Default")},l(t){e=T(t,"Default")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function St(t){let e,n,s,a,$,r;return e=new M({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=y(),m(s.$$.fragment),a=y(),m($.$$.fragment)},l(t){i(e.$$.fragment,t),n=E(t),i(s.$$.fragment,t),a=E(t),i($.$$.fragment,t)},m(t,o){d(e,t,o),c(t,n,o),d(s,t,o),c(t,a,o),d($,t,o),r=!0},p(t,n){const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),s.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r)},i(t){r||(h(e.$$.fragment,t),h(s.$$.fragment,t),h($.$$.fragment,t),r=!0)},o(t){x(e.$$.fragment,t),x(s.$$.fragment,t),x($.$$.fragment,t),r=!1},d(t){k(e,t),t&&o(n),k(s,t),t&&o(a),k($,t)}}}function At(t){let e,n,s;return{c(){e=v("strong"),n=v("code"),s=b("$shadow-raised")},l(t){e=D(t,"STRONG",{});var a=$(e);n=D(a,"CODE",{});var r=$(n);s=T(r,"$shadow-raised"),r.forEach(o),a.forEach(o)},m(t,a){c(t,e,a),p(e,n),p(n,s)},p:l,d(t){t&&o(e)}}}function Nt(t){let e;return{c(){e=b("The shadow of the badge.")},l(t){e=T(t,"The shadow of the badge.")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function Rt(t){let e,n;return e=new R({props:{value:Ut}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,s){d(e,t,s),n=!0},p:l,i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){x(e.$$.fragment,t),n=!1},d(t){k(e,t)}}}function Ht(t){let e,n,s,a,$,r;return e=new W({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),s=new W({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),$=new W({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=y(),m(s.$$.fragment),a=y(),m($.$$.fragment)},l(t){i(e.$$.fragment,t),n=E(t),i(s.$$.fragment,t),a=E(t),i($.$$.fragment,t)},m(t,o){d(e,t,o),c(t,n,o),d(s,t,o),c(t,a,o),d($,t,o),r=!0},p(t,n){const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),s.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r)},i(t){r||(h(e.$$.fragment,t),h(s.$$.fragment,t),h($.$$.fragment,t),r=!0)},o(t){x(e.$$.fragment,t),x(s.$$.fragment,t),x($.$$.fragment,t),r=!1},d(t){k(e,t),t&&o(n),k(s,t),t&&o(a),k($,t)}}}function Pt(t){let e,n,s;return{c(){e=v("strong"),n=v("code"),s=b("$badge-default")},l(t){e=D(t,"STRONG",{});var a=$(e);n=D(a,"CODE",{});var r=$(n);s=T(r,"$badge-default"),r.forEach(o),a.forEach(o)},m(t,a){c(t,e,a),p(e,n),p(n,s)},p:l,d(t){t&&o(e)}}}function zt(t){let e;return{c(){e=b("The default color of the badge.")},l(t){e=T(t,"The default color of the badge.")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function Ft(t){let e,n;return e=new N({props:{value:"#FF5757"}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,s){d(e,t,s),n=!0},p:l,i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){x(e.$$.fragment,t),n=!1},d(t){k(e,t)}}}function Mt(t){let e,n,s,a,$,r;return e=new W({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),s=new W({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),$=new W({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=y(),m(s.$$.fragment),a=y(),m($.$$.fragment)},l(t){i(e.$$.fragment,t),n=E(t),i(s.$$.fragment,t),a=E(t),i($.$$.fragment,t)},m(t,o){d(e,t,o),c(t,n,o),d(s,t,o),c(t,a,o),d($,t,o),r=!0},p(t,n){const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),s.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r)},i(t){r||(h(e.$$.fragment,t),h(s.$$.fragment,t),h($.$$.fragment,t),r=!0)},o(t){x(e.$$.fragment,t),x(s.$$.fragment,t),x($.$$.fragment,t),r=!1},d(t){k(e,t),t&&o(n),k(s,t),t&&o(a),k($,t)}}}function Wt(t){let e,n,s,a,r,l,f,g;return n=new F({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),r=new F({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),f=new F({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),{c(){e=v("thead"),m(n.$$.fragment),s=y(),a=v("tbody"),m(r.$$.fragment),l=y(),m(f.$$.fragment)},l(t){e=D(t,"THEAD",{});var c=$(e);i(n.$$.fragment,c),c.forEach(o),s=E(t),a=D(t,"TBODY",{});var p=$(a);i(r.$$.fragment,p),l=E(p),i(f.$$.fragment,p),p.forEach(o)},m(t,$){c(t,e,$),d(n,e,null),c(t,s,$),c(t,a,$),d(r,a,null),p(a,l),d(f,a,null),g=!0},p(t,e){const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),r.$set(a);const $={};8&e&&($.$$scope={dirty:e,ctx:t}),f.$set($)},i(t){g||(h(n.$$.fragment,t),h(r.$$.fragment,t),h(f.$$.fragment,t),g=!0)},o(t){x(n.$$.fragment,t),x(r.$$.fragment,t),x(f.$$.fragment,t),g=!1},d(t){t&&o(e),k(n),t&&o(s),t&&o(a),k(r),k(f)}}}function Gt(t){let e,n,s,a,r,l,f,g,u,w,B,C,S,N,R,F,M,W,G,I,V,Y,K,q,_,tt,et,nt,st,at,$t,ot,rt;return e=new j({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),s=new O({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),r=new A({props:{$$slots:{source:[Q],showcase:[J]},$$scope:{ctx:t}}}),f=new H({props:{id:"properties",$$slots:{default:[X]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),B=new z({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),S=new P({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),R=new O({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),M=new O({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),G=new z({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),q=new H({props:{id:"slots",$$slots:{default:[Et]},$$scope:{ctx:t}}}),tt=new P({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),nt=new O({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),at=new H({props:{id:"scss-variables",$$slots:{default:[Bt]},$$scope:{ctx:t}}}),ot=new z({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=y(),m(s.$$.fragment),a=y(),m(r.$$.fragment),l=y(),m(f.$$.fragment),g=y(),m(u.$$.fragment),w=y(),m(B.$$.fragment),C=y(),m(S.$$.fragment),N=y(),m(R.$$.fragment),F=y(),m(M.$$.fragment),W=y(),m(G.$$.fragment),I=y(),V=v("mark"),Y=b("Bonus"),K=b(": use the `.icon` class for the icons inside the badge to set `display: block` on them and avoid unexpected space at the bottom.\n"),m(q.$$.fragment),_=y(),m(tt.$$.fragment),et=y(),m(nt.$$.fragment),st=y(),m(at.$$.fragment),$t=y(),m(ot.$$.fragment)},l(t){i(e.$$.fragment,t),n=E(t),i(s.$$.fragment,t),a=E(t),i(r.$$.fragment,t),l=E(t),i(f.$$.fragment,t),g=E(t),i(u.$$.fragment,t),w=E(t),i(B.$$.fragment,t),C=E(t),i(S.$$.fragment,t),N=E(t),i(R.$$.fragment,t),F=E(t),i(M.$$.fragment,t),W=E(t),i(G.$$.fragment,t),I=E(t),V=D(t,"MARK",{});var c=$(V);Y=T(c,"Bonus"),c.forEach(o),K=T(t,": use the `.icon` class for the icons inside the badge to set `display: block` on them and avoid unexpected space at the bottom.\n"),i(q.$$.fragment,t),_=E(t),i(tt.$$.fragment,t),et=E(t),i(nt.$$.fragment,t),st=E(t),i(at.$$.fragment,t),$t=E(t),i(ot.$$.fragment,t)},m(t,$){d(e,t,$),c(t,n,$),d(s,t,$),c(t,a,$),d(r,t,$),c(t,l,$),d(f,t,$),c(t,g,$),d(u,t,$),c(t,w,$),d(B,t,$),c(t,C,$),d(S,t,$),c(t,N,$),d(R,t,$),c(t,F,$),d(M,t,$),c(t,W,$),d(G,t,$),c(t,I,$),c(t,V,$),p(V,Y),c(t,K,$),d(q,t,$),c(t,_,$),d(tt,t,$),c(t,et,$),d(nt,t,$),c(t,st,$),d(at,t,$),c(t,$t,$),d(ot,t,$),rt=!0},p(t,n){const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const $={};8&n&&($.$$scope={dirty:n,ctx:t}),s.$set($);const o={};9&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),f.$set(c);const p={};8&n&&(p.$$scope={dirty:n,ctx:t}),u.$set(p);const l={};8&n&&(l.$$scope={dirty:n,ctx:t}),B.$set(l);const m={};8&n&&(m.$$scope={dirty:n,ctx:t}),S.$set(m);const i={};8&n&&(i.$$scope={dirty:n,ctx:t}),R.$set(i);const d={};8&n&&(d.$$scope={dirty:n,ctx:t}),M.$set(d);const g={};8&n&&(g.$$scope={dirty:n,ctx:t}),G.$set(g);const h={};8&n&&(h.$$scope={dirty:n,ctx:t}),q.$set(h);const x={};8&n&&(x.$$scope={dirty:n,ctx:t}),tt.$set(x);const k={};8&n&&(k.$$scope={dirty:n,ctx:t}),nt.$set(k);const w={};8&n&&(w.$$scope={dirty:n,ctx:t}),at.$set(w);const y={};8&n&&(y.$$scope={dirty:n,ctx:t}),ot.$set(y)},i(t){rt||(h(e.$$.fragment,t),h(s.$$.fragment,t),h(r.$$.fragment,t),h(f.$$.fragment,t),h(u.$$.fragment,t),h(B.$$.fragment,t),h(S.$$.fragment,t),h(R.$$.fragment,t),h(M.$$.fragment,t),h(G.$$.fragment,t),h(q.$$.fragment,t),h(tt.$$.fragment,t),h(nt.$$.fragment,t),h(at.$$.fragment,t),h(ot.$$.fragment,t),rt=!0)},o(t){x(e.$$.fragment,t),x(s.$$.fragment,t),x(r.$$.fragment,t),x(f.$$.fragment,t),x(u.$$.fragment,t),x(B.$$.fragment,t),x(S.$$.fragment,t),x(R.$$.fragment,t),x(M.$$.fragment,t),x(G.$$.fragment,t),x(q.$$.fragment,t),x(tt.$$.fragment,t),x(nt.$$.fragment,t),x(at.$$.fragment,t),x(ot.$$.fragment,t),rt=!1},d(t){k(e,t),t&&o(n),k(s,t),t&&o(a),k(r,t),t&&o(l),k(f,t),t&&o(g),k(u,t),t&&o(w),k(B,t),t&&o(C),k(S,t),t&&o(N),k(R,t),t&&o(F),k(M,t),t&&o(W),k(G,t),t&&o(I),t&&o(V),t&&o(K),k(q,t),t&&o(_),k(tt,t),t&&o(et),k(nt,t),t&&o(st),k(at,t),t&&o($t),k(ot,t)}}}function It(t){let e,n;const s=[t[1],Vt];let a={$$slots:{default:[Gt]},$$scope:{ctx:t}};for(let t=0;t<s.length;t+=1)a=f(a,s[t]);return e=new B({props:a}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,s){d(e,t,s),n=!0},p(t,[n]){const a=2&n?g(s,[2&n&&u(t[1]),0&n&&u(Vt)]):{};9&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a)},i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){x(e.$$.fragment,t),n=!1},d(t){k(e,t)}}}const Vt={name:"Badge",shadowRaised:"0 2px 4px -1px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);"},{name:Lt,shadowRaised:Ut}=Vt;function Yt(t,e,n){let s=!1;return t.$$set=t=>{n(1,e=f(f({},e),w(t)))},e=w(e),[s,e,()=>n(0,s=!s)]}class Kt extends t{constructor(t){super(),e(this,t,Yt,It,n,{})}}export{Kt as default,Vt as metadata};
diff --git a/376/client/breadcrumbs-c35afc8f.css b/376/client/breadcrumbs-c35afc8f.css
new file mode 100644
index 000000000..45a80dcc8
--- /dev/null
+++ b/376/client/breadcrumbs-c35afc8f.css
@@ -0,0 +1 @@
+nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 0.25em}
diff --git a/376/client/breadcrumbs.b0715397.js b/376/client/breadcrumbs.b0715397.js
new file mode 100644
index 000000000..12ebec72c
--- /dev/null
+++ b/376/client/breadcrumbs.b0715397.js
@@ -0,0 +1 @@
+import{S as t,i as s,s as e,h as n,k as a,b as r,d as l,e as o,f as c,t as i,y as f,z as p,p as h,a9 as m,M as u,u as $,w as d,Q as g,R as v,T as x,v as b,x as j,g as k,A,n as B,j as E,l as N,m as w,q as y}from"./client.0d36a0cf.js";import{B as S}from"./button.743a388a.js";function V(t,s,e){const n=t.slice();return n[4]=s[e],n[6]=e,n}const q=t=>({item:1&t}),z=t=>({item:t[4]}),D=t=>({}),I=t=>({});function M(t){let s;const e=t[2].separator,f=u(e,t,t[3],I),p=f||function(t){let s,e;return{c(){s=n("div"),e=b(t[1]),this.h()},l(n){s=a(n,"DIV",{class:!0});var o=r(s);e=j(o,t[1]),o.forEach(l),this.h()},h(){o(s,"class","node")},m(t,n){c(t,s,n),k(s,e)},p(t,s){2&s&&A(e,t[1])},d(t){t&&l(s)}}}(t);return{c(){p&&p.c()},l(t){p&&p.l(t)},m(t,e){p&&p.m(t,e),s=!0},p(t,n){f?f.p&&(!s||8&n)&&g(f,e,t,t[3],s?x(e,t[3],n,D):v(t[3]),I):p&&p.p&&(!s||2&n)&&p.p(t,s?n:-1)},i(t){s||(i(p,t),s=!0)},o(t){h(p,t),s=!1},d(t){p&&p.d(t)}}}function P(t){let s,e,i=t[4].text+"";return{c(){s=n("span"),e=b(i),this.h()},l(t){s=a(t,"SPAN",{class:!0});var n=r(s);e=j(n,i),n.forEach(l),this.h()},h(){o(s,"class","node")},m(t,n){c(t,s,n),k(s,e)},p(t,s){1&s&&i!==(i=t[4].text+"")&&A(e,i)},i:B,o:B,d(t){t&&l(s)}}}function Q(t){let s,e;return s=new S({props:{href:t[4].href,class:"node",small:!0,$$slots:{default:[R]},$$scope:{ctx:t}}}),{c(){E(s.$$.fragment)},l(t){N(s.$$.fragment,t)},m(t,n){w(s,t,n),e=!0},p(t,e){const n={};1&e&&(n.href=t[4].href),9&e&&(n.$$scope={dirty:e,ctx:t}),s.$set(n)},i(t){e||(i(s.$$.fragment,t),e=!0)},o(t){h(s.$$.fragment,t),e=!1},d(t){y(s,t)}}}function R(t){let s,e=t[4].text+"";return{c(){s=b(e)},l(t){s=j(t,e)},m(t,e){c(t,s,e)},p(t,n){1&n&&e!==(e=t[4].text+"")&&A(s,e)},d(t){t&&l(s)}}}function T(t){let s,e,n=t[6]>0&&M(t);const a=t[2].item,r=u(a,t,t[3],z),o=r||function(t){let s,e,n,a;const r=[Q,P],o=[];function m(t,s){return t[4].href?0:1}return s=m(t),e=o[s]=r[s](t),{c(){e.c(),n=$()},l(t){e.l(t),n=d(t)},m(t,e){o[s].m(t,e),c(t,n,e),a=!0},p(t,a){let l=s;s=m(t),s===l?o[s].p(t,a):(f(),h(o[l],1,1,(()=>{o[l]=null})),p(),e=o[s],e?e.p(t,a):(e=o[s]=r[s](t),e.c()),i(e,1),e.m(n.parentNode,n))},i(t){a||(i(e),a=!0)},o(t){h(e),a=!1},d(t){o[s].d(t),t&&l(n)}}}(t);return{c(){n&&n.c(),s=$(),o&&o.c()},l(t){n&&n.l(t),s=d(t),o&&o.l(t)},m(t,a){n&&n.m(t,a),c(t,s,a),o&&o.m(t,a),e=!0},p(t,s){t[6]>0&&n.p(t,s),r?r.p&&(!e||9&s)&&g(r,a,t,t[3],e?x(a,t[3],s,q):v(t[3]),z):o&&o.p&&(!e||1&s)&&o.p(t,e?s:-1)},i(t){e||(i(n),i(o,t),e=!0)},o(t){h(n),h(o,t),e=!1},d(t){n&&n.d(t),t&&l(s),o&&o.d(t)}}}function C(t){let s,e,u=t[0],$=[];for(let s=0;s<u.length;s+=1)$[s]=T(V(t,u,s));const d=t=>h($[t],1,1,(()=>{$[t]=null}));return{c(){s=n("nav");for(let t=0;t<$.length;t+=1)$[t].c();this.h()},l(t){s=a(t,"NAV",{class:!0});var e=r(s);for(let t=0;t<$.length;t+=1)$[t].l(e);e.forEach(l),this.h()},h(){o(s,"class","breadcrumbs svelte-o18kkv")},m(t,n){c(t,s,n);for(let t=0;t<$.length;t+=1)$[t]&&$[t].m(s,null);e=!0},p(t,[e]){if(11&e){let n;for(u=t[0],n=0;n<u.length;n+=1){const a=V(t,u,n);$[n]?($[n].p(a,e),i($[n],1)):($[n]=T(a),$[n].c(),i($[n],1),$[n].m(s,null))}for(f(),n=u.length;n<$.length;n+=1)d(n);p()}},i(t){if(!e){for(let t=0;t<u.length;t+=1)i($[t]);e=!0}},o(t){$=$.filter(Boolean);for(let t=0;t<$.length;t+=1)h($[t]);e=!1},d(t){t&&l(s),m($,t)}}}function F(t,s,e){let{$$slots:n={},$$scope:a}=s,{items:r=[]}=s,{separator:l="/"}=s;return t.$$set=t=>{"items"in t&&e(0,r=t.items),"separator"in t&&e(1,l=t.separator),"$$scope"in t&&e(3,a=t.$$scope)},[r,l,n,a]}var G=class extends t{constructor(t){super(),s(this,t,F,C,e,{items:0,separator:1})}};export{G as B};
diff --git a/376/client/breadcrumbs.b7f0270a.js b/376/client/breadcrumbs.b7f0270a.js
new file mode 100644
index 000000000..13c61457f
--- /dev/null
+++ b/376/client/breadcrumbs.b7f0270a.js
@@ -0,0 +1 @@
+import{S as t,i as n,s,a,c as e,b as o,d as r,e as $,f as p,g as c,n as l,K as i,j as f,l as u,m,U as g,a0 as d,t as k,p as h,q as x,L as w,u as y,w as v,v as E,x as b,h as D,k as j,y as C,z as T,A as O}from"./client.0d36a0cf.js";import{L as B,H as S,P as H}from"./layout.b2760304.js";import{B as z}from"./button.743a388a.js";import{C as I}from"./chip.863185cf.js";import{B as N}from"./breadcrumbs.b0715397.js";import{H as P}from"./HomeIcon.03d8e927.js";import{S as A}from"./showcase.8eb3893d.js";import{H as R}from"./h2.122c8b9f.js";import{H as V}from"./h3.1e03849b.js";import{T as G,a as W,b as L,c as Y}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";function F(t){let n,s,i,f;return{c(){n=a("svg"),s=a("line"),i=a("polyline"),this.h()},l(t){n=e(t,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var a=o(n);s=e(a,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),o(s).forEach(r),i=e(a,"polyline",{points:!0}),o(i).forEach(r),a.forEach(r),this.h()},h(){$(s,"x1","5"),$(s,"y1","12"),$(s,"x2","19"),$(s,"y2","12"),$(i,"points","12 5 19 12 12 19"),$(n,"xmlns","http://www.w3.org/2000/svg"),$(n,"width",t[0]),$(n,"height",t[0]),$(n,"fill","none"),$(n,"viewBox","0 0 24 24"),$(n,"stroke","currentColor"),$(n,"stroke-width",t[1]),$(n,"stroke-linecap","round"),$(n,"stroke-linejoin","round"),$(n,"class",f="feather feather-arrow-right "+t[2])},m(t,a){p(t,n,a),c(n,s),c(n,i)},p(t,[s]){1&s&&$(n,"width",t[0]),1&s&&$(n,"height",t[0]),2&s&&$(n,"stroke-width",t[1]),4&s&&f!==(f="feather feather-arrow-right "+t[2])&&$(n,"class",f)},i:l,o:l,d(t){t&&r(n)}}}function q(t,n,s){let{size:a="100%"}=n,{strokeWidth:e=2}=n,{class:o=""}=n;return"100%"!==a&&(a="x"===a.slice(-1)?a.slice(0,a.length-1)+"em":parseInt(a)+"px"),t.$$set=t=>{"size"in t&&s(0,a=t.size),"strokeWidth"in t&&s(1,e=t.strokeWidth),"class"in t&&s(2,o=t.class)},[a,e,o]}class K extends t{constructor(t){super(),n(this,t,q,F,s,{size:0,strokeWidth:1,class:2})}}function M(t){let n;return{c(){n=E("Breadcrumbs")},l(t){n=b(t,"Breadcrumbs")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function U(t){let n;return{c(){n=E("Breadcrumbs are used to indicate the current page's location in the navigation hierarchy, as well as to navigate through it.")},l(t){n=b(t,"Breadcrumbs are used to indicate the current page's location in the navigation hierarchy, as well as to navigate through it.")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function J(t){let n,s;return n=new I({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),{c(){f(n.$$.fragment)},l(t){u(n.$$.fragment,t)},m(t,a){m(n,t,a),s=!0},p(t,s){const a={};12&s&&(a.$$scope={dirty:s,ctx:t}),n.$set(a)},i(t){s||(k(n.$$.fragment,t),s=!0)},o(t){h(n.$$.fragment,t),s=!1},d(t){x(n,t)}}}function Q(t){let n,s;return n=new z({props:{href:"/",round:!0,small:!0,$$slots:{default:[Z]},$$scope:{ctx:t}}}),{c(){f(n.$$.fragment)},l(t){u(n.$$.fragment,t)},m(t,a){m(n,t,a),s=!0},p(t,s){const a={};8&s&&(a.$$scope={dirty:s,ctx:t}),n.$set(a)},i(t){s||(k(n.$$.fragment,t),s=!0)},o(t){h(n.$$.fragment,t),s=!1},d(t){x(n,t)}}}function X(t){let n,s=t[2].text+"";return{c(){n=E(s)},l(t){n=b(t,s)},m(t,s){p(t,n,s)},p(t,a){4&a&&s!==(s=t[2].text+"")&&O(n,s)},d(t){t&&r(n)}}}function Z(t){let n,s;return n=new P({props:{size:"20"}}),{c(){f(n.$$.fragment)},l(t){u(n.$$.fragment,t)},m(t,a){m(n,t,a),s=!0},p:l,i(t){s||(k(n.$$.fragment,t),s=!0)},o(t){h(n.$$.fragment,t),s=!1},d(t){x(n,t)}}}function _(t){let n,s,a,e;const c=[Q,J],l=[];function i(t,n){return"/"===t[2].href?0:1}return s=i(t),a=l[s]=c[s](t),{c(){n=D("div"),a.c(),this.h()},l(t){n=j(t,"DIV",{slot:!0});var s=o(n);a.l(s),s.forEach(r),this.h()},h(){$(n,"slot","item")},m(t,a){p(t,n,a),l[s].m(n,null),e=!0},p(t,e){let o=s;s=i(t),s===o?l[s].p(t,e):(C(),h(l[o],1,1,(()=>{l[o]=null})),T(),a=l[s],a?a.p(t,e):(a=l[s]=c[s](t),a.c()),k(a,1),a.m(n,null))},i(t){e||(k(a),e=!0)},o(t){h(a),e=!1},d(t){t&&r(n),l[s].d()}}}function tt(t){let n,s;return n=new K({props:{slot:"separator",size:"20"}}),{c(){f(n.$$.fragment)},l(t){u(n.$$.fragment,t)},m(t,a){m(n,t,a),s=!0},p:l,i(t){s||(k(n.$$.fragment,t),s=!0)},o(t){h(n.$$.fragment,t),s=!1},d(t){x(n,t)}}}function nt(t){let n,s,a,e,l,i,g;return s=new N({props:{items:t[0]}}),e=new N({props:{items:t[0],separator:"~"}}),i=new N({props:{items:t[0],$$slots:{separator:[tt],item:[_,({item:t})=>({2:t}),({item:t})=>t?4:0]},$$scope:{ctx:t}}}),{c(){n=D("div"),f(s.$$.fragment),a=y(),f(e.$$.fragment),l=y(),f(i.$$.fragment),this.h()},l(t){n=j(t,"DIV",{slot:!0,class:!0});var $=o(n);u(s.$$.fragment,$),a=v($),u(e.$$.fragment,$),l=v($),u(i.$$.fragment,$),$.forEach(r),this.h()},h(){$(n,"slot","showcase"),$(n,"class","padded")},m(t,o){p(t,n,o),m(s,n,null),c(n,a),m(e,n,null),c(n,l),m(i,n,null),g=!0},p(t,n){const s={};12&n&&(s.$$scope={dirty:n,ctx:t}),i.$set(s)},i(t){g||(k(s.$$.fragment,t),k(e.$$.fragment,t),k(i.$$.fragment,t),g=!0)},o(t){h(s.$$.fragment,t),h(e.$$.fragment,t),h(i.$$.fragment,t),g=!1},d(t){t&&r(n),x(s),x(e),x(i)}}}function st(t){let n,s;return{c(){n=D("div"),s=D("pre"),this.h()},l(t){n=j(t,"DIV",{slot:!0});var a=o(n);s=j(a,"PRE",{class:!0}),o(s).forEach(r),a.forEach(r),this.h()},h(){$(s,"class","language-svelte"),$(n,"slot","source")},m(t,a){p(t,n,a),c(n,s),s.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">const</span> items <span class="token operator">=</span> <span class="token punctuation">[</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">href</span><span class="token operator">:</span> <span class="token string">\'/\'</span><span class="token punctuation">,</span> <span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">\'Home\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">href</span><span class="token operator">:</span> <span class="token string">\'/docs\'</span><span class="token punctuation">,</span> <span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">\'Docs\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">\'Components\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumbs</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>items<span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumbs</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>items<span class="token punctuation">&#125;</span></span> <span class="token attr-name">separator</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">\'</span>~<span class="token punctuation">\'</span></span> <span class="token punctuation">/></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumbs</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>items<span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>item<span class="token punctuation">"</span></span> <span class="token attr-name"><span class="token namespace">let:</span>item</span><span class="token punctuation">></span></span>\n    <span class="token language-javascript"><span class="token punctuation">&#123;</span>#<span class="token keyword">if</span> item<span class="token punctuation">.</span>href <span class="token operator">===</span> <span class="token string">\'/\'</span><span class="token punctuation">&#125;</span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>/<span class="token punctuation">"</span></span> <span class="token attr-name">round</span> <span class="token attr-name">small</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>HomeIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>20<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n    <span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token operator">:</span><span class="token keyword">else</span><span class="token punctuation">&#125;</span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Chip</span><span class="token punctuation">></span></span><span class="token language-javascript"><span class="token punctuation">&#123;</span>item<span class="token punctuation">.</span>text<span class="token punctuation">&#125;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Chip</span><span class="token punctuation">></span></span>\n    <span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token operator">/</span><span class="token keyword">if</span><span class="token punctuation">&#125;</span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ArrowRightIcon</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>separator<span class="token punctuation">"</span></span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>20<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumbs</span><span class="token punctuation">></span></span></code>'},p:l,d(t){t&&r(n)}}}function at(t){let n;return{c(){n=E("Properties")},l(t){n=b(t,"Properties")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function et(t){let n;return{c(){n=E("Functional Properties")},l(t){n=b(t,"Functional Properties")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function ot(t){let n;return{c(){n=E("Name")},l(t){n=b(t,"Name")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function rt(t){let n;return{c(){n=E("Default")},l(t){n=b(t,"Default")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function $t(t){let n;return{c(){n=E("Type")},l(t){n=b(t,"Type")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function pt(t){let n;return{c(){n=E("Description")},l(t){n=b(t,"Description")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function ct(t){let n,s,a,e,o,$,c,l;return n=new L({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),o=new L({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){f(n.$$.fragment),s=y(),f(a.$$.fragment),e=y(),f(o.$$.fragment),$=y(),f(c.$$.fragment)},l(t){u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),e=v(t),u(o.$$.fragment,t),$=v(t),u(c.$$.fragment,t)},m(t,r){m(n,t,r),p(t,s,r),m(a,t,r),p(t,e,r),m(o,t,r),p(t,$,r),m(c,t,r),l=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const r={};8&s&&(r.$$scope={dirty:s,ctx:t}),a.$set(r);const $={};8&s&&($.$$scope={dirty:s,ctx:t}),o.$set($);const p={};8&s&&(p.$$scope={dirty:s,ctx:t}),c.$set(p)},i(t){l||(k(n.$$.fragment,t),k(a.$$.fragment,t),k(o.$$.fragment,t),k(c.$$.fragment,t),l=!0)},o(t){h(n.$$.fragment,t),h(a.$$.fragment,t),h(o.$$.fragment,t),h(c.$$.fragment,t),l=!1},d(t){x(n,t),t&&r(s),x(a,t),t&&r(e),x(o,t),t&&r($),x(c,t)}}}function lt(t){let n,s,a;return{c(){n=D("strong"),s=D("code"),a=E("items")},l(t){n=j(t,"STRONG",{});var e=o(n);s=j(e,"CODE",{});var $=o(s);a=b($,"items"),$.forEach(r),e.forEach(r)},m(t,e){p(t,n,e),c(n,s),c(s,a)},p:l,d(t){t&&r(n)}}}function it(t){let n,s;return{c(){n=D("code"),s=E("[]")},l(t){n=j(t,"CODE",{});var a=o(n);s=b(a,"[]"),a.forEach(r)},m(t,a){p(t,n,a),c(n,s)},p:l,d(t){t&&r(n)}}}function ft(t){let n,s;return{c(){n=D("code"),s=E(Ut)},l(t){n=j(t,"CODE",{});var a=o(n);s=b(a,Ut),a.forEach(r)},m(t,a){p(t,n,a),c(n,s)},p:l,d(t){t&&r(n)}}}function ut(t){let n;return{c(){n=E("The list of segments to be displayed.")},l(t){n=b(t,"The list of segments to be displayed.")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function mt(t){let n,s,a,e,o,$,c,l;return n=new Y({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),a=new Y({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),o=new Y({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),c=new Y({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),{c(){f(n.$$.fragment),s=y(),f(a.$$.fragment),e=y(),f(o.$$.fragment),$=y(),f(c.$$.fragment)},l(t){u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),e=v(t),u(o.$$.fragment,t),$=v(t),u(c.$$.fragment,t)},m(t,r){m(n,t,r),p(t,s,r),m(a,t,r),p(t,e,r),m(o,t,r),p(t,$,r),m(c,t,r),l=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const r={};8&s&&(r.$$scope={dirty:s,ctx:t}),a.$set(r);const $={};8&s&&($.$$scope={dirty:s,ctx:t}),o.$set($);const p={};8&s&&(p.$$scope={dirty:s,ctx:t}),c.$set(p)},i(t){l||(k(n.$$.fragment,t),k(a.$$.fragment,t),k(o.$$.fragment,t),k(c.$$.fragment,t),l=!0)},o(t){h(n.$$.fragment,t),h(a.$$.fragment,t),h(o.$$.fragment,t),h(c.$$.fragment,t),l=!1},d(t){x(n,t),t&&r(s),x(a,t),t&&r(e),x(o,t),t&&r($),x(c,t)}}}function gt(t){let n,s,a;return{c(){n=D("strong"),s=D("code"),a=E("separator")},l(t){n=j(t,"STRONG",{});var e=o(n);s=j(e,"CODE",{});var $=o(s);a=b($,"separator"),$.forEach(r),e.forEach(r)},m(t,e){p(t,n,e),c(n,s),c(s,a)},p:l,d(t){t&&r(n)}}}function dt(t){let n,s;return{c(){n=D("code"),s=E("'/'")},l(t){n=j(t,"CODE",{});var a=o(n);s=b(a,"'/'"),a.forEach(r)},m(t,a){p(t,n,a),c(n,s)},p:l,d(t){t&&r(n)}}}function kt(t){let n,s;return{c(){n=D("code"),s=E("string")},l(t){n=j(t,"CODE",{});var a=o(n);s=b(a,"string"),a.forEach(r)},m(t,a){p(t,n,a),c(n,s)},p:l,d(t){t&&r(n)}}}function ht(t){let n;return{c(){n=E("The separator between segments.")},l(t){n=b(t,"The separator between segments.")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function xt(t){let n,s,a,e,o,$,c,l;return n=new Y({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),a=new Y({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),o=new Y({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),c=new Y({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),{c(){f(n.$$.fragment),s=y(),f(a.$$.fragment),e=y(),f(o.$$.fragment),$=y(),f(c.$$.fragment)},l(t){u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),e=v(t),u(o.$$.fragment,t),$=v(t),u(c.$$.fragment,t)},m(t,r){m(n,t,r),p(t,s,r),m(a,t,r),p(t,e,r),m(o,t,r),p(t,$,r),m(c,t,r),l=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const r={};8&s&&(r.$$scope={dirty:s,ctx:t}),a.$set(r);const $={};8&s&&($.$$scope={dirty:s,ctx:t}),o.$set($);const p={};8&s&&(p.$$scope={dirty:s,ctx:t}),c.$set(p)},i(t){l||(k(n.$$.fragment,t),k(a.$$.fragment,t),k(o.$$.fragment,t),k(c.$$.fragment,t),l=!0)},o(t){h(n.$$.fragment,t),h(a.$$.fragment,t),h(o.$$.fragment,t),h(c.$$.fragment,t),l=!1},d(t){x(n,t),t&&r(s),x(a,t),t&&r(e),x(o,t),t&&r($),x(c,t)}}}function wt(t){let n,s,a,e,$,l,i,g;return s=new W({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),$=new W({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),i=new W({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){n=D("thead"),f(s.$$.fragment),a=y(),e=D("tbody"),f($.$$.fragment),l=y(),f(i.$$.fragment)},l(t){n=j(t,"THEAD",{});var p=o(n);u(s.$$.fragment,p),p.forEach(r),a=v(t),e=j(t,"TBODY",{});var c=o(e);u($.$$.fragment,c),l=v(c),u(i.$$.fragment,c),c.forEach(r)},m(t,o){p(t,n,o),m(s,n,null),p(t,a,o),p(t,e,o),m($,e,null),c(e,l),m(i,e,null),g=!0},p(t,n){const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const e={};8&n&&(e.$$scope={dirty:n,ctx:t}),$.$set(e);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),i.$set(o)},i(t){g||(k(s.$$.fragment,t),k($.$$.fragment,t),k(i.$$.fragment,t),g=!0)},o(t){h(s.$$.fragment,t),h($.$$.fragment,t),h(i.$$.fragment,t),g=!1},d(t){t&&r(n),x(s),t&&r(a),t&&r(e),x($),x(i)}}}function yt(t){let n;return{c(){n=E("Slots")},l(t){n=b(t,"Slots")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function vt(t){let n,s,a;return{c(){n=D("code"),s=E("item"),a=E(" slot")},l(t){n=j(t,"CODE",{});var e=o(n);s=b(e,"item"),e.forEach(r),a=b(t," slot")},m(t,e){p(t,n,e),c(n,s),p(t,a,e)},p:l,d(t){t&&r(n),t&&r(a)}}}function Et(t){let n,s,a,e,$,i,f,u,m,g;return{c(){n=E("The item displayed in the breadcrumbs. Defaults to a "),s=D("code"),a=E("<Button>"),e=E(" if "),$=D("code"),i=E("href"),f=E(" is provided, otherwise a "),u=D("code"),m=E("<span>"),g=E(".")},l(t){n=b(t,"The item displayed in the breadcrumbs. Defaults to a "),s=j(t,"CODE",{});var p=o(s);a=b(p,"<Button>"),p.forEach(r),e=b(t," if "),$=j(t,"CODE",{});var c=o($);i=b(c,"href"),c.forEach(r),f=b(t," is provided, otherwise a "),u=j(t,"CODE",{});var l=o(u);m=b(l,"<span>"),l.forEach(r),g=b(t,".")},m(t,o){p(t,n,o),p(t,s,o),c(s,a),p(t,e,o),p(t,$,o),c($,i),p(t,f,o),p(t,u,o),c(u,m),p(t,g,o)},p:l,d(t){t&&r(n),t&&r(s),t&&r(e),t&&r($),t&&r(f),t&&r(u),t&&r(g)}}}function bt(t){let n;return{c(){n=E("Prop Name")},l(t){n=b(t,"Prop Name")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function Dt(t){let n;return{c(){n=E("Type")},l(t){n=b(t,"Type")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function jt(t){let n;return{c(){n=E("Description")},l(t){n=b(t,"Description")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function Ct(t){let n,s,a,e,o,$;return n=new L({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),o=new L({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),{c(){f(n.$$.fragment),s=y(),f(a.$$.fragment),e=y(),f(o.$$.fragment)},l(t){u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),e=v(t),u(o.$$.fragment,t)},m(t,r){m(n,t,r),p(t,s,r),m(a,t,r),p(t,e,r),m(o,t,r),$=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const r={};8&s&&(r.$$scope={dirty:s,ctx:t}),a.$set(r);const $={};8&s&&($.$$scope={dirty:s,ctx:t}),o.$set($)},i(t){$||(k(n.$$.fragment,t),k(a.$$.fragment,t),k(o.$$.fragment,t),$=!0)},o(t){h(n.$$.fragment,t),h(a.$$.fragment,t),h(o.$$.fragment,t),$=!1},d(t){x(n,t),t&&r(s),x(a,t),t&&r(e),x(o,t)}}}function Tt(t){let n,s,a;return{c(){n=D("strong"),s=D("code"),a=E("item")},l(t){n=j(t,"STRONG",{});var e=o(n);s=j(e,"CODE",{});var $=o(s);a=b($,"item"),$.forEach(r),e.forEach(r)},m(t,e){p(t,n,e),c(n,s),c(s,a)},p:l,d(t){t&&r(n)}}}function Ot(t){let n,s;return{c(){n=D("code"),s=E("{ href?: string, text: string }")},l(t){n=j(t,"CODE",{});var a=o(n);s=b(a,"{ href?: string, text: string }"),a.forEach(r)},m(t,a){p(t,n,a),c(n,s)},p:l,d(t){t&&r(n)}}}function Bt(t){let n;return{c(){n=E("Information about the current segment.")},l(t){n=b(t,"Information about the current segment.")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function St(t){let n,s,a,e,o,$;return n=new Y({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),a=new Y({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),o=new Y({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),{c(){f(n.$$.fragment),s=y(),f(a.$$.fragment),e=y(),f(o.$$.fragment)},l(t){u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),e=v(t),u(o.$$.fragment,t)},m(t,r){m(n,t,r),p(t,s,r),m(a,t,r),p(t,e,r),m(o,t,r),$=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const r={};8&s&&(r.$$scope={dirty:s,ctx:t}),a.$set(r);const $={};8&s&&($.$$scope={dirty:s,ctx:t}),o.$set($)},i(t){$||(k(n.$$.fragment,t),k(a.$$.fragment,t),k(o.$$.fragment,t),$=!0)},o(t){h(n.$$.fragment,t),h(a.$$.fragment,t),h(o.$$.fragment,t),$=!1},d(t){x(n,t),t&&r(s),x(a,t),t&&r(e),x(o,t)}}}function Ht(t){let n,s,a,e,$,c;return s=new W({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),$=new W({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){n=D("thead"),f(s.$$.fragment),a=y(),e=D("tbody"),f($.$$.fragment)},l(t){n=j(t,"THEAD",{});var p=o(n);u(s.$$.fragment,p),p.forEach(r),a=v(t),e=j(t,"TBODY",{});var c=o(e);u($.$$.fragment,c),c.forEach(r)},m(t,o){p(t,n,o),m(s,n,null),p(t,a,o),p(t,e,o),m($,e,null),c=!0},p(t,n){const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const e={};8&n&&(e.$$scope={dirty:n,ctx:t}),$.$set(e)},i(t){c||(k(s.$$.fragment,t),k($.$$.fragment,t),c=!0)},o(t){h(s.$$.fragment,t),h($.$$.fragment,t),c=!1},d(t){t&&r(n),x(s),t&&r(a),t&&r(e),x($)}}}function zt(t){let n,s,a;return{c(){n=D("code"),s=E("separator"),a=E(" slot")},l(t){n=j(t,"CODE",{});var e=o(n);s=b(e,"separator"),e.forEach(r),a=b(t," slot")},m(t,e){p(t,n,e),c(n,s),p(t,a,e)},p:l,d(t){t&&r(n),t&&r(a)}}}function It(t){let n;return{c(){n=E("If a string separator is not enough, use this slot to add a custom component separator (and ignore the prop).")},l(t){n=b(t,"If a string separator is not enough, use this slot to add a custom component separator (and ignore the prop).")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function Nt(t){let n;return{c(){n=E("SCSS Variables")},l(t){n=b(t,"SCSS Variables")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function Pt(t){let n;return{c(){n=E("Name")},l(t){n=b(t,"Name")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function At(t){let n;return{c(){n=E("Description")},l(t){n=b(t,"Description")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function Rt(t){let n;return{c(){n=E("Default")},l(t){n=b(t,"Default")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function Vt(t){let n,s,a,e,o,$;return n=new L({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),o=new L({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),{c(){f(n.$$.fragment),s=y(),f(a.$$.fragment),e=y(),f(o.$$.fragment)},l(t){u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),e=v(t),u(o.$$.fragment,t)},m(t,r){m(n,t,r),p(t,s,r),m(a,t,r),p(t,e,r),m(o,t,r),$=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const r={};8&s&&(r.$$scope={dirty:s,ctx:t}),a.$set(r);const $={};8&s&&($.$$scope={dirty:s,ctx:t}),o.$set($)},i(t){$||(k(n.$$.fragment,t),k(a.$$.fragment,t),k(o.$$.fragment,t),$=!0)},o(t){h(n.$$.fragment,t),h(a.$$.fragment,t),h(o.$$.fragment,t),$=!1},d(t){x(n,t),t&&r(s),x(a,t),t&&r(e),x(o,t)}}}function Gt(t){let n,s,a;return{c(){n=D("strong"),s=D("code"),a=E("$thin-font-weight")},l(t){n=j(t,"STRONG",{});var e=o(n);s=j(e,"CODE",{});var $=o(s);a=b($,"$thin-font-weight"),$.forEach(r),e.forEach(r)},m(t,e){p(t,n,e),c(n,s),c(s,a)},p:l,d(t){t&&r(n)}}}function Wt(t){let n,s,a,e;return{c(){n=E("The font size of the separator and the segments without "),s=D("code"),a=E("href"),e=E(".")},l(t){n=b(t,"The font size of the separator and the segments without "),s=j(t,"CODE",{});var $=o(s);a=b($,"href"),$.forEach(r),e=b(t,".")},m(t,o){p(t,n,o),p(t,s,o),c(s,a),p(t,e,o)},p:l,d(t){t&&r(n),t&&r(s),t&&r(e)}}}function Lt(t){let n,s;return{c(){n=D("code"),s=E("300")},l(t){n=j(t,"CODE",{});var a=o(n);s=b(a,"300"),a.forEach(r)},m(t,a){p(t,n,a),c(n,s)},p:l,d(t){t&&r(n)}}}function Yt(t){let n,s,a,e,o,$;return n=new Y({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),a=new Y({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),o=new Y({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),{c(){f(n.$$.fragment),s=y(),f(a.$$.fragment),e=y(),f(o.$$.fragment)},l(t){u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),e=v(t),u(o.$$.fragment,t)},m(t,r){m(n,t,r),p(t,s,r),m(a,t,r),p(t,e,r),m(o,t,r),$=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const r={};8&s&&(r.$$scope={dirty:s,ctx:t}),a.$set(r);const $={};8&s&&($.$$scope={dirty:s,ctx:t}),o.$set($)},i(t){$||(k(n.$$.fragment,t),k(a.$$.fragment,t),k(o.$$.fragment,t),$=!0)},o(t){h(n.$$.fragment,t),h(a.$$.fragment,t),h(o.$$.fragment,t),$=!1},d(t){x(n,t),t&&r(s),x(a,t),t&&r(e),x(o,t)}}}function Ft(t){let n,s,a,e,$,c;return s=new W({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),$=new W({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),{c(){n=D("thead"),f(s.$$.fragment),a=y(),e=D("tbody"),f($.$$.fragment)},l(t){n=j(t,"THEAD",{});var p=o(n);u(s.$$.fragment,p),p.forEach(r),a=v(t),e=j(t,"TBODY",{});var c=o(e);u($.$$.fragment,c),c.forEach(r)},m(t,o){p(t,n,o),m(s,n,null),p(t,a,o),p(t,e,o),m($,e,null),c=!0},p(t,n){const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const e={};8&n&&(e.$$scope={dirty:n,ctx:t}),$.$set(e)},i(t){c||(k(s.$$.fragment,t),k($.$$.fragment,t),c=!0)},o(t){h(s.$$.fragment,t),h($.$$.fragment,t),c=!1},d(t){t&&r(n),x(s),t&&r(a),t&&r(e),x($)}}}function qt(t){let n,s,a,e,o,$,c,l,i,g,d,w,E,b,D,j,C,T,O,B,z,I,N,P,W,L,Y,F;return n=new S({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),a=new H({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),o=new A({props:{$$slots:{source:[st],showcase:[nt]},$$scope:{ctx:t}}}),c=new R({props:{id:"properties",$$slots:{default:[at]},$$scope:{ctx:t}}}),i=new V({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),d=new G({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),E=new R({props:{id:"slots",$$slots:{default:[yt]},$$scope:{ctx:t}}}),D=new V({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),C=new H({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),O=new G({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),z=new V({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),N=new H({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),W=new R({props:{id:"scss-variables",$$slots:{default:[Nt]},$$scope:{ctx:t}}}),Y=new G({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){f(n.$$.fragment),s=y(),f(a.$$.fragment),e=y(),f(o.$$.fragment),$=y(),f(c.$$.fragment),l=y(),f(i.$$.fragment),g=y(),f(d.$$.fragment),w=y(),f(E.$$.fragment),b=y(),f(D.$$.fragment),j=y(),f(C.$$.fragment),T=y(),f(O.$$.fragment),B=y(),f(z.$$.fragment),I=y(),f(N.$$.fragment),P=y(),f(W.$$.fragment),L=y(),f(Y.$$.fragment)},l(t){u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),e=v(t),u(o.$$.fragment,t),$=v(t),u(c.$$.fragment,t),l=v(t),u(i.$$.fragment,t),g=v(t),u(d.$$.fragment,t),w=v(t),u(E.$$.fragment,t),b=v(t),u(D.$$.fragment,t),j=v(t),u(C.$$.fragment,t),T=v(t),u(O.$$.fragment,t),B=v(t),u(z.$$.fragment,t),I=v(t),u(N.$$.fragment,t),P=v(t),u(W.$$.fragment,t),L=v(t),u(Y.$$.fragment,t)},m(t,r){m(n,t,r),p(t,s,r),m(a,t,r),p(t,e,r),m(o,t,r),p(t,$,r),m(c,t,r),p(t,l,r),m(i,t,r),p(t,g,r),m(d,t,r),p(t,w,r),m(E,t,r),p(t,b,r),m(D,t,r),p(t,j,r),m(C,t,r),p(t,T,r),m(O,t,r),p(t,B,r),m(z,t,r),p(t,I,r),m(N,t,r),p(t,P,r),m(W,t,r),p(t,L,r),m(Y,t,r),F=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const r={};8&s&&(r.$$scope={dirty:s,ctx:t}),a.$set(r);const $={};8&s&&($.$$scope={dirty:s,ctx:t}),o.$set($);const p={};8&s&&(p.$$scope={dirty:s,ctx:t}),c.$set(p);const l={};8&s&&(l.$$scope={dirty:s,ctx:t}),i.$set(l);const f={};8&s&&(f.$$scope={dirty:s,ctx:t}),d.$set(f);const u={};8&s&&(u.$$scope={dirty:s,ctx:t}),E.$set(u);const m={};8&s&&(m.$$scope={dirty:s,ctx:t}),D.$set(m);const g={};8&s&&(g.$$scope={dirty:s,ctx:t}),C.$set(g);const k={};8&s&&(k.$$scope={dirty:s,ctx:t}),O.$set(k);const h={};8&s&&(h.$$scope={dirty:s,ctx:t}),z.$set(h);const x={};8&s&&(x.$$scope={dirty:s,ctx:t}),N.$set(x);const w={};8&s&&(w.$$scope={dirty:s,ctx:t}),W.$set(w);const y={};8&s&&(y.$$scope={dirty:s,ctx:t}),Y.$set(y)},i(t){F||(k(n.$$.fragment,t),k(a.$$.fragment,t),k(o.$$.fragment,t),k(c.$$.fragment,t),k(i.$$.fragment,t),k(d.$$.fragment,t),k(E.$$.fragment,t),k(D.$$.fragment,t),k(C.$$.fragment,t),k(O.$$.fragment,t),k(z.$$.fragment,t),k(N.$$.fragment,t),k(W.$$.fragment,t),k(Y.$$.fragment,t),F=!0)},o(t){h(n.$$.fragment,t),h(a.$$.fragment,t),h(o.$$.fragment,t),h(c.$$.fragment,t),h(i.$$.fragment,t),h(d.$$.fragment,t),h(E.$$.fragment,t),h(D.$$.fragment,t),h(C.$$.fragment,t),h(O.$$.fragment,t),h(z.$$.fragment,t),h(N.$$.fragment,t),h(W.$$.fragment,t),h(Y.$$.fragment,t),F=!1},d(t){x(n,t),t&&r(s),x(a,t),t&&r(e),x(o,t),t&&r($),x(c,t),t&&r(l),x(i,t),t&&r(g),x(d,t),t&&r(w),x(E,t),t&&r(b),x(D,t),t&&r(j),x(C,t),t&&r(T),x(O,t),t&&r(B),x(z,t),t&&r(I),x(N,t),t&&r(P),x(W,t),t&&r(L),x(Y,t)}}}function Kt(t){let n,s;const a=[t[1],Mt];let e={$$slots:{default:[qt]},$$scope:{ctx:t}};for(let t=0;t<a.length;t+=1)e=i(e,a[t]);return n=new B({props:e}),{c(){f(n.$$.fragment)},l(t){u(n.$$.fragment,t)},m(t,a){m(n,t,a),s=!0},p(t,[s]){const e=2&s?g(a,[2&s&&d(t[1]),0&s&&d(Mt)]):{};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e)},i(t){s||(k(n.$$.fragment,t),s=!0)},o(t){h(n.$$.fragment,t),s=!1},d(t){x(n,t)}}}const Mt={name:"Breadcrumbs"},Ut="Array<{ href?: string; text: string; }>";function Jt(t,n,s){return t.$$set=t=>{s(1,n=i(i({},n),w(t)))},[[{href:"/",text:"Home"},{href:"/docs",text:"Docs"},{text:"Components"}],n=w(n)]}class Qt extends t{constructor(t){super(),n(this,t,Jt,Kt,s,{})}}export{Qt as default,Mt as metadata};
diff --git a/376/client/button-00dad5c4.css b/376/client/button-00dad5c4.css
new file mode 100644
index 000000000..d66a96292
--- /dev/null
+++ b/376/client/button-00dad5c4.css
@@ -0,0 +1 @@
+.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:"Ubuntu", sans-serif;font-weight:500;outline:none;background:none;border-radius:1.5625em;font-size:1rem;padding:0.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.svelte-2r4z0x:hover:not([disabled]),.btn.outline.svelte-2r4z0x:hover:not([disabled]){background:rgba(67, 0, 176, 0.05)}.btn.svelte-2r4z0x:focus:not([disabled]),.btn.outline.svelte-2r4z0x:focus:not([disabled]){background:rgba(67, 0, 176, 0.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67, 0, 176, 0.1)}.btn.danger.svelte-2r4z0x:hover:not([disabled]),.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]){background:rgba(184, 0, 0, 0.05)}.btn.danger.svelte-2r4z0x:focus:not([disabled]),.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]){background:rgba(184, 0, 0, 0.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184, 0, 0, 0.1)}.btn.neutral.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]){background:rgba(51, 51, 51, 0.05)}.btn.neutral.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]){background:rgba(51, 51, 51, 0.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51, 51, 51, 0.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg, #4300b0 0%, #5000d1 100%);box-shadow:0 2px 5px rgba(0, 0, 0, 0.14), 0 1px 5px rgba(0, 0, 0, 0.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg, #4900c1 0%, #5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg, #5000d1 0%, #5c00f3 100%)}.btn.filled.svelte-2r4z0x:hover:not([disabled]),.btn.filled.svelte-2r4z0x:focus:not([disabled]){box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg, #b80000 0%, #d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg, #c80000 0%, #e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg, #d90000 0%, #f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg, #333 0%, #474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg, #3d3d3d 0%, #525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg, #474747 0%, #5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255, 255, 255, 0.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:transparent;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:0.7em}.btn.rectangle.svelte-2r4z0x{border-radius:0.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:0.5em 0.8em}.btn.small.round.svelte-2r4z0x{padding:0.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67, 0, 176, 0.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}
diff --git a/376/client/button-231e7b4e.css b/376/client/button-231e7b4e.css
new file mode 100644
index 000000000..5ce244107
--- /dev/null
+++ b/376/client/button-231e7b4e.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-1u9djfh{align-items:center;display:grid;gap:0.5em;grid-auto-flow:column;grid-template-columns:repeat(4, auto);grid-template-rows:repeat(3, 3em);justify-items:start;padding:1em}@media only screen and (min-width: 920px){[slot=showcase].svelte-1u9djfh{grid-auto-flow:row;grid-template-columns:repeat(3, auto);grid-template-rows:repeat(4, 3em)}}
diff --git a/376/client/button.418e95ca.js b/376/client/button.418e95ca.js
new file mode 100644
index 000000000..8958e078d
--- /dev/null
+++ b/376/client/button.418e95ca.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,a as n,c as s,b as a,d as r,e as o,f as c,g as f,n as l,K as p,j as m,l as u,m as g,U as d,a0 as i,t as x,p as h,q as y,L as w,u as E,w as v,v as b,x as k,h as D,k as O}from"./client.0d36a0cf.js";import{L as C,H as T,P as R}from"./layout.b2760304.js";import{B}from"./button.743a388a.js";import{a as S}from"./copyable-code.1fddc954.js";import{S as N}from"./showcase.8eb3893d.js";import{C as G}from"./color-preview.278d2729.js";import{S as A}from"./shadow-preview.f1e703b1.js";import{H as M}from"./h2.122c8b9f.js";import{H as j}from"./h3.1e03849b.js";import{T as F,a as H,b as P,c as K}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./label.16b4782e.js";import"./popover.156a947e.js";function z(t){let e,$,p,m;return{c(){e=n("svg"),$=n("line"),p=n("line"),this.h()},l(t){e=s(t,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var n=a(e);$=s(n,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),a($).forEach(r),p=s(n,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),a(p).forEach(r),n.forEach(r),this.h()},h(){o($,"x1","18"),o($,"y1","6"),o($,"x2","6"),o($,"y2","18"),o(p,"x1","6"),o(p,"y1","6"),o(p,"x2","18"),o(p,"y2","18"),o(e,"xmlns","http://www.w3.org/2000/svg"),o(e,"width",t[0]),o(e,"height",t[0]),o(e,"fill","none"),o(e,"viewBox","0 0 24 24"),o(e,"stroke","currentColor"),o(e,"stroke-width",t[1]),o(e,"stroke-linecap","round"),o(e,"stroke-linejoin","round"),o(e,"class",m="feather feather-x "+t[2])},m(t,n){c(t,e,n),f(e,$),f(e,p)},p(t,[$]){1&$&&o(e,"width",t[0]),1&$&&o(e,"height",t[0]),2&$&&o(e,"stroke-width",t[1]),4&$&&m!==(m="feather feather-x "+t[2])&&o(e,"class",m)},i:l,o:l,d(t){t&&r(e)}}}function I(t,e,$){let{size:n="100%"}=e,{strokeWidth:s=2}=e,{class:a=""}=e;return"100%"!==n&&(n="x"===n.slice(-1)?n.slice(0,n.length-1)+"em":parseInt(n)+"px"),t.$$set=t=>{"size"in t&&$(0,n=t.size),"strokeWidth"in t&&$(1,s=t.strokeWidth),"class"in t&&$(2,a=t.class)},[n,s,a]}class W extends t{constructor(t){super(),e(this,t,I,z,$,{size:0,strokeWidth:1,class:2})}}function L(t){let e;return{c(){e=b("Button")},l(t){e=k(t,"Button")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function U(t){let e;return{c(){e=b("A clickable entity for all your controlling and linking needs.")},l(t){e=k(t,"A clickable entity for all your controlling and linking needs.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function Y(t){let e;return{c(){e=b("Comes in three flavours: filled, outline and flat.")},l(t){e=k(t,"Comes in three flavours: filled, outline and flat.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function V(t){let e;return{c(){e=b("button")},l(t){e=k(t,"button")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function q(t){let e;return{c(){e=b("button")},l(t){e=k(t,"button")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function X(t){let e;return{c(){e=b("button")},l(t){e=k(t,"button")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function J(t){let e;return{c(){e=b("button")},l(t){e=k(t,"button")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function Q(t){let e;return{c(){e=b("button")},l(t){e=k(t,"button")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function Z(t){let e;return{c(){e=b("button")},l(t){e=k(t,"button")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function _(t){let e;return{c(){e=b("button")},l(t){e=k(t,"button")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function tt(t){let e;return{c(){e=b("button")},l(t){e=k(t,"button")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function et(t){let e;return{c(){e=b("button")},l(t){e=k(t,"button")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function $t(t){let e,$,n;return e=new S({props:{size:"20",class:"mr"}}),{c(){m(e.$$.fragment),$=b("\n      icons")},l(t){u(e.$$.fragment,t),$=k(t,"\n      icons")},m(t,s){g(e,t,s),c(t,$,s),n=!0},p:l,i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){h(e.$$.fragment,t),n=!1},d(t){y(e,t),t&&r($)}}}function nt(t){let e;return{c(){e=b("selected")},l(t){e=k(t,"selected")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function st(t){let e,$;return e=new W({props:{size:"20"}}),{c(){m(e.$$.fragment)},l(t){u(e.$$.fragment,t)},m(t,n){g(e,t,n),$=!0},p:l,i(t){$||(x(e.$$.fragment,t),$=!0)},o(t){h(e.$$.fragment,t),$=!1},d(t){y(e,t)}}}function at(t){let e,$,n,s,l,p,d,i,w,b,k,C,T,R,S,N,G,A,M,j,F,H,P,K,z;return $=new B({props:{filled:!0,$$slots:{default:[V]},$$scope:{ctx:t}}}),s=new B({props:{outline:!0,$$slots:{default:[q]},$$scope:{ctx:t}}}),p=new B({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),i=new B({props:{disabled:!0,filled:!0,$$slots:{default:[J]},$$scope:{ctx:t}}}),b=new B({props:{disabled:!0,outline:!0,$$slots:{default:[Q]},$$scope:{ctx:t}}}),C=new B({props:{disabled:!0,$$slots:{default:[Z]},$$scope:{ctx:t}}}),R=new B({props:{danger:!0,filled:!0,$$slots:{default:[_]},$$scope:{ctx:t}}}),N=new B({props:{danger:!0,outline:!0,$$slots:{default:[tt]},$$scope:{ctx:t}}}),A=new B({props:{danger:!0,noRipple:!0,$$slots:{default:[et]},$$scope:{ctx:t}}}),j=new B({props:{filled:!0,$$slots:{default:[$t]},$$scope:{ctx:t}}}),H=new B({props:{selected:!0,$$slots:{default:[nt]},$$scope:{ctx:t}}}),K=new B({props:{round:!0,neutral:!0,$$slots:{default:[st]},$$scope:{ctx:t}}}),{c(){e=D("div"),m($.$$.fragment),n=E(),m(s.$$.fragment),l=E(),m(p.$$.fragment),d=E(),m(i.$$.fragment),w=E(),m(b.$$.fragment),k=E(),m(C.$$.fragment),T=E(),m(R.$$.fragment),S=E(),m(N.$$.fragment),G=E(),m(A.$$.fragment),M=E(),m(j.$$.fragment),F=E(),m(H.$$.fragment),P=E(),m(K.$$.fragment),this.h()},l(t){e=O(t,"DIV",{slot:!0,class:!0});var o=a(e);u($.$$.fragment,o),n=v(o),u(s.$$.fragment,o),l=v(o),u(p.$$.fragment,o),d=v(o),u(i.$$.fragment,o),w=v(o),u(b.$$.fragment,o),k=v(o),u(C.$$.fragment,o),T=v(o),u(R.$$.fragment,o),S=v(o),u(N.$$.fragment,o),G=v(o),u(A.$$.fragment,o),M=v(o),u(j.$$.fragment,o),F=v(o),u(H.$$.fragment,o),P=v(o),u(K.$$.fragment,o),o.forEach(r),this.h()},h(){o(e,"slot","showcase"),o(e,"class","svelte-1u9djfh")},m(t,a){c(t,e,a),g($,e,null),f(e,n),g(s,e,null),f(e,l),g(p,e,null),f(e,d),g(i,e,null),f(e,w),g(b,e,null),f(e,k),g(C,e,null),f(e,T),g(R,e,null),f(e,S),g(N,e,null),f(e,G),g(A,e,null),f(e,M),g(j,e,null),f(e,F),g(H,e,null),f(e,P),g(K,e,null),z=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),s.$set(a);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),p.$set(r);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),i.$set(o);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),b.$set(c);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),R.$set(l);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),N.$set(m);const u={};2&e&&(u.$$scope={dirty:e,ctx:t}),A.$set(u);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),j.$set(g);const d={};2&e&&(d.$$scope={dirty:e,ctx:t}),H.$set(d);const x={};2&e&&(x.$$scope={dirty:e,ctx:t}),K.$set(x)},i(t){z||(x($.$$.fragment,t),x(s.$$.fragment,t),x(p.$$.fragment,t),x(i.$$.fragment,t),x(b.$$.fragment,t),x(C.$$.fragment,t),x(R.$$.fragment,t),x(N.$$.fragment,t),x(A.$$.fragment,t),x(j.$$.fragment,t),x(H.$$.fragment,t),x(K.$$.fragment,t),z=!0)},o(t){h($.$$.fragment,t),h(s.$$.fragment,t),h(p.$$.fragment,t),h(i.$$.fragment,t),h(b.$$.fragment,t),h(C.$$.fragment,t),h(R.$$.fragment,t),h(N.$$.fragment,t),h(A.$$.fragment,t),h(j.$$.fragment,t),h(H.$$.fragment,t),h(K.$$.fragment,t),z=!1},d(t){t&&r(e),y($),y(s),y(p),y(i),y(b),y(C),y(R),y(N),y(A),y(j),y(H),y(K)}}}function rt(t){let e,$;return{c(){e=D("div"),$=D("pre"),this.h()},l(t){e=O(t,"DIV",{slot:!0});var n=a(e);$=O(n,"PRE",{class:!0}),a($).forEach(r),n.forEach(r),this.h()},h(){o($,"class","language-svelte"),o(e,"slot","source")},m(t,n){c(t,e,n),f(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">filled</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">outline</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">disabled</span> <span class="token attr-name">filled</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">disabled</span> <span class="token attr-name">outline</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">disabled</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">danger</span> <span class="token attr-name">filled</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">danger</span> <span class="token attr-name">outline</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">danger</span> <span class="token attr-name">noRipple</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">filled</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>20<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>mr<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n  icons\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">selected</span><span class="token punctuation">></span></span>selected<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">round</span> <span class="token attr-name">neutral</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>XIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>20<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span></code>'},p:l,d(t){t&&r(e)}}}function ot(t){let e;return{c(){e=b("Properties")},l(t){e=k(t,"Properties")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function ct(t){let e;return{c(){e=b("Style Properties")},l(t){e=k(t,"Style Properties")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function ft(t){let e;return{c(){e=b("Name")},l(t){e=k(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function lt(t){let e;return{c(){e=b("Default")},l(t){e=k(t,"Default")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function pt(t){let e;return{c(){e=b("Type")},l(t){e=k(t,"Type")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function mt(t){let e;return{c(){e=b("Description")},l(t){e=k(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function ut(t){let e,$,n,s,a,o,f,l;return e=new P({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),a=new P({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),f=new P({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function gt(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("filled")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"filled"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function dt(t){let e,$;return{c(){e=D("code"),$=b("false")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"false"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function it(t){let e,$;return{c(){e=D("code"),$=b("boolean")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"boolean"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function xt(t){let e,$,n,s,o,p,m,u,g,d,i;return{c(){e=b("Adds a filled background to the button. "),$=D("br"),n=b(" Mutually exclusive with "),s=D("mark"),o=D("code"),p=b("outline"),m=b(" and "),u=D("mark"),g=D("code"),d=b("selected"),i=b(".")},l(t){e=k(t,"Adds a filled background to the button. "),$=O(t,"BR",{}),n=k(t," Mutually exclusive with "),s=O(t,"MARK",{});var c=a(s);o=O(c,"CODE",{});var f=a(o);p=k(f,"outline"),f.forEach(r),c.forEach(r),m=k(t," and "),u=O(t,"MARK",{});var l=a(u);g=O(l,"CODE",{});var x=a(g);d=k(x,"selected"),x.forEach(r),l.forEach(r),i=k(t,".")},m(t,a){c(t,e,a),c(t,$,a),c(t,n,a),c(t,s,a),f(s,o),f(o,p),c(t,m,a),c(t,u,a),f(u,g),f(g,d),c(t,i,a)},p:l,d(t){t&&r(e),t&&r($),t&&r(n),t&&r(s),t&&r(m),t&&r(u),t&&r(i)}}}function ht(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function yt(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("outline")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"outline"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function wt(t){let e,$;return{c(){e=D("code"),$=b("false")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"false"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Et(t){let e,$;return{c(){e=D("code"),$=b("boolean")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"boolean"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function vt(t){let e,$,n,s,o,p,m;return{c(){e=b("Adds a border to the button. "),$=D("br"),n=b(" Mutually exclusive with "),s=D("mark"),o=D("code"),p=b("filled"),m=b(".")},l(t){e=k(t,"Adds a border to the button. "),$=O(t,"BR",{}),n=k(t," Mutually exclusive with "),s=O(t,"MARK",{});var c=a(s);o=O(c,"CODE",{});var f=a(o);p=k(f,"filled"),f.forEach(r),c.forEach(r),m=k(t,".")},m(t,a){c(t,e,a),c(t,$,a),c(t,n,a),c(t,s,a),f(s,o),f(o,p),c(t,m,a)},p:l,d(t){t&&r(e),t&&r($),t&&r(n),t&&r(s),t&&r(m)}}}function bt(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function kt(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("danger")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"danger"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function Dt(t){let e,$;return{c(){e=D("code"),$=b("false")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"false"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Ot(t){let e,$;return{c(){e=D("code"),$=b("boolean")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"boolean"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Ct(t){let e,$,n,s,o,p,m;return{c(){e=b("Gives the button a color of danger (red by default) "),$=D("br"),n=b(" Mutually exclusive with "),s=D("mark"),o=D("code"),p=b("neutral"),m=b(".")},l(t){e=k(t,"Gives the button a color of danger (red by default) "),$=O(t,"BR",{}),n=k(t," Mutually exclusive with "),s=O(t,"MARK",{});var c=a(s);o=O(c,"CODE",{});var f=a(o);p=k(f,"neutral"),f.forEach(r),c.forEach(r),m=k(t,".")},m(t,a){c(t,e,a),c(t,$,a),c(t,n,a),c(t,s,a),f(s,o),f(o,p),c(t,m,a)},p:l,d(t){t&&r(e),t&&r($),t&&r(n),t&&r(s),t&&r(m)}}}function Tt(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function Rt(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("neutral")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"neutral"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function Bt(t){let e,$;return{c(){e=D("code"),$=b("false")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"false"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function St(t){let e,$;return{c(){e=D("code"),$=b("boolean")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"boolean"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Nt(t){let e,$,n,s,o,p,m;return{c(){e=b("Gives the button a neutral color (very dark gray by default). "),$=D("br"),n=b(" Mutually exclusive with "),s=D("mark"),o=D("code"),p=b("danger"),m=b(".")},l(t){e=k(t,"Gives the button a neutral color (very dark gray by default). "),$=O(t,"BR",{}),n=k(t," Mutually exclusive with "),s=O(t,"MARK",{});var c=a(s);o=O(c,"CODE",{});var f=a(o);p=k(f,"danger"),f.forEach(r),c.forEach(r),m=k(t,".")},m(t,a){c(t,e,a),c(t,$,a),c(t,n,a),c(t,s,a),f(s,o),f(o,p),c(t,m,a)},p:l,d(t){t&&r(e),t&&r($),t&&r(n),t&&r(s),t&&r(m)}}}function Gt(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function At(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("round")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"round"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function Mt(t){let e,$;return{c(){e=D("code"),$=b("false")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"false"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function jt(t){let e,$;return{c(){e=D("code"),$=b("boolean")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"boolean"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Ft(t){let e;return{c(){e=b("Adjusts the padding to be equal on all sides. Great for icon-only buttons.")},l(t){e=k(t,"Adjusts the padding to be equal on all sides. Great for icon-only buttons.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function Ht(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function Pt(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("rectangle")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"rectangle"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function Kt(t){let e,$;return{c(){e=D("code"),$=b("false")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"false"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function zt(t){let e,$;return{c(){e=D("code"),$=b("boolean")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"boolean"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function It(t){let e;return{c(){e=b("Halves the border radius and increases the padding. Well-suited for large menus.")},l(t){e=k(t,"Halves the border radius and increases the padding. Well-suited for large menus.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function Wt(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function Lt(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("small")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"small"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function Ut(t){let e,$;return{c(){e=D("code"),$=b("false")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"false"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Yt(t){let e,$;return{c(){e=D("code"),$=b("boolean")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"boolean"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Vt(t){let e;return{c(){e=b("Cuts the padding to make the button smaller.")},l(t){e=k(t,"Cuts the padding to make the button smaller.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function qt(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function Xt(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("selected")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"selected"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function Jt(t){let e,$;return{c(){e=D("code"),$=b("false")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"false"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Qt(t){let e,$;return{c(){e=D("code"),$=b("boolean")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"boolean"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Zt(t){let e,$,n,s,o,p,m;return{c(){e=b("Gives the button a tinted background. Suitable for indicating the selected item. "),$=D("br"),n=b(" Mutually exclusive with "),s=D("mark"),o=D("code"),p=b("filled"),m=b(".")},l(t){e=k(t,"Gives the button a tinted background. Suitable for indicating the selected item. "),$=O(t,"BR",{}),n=k(t," Mutually exclusive with "),s=O(t,"MARK",{});var c=a(s);o=O(c,"CODE",{});var f=a(o);p=k(f,"filled"),f.forEach(r),c.forEach(r),m=k(t,".")},m(t,a){c(t,e,a),c(t,$,a),c(t,n,a),c(t,s,a),f(s,o),f(o,p),c(t,m,a)},p:l,d(t){t&&r(e),t&&r($),t&&r(n),t&&r(s),t&&r(m)}}}function _t(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function te(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("noRipple")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"noRipple"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function ee(t){let e,$;return{c(){e=D("code"),$=b("false")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"false"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function $e(t){let e,$;return{c(){e=D("code"),$=b("boolean")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"boolean"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function ne(t){let e;return{c(){e=b("Disables the ripple effect.")},l(t){e=k(t,"Disables the ripple effect.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function se(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function ae(t){let e,$,n,s,o,l,p,d,i,w,b,k,C,T,R,B,S,N,G,A,M,j;return $=new H({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),o=new H({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),p=new H({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),b=new H({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),C=new H({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),R=new H({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),S=new H({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),G=new H({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),M=new H({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){e=D("thead"),m($.$$.fragment),n=E(),s=D("tbody"),m(o.$$.fragment),l=E(),m(p.$$.fragment),d=E(),m(i.$$.fragment),w=E(),m(b.$$.fragment),k=E(),m(C.$$.fragment),T=E(),m(R.$$.fragment),B=E(),m(S.$$.fragment),N=E(),m(G.$$.fragment),A=E(),m(M.$$.fragment)},l(t){e=O(t,"THEAD",{});var c=a(e);u($.$$.fragment,c),c.forEach(r),n=v(t),s=O(t,"TBODY",{});var f=a(s);u(o.$$.fragment,f),l=v(f),u(p.$$.fragment,f),d=v(f),u(i.$$.fragment,f),w=v(f),u(b.$$.fragment,f),k=v(f),u(C.$$.fragment,f),T=v(f),u(R.$$.fragment,f),B=v(f),u(S.$$.fragment,f),N=v(f),u(G.$$.fragment,f),A=v(f),u(M.$$.fragment,f),f.forEach(r)},m(t,a){c(t,e,a),g($,e,null),c(t,n,a),c(t,s,a),g(o,s,null),f(s,l),g(p,s,null),f(s,d),g(i,s,null),f(s,w),g(b,s,null),f(s,k),g(C,s,null),f(s,T),g(R,s,null),f(s,B),g(S,s,null),f(s,N),g(G,s,null),f(s,A),g(M,s,null),j=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),o.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),p.$set(a);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),i.$set(r);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),b.$set(c);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),R.$set(l);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),S.$set(m);const u={};2&e&&(u.$$scope={dirty:e,ctx:t}),G.$set(u);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),M.$set(g)},i(t){j||(x($.$$.fragment,t),x(o.$$.fragment,t),x(p.$$.fragment,t),x(i.$$.fragment,t),x(b.$$.fragment,t),x(C.$$.fragment,t),x(R.$$.fragment,t),x(S.$$.fragment,t),x(G.$$.fragment,t),x(M.$$.fragment,t),j=!0)},o(t){h($.$$.fragment,t),h(o.$$.fragment,t),h(p.$$.fragment,t),h(i.$$.fragment,t),h(b.$$.fragment,t),h(C.$$.fragment,t),h(R.$$.fragment,t),h(S.$$.fragment,t),h(G.$$.fragment,t),h(M.$$.fragment,t),j=!1},d(t){t&&r(e),y($),t&&r(n),t&&r(s),y(o),y(p),y(i),y(b),y(C),y(R),y(S),y(G),y(M)}}}function re(t){let e;return{c(){e=b("Functional Properties")},l(t){e=k(t,"Functional Properties")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function oe(t){let e;return{c(){e=b("Name")},l(t){e=k(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function ce(t){let e;return{c(){e=b("Default")},l(t){e=k(t,"Default")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function fe(t){let e;return{c(){e=b("Type")},l(t){e=k(t,"Type")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function le(t){let e;return{c(){e=b("Description")},l(t){e=k(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function pe(t){let e,$,n,s,a,o,f,l;return e=new P({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),a=new P({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),f=new P({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function me(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("disabled")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"disabled"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function ue(t){let e,$;return{c(){e=D("code"),$=b("false")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"false"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function ge(t){let e,$;return{c(){e=D("code"),$=b("boolean")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"boolean"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function de(t){let e;return{c(){e=b("Disables the button, styling it appropriately and disabling click events.")},l(t){e=k(t,"Disables the button, styling it appropriately and disabling click events.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function ie(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function xe(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("href")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"href"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function he(t){let e,$;return{c(){e=D("code"),$=b("null")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"null"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function ye(t){let e,$;return{c(){e=D("code"),$=b("string")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"string"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function we(t){let e;return{c(){e=b("Turns the button into a link (prefetch-enabled for Sapper).")},l(t){e=k(t,"Turns the button into a link (prefetch-enabled for Sapper).")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function Ee(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function ve(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("noPrefetch")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"noPrefetch"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function be(t){let e,$;return{c(){e=D("code"),$=b("false")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"false"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function ke(t){let e,$;return{c(){e=D("code"),$=b("boolean")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"boolean"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function De(t){let e,$,n,s,o;return{c(){e=b("Disables Sapper prefetching for link buttons (those with an "),$=D("mark"),n=D("code"),s=b("href"),o=b(" prop).")},l(t){e=k(t,"Disables Sapper prefetching for link buttons (those with an "),$=O(t,"MARK",{});var c=a($);n=O(c,"CODE",{});var f=a(n);s=k(f,"href"),f.forEach(r),c.forEach(r),o=k(t," prop).")},m(t,a){c(t,e,a),c(t,$,a),f($,n),f(n,s),c(t,o,a)},p:l,d(t){t&&r(e),t&&r($),t&&r(o)}}}function Oe(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function Ce(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("events")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"events"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function Te(t){let e,$;return{c(){e=D("code"),$=b("[]")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"[]"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Re(t){let e,$;return{c(){e=D("code"),$=b("Array")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"Array"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Be(t){let e,$,n,s,p,m,u;return{c(){e=b("List of handlers for the "),$=D("a"),n=b("Events action"),s=b(": "),p=D("code"),m=b("[{ name, handler }]"),u=b("."),this.h()},l(t){e=k(t,"List of handlers for the "),$=O(t,"A",{href:!0});var o=a($);n=k(o,"Events action"),o.forEach(r),s=k(t,": "),p=O(t,"CODE",{});var c=a(p);m=k(c,"[{ name, handler }]"),c.forEach(r),u=k(t,"."),this.h()},h(){o($,"href","./docs/utilities")},m(t,a){c(t,e,a),c(t,$,a),f($,n),c(t,s,a),c(t,p,a),f(p,m),c(t,u,a)},p:l,d(t){t&&r(e),t&&r($),t&&r(s),t&&r(p),t&&r(u)}}}function Se(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function Ne(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("...")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"..."),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function Ge(t){let e,$;return{c(){e=D("code"),$=b("any")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"any"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Ae(t){let e,$,n,s,o,p,m;return{c(){e=b("Everything else will be passed to the underlying "),$=D("code"),n=b("<button>"),s=b(" or "),o=D("code"),p=b("<a>"),m=b(" element.")},l(t){e=k(t,"Everything else will be passed to the underlying "),$=O(t,"CODE",{});var c=a($);n=k(c,"<button>"),c.forEach(r),s=k(t," or "),o=O(t,"CODE",{});var f=a(o);p=k(f,"<a>"),f.forEach(r),m=k(t," element.")},m(t,a){c(t,e,a),c(t,$,a),f($,n),c(t,s,a),c(t,o,a),f(o,p),c(t,m,a)},p:l,d(t){t&&r(e),t&&r($),t&&r(s),t&&r(o),t&&r(m)}}}function Me(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),n=new K({}),a=new K({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),f.$set(r)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function je(t){let e,$,n,s,o,l,p,d,i,w,b,k,C,T;return $=new H({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),o=new H({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),p=new H({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),b=new H({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),C=new H({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),{c(){e=D("thead"),m($.$$.fragment),n=E(),s=D("tbody"),m(o.$$.fragment),l=E(),m(p.$$.fragment),d=E(),m(i.$$.fragment),w=E(),m(b.$$.fragment),k=E(),m(C.$$.fragment)},l(t){e=O(t,"THEAD",{});var c=a(e);u($.$$.fragment,c),c.forEach(r),n=v(t),s=O(t,"TBODY",{});var f=a(s);u(o.$$.fragment,f),l=v(f),u(p.$$.fragment,f),d=v(f),u(i.$$.fragment,f),w=v(f),u(b.$$.fragment,f),k=v(f),u(C.$$.fragment,f),f.forEach(r)},m(t,a){c(t,e,a),g($,e,null),c(t,n,a),c(t,s,a),g(o,s,null),f(s,l),g(p,s,null),f(s,d),g(i,s,null),f(s,w),g(b,s,null),f(s,k),g(C,s,null),T=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),o.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),p.$set(a);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),i.$set(r);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),b.$set(c);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f)},i(t){T||(x($.$$.fragment,t),x(o.$$.fragment,t),x(p.$$.fragment,t),x(i.$$.fragment,t),x(b.$$.fragment,t),x(C.$$.fragment,t),T=!0)},o(t){h($.$$.fragment,t),h(o.$$.fragment,t),h(p.$$.fragment,t),h(i.$$.fragment,t),h(b.$$.fragment,t),h(C.$$.fragment,t),T=!1},d(t){t&&r(e),y($),t&&r(n),t&&r(s),y(o),y(p),y(i),y(b),y(C)}}}function Fe(t){let e;return{c(){e=b("Class Properties")},l(t){e=k(t,"Class Properties")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function He(t){let e,$,n,s,o,p,m;return{c(){e=b("All "),$=D("code"),n=b("<Button>"),s=b(" components use the "),o=D("code"),p=b(".btn"),m=b(" class.")},l(t){e=k(t,"All "),$=O(t,"CODE",{});var c=a($);n=k(c,"<Button>"),c.forEach(r),s=k(t," components use the "),o=O(t,"CODE",{});var f=a(o);p=k(f,".btn"),f.forEach(r),m=k(t," class.")},m(t,a){c(t,e,a),c(t,$,a),f($,n),c(t,s,a),c(t,o,a),f(o,p),c(t,m,a)},p:l,d(t){t&&r(e),t&&r($),t&&r(s),t&&r(o),t&&r(m)}}}function Pe(t){let e;return{c(){e=b("Falsy values passed to classes will be disregarded.")},l(t){e=k(t,"Falsy values passed to classes will be disregarded.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function Ke(t){let e;return{c(){e=b("Name")},l(t){e=k(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function ze(t){let e;return{c(){e=b("Default")},l(t){e=k(t,"Default")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function Ie(t){let e;return{c(){e=b("Type")},l(t){e=k(t,"Type")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function We(t){let e;return{c(){e=b("Description")},l(t){e=k(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function Le(t){let e,$,n,s,a,o,f,l;return e=new P({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),a=new P({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),f=new P({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function Ue(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("class")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"class"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function Ye(t){let e,$;return{c(){e=D("code"),$=b("null")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"null"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Ve(t){let e,$;return{c(){e=D("code"),$=b("string")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"string"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function qe(t){let e;return{c(){e=b("A class string to add to the component.")},l(t){e=k(t,"A class string to add to the component.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function Xe(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function Je(t){let e,$,n,s,o,f;return $=new H({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),o=new H({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),{c(){e=D("thead"),m($.$$.fragment),n=E(),s=D("tbody"),m(o.$$.fragment)},l(t){e=O(t,"THEAD",{});var c=a(e);u($.$$.fragment,c),c.forEach(r),n=v(t),s=O(t,"TBODY",{});var f=a(s);u(o.$$.fragment,f),f.forEach(r)},m(t,a){c(t,e,a),g($,e,null),c(t,n,a),c(t,s,a),g(o,s,null),f=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),o.$set(s)},i(t){f||(x($.$$.fragment,t),x(o.$$.fragment,t),f=!0)},o(t){h($.$$.fragment,t),h(o.$$.fragment,t),f=!1},d(t){t&&r(e),y($),t&&r(n),t&&r(s),y(o)}}}function Qe(t){let e;return{c(){e=b("Events")},l(t){e=k(t,"Events")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function Ze(t){let e,$,n,s,o;return{c(){e=b("Native DOM events of buttons and links may be handled using the Events action through the "),$=D("mark"),n=D("code"),s=b("events"),o=b(" property.")},l(t){e=k(t,"Native DOM events of buttons and links may be handled using the Events action through the "),$=O(t,"MARK",{});var c=a($);n=O(c,"CODE",{});var f=a(n);s=k(f,"events"),f.forEach(r),c.forEach(r),o=k(t," property.")},m(t,a){c(t,e,a),c(t,$,a),f($,n),f(n,s),c(t,o,a)},p:l,d(t){t&&r(e),t&&r($),t&&r(o)}}}function _e(t){let e;return{c(){e=b("Name")},l(t){e=k(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function t$(t){let e;return{c(){e=b("Event Detail")},l(t){e=k(t,"Event Detail")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function e$(t){let e;return{c(){e=b("Description")},l(t){e=k(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function $$(t){let e,$,n,s,a,o;return e=new P({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),a=new P({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function n$(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("click")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"click"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function s$(t){let e,$;return{c(){e=D("code"),$=b("{ nativeEvent }")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"{ nativeEvent }"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function a$(t){let e;return{c(){e=b("Fired on clicking the button with a mouse or keyboard.")},l(t){e=k(t,"Fired on clicking the button with a mouse or keyboard.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function r$(t){let e,$,n,s,a,o;return e=new K({props:{$$slots:{default:[n$]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[s$]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[a$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function o$(t){let e,$,n,s,o,f;return $=new H({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),o=new H({props:{$$slots:{default:[r$]},$$scope:{ctx:t}}}),{c(){e=D("thead"),m($.$$.fragment),n=E(),s=D("tbody"),m(o.$$.fragment)},l(t){e=O(t,"THEAD",{});var c=a(e);u($.$$.fragment,c),c.forEach(r),n=v(t),s=O(t,"TBODY",{});var f=a(s);u(o.$$.fragment,f),f.forEach(r)},m(t,a){c(t,e,a),g($,e,null),c(t,n,a),c(t,s,a),g(o,s,null),f=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),o.$set(s)},i(t){f||(x($.$$.fragment,t),x(o.$$.fragment,t),f=!0)},o(t){h($.$$.fragment,t),h(o.$$.fragment,t),f=!1},d(t){t&&r(e),y($),t&&r(n),t&&r(s),y(o)}}}function c$(t){let e;return{c(){e=b("Slots")},l(t){e=k(t,"Slots")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function f$(t){let e;return{c(){e=b("Default slot")},l(t){e=k(t,"Default slot")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function l$(t){let e;return{c(){e=b("The content of the Button. Icons, other components, everything is fair game here.")},l(t){e=k(t,"The content of the Button. Icons, other components, everything is fair game here.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function p$(t){let e;return{c(){e=b("SCSS Variables")},l(t){e=k(t,"SCSS Variables")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function m$(t){let e;return{c(){e=b("Name")},l(t){e=k(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function u$(t){let e;return{c(){e=b("Description")},l(t){e=k(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function g$(t){let e;return{c(){e=b("Default")},l(t){e=k(t,"Default")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function d$(t){let e,$,n,s,a,o;return e=new P({props:{$$slots:{default:[m$]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[u$]},$$scope:{ctx:t}}}),a=new P({props:{$$slots:{default:[g$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function i$(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("$main")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"$main"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function x$(t){let e;return{c(){e=b("The main theme color. Used in backgrounds of filled buttons, text and tint of flat buttons, etc.")},l(t){e=k(t,"The main theme color. Used in backgrounds of filled buttons, text and tint of flat buttons, etc.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function h$(t){let e,$;return e=new G({props:{value:"#4300B0"}}),{c(){m(e.$$.fragment)},l(t){u(e.$$.fragment,t)},m(t,n){g(e,t,n),$=!0},p:l,i(t){$||(x(e.$$.fragment,t),$=!0)},o(t){h(e.$$.fragment,t),$=!1},d(t){y(e,t)}}}function y$(t){let e,$,n,s,a,o;return e=new K({props:{$$slots:{default:[i$]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[x$]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[h$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function w$(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("$font")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"$font"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function E$(t){let e;return{c(){e=b("The font of the button text.")},l(t){e=k(t,"The font of the button text.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function v$(t){let e,$;return{c(){e=D("code"),$=b("'Ubuntu'")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"'Ubuntu'"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function b$(t){let e,$,n,s,a,o;return e=new K({props:{$$slots:{default:[w$]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[E$]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[v$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function k$(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("$button-radius")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"$button-radius"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function D$(t){let e;return{c(){e=b("The curvature radius of a button.")},l(t){e=k(t,"The curvature radius of a button.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function O$(t){let e,$;return{c(){e=D("code"),$=b("1.5625em")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"1.5625em"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function C$(t){let e,$,n,s,a,o;return e=new K({props:{$$slots:{default:[k$]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[D$]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[O$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function T$(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("$dark")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"$dark"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function R$(t){let e;return{c(){e=b("The color used in neutral buttons.")},l(t){e=k(t,"The color used in neutral buttons.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function B$(t){let e,$;return e=new G({props:{value:"#333333"}}),{c(){m(e.$$.fragment)},l(t){u(e.$$.fragment,t)},m(t,n){g(e,t,n),$=!0},p:l,i(t){$||(x(e.$$.fragment,t),$=!0)},o(t){h(e.$$.fragment,t),$=!1},d(t){y(e,t)}}}function S$(t){let e,$,n,s,a,o;return e=new K({props:{$$slots:{default:[T$]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[R$]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[B$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function N$(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("$danger")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"$danger"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function G$(t){let e;return{c(){e=b("The color used in danger buttons.")},l(t){e=k(t,"The color used in danger buttons.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function A$(t){let e,$;return e=new G({props:{value:"#B80000"}}),{c(){m(e.$$.fragment)},l(t){u(e.$$.fragment,t)},m(t,n){g(e,t,n),$=!0},p:l,i(t){$||(x(e.$$.fragment,t),$=!0)},o(t){h(e.$$.fragment,t),$=!1},d(t){y(e,t)}}}function M$(t){let e,$,n,s,a,o;return e=new K({props:{$$slots:{default:[N$]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[G$]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[A$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function j$(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("$shadow-1")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"$shadow-1"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function F$(t){let e;return{c(){e=b("The shadow of filled buttons.")},l(t){e=k(t,"The shadow of filled buttons.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function H$(t){let e,$;return e=new A({props:{value:pn}}),{c(){m(e.$$.fragment)},l(t){u(e.$$.fragment,t)},m(t,n){g(e,t,n),$=!0},p:l,i(t){$||(x(e.$$.fragment,t),$=!0)},o(t){h(e.$$.fragment,t),$=!1},d(t){y(e,t)}}}function P$(t){let e,$,n,s,a,o;return e=new K({props:{$$slots:{default:[j$]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[F$]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[H$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function K$(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("$main-text")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"$main-text"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function z$(t){let e;return{c(){e=b("The text color of filled buttons.")},l(t){e=k(t,"The text color of filled buttons.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function I$(t){let e,$;return e=new G({props:{value:"#FFFFFF",bordered:!0}}),{c(){m(e.$$.fragment)},l(t){u(e.$$.fragment,t)},m(t,n){g(e,t,n),$=!0},p:l,i(t){$||(x(e.$$.fragment,t),$=!0)},o(t){h(e.$$.fragment,t),$=!1},d(t){y(e,t)}}}function W$(t){let e,$,n,s,a,o;return e=new K({props:{$$slots:{default:[K$]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[z$]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[I$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function L$(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("$shadow-raised")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"$shadow-raised"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function U$(t){let e;return{c(){e=b("The shadow of filled buttons on hover.")},l(t){e=k(t,"The shadow of filled buttons on hover.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function Y$(t){let e,$;return e=new A({props:{value:mn}}),{c(){m(e.$$.fragment)},l(t){u(e.$$.fragment,t)},m(t,n){g(e,t,n),$=!0},p:l,i(t){$||(x(e.$$.fragment,t),$=!0)},o(t){h(e.$$.fragment,t),$=!1},d(t){y(e,t)}}}function V$(t){let e,$,n,s,a,o;return e=new K({props:{$$slots:{default:[L$]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[U$]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[Y$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function q$(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("$disabled")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"$disabled"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function X$(t){let e;return{c(){e=b("The text color of disabled buttons.")},l(t){e=k(t,"The text color of disabled buttons.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function J$(t){let e,$;return e=new G({props:{value:"#888888"}}),{c(){m(e.$$.fragment)},l(t){u(e.$$.fragment,t)},m(t,n){g(e,t,n),$=!0},p:l,i(t){$||(x(e.$$.fragment,t),$=!0)},o(t){h(e.$$.fragment,t),$=!1},d(t){y(e,t)}}}function Q$(t){let e,$,n,s,a,o;return e=new K({props:{$$slots:{default:[q$]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[X$]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[J$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function Z$(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("$disabled-bg")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"$disabled-bg"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function _$(t){let e;return{c(){e=b("The background color of filled disabled buttons.")},l(t){e=k(t,"The background color of filled disabled buttons.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function tn(t){let e,$;return e=new G({props:{value:"#D7D7D7"}}),{c(){m(e.$$.fragment)},l(t){u(e.$$.fragment,t)},m(t,n){g(e,t,n),$=!0},p:l,i(t){$||(x(e.$$.fragment,t),$=!0)},o(t){h(e.$$.fragment,t),$=!1},d(t){y(e,t)}}}function en(t){let e,$,n,s,a,o;return e=new K({props:{$$slots:{default:[Z$]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[_$]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[tn]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function $n(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("$button-font-weight")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"$button-font-weight"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function nn(t){let e;return{c(){e=b("The font weight of the buttons.")},l(t){e=k(t,"The font weight of the buttons.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function sn(t){let e,$;return{c(){e=D("code"),$=b("500")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"500"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function an(t){let e,$,n,s,a,o;return e=new K({props:{$$slots:{default:[$n]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[nn]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[sn]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function rn(t){let e,$,n,s,o,l,p,d,i,w,b,k,C,T,R,B,S,N,G,A,M,j,F,P,K,z;return $=new H({props:{$$slots:{default:[d$]},$$scope:{ctx:t}}}),o=new H({props:{$$slots:{default:[y$]},$$scope:{ctx:t}}}),p=new H({props:{$$slots:{default:[b$]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[C$]},$$scope:{ctx:t}}}),b=new H({props:{$$slots:{default:[S$]},$$scope:{ctx:t}}}),C=new H({props:{$$slots:{default:[M$]},$$scope:{ctx:t}}}),R=new H({props:{$$slots:{default:[P$]},$$scope:{ctx:t}}}),S=new H({props:{$$slots:{default:[W$]},$$scope:{ctx:t}}}),G=new H({props:{$$slots:{default:[V$]},$$scope:{ctx:t}}}),M=new H({props:{$$slots:{default:[Q$]},$$scope:{ctx:t}}}),F=new H({props:{$$slots:{default:[en]},$$scope:{ctx:t}}}),K=new H({props:{$$slots:{default:[an]},$$scope:{ctx:t}}}),{c(){e=D("thead"),m($.$$.fragment),n=E(),s=D("tbody"),m(o.$$.fragment),l=E(),m(p.$$.fragment),d=E(),m(i.$$.fragment),w=E(),m(b.$$.fragment),k=E(),m(C.$$.fragment),T=E(),m(R.$$.fragment),B=E(),m(S.$$.fragment),N=E(),m(G.$$.fragment),A=E(),m(M.$$.fragment),j=E(),m(F.$$.fragment),P=E(),m(K.$$.fragment)},l(t){e=O(t,"THEAD",{});var c=a(e);u($.$$.fragment,c),c.forEach(r),n=v(t),s=O(t,"TBODY",{});var f=a(s);u(o.$$.fragment,f),l=v(f),u(p.$$.fragment,f),d=v(f),u(i.$$.fragment,f),w=v(f),u(b.$$.fragment,f),k=v(f),u(C.$$.fragment,f),T=v(f),u(R.$$.fragment,f),B=v(f),u(S.$$.fragment,f),N=v(f),u(G.$$.fragment,f),A=v(f),u(M.$$.fragment,f),j=v(f),u(F.$$.fragment,f),P=v(f),u(K.$$.fragment,f),f.forEach(r)},m(t,a){c(t,e,a),g($,e,null),c(t,n,a),c(t,s,a),g(o,s,null),f(s,l),g(p,s,null),f(s,d),g(i,s,null),f(s,w),g(b,s,null),f(s,k),g(C,s,null),f(s,T),g(R,s,null),f(s,B),g(S,s,null),f(s,N),g(G,s,null),f(s,A),g(M,s,null),f(s,j),g(F,s,null),f(s,P),g(K,s,null),z=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),o.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),p.$set(a);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),i.$set(r);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),b.$set(c);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),R.$set(l);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),S.$set(m);const u={};2&e&&(u.$$scope={dirty:e,ctx:t}),G.$set(u);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),M.$set(g);const d={};2&e&&(d.$$scope={dirty:e,ctx:t}),F.$set(d);const x={};2&e&&(x.$$scope={dirty:e,ctx:t}),K.$set(x)},i(t){z||(x($.$$.fragment,t),x(o.$$.fragment,t),x(p.$$.fragment,t),x(i.$$.fragment,t),x(b.$$.fragment,t),x(C.$$.fragment,t),x(R.$$.fragment,t),x(S.$$.fragment,t),x(G.$$.fragment,t),x(M.$$.fragment,t),x(F.$$.fragment,t),x(K.$$.fragment,t),z=!0)},o(t){h($.$$.fragment,t),h(o.$$.fragment,t),h(p.$$.fragment,t),h(i.$$.fragment,t),h(b.$$.fragment,t),h(C.$$.fragment,t),h(R.$$.fragment,t),h(S.$$.fragment,t),h(G.$$.fragment,t),h(M.$$.fragment,t),h(F.$$.fragment,t),h(K.$$.fragment,t),z=!1},d(t){t&&r(e),y($),t&&r(n),t&&r(s),y(o),y(p),y(i),y(b),y(C),y(R),y(S),y(G),y(M),y(F),y(K)}}}function on(t){let e,$,n,s,a,o,f,l,p,d,i,w,b,k,D,O,C,B,S,G,A,H,P,K,z,I,W,V,q,X,J,Q,Z,_,tt,et,$t,nt,st,ft,lt,pt;return e=new T({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),n=new R({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),a=new R({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),f=new N({props:{$$slots:{source:[rt],showcase:[at]},$$scope:{ctx:t}}}),p=new M({props:{id:"properties",$$slots:{default:[ot]},$$scope:{ctx:t}}}),i=new j({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),b=new F({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),D=new j({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),C=new F({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),S=new j({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),A=new R({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),P=new R({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),z=new F({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),W=new M({props:{id:"events",$$slots:{default:[Qe]},$$scope:{ctx:t}}}),q=new R({props:{$$slots:{default:[Ze]},$$scope:{ctx:t}}}),J=new F({props:{$$slots:{default:[o$]},$$scope:{ctx:t}}}),Z=new M({props:{id:"slots",$$slots:{default:[c$]},$$scope:{ctx:t}}}),tt=new j({props:{$$slots:{default:[f$]},$$scope:{ctx:t}}}),$t=new R({props:{$$slots:{default:[l$]},$$scope:{ctx:t}}}),st=new M({props:{id:"scss-variables",$$slots:{default:[p$]},$$scope:{ctx:t}}}),lt=new F({props:{$$slots:{default:[rn]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment),l=E(),m(p.$$.fragment),d=E(),m(i.$$.fragment),w=E(),m(b.$$.fragment),k=E(),m(D.$$.fragment),O=E(),m(C.$$.fragment),B=E(),m(S.$$.fragment),G=E(),m(A.$$.fragment),H=E(),m(P.$$.fragment),K=E(),m(z.$$.fragment),I=E(),m(W.$$.fragment),V=E(),m(q.$$.fragment),X=E(),m(J.$$.fragment),Q=E(),m(Z.$$.fragment),_=E(),m(tt.$$.fragment),et=E(),m($t.$$.fragment),nt=E(),m(st.$$.fragment),ft=E(),m(lt.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t),l=v(t),u(p.$$.fragment,t),d=v(t),u(i.$$.fragment,t),w=v(t),u(b.$$.fragment,t),k=v(t),u(D.$$.fragment,t),O=v(t),u(C.$$.fragment,t),B=v(t),u(S.$$.fragment,t),G=v(t),u(A.$$.fragment,t),H=v(t),u(P.$$.fragment,t),K=v(t),u(z.$$.fragment,t),I=v(t),u(W.$$.fragment,t),V=v(t),u(q.$$.fragment,t),X=v(t),u(J.$$.fragment,t),Q=v(t),u(Z.$$.fragment,t),_=v(t),u(tt.$$.fragment,t),et=v(t),u($t.$$.fragment,t),nt=v(t),u(st.$$.fragment,t),ft=v(t),u(lt.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),c(t,l,r),g(p,t,r),c(t,d,r),g(i,t,r),c(t,w,r),g(b,t,r),c(t,k,r),g(D,t,r),c(t,O,r),g(C,t,r),c(t,B,r),g(S,t,r),c(t,G,r),g(A,t,r),c(t,H,r),g(P,t,r),c(t,K,r),g(z,t,r),c(t,I,r),g(W,t,r),c(t,V,r),g(q,t,r),c(t,X,r),g(J,t,r),c(t,Q,r),g(Z,t,r),c(t,_,r),g(tt,t,r),c(t,et,r),g($t,t,r),c(t,nt,r),g(st,t,r),c(t,ft,r),g(lt,t,r),pt=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),p.$set(l);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),i.$set(m);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),b.$set(u);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),D.$set(g);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),C.$set(d);const x={};2&$&&(x.$$scope={dirty:$,ctx:t}),S.$set(x);const h={};2&$&&(h.$$scope={dirty:$,ctx:t}),A.$set(h);const y={};2&$&&(y.$$scope={dirty:$,ctx:t}),P.$set(y);const w={};2&$&&(w.$$scope={dirty:$,ctx:t}),z.$set(w);const E={};2&$&&(E.$$scope={dirty:$,ctx:t}),W.$set(E);const v={};2&$&&(v.$$scope={dirty:$,ctx:t}),q.$set(v);const k={};2&$&&(k.$$scope={dirty:$,ctx:t}),J.$set(k);const O={};2&$&&(O.$$scope={dirty:$,ctx:t}),Z.$set(O);const T={};2&$&&(T.$$scope={dirty:$,ctx:t}),tt.$set(T);const R={};2&$&&(R.$$scope={dirty:$,ctx:t}),$t.$set(R);const B={};2&$&&(B.$$scope={dirty:$,ctx:t}),st.$set(B);const N={};2&$&&(N.$$scope={dirty:$,ctx:t}),lt.$set(N)},i(t){pt||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),x(p.$$.fragment,t),x(i.$$.fragment,t),x(b.$$.fragment,t),x(D.$$.fragment,t),x(C.$$.fragment,t),x(S.$$.fragment,t),x(A.$$.fragment,t),x(P.$$.fragment,t),x(z.$$.fragment,t),x(W.$$.fragment,t),x(q.$$.fragment,t),x(J.$$.fragment,t),x(Z.$$.fragment,t),x(tt.$$.fragment,t),x($t.$$.fragment,t),x(st.$$.fragment,t),x(lt.$$.fragment,t),pt=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),h(p.$$.fragment,t),h(i.$$.fragment,t),h(b.$$.fragment,t),h(D.$$.fragment,t),h(C.$$.fragment,t),h(S.$$.fragment,t),h(A.$$.fragment,t),h(P.$$.fragment,t),h(z.$$.fragment,t),h(W.$$.fragment,t),h(q.$$.fragment,t),h(J.$$.fragment,t),h(Z.$$.fragment,t),h(tt.$$.fragment,t),h($t.$$.fragment,t),h(st.$$.fragment,t),h(lt.$$.fragment,t),pt=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t),t&&r(l),y(p,t),t&&r(d),y(i,t),t&&r(w),y(b,t),t&&r(k),y(D,t),t&&r(O),y(C,t),t&&r(B),y(S,t),t&&r(G),y(A,t),t&&r(H),y(P,t),t&&r(K),y(z,t),t&&r(I),y(W,t),t&&r(V),y(q,t),t&&r(X),y(J,t),t&&r(Q),y(Z,t),t&&r(_),y(tt,t),t&&r(et),y($t,t),t&&r(nt),y(st,t),t&&r(ft),y(lt,t)}}}function cn(t){let e,$;const n=[t[0],fn];let s={$$slots:{default:[on]},$$scope:{ctx:t}};for(let t=0;t<n.length;t+=1)s=p(s,n[t]);return e=new C({props:s}),{c(){m(e.$$.fragment)},l(t){u(e.$$.fragment,t)},m(t,n){g(e,t,n),$=!0},p(t,[$]){const s=1&$?d(n,[1&$&&i(t[0]),0&$&&i(fn)]):{};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s)},i(t){$||(x(e.$$.fragment,t),$=!0)},o(t){h(e.$$.fragment,t),$=!1},d(t){y(e,t)}}}const fn={name:"Button",shadow1:"0 2px 5px rgba(0, 0, 0, .14), 0 1px 5px rgba(0, 0, 0, .12);",shadowRaised:"0 2px 4px -1px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);"},{name:ln,shadow1:pn,shadowRaised:mn}=fn;function un(t,e,$){return t.$$set=t=>{$(0,e=p(p({},e),w(t)))},[e=w(e)]}class gn extends t{constructor(t){super(),e(this,t,un,cn,$,{})}}export{gn as default,fn as metadata};
diff --git a/376/client/button.743a388a.js b/376/client/button.743a388a.js
new file mode 100644
index 000000000..2a323c6f7
--- /dev/null
+++ b/376/client/button.743a388a.js
@@ -0,0 +1 @@
+import{S as e,i as t,s as l,H as n,f as s,y as a,p as i,z as r,t as o,d,I as c,J as u,K as p,L as f,M as h,h as m,k as b,b as g,N as y,O as v,o as x,P as R,Q as E,R as L,T,U as k,V as $,W as z}from"./client.0d36a0cf.js";import{c as C}from"./classes.2453fa25.js";function N(e,t={}){const l={event:t.event||"click",transition:t.transition||150,zIndex:t.zIndex||"100",bg:t.rippleColor||null,disabled:t.disabled||!1},n=t=>function(e,t,{bg:l,zIndex:n,transition:s}){const a=parseInt(getComputedStyle(t).borderWidth.replace("px","")),i=t.getBoundingClientRect(),r=i.left,o=i.top,d=t.offsetWidth,c=t.offsetHeight,u=e.clientX-r,p=e.clientY-o,f=Math.max(u,d-u),h=Math.max(p,c-p),m=window.getComputedStyle(t),b=Math.sqrt(f*f+h*h),g=a>0?a:0,y=document.createElement("div"),v=document.createElement("div");v.className="ripple-container",y.className="ripple",y.style.marginTop="0px",y.style.marginLeft="0px",y.style.width="1px",y.style.height="1px",y.style.transition=`all ${s}ms cubic-bezier(0.4, 0, 0.2, 1)`,y.style.borderRadius="50%",y.style.pointerEvents="none",y.style.position="relative",y.style.zIndex=n,null!==l&&(y.style.backgroundColor=l);v.style.position="absolute",v.style.left=0-g+"px",v.style.top=0-g+"px",v.style.height="0",v.style.width="0",v.style.pointerEvents="none",v.style.overflow="hidden";const x=t.style.position.length>0?t.style.position:getComputedStyle(t).position;"relative"!==x&&"absolute"!==x&&(t.style.position="relative");function R(){setTimeout((()=>{y.style.backgroundColor="rgba(0, 0, 0, 0)"}),250),setTimeout((()=>{v.parentNode.removeChild(v)}),s+250),setTimeout((()=>{let e=!0;for(let l=0;l<t.childNodes.length;l++)"ripple-container"===t.childNodes[l].className&&(e=!1);e&&(t.style.position="static"!==x?x:"")}),s+250)}v.appendChild(y),t.appendChild(v),y.style.marginLeft=u+"px",y.style.marginTop=p+"px",v.style.width=d+"px",v.style.height=c+"px",v.style.borderTopLeftRadius=m.borderTopLeftRadius,v.style.borderTopRightRadius=m.borderTopRightRadius,v.style.borderBottomLeftRadius=m.borderBottomLeftRadius,v.style.borderBottomRightRadius=m.borderBottomRightRadius,v.style.direction="ltr",setTimeout((()=>{y.style.width=2*b+"px",y.style.height=2*b+"px",y.style.marginLeft=u-b+"px",y.style.marginTop=p-b+"px"}),0),R()}(t,e,l);return l.disabled||e.addEventListener(l.event,n),{destroy(){e.removeEventListener(l.event,n)},update(t={}){t.disabled?e.removeEventListener(l.event,n):e.addEventListener(l.event,n)}}}function w(e,t){if(null!=t)for(const l of t)e.addEventListener(l.name,l.handler);return{destroy(){if(null!=t)for(const l of t)e.removeEventListener(l.name,l.handler)}}}function B(e){let t,l,n,a,r,c,u;const f=e[17].default,B=h(f,e,e[16],null);let I=[{type:"button"},{disabled:e[10]},{class:l=C("btn",e[0])},e[15]],P={};for(let e=0;e<I.length;e+=1)P=p(P,I[e]);return{c(){t=m("button"),B&&B.c(),this.h()},l(e){t=b(e,"BUTTON",{type:!0,class:!0});var l=g(t);B&&B.l(l),l.forEach(d),this.h()},h(){y(t,P),v(t,"filled",e[1]),v(t,"outline",e[2]),v(t,"danger",e[3]),v(t,"round",e[5]),v(t,"neutral",e[4]),v(t,"rectangle",e[6]),v(t,"small",e[7]),v(t,"selected",e[8]),v(t,"svelte-2r4z0x",!0)},m(l,i){s(l,t,i),B&&B.m(t,null),t.autofocus&&t.focus(),r=!0,c||(u=[x(t,"click",e[19]),R(n=N.call(null,t,{disabled:e[9]||e[10]})),R(a=w.call(null,t,e[13]))],c=!0)},p(e,s){B&&B.p&&(!r||65536&s)&&E(B,f,e,e[16],r?T(f,e[16],s,null):L(e[16]),null),y(t,P=k(I,[{type:"button"},(!r||1024&s)&&{disabled:e[10]},(!r||1&s&&l!==(l=C("btn",e[0])))&&{class:l},32768&s&&e[15]])),n&&$(n.update)&&1536&s&&n.update.call(null,{disabled:e[9]||e[10]}),a&&$(a.update)&&8192&s&&a.update.call(null,e[13]),v(t,"filled",e[1]),v(t,"outline",e[2]),v(t,"danger",e[3]),v(t,"round",e[5]),v(t,"neutral",e[4]),v(t,"rectangle",e[6]),v(t,"small",e[7]),v(t,"selected",e[8]),v(t,"svelte-2r4z0x",!0)},i(e){r||(o(B,e),r=!0)},o(e){i(B,e),r=!1},d(e){e&&d(t),B&&B.d(e),c=!1,z(u)}}}function I(e){let t,l,n,a,r,c,u,f,B,I,P,A;const M=e[17].default,S=h(M,e,e[16],null);let W=[{href:l=e[10]?null:e[11]},{rel:n=e[12]?null:"prefetch"},{"sapper:prefetch":a=!e[12]||null},{"sveltekit:prefetch":r=!e[12]||null},{disabled:c=!!e[10]||null},{class:u=C("btn",e[0])},e[15]],j={};for(let e=0;e<W.length;e+=1)j=p(j,W[e]);return{c(){t=m("a"),S&&S.c(),this.h()},l(e){t=b(e,"A",{href:!0,rel:!0,"sapper:prefetch":!0,"sveltekit:prefetch":!0,disabled:!0,class:!0});var l=g(t);S&&S.l(l),l.forEach(d),this.h()},h(){y(t,j),v(t,"filled",e[1]),v(t,"outline",e[2]),v(t,"danger",e[3]),v(t,"round",e[5]),v(t,"neutral",e[4]),v(t,"rectangle",e[6]),v(t,"small",e[7]),v(t,"selected",e[8]),v(t,"svelte-2r4z0x",!0)},m(l,n){s(l,t,n),S&&S.m(t,null),I=!0,P||(A=[x(t,"click",e[18]),R(f=w.call(null,t,e[13])),R(B=N.call(null,t,{disabled:e[9]||e[10]}))],P=!0)},p(e,s){S&&S.p&&(!I||65536&s)&&E(S,M,e,e[16],I?T(M,e[16],s,null):L(e[16]),null),y(t,j=k(W,[(!I||3072&s&&l!==(l=e[10]?null:e[11]))&&{href:l},(!I||4096&s&&n!==(n=e[12]?null:"prefetch"))&&{rel:n},(!I||4096&s&&a!==(a=!e[12]||null))&&{"sapper:prefetch":a},(!I||4096&s&&r!==(r=!e[12]||null))&&{"sveltekit:prefetch":r},(!I||1024&s&&c!==(c=!!e[10]||null))&&{disabled:c},(!I||1&s&&u!==(u=C("btn",e[0])))&&{class:u},32768&s&&e[15]])),f&&$(f.update)&&8192&s&&f.update.call(null,e[13]),B&&$(B.update)&&1536&s&&B.update.call(null,{disabled:e[9]||e[10]}),v(t,"filled",e[1]),v(t,"outline",e[2]),v(t,"danger",e[3]),v(t,"round",e[5]),v(t,"neutral",e[4]),v(t,"rectangle",e[6]),v(t,"small",e[7]),v(t,"selected",e[8]),v(t,"svelte-2r4z0x",!0)},i(e){I||(o(S,e),I=!0)},o(e){i(S,e),I=!1},d(e){e&&d(t),S&&S.d(e),P=!1,z(A)}}}function P(e){let t,l,c,u;const p=[I,B],f=[];function h(e,t){return e[11]?0:1}return t=h(e),l=f[t]=p[t](e),{c(){l.c(),c=n()},l(e){l.l(e),c=n()},m(e,l){f[t].m(e,l),s(e,c,l),u=!0},p(e,[n]){let s=t;t=h(e),t===s?f[t].p(e,n):(a(),i(f[s],1,1,(()=>{f[s]=null})),r(),l=f[t],l?l.p(e,n):(l=f[t]=p[t](e),l.c()),o(l,1),l.m(c.parentNode,c))},i(e){u||(o(l),u=!0)},o(e){i(l),u=!1},d(e){f[t].d(e),e&&d(c)}}}function A(e,t,l){const n=["class","filled","outline","danger","neutral","round","rectangle","small","selected","noRipple","disabled","href","noPrefetch","events"];let s=c(t,n),{$$slots:a={},$$scope:i}=t,{class:r=null}=t,{filled:o=!1}=t,{outline:d=!1}=t,{danger:h=!1}=t,{neutral:m=!1}=t,{round:b=!1}=t,{rectangle:g=!1}=t,{small:y=!1}=t,{selected:v=!1}=t,{noRipple:x=!1}=t,{disabled:R=!1}=t,{href:E=null}=t,{noPrefetch:L=!1}=t,{events:T=[]}=t;o&&d&&console.error("A button may not be filled and outlined at the same time"),h&&m&&console.error("A button may not be danger and neutral at the same time"),o&&v&&console.error("A button may not be filled and selected at the same time");const k=u();return e.$$set=e=>{t=p(p({},t),f(e)),l(15,s=c(t,n)),"class"in e&&l(0,r=e.class),"filled"in e&&l(1,o=e.filled),"outline"in e&&l(2,d=e.outline),"danger"in e&&l(3,h=e.danger),"neutral"in e&&l(4,m=e.neutral),"round"in e&&l(5,b=e.round),"rectangle"in e&&l(6,g=e.rectangle),"small"in e&&l(7,y=e.small),"selected"in e&&l(8,v=e.selected),"noRipple"in e&&l(9,x=e.noRipple),"disabled"in e&&l(10,R=e.disabled),"href"in e&&l(11,E=e.href),"noPrefetch"in e&&l(12,L=e.noPrefetch),"events"in e&&l(13,T=e.events),"$$scope"in e&&l(16,i=e.$$scope)},[r,o,d,h,m,b,g,y,v,x,R,E,L,T,k,s,i,a,e=>k("click",{nativeEvent:e}),e=>k("click",{nativeEvent:e})]}var M=class extends e{constructor(e){super(),t(this,e,A,P,l,{class:0,filled:1,outline:2,danger:3,neutral:4,round:5,rectangle:6,small:7,selected:8,noRipple:9,disabled:10,href:11,noPrefetch:12,events:13})}};export{M as B,w as e,N as r};
diff --git a/376/client/calendar-a20becc1.css b/376/client/calendar-a20becc1.css
new file mode 100644
index 000000000..467448780
--- /dev/null
+++ b/376/client/calendar-a20becc1.css
@@ -0,0 +1 @@
+.weekdays.svelte-qsvvhr.svelte-qsvvhr{display:flex;font-size:0.85em;padding:0.5em 1em}.weekdays.svelte-qsvvhr>.weekday.svelte-qsvvhr{text-align:center;width:14.2857142857%}.week.svelte-qsvvhr.svelte-qsvvhr{display:flex}.week.svelte-qsvvhr .day.svelte-qsvvhr{align-items:center;display:flex;justify-content:center;position:relative;width:14.2857142857%}.week.svelte-qsvvhr .day.svelte-qsvvhr:last-child{padding-right:1rem}.week.svelte-qsvvhr .day.svelte-qsvvhr:first-child{padding-left:1rem}.week.svelte-qsvvhr .day.svelte-qsvvhr>.btn{color:#333;font-size:0.9em;font-weight:400;height:2.25rem;justify-content:center;margin:0.0625rem;width:2.25rem;z-index:2}.week.svelte-qsvvhr .day.today.svelte-qsvvhr>.btn{color:#4300b0}.week.svelte-qsvvhr .day.selected.svelte-qsvvhr>.btn{background-color:#5b17cb;color:#fff}.week.svelte-qsvvhr .day.outside.svelte-qsvvhr>.btn{color:#888}.week.svelte-qsvvhr .day.disabled.svelte-qsvvhr>.btn{color:#b80000;position:relative}.week.svelte-qsvvhr .day.disabled.svelte-qsvvhr>.btn::before{background:#b80000;content:"";height:1px;left:50%;position:absolute;top:50%;transform:translateX(-50%) rotate(-30deg);width:50%}.week.svelte-qsvvhr .day.in-range.svelte-qsvvhr::before{background-color:rgba(67, 0, 176, 0.25);content:"";height:2.25rem;left:0;position:absolute;right:0;top:0.0625rem;z-index:1}.week.svelte-qsvvhr .day.outside.selected.svelte-qsvvhr>.btn{color:#fff}.week.svelte-qsvvhr .day.start.svelte-qsvvhr::before{left:unset;right:0;width:1.1875rem}.week.svelte-qsvvhr .day.start.svelte-qsvvhr:last-child::before{width:2.1875rem}.week.svelte-qsvvhr .day.end.svelte-qsvvhr::before{left:0;right:unset;width:1.1875rem}.week.svelte-qsvvhr .day.start.svelte-qsvvhr:last-child::before,.week.svelte-qsvvhr .day.end.svelte-qsvvhr:first-child::before{width:2.1875rem}.week.svelte-qsvvhr .day.start.end.svelte-qsvvhr::before{width:0}
diff --git a/376/client/calendar.445ca53b.js b/376/client/calendar.445ca53b.js
new file mode 100644
index 000000000..9c14ce9ed
--- /dev/null
+++ b/376/client/calendar.445ca53b.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as r,l as s,m as a,U as o,a0 as c,t as f,p as l,q as m,L as p,u as d,h as g,v as i,w as u,k as h,b as x,x as y,d as w,e as E,f as v,g as D,n as b}from"./client.0d36a0cf.js";import{L as O,H as T,P as C}from"./layout.b2760304.js";import{C as k}from"./calendar.d88aafe1.js";import{S}from"./showcase.8eb3893d.js";import{C as N}from"./color-preview.278d2729.js";import{R as A}from"./related-components.2f822d5e.js";import{H as R}from"./h2.122c8b9f.js";import{H as j}from"./h3.1e03849b.js";import{T as G,a as F,b as B,c as P}from"./table.e069c294.js";import"./button.743a388a.js";import"./classes.2453fa25.js";import"./datetime-utils.e026cf1b.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./card.72b37821.js";function I(t){let e;return{c(){e=i("Calendar")},l(t){e=y(t,"Calendar")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function M(t){let e;return{c(){e=i("A calendar component representing a month with selectable days.")},l(t){e=y(t,"A calendar component representing a month with selectable days.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function H(t){let e,$,n,r,s;return{c(){e=i("If you're seeking a ready-to-use date picking solution, consider using "),$=g("a"),n=g("code"),r=i("DatePicker"),s=i("."),this.h()},l(t){e=y(t,"If you're seeking a ready-to-use date picking solution, consider using "),$=h(t,"A",{href:!0});var a=x($);n=h(a,"CODE",{});var o=x(n);r=y(o,"DatePicker"),o.forEach(w),a.forEach(w),s=y(t,"."),this.h()},h(){E($,"href","./docs/components/date-picker")},m(t,a){v(t,e,a),v(t,$,a),D($,n),D(n,r),v(t,s,a)},p:b,d(t){t&&w(e),t&&w($),t&&w(s)}}}function L(t){let e,$,n;return $=new k({props:{month:0,year:2020}}),{c(){e=g("div"),r($.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var n=x(e);s($.$$.fragment,n),n.forEach(w),this.h()},h(){E(e,"slot","showcase"),E(e,"class","padded")},m(t,r){v(t,e,r),a($,e,null),n=!0},p:b,i(t){n||(f($.$$.fragment,t),n=!0)},o(t){l($.$$.fragment,t),n=!1},d(t){t&&w(e),m($)}}}function q(t){let e,$;return{c(){e=g("div"),$=g("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var n=x(e);$=h(n,"PRE",{class:!0}),x($).forEach(w),n.forEach(w),this.h()},h(){E($,"class","language-svelte"),E(e,"slot","source")},m(t,n){v(t,e,n),D(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Calendar</span> <span class="token attr-name">month=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">0</span><span class="token punctuation">&#125;</span></span> <span class="token attr-name">year=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">2020</span><span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span></code>'},p:b,d(t){t&&w(e)}}}function U(t){let e;return{c(){e=i("Properties")},l(t){e=y(t,"Properties")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function V(t){let e;return{c(){e=i("Functional Properties")},l(t){e=y(t,"Functional Properties")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Y(t){let e;return{c(){e=i("Name")},l(t){e=y(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function K(t){let e;return{c(){e=i("Default")},l(t){e=y(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function J(t){let e;return{c(){e=i("Type")},l(t){e=y(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function W(t){let e;return{c(){e=i("Description")},l(t){e=y(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function z(t){let e,$,n,o,c,p,g,i;return e=new B({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function Q(t){let e,$,n,r,s,a,o;return{c(){e=g("mark"),$=g("strong"),n=g("code"),r=i("month"),s=i(" "),a=g("span"),o=i("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);n=h(f,"CODE",{});var l=x(n);r=y(l,"month"),l.forEach(w),f.forEach(w),c.forEach(w),s=y(t," "),a=h(t,"SPAN",{class:!0});var m=x(a);o=y(m,"*"),m.forEach(w),this.h()},h(){E(a,"class","required")},m(t,c){v(t,e,c),D(e,$),D($,n),D(n,r),v(t,s,c),v(t,a,c),D(a,o)},p:b,d(t){t&&w(e),t&&w(s),t&&w(a)}}}function X(t){let e,$;return{c(){e=g("code"),$=i("number")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"number"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function Z(t){let e,$,n;return{c(){e=i("An index of the desired month. "),$=g("br"),n=i(" 0 is for January, 11 is for December.")},l(t){e=y(t,"An index of the desired month. "),$=h(t,"BR",{}),n=y(t," 0 is for January, 11 is for December.")},m(t,r){v(t,e,r),v(t,$,r),v(t,n,r)},p:b,d(t){t&&w(e),t&&w($),t&&w(n)}}}function _(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),n=new P({}),c=new P({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),g.$set(s)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function tt(t){let e,$,n,r,s,a,o;return{c(){e=g("mark"),$=g("strong"),n=g("code"),r=i("year"),s=i(" "),a=g("span"),o=i("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);n=h(f,"CODE",{});var l=x(n);r=y(l,"year"),l.forEach(w),f.forEach(w),c.forEach(w),s=y(t," "),a=h(t,"SPAN",{class:!0});var m=x(a);o=y(m,"*"),m.forEach(w),this.h()},h(){E(a,"class","required")},m(t,c){v(t,e,c),D(e,$),D($,n),D(n,r),v(t,s,c),v(t,a,c),D(a,o)},p:b,d(t){t&&w(e),t&&w(s),t&&w(a)}}}function et(t){let e,$;return{c(){e=g("code"),$=i("number")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"number"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function $t(t){let e;return{c(){e=i("The desired year.")},l(t){e=y(t,"The desired year.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function nt(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),n=new P({}),c=new P({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),g.$set(s)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function rt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("locale")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"locale"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function st(t){let e,$;return{c(){e=g("code"),$=i("undefined")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"undefined"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function at(t){let e,$;return{c(){e=g("code"),$=i("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"string"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function ot(t){let e,$,n,r,s,a,o,c,f;return{c(){e=i("The language tag defining the desired locale (e.g., "),$=g("code"),n=i("en-US"),r=i("). If left "),s=g("code"),a=i("undefined"),o=i(", the user's locale will be used. "),c=g("br"),f=i(" This will affect the weekdays and the day number representations.")},l(t){e=y(t,"The language tag defining the desired locale (e.g., "),$=h(t,"CODE",{});var l=x($);n=y(l,"en-US"),l.forEach(w),r=y(t,"). If left "),s=h(t,"CODE",{});var m=x(s);a=y(m,"undefined"),m.forEach(w),o=y(t,", the user's locale will be used. "),c=h(t,"BR",{}),f=y(t," This will affect the weekdays and the day number representations.")},m(t,l){v(t,e,l),v(t,$,l),D($,n),v(t,r,l),v(t,s,l),D(s,a),v(t,o,l),v(t,c,l),v(t,f,l)},p:b,d(t){t&&w(e),t&&w($),t&&w(r),t&&w(s),t&&w(o),t&&w(c),t&&w(f)}}}function ct(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function ft(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("firstWeekday")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"firstWeekday"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function lt(t){let e,$;return{c(){e=g("code"),$=i("1")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"1"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function mt(t){let e,$;return{c(){e=g("code"),$=i("number")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"number"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function pt(t){let e,$,n;return{c(){e=i("The index of the weekday to start the week at. "),$=g("br"),n=i(" 0 is for Sunday and 6 is for Saturday.")},l(t){e=y(t,"The index of the weekday to start the week at. "),$=h(t,"BR",{}),n=y(t," 0 is for Sunday and 6 is for Saturday.")},m(t,r){v(t,e,r),v(t,$,r),v(t,n,r)},p:b,d(t){t&&w(e),t&&w($),t&&w(n)}}}function dt(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function gt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("selectionStart")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"selectionStart"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function it(t){let e,$;return{c(){e=g("code"),$=i("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"null"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function ut(t){let e,$;return{c(){e=g("code"),$=i("Date")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"Date"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function ht(t){let e,$,n,r;return{c(){e=i("If a selection should be displayed, this should be a "),$=g("code"),n=i("Date"),r=i(" object signifying the start of the selection (can be outside the shown days).")},l(t){e=y(t,"If a selection should be displayed, this should be a "),$=h(t,"CODE",{});var s=x($);n=y(s,"Date"),s.forEach(w),r=y(t," object signifying the start of the selection (can be outside the shown days).")},m(t,s){v(t,e,s),v(t,$,s),D($,n),v(t,r,s)},p:b,d(t){t&&w(e),t&&w($),t&&w(r)}}}function xt(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function yt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("selectionEnd")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"selectionEnd"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function wt(t){let e,$;return{c(){e=g("code"),$=i("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"null"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function Et(t){let e,$;return{c(){e=g("code"),$=i("Date")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"Date"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function vt(t){let e,$,n,r;return{c(){e=i("If a selection should be displayed, this should be a "),$=g("code"),n=i("Date"),r=i(" object signifying the end of the selection (can be outside the shown days).")},l(t){e=y(t,"If a selection should be displayed, this should be a "),$=h(t,"CODE",{});var s=x($);n=y(s,"Date"),s.forEach(w),r=y(t," object signifying the end of the selection (can be outside the shown days).")},m(t,s){v(t,e,s),v(t,$,s),D($,n),v(t,r,s)},p:b,d(t){t&&w(e),t&&w($),t&&w(r)}}}function Dt(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function bt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("disabledDates")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"disabledDates"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function Ot(t){let e,$;return{c(){e=g("code"),$=i("[]")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"[]"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function Tt(t){let e,$;return{c(){e=g("code"),$=i(w$)},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,w$),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function Ct(t){let e;return{c(){e=i("A range of dates (or date ranges) for which to disable selection.")},l(t){e=y(t,"A range of dates (or date ranges) for which to disable selection.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function kt(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function St(t){let e,$,n,o,c,p,i,y,E,b,O,T,C,k,S,N,A,R;return $=new F({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),i=new F({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),E=new F({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),O=new F({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),C=new F({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),S=new F({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),A=new F({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=d(),o=g("tbody"),r(c.$$.fragment),p=d(),r(i.$$.fragment),y=d(),r(E.$$.fragment),b=d(),r(O.$$.fragment),T=d(),r(C.$$.fragment),k=d(),r(S.$$.fragment),N=d(),r(A.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(w),n=u(t),o=h(t,"TBODY",{});var a=x(o);s(c.$$.fragment,a),p=u(a),s(i.$$.fragment,a),y=u(a),s(E.$$.fragment,a),b=u(a),s(O.$$.fragment,a),T=u(a),s(C.$$.fragment,a),k=u(a),s(S.$$.fragment,a),N=u(a),s(A.$$.fragment,a),a.forEach(w)},m(t,r){v(t,e,r),a($,e,null),v(t,n,r),v(t,o,r),a(c,o,null),D(o,p),a(i,o,null),D(o,y),a(E,o,null),D(o,b),a(O,o,null),D(o,T),a(C,o,null),D(o,k),a(S,o,null),D(o,N),a(A,o,null),R=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),i.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),E.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),O.$set(o);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),A.$set(m)},i(t){R||(f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(E.$$.fragment,t),f(O.$$.fragment,t),f(C.$$.fragment,t),f(S.$$.fragment,t),f(A.$$.fragment,t),R=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(E.$$.fragment,t),l(O.$$.fragment,t),l(C.$$.fragment,t),l(S.$$.fragment,t),l(A.$$.fragment,t),R=!1},d(t){t&&w(e),m($),t&&w(n),t&&w(o),m(c),m(i),m(E),m(O),m(C),m(S),m(A)}}}function Nt(t){let e;return{c(){e=i("Class Properties")},l(t){e=y(t,"Class Properties")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function At(t){let e;return{c(){e=i("Falsy values passed to classes will be disregarded.")},l(t){e=y(t,"Falsy values passed to classes will be disregarded.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Rt(t){let e;return{c(){e=i("Name")},l(t){e=y(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function jt(t){let e;return{c(){e=i("Default")},l(t){e=y(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Gt(t){let e;return{c(){e=i("Type")},l(t){e=y(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Ft(t){let e;return{c(){e=i("Description")},l(t){e=y(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Bt(t){let e,$,n,o,c,p,g,i;return e=new B({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function Pt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("weekdaysClass")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"weekdaysClass"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function It(t){let e,$;return{c(){e=g("code"),$=i("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"null"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function Mt(t){let e,$;return{c(){e=g("code"),$=i("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"string"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function Ht(t){let e;return{c(){e=i("A class string to add to the list of weekdays above the calendar.")},l(t){e=y(t,"A class string to add to the list of weekdays above the calendar.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Lt(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function qt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("weekClass")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"weekClass"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function Ut(t){let e,$;return{c(){e=g("code"),$=i("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"null"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function Vt(t){let e,$;return{c(){e=g("code"),$=i("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"string"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function Yt(t){let e;return{c(){e=i("A class string to add to the element containing each row of days in the calendar.")},l(t){e=y(t,"A class string to add to the element containing each row of days in the calendar.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Kt(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function Jt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("dayClass")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"dayClass"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function Wt(t){let e,$;return{c(){e=g("code"),$=i("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"null"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function zt(t){let e,$;return{c(){e=g("code"),$=i("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"string"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function Qt(t){let e;return{c(){e=i("A class string to add to each day in the calendar.")},l(t){e=y(t,"A class string to add to each day in the calendar.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Xt(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function Zt(t){let e,$,n,o,c,p,i,y,E,b;return $=new F({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),i=new F({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),E=new F({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=d(),o=g("tbody"),r(c.$$.fragment),p=d(),r(i.$$.fragment),y=d(),r(E.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(w),n=u(t),o=h(t,"TBODY",{});var a=x(o);s(c.$$.fragment,a),p=u(a),s(i.$$.fragment,a),y=u(a),s(E.$$.fragment,a),a.forEach(w)},m(t,r){v(t,e,r),a($,e,null),v(t,n,r),v(t,o,r),a(c,o,null),D(o,p),a(i,o,null),D(o,y),a(E,o,null),b=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),i.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),E.$set(a)},i(t){b||(f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(E.$$.fragment,t),b=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(E.$$.fragment,t),b=!1},d(t){t&&w(e),m($),t&&w(n),t&&w(o),m(c),m(i),m(E)}}}function _t(t){let e;return{c(){e=i("Translation Properties")},l(t){e=y(t,"Translation Properties")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function te(t){let e;return{c(){e=i("Name")},l(t){e=y(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function ee(t){let e;return{c(){e=i("Default")},l(t){e=y(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function $e(t){let e;return{c(){e=i("Type")},l(t){e=y(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function ne(t){let e;return{c(){e=i("Description")},l(t){e=y(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function re(t){let e,$,n,o,c,p,g,i;return e=new B({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function se(t){let e,$;return{c(){e=g("strong"),$=i("titleTodayNotAvailableMessage")},l(t){e=h(t,"STRONG",{});var n=x(e);$=y(n,"titleTodayNotAvailableMessage"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function ae(t){let e,$;return{c(){e=g("code"),$=i('"Today, not available"')},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,'"Today, not available"'),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function oe(t){let e,$;return{c(){e=g("code"),$=i("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"string"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function ce(t){let e;return{c(){e=i("The tooltip text that appears when hovering over the current day when it is disabled.")},l(t){e=y(t,"The tooltip text that appears when hovering over the current day when it is disabled.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function fe(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function le(t){let e,$;return{c(){e=g("strong"),$=i("titleTodayMessage")},l(t){e=h(t,"STRONG",{});var n=x(e);$=y(n,"titleTodayMessage"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function me(t){let e,$;return{c(){e=g("code"),$=i('"Today"')},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,'"Today"'),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function pe(t){let e,$;return{c(){e=g("code"),$=i("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"string"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function de(t){let e;return{c(){e=i("The tooltip text that appears when hovering over the current day.")},l(t){e=y(t,"The tooltip text that appears when hovering over the current day.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function ge(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function ie(t){let e,$;return{c(){e=g("strong"),$=i("titleNotAvailableMessage")},l(t){e=h(t,"STRONG",{});var n=x(e);$=y(n,"titleNotAvailableMessage"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function ue(t){let e,$;return{c(){e=g("code"),$=i('"Not available"')},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,'"Not available"'),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function he(t){let e,$;return{c(){e=g("code"),$=i("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"string"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function xe(t){let e;return{c(){e=i("The tooltip text that appears when hovering over a day that is disabled.")},l(t){e=y(t,"The tooltip text that appears when hovering over a day that is disabled.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function ye(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function we(t){let e,$,n,o,c,p,i,y,E,b;return $=new F({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),i=new F({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),E=new F({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=d(),o=g("tbody"),r(c.$$.fragment),p=d(),r(i.$$.fragment),y=d(),r(E.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(w),n=u(t),o=h(t,"TBODY",{});var a=x(o);s(c.$$.fragment,a),p=u(a),s(i.$$.fragment,a),y=u(a),s(E.$$.fragment,a),a.forEach(w)},m(t,r){v(t,e,r),a($,e,null),v(t,n,r),v(t,o,r),a(c,o,null),D(o,p),a(i,o,null),D(o,y),a(E,o,null),b=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),i.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),E.$set(a)},i(t){b||(f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(E.$$.fragment,t),b=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(E.$$.fragment,t),b=!1},d(t){t&&w(e),m($),t&&w(n),t&&w(o),m(c),m(i),m(E)}}}function Ee(t){let e;return{c(){e=i("Events")},l(t){e=y(t,"Events")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function ve(t){let e;return{c(){e=i("Name")},l(t){e=y(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function De(t){let e;return{c(){e=i("Event Detail")},l(t){e=y(t,"Event Detail")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function be(t){let e;return{c(){e=i("Description")},l(t){e=y(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Oe(t){let e,$,n,o,c,p;return e=new B({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),p=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t)}}}function Te(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("day-select")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"day-select"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function Ce(t){let e,$;return{c(){e=g("code"),$=i("{ value }")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"{ value }"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function ke(t){let e,$,n,r,s,a,o;return{c(){e=i("Fired when any of the days are clicked. The "),$=g("code"),n=i("value"),r=i(" is a "),s=g("code"),a=i("Date"),o=i(" object of the clicked day.")},l(t){e=y(t,"Fired when any of the days are clicked. The "),$=h(t,"CODE",{});var c=x($);n=y(c,"value"),c.forEach(w),r=y(t," is a "),s=h(t,"CODE",{});var f=x(s);a=y(f,"Date"),f.forEach(w),o=y(t," object of the clicked day.")},m(t,c){v(t,e,c),v(t,$,c),D($,n),v(t,r,c),v(t,s,c),D(s,a),v(t,o,c)},p:b,d(t){t&&w(e),t&&w($),t&&w(r),t&&w(s),t&&w(o)}}}function Se(t){let e,$,n,o,c,p;return e=new P({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),p=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t)}}}function Ne(t){let e,$,n,o,c,p;return $=new F({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=d(),o=g("tbody"),r(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(w),n=u(t),o=h(t,"TBODY",{});var a=x(o);s(c.$$.fragment,a),a.forEach(w)},m(t,r){v(t,e,r),a($,e,null),v(t,n,r),v(t,o,r),a(c,o,null),p=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r)},i(t){p||(f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){t&&w(e),m($),t&&w(n),t&&w(o),m(c)}}}function Ae(t){let e;return{c(){e=i("SCSS Variables")},l(t){e=y(t,"SCSS Variables")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Re(t){let e;return{c(){e=i("Name")},l(t){e=y(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function je(t){let e;return{c(){e=i("Description")},l(t){e=y(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Ge(t){let e;return{c(){e=i("Default")},l(t){e=y(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Fe(t){let e,$,n,o,c,p;return e=new B({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),p=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t)}}}function Be(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$dark")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"$dark"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function Pe(t){let e;return{c(){e=i("The text color of the days in the calendar.")},l(t){e=y(t,"The text color of the days in the calendar.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Ie(t){let e,$;return e=new N({props:{value:"#333333"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){a(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function Me(t){let e,$,n,o,c,p;return e=new P({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),p=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t)}}}function He(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$disabled")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"$disabled"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function Le(t){let e;return{c(){e=i("The text color of the days in the calendar outside the current month.")},l(t){e=y(t,"The text color of the days in the calendar outside the current month.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function qe(t){let e,$;return e=new N({props:{value:"#888888"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){a(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function Ue(t){let e,$,n,o,c,p;return e=new P({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),p=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t)}}}function Ve(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$danger")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"$danger"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function Ye(t){let e;return{c(){e=i("The color of the disabled days in the calendar.")},l(t){e=y(t,"The color of the disabled days in the calendar.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Ke(t){let e,$;return e=new N({props:{value:"#B80000"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){a(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function Je(t){let e,$,n,o,c,p;return e=new P({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),p=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t)}}}function We(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$main-text")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"$main-text"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function ze(t){let e;return{c(){e=i("The text color of the selected days in the calendar.")},l(t){e=y(t,"The text color of the selected days in the calendar.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Qe(t){let e,$;return e=new N({props:{value:"#FFFFFF",bordered:!0}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){a(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function Xe(t){let e,$,n,o,c,p;return e=new P({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Qe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),p=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t)}}}function Ze(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$main")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"$main"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function _e(t){let e;return{c(){e=i("The tint color of the selected days in the calendar and on hover.")},l(t){e=y(t,"The tint color of the selected days in the calendar and on hover.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function t$(t){let e,$;return e=new N({props:{value:"#4300B0"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){a(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function e$(t){let e,$,n,o,c,p;return e=new P({props:{$$slots:{default:[Ze]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),p=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t)}}}function $$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$regular-font-weight")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"$regular-font-weight"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function n$(t){let e;return{c(){e=i("The font weight of the days.")},l(t){e=y(t,"The font weight of the days.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function r$(t){let e,$;return{c(){e=g("code"),$=i("400")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"400"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function s$(t){let e,$,n,o,c,p;return e=new P({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[n$]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[r$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),p=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t)}}}function a$(t){let e,$,n,r,s,a,o,c,f;return{c(){e=g("strong"),$=g("code"),n=i("$font"),r=d(),s=g("small"),a=i("From "),o=g("a"),c=g("code"),f=i("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var m=x($);n=y(m,"$font"),m.forEach(w),l.forEach(w),r=u(t),s=h(t,"SMALL",{});var p=x(s);a=y(p,"From "),o=h(p,"A",{href:!0});var d=x(o);c=h(d,"CODE",{});var g=x(c);f=y(g,"Button"),g.forEach(w),d.forEach(w),p.forEach(w),this.h()},h(){E(o,"href","./docs/components/button")},m(t,l){v(t,e,l),D(e,$),D($,n),v(t,r,l),v(t,s,l),D(s,a),D(s,o),D(o,c),D(c,f)},p:b,d(t){t&&w(e),t&&w(r),t&&w(s)}}}function o$(t){let e;return{c(){e=i("The font of the days in the calendar.")},l(t){e=y(t,"The font of the days in the calendar.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function c$(t){let e,$;return{c(){e=g("code"),$=i("'Ubuntu'")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"'Ubuntu'"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function f$(t){let e,$,n,o,c,p;return e=new P({props:{$$slots:{default:[a$]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[o$]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[c$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),p=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t)}}}function l$(t){let e,$,n,r,s,a,o,c,f;return{c(){e=g("strong"),$=g("code"),n=i("$button-radius"),r=d(),s=g("small"),a=i("From "),o=g("a"),c=g("code"),f=i("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var m=x($);n=y(m,"$button-radius"),m.forEach(w),l.forEach(w),r=u(t),s=h(t,"SMALL",{});var p=x(s);a=y(p,"From "),o=h(p,"A",{href:!0});var d=x(o);c=h(d,"CODE",{});var g=x(c);f=y(g,"Button"),g.forEach(w),d.forEach(w),p.forEach(w),this.h()},h(){E(o,"href","./docs/components/button")},m(t,l){v(t,e,l),D(e,$),D($,n),v(t,r,l),v(t,s,l),D(s,a),D(s,o),D(o,c),D(c,f)},p:b,d(t){t&&w(e),t&&w(r),t&&w(s)}}}function m$(t){let e;return{c(){e=i("The curvature radius of a button.")},l(t){e=y(t,"The curvature radius of a button.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function p$(t){let e,$;return{c(){e=g("code"),$=i("1.5625em")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"1.5625em"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function d$(t){let e,$,n,o,c,p;return e=new P({props:{$$slots:{default:[l$]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[m$]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[p$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),p=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t)}}}function g$(t){let e,$,n,o,c,p,i,y,E,b,O,T,C,k,S,N,A,R,j,G;return $=new F({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),i=new F({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),E=new F({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),O=new F({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),C=new F({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),S=new F({props:{$$slots:{default:[s$]},$$scope:{ctx:t}}}),A=new F({props:{$$slots:{default:[f$]},$$scope:{ctx:t}}}),j=new F({props:{$$slots:{default:[d$]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=d(),o=g("tbody"),r(c.$$.fragment),p=d(),r(i.$$.fragment),y=d(),r(E.$$.fragment),b=d(),r(O.$$.fragment),T=d(),r(C.$$.fragment),k=d(),r(S.$$.fragment),N=d(),r(A.$$.fragment),R=d(),r(j.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(w),n=u(t),o=h(t,"TBODY",{});var a=x(o);s(c.$$.fragment,a),p=u(a),s(i.$$.fragment,a),y=u(a),s(E.$$.fragment,a),b=u(a),s(O.$$.fragment,a),T=u(a),s(C.$$.fragment,a),k=u(a),s(S.$$.fragment,a),N=u(a),s(A.$$.fragment,a),R=u(a),s(j.$$.fragment,a),a.forEach(w)},m(t,r){v(t,e,r),a($,e,null),v(t,n,r),v(t,o,r),a(c,o,null),D(o,p),a(i,o,null),D(o,y),a(E,o,null),D(o,b),a(O,o,null),D(o,T),a(C,o,null),D(o,k),a(S,o,null),D(o,N),a(A,o,null),D(o,R),a(j,o,null),G=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),i.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),E.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),O.$set(o);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),A.$set(m);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),j.$set(p)},i(t){G||(f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(E.$$.fragment,t),f(O.$$.fragment,t),f(C.$$.fragment,t),f(S.$$.fragment,t),f(A.$$.fragment,t),f(j.$$.fragment,t),G=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(E.$$.fragment,t),l(O.$$.fragment,t),l(C.$$.fragment,t),l(S.$$.fragment,t),l(A.$$.fragment,t),l(j.$$.fragment,t),G=!1},d(t){t&&w(e),m($),t&&w(n),t&&w(o),m(c),m(i),m(E),m(O),m(C),m(S),m(A),m(j)}}}function i$(t){let e,$,n,o,c,p,b,O,k,N,F,B,P,Y,K,J,W,z,Q,X,Z,_,tt,et,$t,nt,rt,st,at,ot,ct,ft,lt,mt,pt,dt,gt;return e=new T({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),n=new C({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),c=new C({props:{$$slots:{default:[H]},$$scope:{ctx:t}}}),b=new A({props:{components:y$}}),k=new S({props:{$$slots:{source:[q],showcase:[L]},$$scope:{ctx:t}}}),F=new R({props:{id:"properties",$$slots:{default:[U]},$$scope:{ctx:t}}}),P=new j({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),K=new G({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),X=new j({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),_=new C({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),et=new G({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),nt=new j({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),st=new G({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),ot=new R({props:{id:"events",$$slots:{default:[Ee]},$$scope:{ctx:t}}}),ft=new G({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),mt=new R({props:{id:"scss-variables",$$slots:{default:[Ae]},$$scope:{ctx:t}}}),dt=new G({props:{$$slots:{default:[g$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(b.$$.fragment),O=d(),r(k.$$.fragment),N=d(),r(F.$$.fragment),B=d(),r(P.$$.fragment),Y=d(),r(K.$$.fragment),J=d(),W=g("div"),z=i("* Required"),Q=d(),r(X.$$.fragment),Z=d(),r(_.$$.fragment),tt=d(),r(et.$$.fragment),$t=d(),r(nt.$$.fragment),rt=d(),r(st.$$.fragment),at=d(),r(ot.$$.fragment),ct=d(),r(ft.$$.fragment),lt=d(),r(mt.$$.fragment),pt=d(),r(dt.$$.fragment),this.h()},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(b.$$.fragment,t),O=u(t),s(k.$$.fragment,t),N=u(t),s(F.$$.fragment,t),B=u(t),s(P.$$.fragment,t),Y=u(t),s(K.$$.fragment,t),J=u(t),W=h(t,"DIV",{class:!0});var r=x(W);z=y(r,"* Required"),r.forEach(w),Q=u(t),s(X.$$.fragment,t),Z=u(t),s(_.$$.fragment,t),tt=u(t),s(et.$$.fragment,t),$t=u(t),s(nt.$$.fragment,t),rt=u(t),s(st.$$.fragment,t),at=u(t),s(ot.$$.fragment,t),ct=u(t),s(ft.$$.fragment,t),lt=u(t),s(mt.$$.fragment,t),pt=u(t),s(dt.$$.fragment,t),this.h()},h(){E(W,"class","required")},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(b,t,r),v(t,O,r),a(k,t,r),v(t,N,r),a(F,t,r),v(t,B,r),a(P,t,r),v(t,Y,r),a(K,t,r),v(t,J,r),v(t,W,r),D(W,z),v(t,Q,r),a(X,t,r),v(t,Z,r),a(_,t,r),v(t,tt,r),a(et,t,r),v(t,$t,r),a(nt,t,r),v(t,rt,r),a(st,t,r),v(t,at,r),a(ot,t,r),v(t,ct,r),a(ft,t,r),v(t,lt,r),a(mt,t,r),v(t,pt,r),a(dt,t,r),gt=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),k.$set(o);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),F.$set(f);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),P.$set(l);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),K.$set(m);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),X.$set(p);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),_.$set(d);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),et.$set(g);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),nt.$set(i);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),st.$set(u);const h={};2&$&&(h.$$scope={dirty:$,ctx:t}),ot.$set(h);const x={};2&$&&(x.$$scope={dirty:$,ctx:t}),ft.$set(x);const y={};2&$&&(y.$$scope={dirty:$,ctx:t}),mt.$set(y);const w={};2&$&&(w.$$scope={dirty:$,ctx:t}),dt.$set(w)},i(t){gt||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(b.$$.fragment,t),f(k.$$.fragment,t),f(F.$$.fragment,t),f(P.$$.fragment,t),f(K.$$.fragment,t),f(X.$$.fragment,t),f(_.$$.fragment,t),f(et.$$.fragment,t),f(nt.$$.fragment,t),f(st.$$.fragment,t),f(ot.$$.fragment,t),f(ft.$$.fragment,t),f(mt.$$.fragment,t),f(dt.$$.fragment,t),gt=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(b.$$.fragment,t),l(k.$$.fragment,t),l(F.$$.fragment,t),l(P.$$.fragment,t),l(K.$$.fragment,t),l(X.$$.fragment,t),l(_.$$.fragment,t),l(et.$$.fragment,t),l(nt.$$.fragment,t),l(st.$$.fragment,t),l(ot.$$.fragment,t),l(ft.$$.fragment,t),l(mt.$$.fragment,t),l(dt.$$.fragment,t),gt=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(b,t),t&&w(O),m(k,t),t&&w(N),m(F,t),t&&w(B),m(P,t),t&&w(Y),m(K,t),t&&w(J),t&&w(W),t&&w(Q),m(X,t),t&&w(Z),m(_,t),t&&w(tt),m(et,t),t&&w($t),m(nt,t),t&&w(rt),m(st,t),t&&w(at),m(ot,t),t&&w(ct),m(ft,t),t&&w(lt),m(mt,t),t&&w(pt),m(dt,t)}}}function u$(t){let e,$;const p=[t[0],h$];let d={$$slots:{default:[i$]},$$scope:{ctx:t}};for(let t=0;t<p.length;t+=1)d=n(d,p[t]);return e=new O({props:d}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){a(e,t,n),$=!0},p(t,[$]){const n=1&$?o(p,[1&$&&c(t[0]),0&$&&c(h$)]):{};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}const h$={name:"Calendar",relatedComponents:[{name:"DatePicker",link:"./docs/components/date-picker"}]},{name:x$,relatedComponents:y$}=h$,w$="Array<Date | {start?: Date; end?: Date}>";function E$(t,e,$){return t.$$set=t=>{$(0,e=n(n({},e),p(t)))},[e=p(e)]}class v$ extends t{constructor(t){super(),e(this,t,E$,u$,$,{})}}export{v$ as default,h$ as metadata};
diff --git a/376/client/calendar.d88aafe1.js b/376/client/calendar.d88aafe1.js
new file mode 100644
index 000000000..bcf7b1973
--- /dev/null
+++ b/376/client/calendar.d88aafe1.js
@@ -0,0 +1 @@
+import{S as e,i as t,s as l,h as s,u as a,H as n,k as i,b as o,d as r,w as d,e as c,X as f,f as u,Z as h,t as v,y as g,z as y,p as m,a9 as b,J as p,v as k,x as $,g as w,af as C,j as M,l as N,O as T,m as A,q as D,A as E}from"./client.0d36a0cf.js";import{B as q}from"./button.743a388a.js";import{c as S}from"./classes.2453fa25.js";import{g as j,b as x,d as I,e as W}from"./datetime-utils.e026cf1b.js";function B(e,t,l){const s=e.slice();return s[19]=t[l],s}function V(e,t,l){const s=e.slice();return s[22]=t[l],s}function P(e,t,l){const s=e.slice();return s[25]=t[l],s}function z(e,t){let l,a,n=t[25]+"";return{key:e,first:null,c(){l=s("span"),a=k(n),this.h()},l(e){l=i(e,"SPAN",{class:!0});var t=o(l);a=$(t,n),t.forEach(r),this.h()},h(){c(l,"class","weekday svelte-qsvvhr"),this.first=l},m(e,t){u(e,l,t),w(l,a)},p(e,l){t=e},d(e){e&&r(l)}}}function F(e){let t,l=e[12].format(e[22].value)+"";return{c(){t=k(l)},l(e){t=$(e,l)},m(e,l){u(e,t,l)},p(e,s){312&s&&l!==(l=e[12].format(e[22].value)+"")&&E(t,l)},d(e){e&&r(t)}}}function H(e){let t,l,a,n;return l=new q({props:{title:e[11](e[22]),disabled:e[22].disabled,$$slots:{default:[F]},$$scope:{ctx:e}}}),l.$on("click",(function(...t){return e[18](e[22],...t)})),{c(){t=s("div"),M(l.$$.fragment),this.h()},l(e){t=i(e,"DIV",{class:!0});var s=o(t);N(l.$$.fragment,s),s.forEach(r),this.h()},h(){c(t,"class",a=f(S("day",e[2]))+" svelte-qsvvhr"),T(t,"today",I(e[22].value,e[10])),T(t,"outside",e[22].outside),T(t,"selected",I(e[22].value,e[6])||I(e[22].value,e[7])),T(t,"start",I(e[22].value,e[6])),T(t,"end",I(e[22].value,e[7])),T(t,"in-range",W(e[6],e[22].value)&&W(e[22].value,e[7])),T(t,"disabled",e[22].disabled)},m(e,s){u(e,t,s),A(l,t,null),n=!0},p(s,i){e=s;const o={};312&i&&(o.title=e[11](e[22])),312&i&&(o.disabled=e[22].disabled),268435768&i&&(o.$$scope={dirty:i,ctx:e}),l.$set(o),(!n||4&i&&a!==(a=f(S("day",e[2]))+" svelte-qsvvhr"))&&c(t,"class",a),(!n||1340&i)&&T(t,"today",I(e[22].value,e[10])),(!n||316&i)&&T(t,"outside",e[22].outside),(!n||508&i)&&T(t,"selected",I(e[22].value,e[6])||I(e[22].value,e[7])),(!n||380&i)&&T(t,"start",I(e[22].value,e[6])),(!n||444&i)&&T(t,"end",I(e[22].value,e[7])),(!n||508&i)&&T(t,"in-range",W(e[6],e[22].value)&&W(e[22].value,e[7])),(!n||316&i)&&T(t,"disabled",e[22].disabled)},i(e){n||(v(l.$$.fragment,e),n=!0)},o(e){m(l.$$.fragment,e),n=!1},d(e){e&&r(t),D(l)}}}function J(e){let t,l,n,h,p=e[19],k=[];for(let t=0;t<p.length;t+=1)k[t]=H(V(e,p,t));const $=e=>m(k[e],1,1,(()=>{k[e]=null}));return{c(){t=s("div");for(let e=0;e<k.length;e+=1)k[e].c();l=a(),this.h()},l(e){t=i(e,"DIV",{class:!0});var s=o(t);for(let e=0;e<k.length;e+=1)k[e].l(s);l=d(s),s.forEach(r),this.h()},h(){c(t,"class",n=f(S("week",e[1]))+" svelte-qsvvhr")},m(e,s){u(e,t,s);for(let e=0;e<k.length;e+=1)k[e]&&k[e].m(t,null);w(t,l),h=!0},p(e,s){if(15868&s){let a;for(p=e[19],a=0;a<p.length;a+=1){const n=V(e,p,a);k[a]?(k[a].p(n,s),v(k[a],1)):(k[a]=H(n),k[a].c(),v(k[a],1),k[a].m(t,l))}for(g(),a=p.length;a<k.length;a+=1)$(a);y()}(!h||2&s&&n!==(n=f(S("week",e[1]))+" svelte-qsvvhr"))&&c(t,"class",n)},i(e){if(!h){for(let e=0;e<p.length;e+=1)v(k[e]);h=!0}},o(e){k=k.filter(Boolean);for(let e=0;e<k.length;e+=1)m(k[e]);h=!1},d(e){e&&r(t),b(k,e)}}}function O(e){let t,l,p,k,$,w=[],M=new Map,N=e[9];const T=e=>e[25];for(let t=0;t<N.length;t+=1){let l=P(e,N,t),s=T(l);M.set(s,w[t]=z(s,l))}let A=j(e[4],e[5],e[3],e[8]),D=[];for(let t=0;t<A.length;t+=1)D[t]=J(B(e,A,t));const E=e=>m(D[e],1,1,(()=>{D[e]=null}));return{c(){t=s("div");for(let e=0;e<w.length;e+=1)w[e].c();p=a();for(let e=0;e<D.length;e+=1)D[e].c();k=n(),this.h()},l(e){t=i(e,"DIV",{class:!0});var l=o(t);for(let e=0;e<w.length;e+=1)w[e].l(l);l.forEach(r),p=d(e);for(let t=0;t<D.length;t+=1)D[t].l(e);k=n(),this.h()},h(){c(t,"class",l=f(S("weekdays",e[0]))+" svelte-qsvvhr")},m(e,l){u(e,t,l);for(let e=0;e<w.length;e+=1)w[e]&&w[e].m(t,null);u(e,p,l);for(let t=0;t<D.length;t+=1)D[t]&&D[t].m(e,l);u(e,k,l),$=!0},p(e,[s]){if(512&s&&(N=e[9],w=h(w,s,T,1,e,N,M,t,C,z,null,P)),(!$||1&s&&l!==(l=f(S("weekdays",e[0]))+" svelte-qsvvhr"))&&c(t,"class",l),15870&s){let t;for(A=j(e[4],e[5],e[3],e[8]),t=0;t<A.length;t+=1){const l=B(e,A,t);D[t]?(D[t].p(l,s),v(D[t],1)):(D[t]=J(l),D[t].c(),v(D[t],1),D[t].m(k.parentNode,k))}for(g(),t=A.length;t<D.length;t+=1)E(t);y()}},i(e){if(!$){for(let e=0;e<A.length;e+=1)v(D[e]);$=!0}},o(e){D=D.filter(Boolean);for(let e=0;e<D.length;e+=1)m(D[e]);$=!1},d(e){e&&r(t);for(let e=0;e<w.length;e+=1)w[e].d();e&&r(p),b(D,e),e&&r(k)}}}function X(e,t,l){let{weekdaysClass:s=null}=t,{weekClass:a=null}=t,{dayClass:n=null}=t,{locale:i}=t,{firstWeekday:o=1}=t,{month:r}=t,{year:d}=t,{selectionStart:c=null}=t,{selectionEnd:f=null}=t,{disabledDates:u=[]}=t,{titleTodayNotAvailableMessage:h="Today, not available"}=t,{titleTodayMessage:v="Today"}=t,{titleNotAvailableMessage:g="Not available"}=t;const y=x(i,o),m=new Date;const b=Intl.DateTimeFormat(i,{day:"numeric"}),k=p();return e.$$set=e=>{"weekdaysClass"in e&&l(0,s=e.weekdaysClass),"weekClass"in e&&l(1,a=e.weekClass),"dayClass"in e&&l(2,n=e.dayClass),"locale"in e&&l(14,i=e.locale),"firstWeekday"in e&&l(3,o=e.firstWeekday),"month"in e&&l(4,r=e.month),"year"in e&&l(5,d=e.year),"selectionStart"in e&&l(6,c=e.selectionStart),"selectionEnd"in e&&l(7,f=e.selectionEnd),"disabledDates"in e&&l(8,u=e.disabledDates),"titleTodayNotAvailableMessage"in e&&l(15,h=e.titleTodayNotAvailableMessage),"titleTodayMessage"in e&&l(16,v=e.titleTodayMessage),"titleNotAvailableMessage"in e&&l(17,g=e.titleNotAvailableMessage)},[s,a,n,o,r,d,c,f,u,y,m,function(e){return I(e.value,m)?e.disabled?h:v:e.disabled?g:null},b,k,i,h,v,g,(e,t)=>{t.detail.nativeEvent.stopPropagation(),k("day-select",e.value)}]}var Z=class extends e{constructor(e){super(),t(this,e,X,O,l,{weekdaysClass:0,weekClass:1,dayClass:2,locale:14,firstWeekday:3,month:4,year:5,selectionStart:6,selectionEnd:7,disabledDates:8,titleTodayNotAvailableMessage:15,titleTodayMessage:16,titleNotAvailableMessage:17})}};export{Z as C};
diff --git a/376/client/card-8c29b4bb.css b/376/client/card-8c29b4bb.css
new file mode 100644
index 000000000..76ad531ee
--- /dev/null
+++ b/376/client/card-8c29b4bb.css
@@ -0,0 +1 @@
+.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67, 0, 176, 0.3);box-shadow:none}
diff --git a/376/client/card.296f67fc.js b/376/client/card.296f67fc.js
new file mode 100644
index 000000000..3b902a123
--- /dev/null
+++ b/376/client/card.296f67fc.js
@@ -0,0 +1 @@
+import{S as t,i as $,s as e,K as n,j as r,l as s,m as a,U as o,a0 as c,t as f,p as l,q as p,L as m,u as g,w as d,f as u,d as i,v as x,x as h,h as w,k as y,b as E,e as v,g as D,n as b}from"./client.0d36a0cf.js";import{L as C,H as T,P as O}from"./layout.b2760304.js";import{C as k}from"./card.72b37821.js";import{S}from"./showcase.8eb3893d.js";import{C as N}from"./color-preview.278d2729.js";import{S as j}from"./shadow-preview.f1e703b1.js";import{H as R}from"./h2.122c8b9f.js";import{H as A}from"./h3.1e03849b.js";import{T as F,a as P,b as G,c as H}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./button.743a388a.js";import"./popover.156a947e.js";function B(t){let $;return{c(){$=x("Card")},l(t){$=h(t,"Card")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function I(t){let $;return{c(){$=x("A surface that stands out.")},l(t){$=h(t,"A surface that stands out.")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function V(t){let $;return{c(){$=x("card content")},l(t){$=h(t,"card content")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Y(t){let $;return{c(){$=x("card content")},l(t){$=h(t,"card content")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function L(t){let $,e,n,o,c;return e=new k({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),o=new k({props:{outline:!0,$$slots:{default:[Y]},$$scope:{ctx:t}}}),{c(){$=w("div"),r(e.$$.fragment),n=g(),r(o.$$.fragment),this.h()},l(t){$=y(t,"DIV",{slot:!0,class:!0});var r=E($);s(e.$$.fragment,r),n=d(r),s(o.$$.fragment,r),r.forEach(i),this.h()},h(){v($,"slot","showcase"),v($,"class","padded")},m(t,r){u(t,$,r),a(e,$,null),D($,n),a(o,$,null),c=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),o.$set(r)},i(t){c||(f(e.$$.fragment,t),f(o.$$.fragment,t),c=!0)},o(t){l(e.$$.fragment,t),l(o.$$.fragment,t),c=!1},d(t){t&&i($),p(e),p(o)}}}function z(t){let $,e;return{c(){$=w("div"),e=w("pre"),this.h()},l(t){$=y(t,"DIV",{slot:!0});var n=E($);e=y(n,"PRE",{class:!0}),E(e).forEach(i),n.forEach(i),this.h()},h(){v(e,"class","language-svelte"),v($,"slot","source")},m(t,n){u(t,$,n),D($,e),e.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Card</span><span class="token punctuation">></span></span>card content<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Card</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Card</span> <span class="token attr-name">outline</span><span class="token punctuation">></span></span>card content<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Card</span><span class="token punctuation">></span></span></code>'},p:b,d(t){t&&i($)}}}function q(t){let $;return{c(){$=x("Properties")},l(t){$=h(t,"Properties")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function K(t){let $;return{c(){$=x("Style Properties")},l(t){$=h(t,"Style Properties")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function M(t){let $;return{c(){$=x("Name")},l(t){$=h(t,"Name")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function U(t){let $;return{c(){$=x("Default")},l(t){$=h(t,"Default")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function J(t){let $;return{c(){$=x("Type")},l(t){$=h(t,"Type")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Q(t){let $;return{c(){$=x("Description")},l(t){$=h(t,"Description")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function W(t){let $,e,n,o,c,m,x,h;return $=new G({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),n=new G({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),x=new G({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(x.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t),m=d(t),s(x.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),u(t,m,r),a(x,t,r),h=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),x.$set(o)},i(t){h||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t),t&&i(m),p(x,t)}}}function X(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=x("outline")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=h(s,"outline"),s.forEach(i),r.forEach(i)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&i($)}}}function Z(t){let $,e;return{c(){$=w("code"),e=x("false")},l(t){$=y(t,"CODE",{});var n=E($);e=h(n,"false"),n.forEach(i)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&i($)}}}function _(t){let $,e;return{c(){$=w("code"),e=x("boolean")},l(t){$=y(t,"CODE",{});var n=E($);e=h(n,"boolean"),n.forEach(i)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&i($)}}}function tt(t){let $;return{c(){$=x("Instead of emphasizing the card with a shadow, uses an outline.")},l(t){$=h(t,"Instead of emphasizing the card with a shadow, uses an outline.")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function $t(t){let $,e,n,o,c,m,x,h;return $=new H({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),x=new H({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(x.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t),m=d(t),s(x.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),u(t,m,r),a(x,t,r),h=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),x.$set(o)},i(t){h||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t),t&&i(m),p(x,t)}}}function et(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=x("tight")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=h(s,"tight"),s.forEach(i),r.forEach(i)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&i($)}}}function nt(t){let $,e;return{c(){$=w("code"),e=x("false")},l(t){$=y(t,"CODE",{});var n=E($);e=h(n,"false"),n.forEach(i)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&i($)}}}function rt(t){let $,e;return{c(){$=w("code"),e=x("boolean")},l(t){$=y(t,"CODE",{});var n=E($);e=h(n,"boolean"),n.forEach(i)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&i($)}}}function st(t){let $;return{c(){$=x("Removes the internal padding for full control over the content.")},l(t){$=h(t,"Removes the internal padding for full control over the content.")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function at(t){let $,e,n,o,c,m,x,h;return $=new H({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),x=new H({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(x.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t),m=d(t),s(x.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),u(t,m,r),a(x,t,r),h=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),x.$set(o)},i(t){h||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t),t&&i(m),p(x,t)}}}function ot(t){let $,e,n,o,c,m,x,h;return e=new P({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),x=new P({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),{c(){$=w("thead"),r(e.$$.fragment),n=g(),o=w("tbody"),r(c.$$.fragment),m=g(),r(x.$$.fragment)},l(t){$=y(t,"THEAD",{});var r=E($);s(e.$$.fragment,r),r.forEach(i),n=d(t),o=y(t,"TBODY",{});var a=E(o);s(c.$$.fragment,a),m=d(a),s(x.$$.fragment,a),a.forEach(i)},m(t,r){u(t,$,r),a(e,$,null),u(t,n,r),u(t,o,r),a(c,o,null),D(o,m),a(x,o,null),h=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),x.$set(s)},i(t){h||(f(e.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){t&&i($),p(e),t&&i(n),t&&i(o),p(c),p(x)}}}function ct(t){let $;return{c(){$=x("Functional Properties")},l(t){$=h(t,"Functional Properties")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function ft(t){let $;return{c(){$=x("Name")},l(t){$=h(t,"Name")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function lt(t){let $;return{c(){$=x("Default")},l(t){$=h(t,"Default")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function pt(t){let $;return{c(){$=x("Type")},l(t){$=h(t,"Type")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function mt(t){let $;return{c(){$=x("Description")},l(t){$=h(t,"Description")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function gt(t){let $,e,n,o,c,m,x,h;return $=new G({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),n=new G({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),x=new G({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(x.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t),m=d(t),s(x.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),u(t,m,r),a(x,t,r),h=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),x.$set(o)},i(t){h||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t),t&&i(m),p(x,t)}}}function dt(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=x("...")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=h(s,"..."),s.forEach(i),r.forEach(i)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&i($)}}}function ut(t){let $,e;return{c(){$=w("code"),e=x("any")},l(t){$=y(t,"CODE",{});var n=E($);e=h(n,"any"),n.forEach(i)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&i($)}}}function it(t){let $,e,n,r;return{c(){$=x("Everything else will be passed to the underlying "),e=w("code"),n=x("<div>"),r=x(" element.")},l(t){$=h(t,"Everything else will be passed to the underlying "),e=y(t,"CODE",{});var s=E(e);n=h(s,"<div>"),s.forEach(i),r=h(t," element.")},m(t,s){u(t,$,s),u(t,e,s),D(e,n),u(t,r,s)},p:b,d(t){t&&i($),t&&i(e),t&&i(r)}}}function xt(t){let $,e,n,o,c,m,x,h;return $=new H({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),n=new H({}),c=new H({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),x=new H({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(x.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t),m=d(t),s(x.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),u(t,m,r),a(x,t,r),h=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),x.$set(s)},i(t){h||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t),t&&i(m),p(x,t)}}}function ht(t){let $,e,n,o,c,m;return e=new P({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){$=w("thead"),r(e.$$.fragment),n=g(),o=w("tbody"),r(c.$$.fragment)},l(t){$=y(t,"THEAD",{});var r=E($);s(e.$$.fragment,r),r.forEach(i),n=d(t),o=y(t,"TBODY",{});var a=E(o);s(c.$$.fragment,a),a.forEach(i)},m(t,r){u(t,$,r),a(e,$,null),u(t,n,r),u(t,o,r),a(c,o,null),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(f(e.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&i($),p(e),t&&i(n),t&&i(o),p(c)}}}function wt(t){let $;return{c(){$=x("Class Properties")},l(t){$=h(t,"Class Properties")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function yt(t){let $,e,n,r,s,a,o;return{c(){$=x("All "),e=w("code"),n=x("<Card>"),r=x(" components use the "),s=w("code"),a=x(".card"),o=x(" class.")},l(t){$=h(t,"All "),e=y(t,"CODE",{});var c=E(e);n=h(c,"<Card>"),c.forEach(i),r=h(t," components use the "),s=y(t,"CODE",{});var f=E(s);a=h(f,".card"),f.forEach(i),o=h(t," class.")},m(t,c){u(t,$,c),u(t,e,c),D(e,n),u(t,r,c),u(t,s,c),D(s,a),u(t,o,c)},p:b,d(t){t&&i($),t&&i(e),t&&i(r),t&&i(s),t&&i(o)}}}function Et(t){let $;return{c(){$=x("Falsy values passed to classes will be disregarded.")},l(t){$=h(t,"Falsy values passed to classes will be disregarded.")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function vt(t){let $;return{c(){$=x("Name")},l(t){$=h(t,"Name")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Dt(t){let $;return{c(){$=x("Default")},l(t){$=h(t,"Default")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function bt(t){let $;return{c(){$=x("Type")},l(t){$=h(t,"Type")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Ct(t){let $;return{c(){$=x("Description")},l(t){$=h(t,"Description")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Tt(t){let $,e,n,o,c,m,x,h;return $=new G({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),n=new G({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),x=new G({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(x.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t),m=d(t),s(x.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),u(t,m,r),a(x,t,r),h=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),x.$set(o)},i(t){h||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t),t&&i(m),p(x,t)}}}function Ot(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=x("class")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=h(s,"class"),s.forEach(i),r.forEach(i)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&i($)}}}function kt(t){let $,e;return{c(){$=w("code"),e=x("null")},l(t){$=y(t,"CODE",{});var n=E($);e=h(n,"null"),n.forEach(i)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&i($)}}}function St(t){let $,e;return{c(){$=w("code"),e=x("string")},l(t){$=y(t,"CODE",{});var n=E($);e=h(n,"string"),n.forEach(i)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&i($)}}}function Nt(t){let $;return{c(){$=x("A class string to add to the component.")},l(t){$=h(t,"A class string to add to the component.")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function jt(t){let $,e,n,o,c,m,x,h;return $=new H({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),x=new H({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(x.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t),m=d(t),s(x.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),u(t,m,r),a(x,t,r),h=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),x.$set(o)},i(t){h||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t),t&&i(m),p(x,t)}}}function Rt(t){let $,e,n,o,c,m;return e=new P({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),{c(){$=w("thead"),r(e.$$.fragment),n=g(),o=w("tbody"),r(c.$$.fragment)},l(t){$=y(t,"THEAD",{});var r=E($);s(e.$$.fragment,r),r.forEach(i),n=d(t),o=y(t,"TBODY",{});var a=E(o);s(c.$$.fragment,a),a.forEach(i)},m(t,r){u(t,$,r),a(e,$,null),u(t,n,r),u(t,o,r),a(c,o,null),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(f(e.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&i($),p(e),t&&i(n),t&&i(o),p(c)}}}function At(t){let $;return{c(){$=x("Slots")},l(t){$=h(t,"Slots")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Ft(t){let $;return{c(){$=x("Default slot")},l(t){$=h(t,"Default slot")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Pt(t){let $;return{c(){$=x("The content of the card.")},l(t){$=h(t,"The content of the card.")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Gt(t){let $;return{c(){$=x("SCSS Variables")},l(t){$=h(t,"SCSS Variables")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Ht(t){let $;return{c(){$=x("Name")},l(t){$=h(t,"Name")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Bt(t){let $;return{c(){$=x("Description")},l(t){$=h(t,"Description")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function It(t){let $;return{c(){$=x("Default")},l(t){$=h(t,"Default")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Vt(t){let $,e,n,o,c,m;return $=new G({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),n=new G({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t)}}}function Yt(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=x("$main")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=h(s,"$main"),s.forEach(i),r.forEach(i)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&i($)}}}function Lt(t){let $;return{c(){$=x("The color of the border for outline cards.")},l(t){$=h(t,"The color of the border for outline cards.")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function zt(t){let $,e;return $=new N({props:{value:"#4300B0"}}),{c(){r($.$$.fragment)},l(t){s($.$$.fragment,t)},m(t,n){a($,t,n),e=!0},p:b,i(t){e||(f($.$$.fragment,t),e=!0)},o(t){l($.$$.fragment,t),e=!1},d(t){p($,t)}}}function qt(t){let $,e,n,o,c,m;return $=new H({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t)}}}function Kt(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=x("$background")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=h(s,"$background"),s.forEach(i),r.forEach(i)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&i($)}}}function Mt(t){let $;return{c(){$=x("The background color of the card.")},l(t){$=h(t,"The background color of the card.")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Ut(t){let $,e;return $=new N({props:{value:"#FFFFFF",bordered:!0}}),{c(){r($.$$.fragment)},l(t){s($.$$.fragment,t)},m(t,n){a($,t,n),e=!0},p:b,i(t){e||(f($.$$.fragment,t),e=!0)},o(t){l($.$$.fragment,t),e=!1},d(t){p($,t)}}}function Jt(t){let $,e,n,o,c,m;return $=new H({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t)}}}function Qt(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=x("$shadow-0")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=h(s,"$shadow-0"),s.forEach(i),r.forEach(i)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&i($)}}}function Wt(t){let $;return{c(){$=x("The shadow of regular cards.")},l(t){$=h(t,"The shadow of regular cards.")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Xt(t){let $,e;return $=new j({props:{value:c$}}),{c(){r($.$$.fragment)},l(t){s($.$$.fragment,t)},m(t,n){a($,t,n),e=!0},p:b,i(t){e||(f($.$$.fragment,t),e=!0)},o(t){l($.$$.fragment,t),e=!1},d(t){p($,t)}}}function Zt(t){let $,e,n,o,c,m;return $=new H({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t)}}}function _t(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=x("$card-radius")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=h(s,"$card-radius"),s.forEach(i),r.forEach(i)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&i($)}}}function t$(t){let $;return{c(){$=x("The curvature radius of a card.")},l(t){$=h(t,"The curvature radius of a card.")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function $$(t){let $,e;return{c(){$=w("code"),e=x("1.25em")},l(t){$=y(t,"CODE",{});var n=E($);e=h(n,"1.25em"),n.forEach(i)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&i($)}}}function e$(t){let $,e,n,o,c,m;return $=new H({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t)}}}function n$(t){let $,e,n,o,c,m,x,h,v,b,C,T;return e=new P({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),x=new P({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),v=new P({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),C=new P({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),{c(){$=w("thead"),r(e.$$.fragment),n=g(),o=w("tbody"),r(c.$$.fragment),m=g(),r(x.$$.fragment),h=g(),r(v.$$.fragment),b=g(),r(C.$$.fragment)},l(t){$=y(t,"THEAD",{});var r=E($);s(e.$$.fragment,r),r.forEach(i),n=d(t),o=y(t,"TBODY",{});var a=E(o);s(c.$$.fragment,a),m=d(a),s(x.$$.fragment,a),h=d(a),s(v.$$.fragment,a),b=d(a),s(C.$$.fragment,a),a.forEach(i)},m(t,r){u(t,$,r),a(e,$,null),u(t,n,r),u(t,o,r),a(c,o,null),D(o,m),a(x,o,null),D(o,h),a(v,o,null),D(o,b),a(C,o,null),T=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),x.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),v.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),C.$set(o)},i(t){T||(f(e.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),f(v.$$.fragment,t),f(C.$$.fragment,t),T=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),l(v.$$.fragment,t),l(C.$$.fragment,t),T=!1},d(t){t&&i($),p(e),t&&i(n),t&&i(o),p(c),p(x),p(v),p(C)}}}function r$(t){let $,e,n,o,c,m,x,h,w,y,E,v,D,b,C,k,N,j,P,G,H,V,Y,M,U,J,Q,W,X,Z,_,tt,$t,et;return $=new T({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),n=new O({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),c=new S({props:{$$slots:{source:[z],showcase:[L]},$$scope:{ctx:t}}}),x=new R({props:{id:"properties",$$slots:{default:[q]},$$scope:{ctx:t}}}),w=new A({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),E=new F({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),D=new A({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),C=new F({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),N=new A({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),P=new O({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),H=new O({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),Y=new F({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),U=new R({props:{id:"slots",$$slots:{default:[At]},$$scope:{ctx:t}}}),Q=new A({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),X=new O({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),_=new R({props:{id:"scss-variables",$$slots:{default:[Gt]},$$scope:{ctx:t}}}),$t=new F({props:{$$slots:{default:[n$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(x.$$.fragment),h=g(),r(w.$$.fragment),y=g(),r(E.$$.fragment),v=g(),r(D.$$.fragment),b=g(),r(C.$$.fragment),k=g(),r(N.$$.fragment),j=g(),r(P.$$.fragment),G=g(),r(H.$$.fragment),V=g(),r(Y.$$.fragment),M=g(),r(U.$$.fragment),J=g(),r(Q.$$.fragment),W=g(),r(X.$$.fragment),Z=g(),r(_.$$.fragment),tt=g(),r($t.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t),m=d(t),s(x.$$.fragment,t),h=d(t),s(w.$$.fragment,t),y=d(t),s(E.$$.fragment,t),v=d(t),s(D.$$.fragment,t),b=d(t),s(C.$$.fragment,t),k=d(t),s(N.$$.fragment,t),j=d(t),s(P.$$.fragment,t),G=d(t),s(H.$$.fragment,t),V=d(t),s(Y.$$.fragment,t),M=d(t),s(U.$$.fragment,t),J=d(t),s(Q.$$.fragment,t),W=d(t),s(X.$$.fragment,t),Z=d(t),s(_.$$.fragment,t),tt=d(t),s($t.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),u(t,m,r),a(x,t,r),u(t,h,r),a(w,t,r),u(t,y,r),a(E,t,r),u(t,v,r),a(D,t,r),u(t,b,r),a(C,t,r),u(t,k,r),a(N,t,r),u(t,j,r),a(P,t,r),u(t,G,r),a(H,t,r),u(t,V,r),a(Y,t,r),u(t,M,r),a(U,t,r),u(t,J,r),a(Q,t,r),u(t,W,r),a(X,t,r),u(t,Z,r),a(_,t,r),u(t,tt,r),a($t,t,r),et=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),x.$set(o);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),w.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),E.$set(l);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),D.$set(p);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),C.$set(m);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),N.$set(g);const d={};2&e&&(d.$$scope={dirty:e,ctx:t}),P.$set(d);const u={};2&e&&(u.$$scope={dirty:e,ctx:t}),H.$set(u);const i={};2&e&&(i.$$scope={dirty:e,ctx:t}),Y.$set(i);const h={};2&e&&(h.$$scope={dirty:e,ctx:t}),U.$set(h);const y={};2&e&&(y.$$scope={dirty:e,ctx:t}),Q.$set(y);const v={};2&e&&(v.$$scope={dirty:e,ctx:t}),X.$set(v);const b={};2&e&&(b.$$scope={dirty:e,ctx:t}),_.$set(b);const T={};2&e&&(T.$$scope={dirty:e,ctx:t}),$t.$set(T)},i(t){et||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),f(w.$$.fragment,t),f(E.$$.fragment,t),f(D.$$.fragment,t),f(C.$$.fragment,t),f(N.$$.fragment,t),f(P.$$.fragment,t),f(H.$$.fragment,t),f(Y.$$.fragment,t),f(U.$$.fragment,t),f(Q.$$.fragment,t),f(X.$$.fragment,t),f(_.$$.fragment,t),f($t.$$.fragment,t),et=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),l(w.$$.fragment,t),l(E.$$.fragment,t),l(D.$$.fragment,t),l(C.$$.fragment,t),l(N.$$.fragment,t),l(P.$$.fragment,t),l(H.$$.fragment,t),l(Y.$$.fragment,t),l(U.$$.fragment,t),l(Q.$$.fragment,t),l(X.$$.fragment,t),l(_.$$.fragment,t),l($t.$$.fragment,t),et=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t),t&&i(m),p(x,t),t&&i(h),p(w,t),t&&i(y),p(E,t),t&&i(v),p(D,t),t&&i(b),p(C,t),t&&i(k),p(N,t),t&&i(j),p(P,t),t&&i(G),p(H,t),t&&i(V),p(Y,t),t&&i(M),p(U,t),t&&i(J),p(Q,t),t&&i(W),p(X,t),t&&i(Z),p(_,t),t&&i(tt),p($t,t)}}}function s$(t){let $,e;const m=[t[0],a$];let g={$$slots:{default:[r$]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)g=n(g,m[t]);return $=new C({props:g}),{c(){r($.$$.fragment)},l(t){s($.$$.fragment,t)},m(t,n){a($,t,n),e=!0},p(t,[e]){const n=1&e?o(m,[1&e&&c(t[0]),0&e&&c(a$)]):{};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n)},i(t){e||(f($.$$.fragment,t),e=!0)},o(t){l($.$$.fragment,t),e=!1},d(t){p($,t)}}}const a$={name:"Card",shadow0:"0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);"},{name:o$,shadow0:c$}=a$;function f$(t,$,e){return t.$$set=t=>{e(0,$=n(n({},$),m(t)))},[$=m($)]}class l$ extends t{constructor(t){super(),$(this,t,f$,s$,e,{})}}export{l$ as default,a$ as metadata};
diff --git a/376/client/card.72b37821.js b/376/client/card.72b37821.js
new file mode 100644
index 000000000..33bda32c4
--- /dev/null
+++ b/376/client/card.72b37821.js
@@ -0,0 +1 @@
+import{S as s,i as t,s as a,M as l,K as n,h as e,k as i,b as c,d as o,N as u,O as r,f as h,Q as d,R as p,T as f,U as $,t as g,p as m,I as v,L as b}from"./client.0d36a0cf.js";import{c as j}from"./classes.2453fa25.js";function x(s){let t,a,v;const b=s[5].default,x=l(b,s,s[4],null);let I=[{class:a=j("card",s[0],s[1]&&"no-padding")},s[3]],k={};for(let s=0;s<I.length;s+=1)k=n(k,I[s]);return{c(){t=e("div"),x&&x.c(),this.h()},l(s){t=i(s,"DIV",{class:!0});var a=c(t);x&&x.l(a),a.forEach(o),this.h()},h(){u(t,k),r(t,"outline",s[2]),r(t,"svelte-1bts72l",!0)},m(s,a){h(s,t,a),x&&x.m(t,null),v=!0},p(s,[l]){x&&x.p&&(!v||16&l)&&d(x,b,s,s[4],v?f(b,s[4],l,null):p(s[4]),null),u(t,k=$(I,[(!v||3&l&&a!==(a=j("card",s[0],s[1]&&"no-padding")))&&{class:a},8&l&&s[3]])),r(t,"outline",s[2]),r(t,"svelte-1bts72l",!0)},i(s){v||(g(x,s),v=!0)},o(s){m(x,s),v=!1},d(s){s&&o(t),x&&x.d(s)}}}function I(s,t,a){const l=["class","tight","outline"];let e=v(t,l),{$$slots:i={},$$scope:c}=t,{class:o=null}=t,{tight:u=!1}=t,{outline:r=!1}=t;return s.$$set=s=>{t=n(n({},t),b(s)),a(3,e=v(t,l)),"class"in s&&a(0,o=s.class),"tight"in s&&a(1,u=s.tight),"outline"in s&&a(2,r=s.outline),"$$scope"in s&&a(4,c=s.$$scope)},[o,u,r,e,c,i]}var k=class extends s{constructor(s){super(),t(this,s,I,x,a,{class:0,tight:1,outline:2})}};export{k as C};
diff --git a/376/client/changelog.9b6cfd5e.js b/376/client/changelog.9b6cfd5e.js
new file mode 100644
index 000000000..63a1cdcd6
--- /dev/null
+++ b/376/client/changelog.9b6cfd5e.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as r,K as o,j as n,l as $,m as s,U as a,a0 as c,t as l,p as i,q as f,L as h,u as p,h as m,w as d,k as g,f as u,d as w,v as x,x as y,b as v,e as b,g as E,n as A}from"./client.0d36a0cf.js";import{H as C,P as T,L as k}from"./layout.b2760304.js";import{L as D}from"./layout-no-head.00bd36a6.js";import{H as O}from"./h2.122c8b9f.js";import{H as S}from"./h3.1e03849b.js";import{U as F,L as P}from"./ul.abdb9780.js";function R(t){let e;return{c(){e=x("Changelog")},l(t){e=y(t,"Changelog")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function N(t){let e;return{c(){e=x("All notable changes to this project will be documented here.")},l(t){e=y(t,"All notable changes to this project will be documented here.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function j(t){let e,r,o,n,$,s,a;return{c(){e=x("The format is based on "),r=m("a"),o=x("Keep a Changelog"),n=x(" and this project adheres to "),$=m("a"),s=x("Semantic Versioning"),a=x("."),this.h()},l(t){e=y(t,"The format is based on "),r=g(t,"A",{href:!0,rel:!0});var c=v(r);o=y(c,"Keep a Changelog"),c.forEach(w),n=y(t," and this project adheres to "),$=g(t,"A",{href:!0,rel:!0});var l=v($);s=y(l,"Semantic Versioning"),l.forEach(w),a=y(t,"."),this.h()},h(){b(r,"href","https://keepachangelog.com/"),b(r,"rel","nofollow"),b($,"href","https://semver.org/"),b($,"rel","nofollow")},m(t,c){u(t,e,c),u(t,r,c),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a)}}}function z(t){let e,r,o;return{c(){e=m("a"),r=x("3.7.1"),o=x(" - 2023-06-25"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"3.7.1"),n.forEach(w),o=y(t," - 2023-06-25"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v3.7.1"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function B(t){let e;return{c(){e=x("Added")},l(t){e=y(t,"Added")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function I(t){let e,r,o,n,$,s,a;return{c(){e=x("Slots and props for various components to better support localization (Thanks to "),r=m("a"),o=x("@Bluzzi"),n=x(" for "),$=m("a"),s=x("#345"),a=x(")."),this.h()},l(t){e=y(t,"Slots and props for various components to better support localization (Thanks to "),r=g(t,"A",{href:!0,rel:!0});var c=v(r);o=y(c,"@Bluzzi"),c.forEach(w),n=y(t," for "),$=g(t,"A",{href:!0,rel:!0});var l=v($);s=y(l,"#345"),l.forEach(w),a=y(t,")."),this.h()},h(){b(r,"href","https://github.com/Bluzzi"),b(r,"rel","nofollow"),b($,"href","https://github.com/illright/attractions/pull/345"),b($,"rel","nofollow")},m(t,c){u(t,e,c),u(t,r,c),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a)}}}function K(t){let e,r;return e=new P({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function G(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function M(t){let e,r,o,n;return{c(){e=x("Improved typings for some components and utils ("),r=m("a"),o=x("#334"),n=x(")."),this.h()},l(t){e=y(t,"Improved typings for some components and utils ("),r=g(t,"A",{href:!0,rel:!0});var $=v(r);o=y($,"#334"),$.forEach(w),n=y(t,")."),this.h()},h(){b(r,"href","https://github.com/illright/attractions/pull/334"),b(r,"rel","nofollow")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function L(t){let e;return{c(){e=x("Required props will now be marked as such in the component typings.")},l(t){e=y(t,"Required props will now be marked as such in the component typings.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function V(t){let e,r,o,n,$,s,a;return{c(){e=x("Silenced some false-positive warnings by the svelte compiler (Thanks to "),r=m("a"),o=x("@noosxe"),n=x(" for "),$=m("a"),s=x("#369"),a=x(")"),this.h()},l(t){e=y(t,"Silenced some false-positive warnings by the svelte compiler (Thanks to "),r=g(t,"A",{href:!0,rel:!0});var c=v(r);o=y(c,"@noosxe"),c.forEach(w),n=y(t," for "),$=g(t,"A",{href:!0,rel:!0});var l=v($);s=y(l,"#369"),l.forEach(w),a=y(t,")"),this.h()},h(){b(r,"href","https://github.com/noosxe"),b(r,"rel","nofollow"),b($,"href","https://github.com/illright/attractions/pull/369"),b($,"rel","nofollow")},m(t,c){u(t,e,c),u(t,r,c),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a)}}}function q(t){let e,r,o,a,c,h;return e=new P({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment),a=p(),n(c.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t),a=d(t),$(c.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),u(t,a,n),s(c,t,n),h=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($);const s={};2&r&&(s.$$scope={dirty:r,ctx:t}),c.$set(s)},i(t){h||(l(e.$$.fragment,t),l(o.$$.fragment,t),l(c.$$.fragment,t),h=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),i(c.$$.fragment,t),h=!1},d(t){f(e,t),t&&w(r),f(o,t),t&&w(a),f(c,t)}}}function J(t){let e,r,o;return{c(){e=m("a"),r=x("3.7.0"),o=x(" – 2021-12-30"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"3.7.0"),n.forEach(w),o=y(t," – 2021-12-30"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v3.7.0"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function U(t){let e;return{c(){e=x("Added")},l(t){e=y(t,"Added")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function W(t){let e,r,o,n,$,s,a,c,l,i,f,h,p,d,C,T;return{c(){e=x("The "),r=m("code"),o=x("hideNow"),n=x(" prop to the "),$=m("code"),s=x("TimePicker"),a=x(" component has been added to hide the "),c=m("code"),l=x("now"),i=x(" button (Thanks to "),f=m("a"),h=x("@CuriousCI"),p=x(" for the contribution - "),d=m("a"),C=x("#331"),T=x(")."),this.h()},l(t){e=y(t,"The "),r=g(t,"CODE",{});var m=v(r);o=y(m,"hideNow"),m.forEach(w),n=y(t," prop to the "),$=g(t,"CODE",{});var u=v($);s=y(u,"TimePicker"),u.forEach(w),a=y(t," component has been added to hide the "),c=g(t,"CODE",{});var x=v(c);l=y(x,"now"),x.forEach(w),i=y(t," button (Thanks to "),f=g(t,"A",{href:!0,rel:!0});var b=v(f);h=y(b,"@CuriousCI"),b.forEach(w),p=y(t," for the contribution - "),d=g(t,"A",{href:!0,rel:!0});var E=v(d);C=y(E,"#331"),E.forEach(w),T=y(t,")."),this.h()},h(){b(f,"href","https://github.com/CuriousCI"),b(f,"rel","nofollow"),b(d,"href","https://github.com/illright/attractions/pull/331"),b(d,"rel","nofollow")},m(t,m){u(t,e,m),u(t,r,m),E(r,o),u(t,n,m),u(t,$,m),E($,s),u(t,a,m),u(t,c,m),E(c,l),u(t,i,m),u(t,f,m),E(f,h),u(t,p,m),u(t,d,m),E(d,C),u(t,T,m)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a),t&&w(c),t&&w(i),t&&w(f),t&&w(p),t&&w(d),t&&w(T)}}}function Y(t){let e,r;return e=new P({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function H(t){let e,r,o;return{c(){e=m("a"),r=x("3.6.0"),o=x(" - 2021-12-23"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"3.6.0"),n.forEach(w),o=y(t," - 2021-12-23"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v3.6.0"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function X(t){let e;return{c(){e=x("Changed")},l(t){e=y(t,"Changed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Q(t){let e,r,o,n,$,s,a,c,l,i,f,h,p,d,C,T;return{c(){e=x("Implement automatic positioning of the "),r=m("a"),o=x("Dropdown"),n=x(". This will prevent it from going off-screen in certain cases. This is also the new default behaviour; the previous alignment props ("),$=m("code"),s=x("right"),a=x(" and "),c=m("code"),l=x("top"),i=x(") are now deprecated (Thanks to "),f=m("a"),h=x("@Th1nkK1D"),p=x(" for the contribution - "),d=m("a"),C=x("#318"),T=x(")."),this.h()},l(t){e=y(t,"Implement automatic positioning of the "),r=g(t,"A",{href:!0,rel:!0});var m=v(r);o=y(m,"Dropdown"),m.forEach(w),n=y(t,". This will prevent it from going off-screen in certain cases. This is also the new default behaviour; the previous alignment props ("),$=g(t,"CODE",{});var u=v($);s=y(u,"right"),u.forEach(w),a=y(t," and "),c=g(t,"CODE",{});var x=v(c);l=y(x,"top"),x.forEach(w),i=y(t,") are now deprecated (Thanks to "),f=g(t,"A",{href:!0,rel:!0});var b=v(f);h=y(b,"@Th1nkK1D"),b.forEach(w),p=y(t," for the contribution - "),d=g(t,"A",{href:!0,rel:!0});var E=v(d);C=y(E,"#318"),E.forEach(w),T=y(t,")."),this.h()},h(){b(r,"href","https://illright.github.io/attractions/docs/components/dropdown/"),b(r,"rel","nofollow"),b(f,"href","https://github.com/Th1nkK1D"),b(f,"rel","nofollow"),b(d,"href","https://github.com/illright/attractions/pull/318"),b(d,"rel","nofollow")},m(t,m){u(t,e,m),u(t,r,m),E(r,o),u(t,n,m),u(t,$,m),E($,s),u(t,a,m),u(t,c,m),E(c,l),u(t,i,m),u(t,f,m),E(f,h),u(t,p,m),u(t,d,m),E(d,C),u(t,T,m)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a),t&&w(c),t&&w(i),t&&w(f),t&&w(p),t&&w(d),t&&w(T)}}}function Z(t){let e,r;return e=new P({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function _(t){let e,r,o;return{c(){e=m("a"),r=x("3.5.2"),o=x(" - 2021-11-21"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"3.5.2"),n.forEach(w),o=y(t," - 2021-11-21"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v3.5.2"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function tt(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function et(t){let e,r,o,n,$,s,a,c,l,i;return{c(){e=x("One more issue with the type of "),r=m("code"),o=x("AutocompleteField"),n=x("'s "),$=m("code"),s=x("OptionGetter"),a=x(" (the type of the "),c=m("code"),l=x("getOptions"),i=x(" prop).")},l(t){e=y(t,"One more issue with the type of "),r=g(t,"CODE",{});var f=v(r);o=y(f,"AutocompleteField"),f.forEach(w),n=y(t,"'s "),$=g(t,"CODE",{});var h=v($);s=y(h,"OptionGetter"),h.forEach(w),a=y(t," (the type of the "),c=g(t,"CODE",{});var p=v(c);l=y(p,"getOptions"),p.forEach(w),i=y(t," prop).")},m(t,f){u(t,e,f),u(t,r,f),E(r,o),u(t,n,f),u(t,$,f),E($,s),u(t,a,f),u(t,c,f),E(c,l),u(t,i,f)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a),t&&w(c),t&&w(i)}}}function rt(t){let e,r;return e=new P({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function ot(t){let e,r,o;return{c(){e=m("a"),r=x("3.5.1"),o=x(" - 2021-11-20"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"3.5.1"),n.forEach(w),o=y(t," - 2021-11-20"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v3.5.1"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function nt(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function $t(t){let e,r,o,n;return{c(){e=x("Fixed a minor regression in the types of components that extend other components ("),r=m("a"),o=x("#325"),n=x(")."),this.h()},l(t){e=y(t,"Fixed a minor regression in the types of components that extend other components ("),r=g(t,"A",{href:!0,rel:!0});var $=v(r);o=y($,"#325"),$.forEach(w),n=y(t,")."),this.h()},h(){b(r,"href","https://github.com/illright/attractions/issues/325"),b(r,"rel","nofollow")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function st(t){let e,r;return e=new P({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function at(t){let e,r,o;return{c(){e=m("a"),r=x("3.5.0"),o=x(" - 2021-11-08"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"3.5.0"),n.forEach(w),o=y(t," - 2021-11-08"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v3.5.0"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function ct(t){let e;return{c(){e=x("Added")},l(t){e=y(t,"Added")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function lt(t){let e,r,o,n,$,s,a,c,l,i,f,h,p,d,C,T,k;return{c(){e=x("The "),r=m("a"),o=m("code"),n=x("Slider"),$=x(" component has been added, allowing you to create a slider similar to the one you would get with "),s=m("code"),a=x('<input type="range">'),c=x(". It also support inputting a range by supplying a tuple for the "),l=m("code"),i=x("value"),f=x(" prop (Thanks to "),h=m("a"),p=x("@RikuVan"),d=x(" for the contribution - "),C=m("a"),T=x("#290"),k=x(")."),this.h()},l(t){e=y(t,"The "),r=g(t,"A",{href:!0,rel:!0});var m=v(r);o=g(m,"CODE",{});var u=v(o);n=y(u,"Slider"),u.forEach(w),m.forEach(w),$=y(t," component has been added, allowing you to create a slider similar to the one you would get with "),s=g(t,"CODE",{});var x=v(s);a=y(x,'<input type="range">'),x.forEach(w),c=y(t,". It also support inputting a range by supplying a tuple for the "),l=g(t,"CODE",{});var b=v(l);i=y(b,"value"),b.forEach(w),f=y(t," prop (Thanks to "),h=g(t,"A",{href:!0,rel:!0});var E=v(h);p=y(E,"@RikuVan"),E.forEach(w),d=y(t," for the contribution - "),C=g(t,"A",{href:!0,rel:!0});var A=v(C);T=y(A,"#290"),A.forEach(w),k=y(t,")."),this.h()},h(){b(r,"href","https://illright.github.io/attractions/docs/components/slider"),b(r,"rel","nofollow"),b(h,"href","https://github.com/RikuVan"),b(h,"rel","nofollow"),b(C,"href","https://github.com/illright/attractions/pull/290"),b(C,"rel","nofollow")},m(t,m){u(t,e,m),u(t,r,m),E(r,o),E(o,n),u(t,$,m),u(t,s,m),E(s,a),u(t,c,m),u(t,l,m),E(l,i),u(t,f,m),u(t,h,m),E(h,p),u(t,d,m),u(t,C,m),E(C,T),u(t,k,m)},p:A,d(t){t&&w(e),t&&w(r),t&&w($),t&&w(s),t&&w(c),t&&w(l),t&&w(f),t&&w(h),t&&w(d),t&&w(C),t&&w(k)}}}function it(t){let e,r,o,n,$,s,a;return{c(){e=x("The "),r=m("code"),o=x("closeOnSelection"),n=x(" prop to the "),$=m("code"),s=x("DatePicker"),a=x(" component has been added to close the dropdown after a selection has been made.")},l(t){e=y(t,"The "),r=g(t,"CODE",{});var c=v(r);o=y(c,"closeOnSelection"),c.forEach(w),n=y(t," prop to the "),$=g(t,"CODE",{});var l=v($);s=y(l,"DatePicker"),l.forEach(w),a=y(t," component has been added to close the dropdown after a selection has been made.")},m(t,c){u(t,e,c),u(t,r,c),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a)}}}function ft(t){let e,r,o,a;return e=new P({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),a=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($)},i(t){a||(l(e.$$.fragment,t),l(o.$$.fragment,t),a=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),a=!1},d(t){f(e,t),t&&w(r),f(o,t)}}}function ht(t){let e;return{c(){e=x("Changed")},l(t){e=y(t,"Changed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function pt(t){let e,r,o,n,$,s,a,c,l,i,f,h,p,d;return{c(){e=x("Change the "),r=m("a"),o=m("code"),n=x("Dropdown"),$=x(" chevron transition animation to a "),s=m("code"),a=x("scaleY(-1)"),c=x(" for "),l=m("code"),i=x("150ms"),f=x(" ("),h=m("a"),p=x("#310"),d=x(")."),this.h()},l(t){e=y(t,"Change the "),r=g(t,"A",{href:!0,rel:!0});var m=v(r);o=g(m,"CODE",{});var u=v(o);n=y(u,"Dropdown"),u.forEach(w),m.forEach(w),$=y(t," chevron transition animation to a "),s=g(t,"CODE",{});var x=v(s);a=y(x,"scaleY(-1)"),x.forEach(w),c=y(t," for "),l=g(t,"CODE",{});var b=v(l);i=y(b,"150ms"),b.forEach(w),f=y(t," ("),h=g(t,"A",{href:!0,rel:!0});var E=v(h);p=y(E,"#310"),E.forEach(w),d=y(t,")."),this.h()},h(){b(r,"href","https://illright.github.io/attractions/docs/components/dropdown"),b(r,"rel","nofollow"),b(h,"href","https://github.com/illright/attractions/pull/310"),b(h,"rel","nofollow")},m(t,m){u(t,e,m),u(t,r,m),E(r,o),E(o,n),u(t,$,m),u(t,s,m),E(s,a),u(t,c,m),u(t,l,m),E(l,i),u(t,f,m),u(t,h,m),E(h,p),u(t,d,m)},p:A,d(t){t&&w(e),t&&w(r),t&&w($),t&&w(s),t&&w(c),t&&w(l),t&&w(f),t&&w(h),t&&w(d)}}}function mt(t){let e,r,o,n,$,s,a,c;return{c(){e=x("The "),r=m("a"),o=m("code"),n=x("Card"),$=x(" component will now use the SCSS "),s=m("code"),a=x("$background"),c=x(" variable as its default background color instead of the hard-coded white color."),this.h()},l(t){e=y(t,"The "),r=g(t,"A",{href:!0,rel:!0});var l=v(r);o=g(l,"CODE",{});var i=v(o);n=y(i,"Card"),i.forEach(w),l.forEach(w),$=y(t," component will now use the SCSS "),s=g(t,"CODE",{});var f=v(s);a=y(f,"$background"),f.forEach(w),c=y(t," variable as its default background color instead of the hard-coded white color."),this.h()},h(){b(r,"href","https://illright.github.io/attractions/docs/components/card"),b(r,"rel","nofollow")},m(t,l){u(t,e,l),u(t,r,l),E(r,o),E(o,n),u(t,$,l),u(t,s,l),E(s,a),u(t,c,l)},p:A,d(t){t&&w(e),t&&w(r),t&&w($),t&&w(s),t&&w(c)}}}function dt(t){let e,r,o,a;return e=new P({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),a=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($)},i(t){a||(l(e.$$.fragment,t),l(o.$$.fragment,t),a=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),a=!1},d(t){f(e,t),t&&w(r),f(o,t)}}}function gt(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function ut(t){let e,r,o,n,$,s,a,c;return{c(){e=x("Fixed some types and documentation mistakes for the "),r=m("a"),o=m("code"),n=x("Accordion"),$=x(" component ("),s=m("a"),a=x("#316"),c=x(")."),this.h()},l(t){e=y(t,"Fixed some types and documentation mistakes for the "),r=g(t,"A",{href:!0,rel:!0});var l=v(r);o=g(l,"CODE",{});var i=v(o);n=y(i,"Accordion"),i.forEach(w),l.forEach(w),$=y(t," component ("),s=g(t,"A",{href:!0,rel:!0});var f=v(s);a=y(f,"#316"),f.forEach(w),c=y(t,")."),this.h()},h(){b(r,"href","https://illright.github.io/attractions/docs/components/accordion"),b(r,"rel","nofollow"),b(s,"href","https://github.com/illright/attractions/pull/316"),b(s,"rel","nofollow")},m(t,l){u(t,e,l),u(t,r,l),E(r,o),E(o,n),u(t,$,l),u(t,s,l),E(s,a),u(t,c,l)},p:A,d(t){t&&w(e),t&&w(r),t&&w($),t&&w(s),t&&w(c)}}}function wt(t){let e,r;return e=new P({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function xt(t){let e,r,o;return{c(){e=m("a"),r=x("3.4.0"),o=x(" - 2021-09-12"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"3.4.0"),n.forEach(w),o=y(t," - 2021-09-12"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v3.4.0"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function yt(t){let e;return{c(){e=x("Added")},l(t){e=y(t,"Added")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function vt(t){let e,r,o,n,$,s,a,c;return{c(){e=x("The "),r=m("a"),o=m("code"),n=x("Breadcrumbs"),$=x(" component has been added to the library ("),s=m("a"),a=x("#157"),c=x(")."),this.h()},l(t){e=y(t,"The "),r=g(t,"A",{href:!0,rel:!0});var l=v(r);o=g(l,"CODE",{});var i=v(o);n=y(i,"Breadcrumbs"),i.forEach(w),l.forEach(w),$=y(t," component has been added to the library ("),s=g(t,"A",{href:!0,rel:!0});var f=v(s);a=y(f,"#157"),f.forEach(w),c=y(t,")."),this.h()},h(){b(r,"href","https://illright.github.io/attractions/docs/components/breadcrumbs"),b(r,"rel","nofollow"),b(s,"href","https://github.com/illright/attractions/issues/157"),b(s,"rel","nofollow")},m(t,l){u(t,e,l),u(t,r,l),E(r,o),E(o,n),u(t,$,l),u(t,s,l),E(s,a),u(t,c,l)},p:A,d(t){t&&w(e),t&&w(r),t&&w($),t&&w(s),t&&w(c)}}}function bt(t){let e,r,o,n,$,s,a,c;return{c(){e=x("A new "),r=m("a"),o=m("code"),n=x("Table"),$=x(" component has been added, useful for displaying simple collections of data ("),s=m("a"),a=x("#255"),c=x(")."),this.h()},l(t){e=y(t,"A new "),r=g(t,"A",{href:!0,rel:!0});var l=v(r);o=g(l,"CODE",{});var i=v(o);n=y(i,"Table"),i.forEach(w),l.forEach(w),$=y(t," component has been added, useful for displaying simple collections of data ("),s=g(t,"A",{href:!0,rel:!0});var f=v(s);a=y(f,"#255"),f.forEach(w),c=y(t,")."),this.h()},h(){b(r,"href","https://illright.github.io/attractions/docs/components/table"),b(r,"rel","nofollow"),b(s,"href","https://github.com/illright/attractions/issues/255"),b(s,"rel","nofollow")},m(t,l){u(t,e,l),u(t,r,l),E(r,o),E(o,n),u(t,$,l),u(t,s,l),E(s,a),u(t,c,l)},p:A,d(t){t&&w(e),t&&w(r),t&&w($),t&&w(s),t&&w(c)}}}function Et(t){let e,r,o,n,$,s,a,c,l,i,f,h;return{c(){e=m("code"),r=x("maxReachedTooltip"),o=x(" prop for the "),n=m("code"),$=x("CheckboxGroup"),s=x(" and "),a=m("code"),c=x("CheckboxChipGroup"),l=x(" components to customize the tooltip text that appears on hover when the maximum amount of checkboxes have been checked ("),i=m("a"),f=x("#13"),h=x(")."),this.h()},l(t){e=g(t,"CODE",{});var p=v(e);r=y(p,"maxReachedTooltip"),p.forEach(w),o=y(t," prop for the "),n=g(t,"CODE",{});var m=v(n);$=y(m,"CheckboxGroup"),m.forEach(w),s=y(t," and "),a=g(t,"CODE",{});var d=v(a);c=y(d,"CheckboxChipGroup"),d.forEach(w),l=y(t," components to customize the tooltip text that appears on hover when the maximum amount of checkboxes have been checked ("),i=g(t,"A",{href:!0,rel:!0});var u=v(i);f=y(u,"#13"),u.forEach(w),h=y(t,")."),this.h()},h(){b(i,"href","https://github.com/illright/attractions/issues/13"),b(i,"rel","nofollow")},m(t,p){u(t,e,p),E(e,r),u(t,o,p),u(t,n,p),E(n,$),u(t,s,p),u(t,a,p),E(a,c),u(t,l,p),u(t,i,p),E(i,f),u(t,h,p)},p:A,d(t){t&&w(e),t&&w(o),t&&w(n),t&&w(s),t&&w(a),t&&w(l),t&&w(i),t&&w(h)}}}function At(t){let e,r,o,n,$,s,a,c,l,i,f,h,p,d,C,T;return{c(){e=x("The "),r=m("code"),o=x("hours"),n=x(", "),$=m("code"),s=x("minutes"),a=x(" and "),c=m("code"),l=x("seconds"),i=x(" props of the "),f=m("code"),h=x("TimePicker"),p=x(" component allow you to specify what values the user can choose from ("),d=m("a"),C=x("#120"),T=x(")."),this.h()},l(t){e=y(t,"The "),r=g(t,"CODE",{});var m=v(r);o=y(m,"hours"),m.forEach(w),n=y(t,", "),$=g(t,"CODE",{});var u=v($);s=y(u,"minutes"),u.forEach(w),a=y(t," and "),c=g(t,"CODE",{});var x=v(c);l=y(x,"seconds"),x.forEach(w),i=y(t," props of the "),f=g(t,"CODE",{});var b=v(f);h=y(b,"TimePicker"),b.forEach(w),p=y(t," component allow you to specify what values the user can choose from ("),d=g(t,"A",{href:!0,rel:!0});var E=v(d);C=y(E,"#120"),E.forEach(w),T=y(t,")."),this.h()},h(){b(d,"href","https://github.com/illright/attractions/issues/120"),b(d,"rel","nofollow")},m(t,m){u(t,e,m),u(t,r,m),E(r,o),u(t,n,m),u(t,$,m),E($,s),u(t,a,m),u(t,c,m),E(c,l),u(t,i,m),u(t,f,m),E(f,h),u(t,p,m),u(t,d,m),E(d,C),u(t,T,m)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a),t&&w(c),t&&w(i),t&&w(f),t&&w(p),t&&w(d),t&&w(T)}}}function Ct(t){let e,r,o,n,$,s,a,c,l;return{c(){e=m("code"),r=x("disabledDates"),o=x(" prop for the "),n=m("code"),$=x("Calendar"),s=x(" component to disable specific dates or ranges of dates ("),a=m("a"),c=x("#34"),l=x(")."),this.h()},l(t){e=g(t,"CODE",{});var i=v(e);r=y(i,"disabledDates"),i.forEach(w),o=y(t," prop for the "),n=g(t,"CODE",{});var f=v(n);$=y(f,"Calendar"),f.forEach(w),s=y(t," component to disable specific dates or ranges of dates ("),a=g(t,"A",{href:!0,rel:!0});var h=v(a);c=y(h,"#34"),h.forEach(w),l=y(t,")."),this.h()},h(){b(a,"href","https://github.com/illright/attractions/issues/34"),b(a,"rel","nofollow")},m(t,i){u(t,e,i),E(e,r),u(t,o,i),u(t,n,i),E(n,$),u(t,s,i),u(t,a,i),E(a,c),u(t,l,i)},p:A,d(t){t&&w(e),t&&w(o),t&&w(n),t&&w(s),t&&w(a),t&&w(l)}}}function Tt(t){let e,r,o,n,$,s,a,c,l,i,f,h,p,d,C;return{c(){e=m("code"),r=x("inputClass"),o=x(" prop for the "),n=m("code"),$=x("TimePicker"),s=x(" and "),a=m("code"),c=x("DatePicker"),l=x(" components to pass them down to the "),i=m("code"),f=x("TextField"),h=x(" ("),p=m("a"),d=x("#269"),C=x(")."),this.h()},l(t){e=g(t,"CODE",{});var m=v(e);r=y(m,"inputClass"),m.forEach(w),o=y(t," prop for the "),n=g(t,"CODE",{});var u=v(n);$=y(u,"TimePicker"),u.forEach(w),s=y(t," and "),a=g(t,"CODE",{});var x=v(a);c=y(x,"DatePicker"),x.forEach(w),l=y(t," components to pass them down to the "),i=g(t,"CODE",{});var b=v(i);f=y(b,"TextField"),b.forEach(w),h=y(t," ("),p=g(t,"A",{href:!0,rel:!0});var E=v(p);d=y(E,"#269"),E.forEach(w),C=y(t,")."),this.h()},h(){b(p,"href","https://github.com/illright/attractions/issues/269"),b(p,"rel","nofollow")},m(t,m){u(t,e,m),E(e,r),u(t,o,m),u(t,n,m),E(n,$),u(t,s,m),u(t,a,m),E(a,c),u(t,l,m),u(t,i,m),E(i,f),u(t,h,m),u(t,p,m),E(p,d),u(t,C,m)},p:A,d(t){t&&w(e),t&&w(o),t&&w(n),t&&w(s),t&&w(a),t&&w(l),t&&w(i),t&&w(h),t&&w(p),t&&w(C)}}}function kt(t){let e,r,o,n,$,s,a,c,l,i,f;return{c(){e=x("The "),r=m("a"),o=m("code"),n=x("Button"),$=x(" component is now SvelteKit-compatible (using the "),s=m("code"),a=x("noPrefetch"),c=x(" prop would also unset "),l=m("code"),i=x("sveltekit:prefetch"),f=x(")."),this.h()},l(t){e=y(t,"The "),r=g(t,"A",{href:!0,rel:!0});var h=v(r);o=g(h,"CODE",{});var p=v(o);n=y(p,"Button"),p.forEach(w),h.forEach(w),$=y(t," component is now SvelteKit-compatible (using the "),s=g(t,"CODE",{});var m=v(s);a=y(m,"noPrefetch"),m.forEach(w),c=y(t," prop would also unset "),l=g(t,"CODE",{});var d=v(l);i=y(d,"sveltekit:prefetch"),d.forEach(w),f=y(t,")."),this.h()},h(){b(r,"href","https://illright.github.io/attractions/docs/components/button"),b(r,"rel","nofollow")},m(t,h){u(t,e,h),u(t,r,h),E(r,o),E(o,n),u(t,$,h),u(t,s,h),E(s,a),u(t,c,h),u(t,l,h),E(l,i),u(t,f,h)},p:A,d(t){t&&w(e),t&&w(r),t&&w($),t&&w(s),t&&w(c),t&&w(l),t&&w(f)}}}function Dt(t){let e,r,o,a,c,h,m,g,x,y,v,b,E,A;return e=new P({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),m=new P({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),x=new P({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),v=new P({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),E=new P({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment),a=p(),n(c.$$.fragment),h=p(),n(m.$$.fragment),g=p(),n(x.$$.fragment),y=p(),n(v.$$.fragment),b=p(),n(E.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t),a=d(t),$(c.$$.fragment,t),h=d(t),$(m.$$.fragment,t),g=d(t),$(x.$$.fragment,t),y=d(t),$(v.$$.fragment,t),b=d(t),$(E.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),u(t,a,n),s(c,t,n),u(t,h,n),s(m,t,n),u(t,g,n),s(x,t,n),u(t,y,n),s(v,t,n),u(t,b,n),s(E,t,n),A=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($);const s={};2&r&&(s.$$scope={dirty:r,ctx:t}),c.$set(s);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),m.$set(a);const l={};2&r&&(l.$$scope={dirty:r,ctx:t}),x.$set(l);const i={};2&r&&(i.$$scope={dirty:r,ctx:t}),v.$set(i);const f={};2&r&&(f.$$scope={dirty:r,ctx:t}),E.$set(f)},i(t){A||(l(e.$$.fragment,t),l(o.$$.fragment,t),l(c.$$.fragment,t),l(m.$$.fragment,t),l(x.$$.fragment,t),l(v.$$.fragment,t),l(E.$$.fragment,t),A=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),i(c.$$.fragment,t),i(m.$$.fragment,t),i(x.$$.fragment,t),i(v.$$.fragment,t),i(E.$$.fragment,t),A=!1},d(t){f(e,t),t&&w(r),f(o,t),t&&w(a),f(c,t),t&&w(h),f(m,t),t&&w(g),f(x,t),t&&w(y),f(v,t),t&&w(b),f(E,t)}}}function Ot(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function St(t){let e,r,o,n,$,s;return{c(){e=m("em"),r=x("[For contributors on Windows]"),o=x(" The scripts in "),n=m("code"),$=x("package.json"),s=x(" should now work on CMD as well.")},l(t){e=g(t,"EM",{});var a=v(e);r=y(a,"[For contributors on Windows]"),a.forEach(w),o=y(t," The scripts in "),n=g(t,"CODE",{});var c=v(n);$=y(c,"package.json"),c.forEach(w),s=y(t," should now work on CMD as well.")},m(t,a){u(t,e,a),E(e,r),u(t,o,a),u(t,n,a),E(n,$),u(t,s,a)},p:A,d(t){t&&w(e),t&&w(o),t&&w(n),t&&w(s)}}}function Ft(t){let e,r;return e=new P({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function Pt(t){let e,r,o;return{c(){e=m("a"),r=x("3.3.0"),o=x(" - 2021-05-28"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"3.3.0"),n.forEach(w),o=y(t," - 2021-05-28"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v3.3.0"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function Rt(t){let e,r,o,n,$,s,a;return{c(){e=x("This release contains no new features but fixes a Sass deprecation. You'll have to bump your "),r=m("code"),o=x("sass"),n=x(" dependency to "),$=m("code"),s=x(">= 1.33.0"),a=x(" in order to upgrade to this version.")},l(t){e=y(t,"This release contains no new features but fixes a Sass deprecation. You'll have to bump your "),r=g(t,"CODE",{});var c=v(r);o=y(c,"sass"),c.forEach(w),n=y(t," dependency to "),$=g(t,"CODE",{});var l=v($);s=y(l,">= 1.33.0"),l.forEach(w),a=y(t," in order to upgrade to this version.")},m(t,c){u(t,e,c),u(t,r,c),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a)}}}function Nt(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function jt(t){let e,r,o,n,$,s;return{c(){e=m("strong"),r=x("Deprecated Sass features"),o=x(": The division in Sass with the slash operator "),n=m("a"),$=x("was deprecated"),s=x("."),this.h()},l(t){e=g(t,"STRONG",{});var a=v(e);r=y(a,"Deprecated Sass features"),a.forEach(w),o=y(t,": The division in Sass with the slash operator "),n=g(t,"A",{href:!0,rel:!0});var c=v(n);$=y(c,"was deprecated"),c.forEach(w),s=y(t,"."),this.h()},h(){b(n,"href","https://sass-lang.com/d/slash-div"),b(n,"rel","nofollow")},m(t,a){u(t,e,a),E(e,r),u(t,o,a),u(t,n,a),E(n,$),u(t,s,a)},p:A,d(t){t&&w(e),t&&w(o),t&&w(n),t&&w(s)}}}function zt(t){let e,r,o,n,$,s;return{c(){e=m("strong"),r=x("A typo in the documentation"),o=x(": A code sample suggested users to use "),n=m("code"),$=x("reqiure"),s=x(".")},l(t){e=g(t,"STRONG",{});var a=v(e);r=y(a,"A typo in the documentation"),a.forEach(w),o=y(t,": A code sample suggested users to use "),n=g(t,"CODE",{});var c=v(n);$=y(c,"reqiure"),c.forEach(w),s=y(t,".")},m(t,a){u(t,e,a),E(e,r),u(t,o,a),u(t,n,a),E(n,$),u(t,s,a)},p:A,d(t){t&&w(e),t&&w(o),t&&w(n),t&&w(s)}}}function Bt(t){let e,r,o,a;return e=new P({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),a=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($)},i(t){a||(l(e.$$.fragment,t),l(o.$$.fragment,t),a=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),a=!1},d(t){f(e,t),t&&w(r),f(o,t)}}}function It(t){let e,r,o;return{c(){e=m("a"),r=x("3.2.1"),o=x(" - 2021-05-05"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"3.2.1"),n.forEach(w),o=y(t," - 2021-05-05"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v3.2.1"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function Kt(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Gt(t){let e,r,o,n,$,s,a,c,l,i,f,h,p,d,C,T,k,D,O,S,F;return{c(){e=m("strong"),r=x("Typings"),o=x(": The "),n=m("a"),$=m("code"),s=x("SnackbarContainer"),a=x("'s "),c=m("code"),l=x("position"),i=x(" prop was typed as expecting the entire "),f=m("a"),h=m("code"),p=x("SnackbarPositions"),d=x(" enum object. It has been fixed to expect only one of its values, and similarly so for "),C=m("a"),T=m("code"),k=x("PopoverPositions"),D=x(" ("),O=m("a"),S=x("#257"),F=x(")."),this.h()},l(t){e=g(t,"STRONG",{});var m=v(e);r=y(m,"Typings"),m.forEach(w),o=y(t,": The "),n=g(t,"A",{href:!0,rel:!0});var u=v(n);$=g(u,"CODE",{});var x=v($);s=y(x,"SnackbarContainer"),x.forEach(w),u.forEach(w),a=y(t,"'s "),c=g(t,"CODE",{});var b=v(c);l=y(b,"position"),b.forEach(w),i=y(t," prop was typed as expecting the entire "),f=g(t,"A",{href:!0,rel:!0});var E=v(f);h=g(E,"CODE",{});var A=v(h);p=y(A,"SnackbarPositions"),A.forEach(w),E.forEach(w),d=y(t," enum object. It has been fixed to expect only one of its values, and similarly so for "),C=g(t,"A",{href:!0,rel:!0});var P=v(C);T=g(P,"CODE",{});var R=v(T);k=y(R,"PopoverPositions"),R.forEach(w),P.forEach(w),D=y(t," ("),O=g(t,"A",{href:!0,rel:!0});var N=v(O);S=y(N,"#257"),N.forEach(w),F=y(t,")."),this.h()},h(){b(n,"href","https://illright.github.io/attractions/docs/components/snackbar-container"),b(n,"rel","nofollow"),b(f,"href","https://illright.github.io/attractions/docs/components/snackbar-container/#snackbar-positions"),b(f,"rel","nofollow"),b(C,"href","https://illright.github.io/attractions/docs/components/popover#popover-positions"),b(C,"rel","nofollow"),b(O,"href","https://github.com/illright/attractions/pull/257"),b(O,"rel","nofollow")},m(t,m){u(t,e,m),E(e,r),u(t,o,m),u(t,n,m),E(n,$),E($,s),u(t,a,m),u(t,c,m),E(c,l),u(t,i,m),u(t,f,m),E(f,h),E(h,p),u(t,d,m),u(t,C,m),E(C,T),E(T,k),u(t,D,m),u(t,O,m),E(O,S),u(t,F,m)},p:A,d(t){t&&w(e),t&&w(o),t&&w(n),t&&w(a),t&&w(c),t&&w(i),t&&w(f),t&&w(d),t&&w(C),t&&w(D),t&&w(O),t&&w(F)}}}function Mt(t){let e,r;return e=new P({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function Lt(t){let e,r,o;return{c(){e=m("a"),r=x("3.2.0"),o=x(" - 2021-03-04"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"3.2.0"),n.forEach(w),o=y(t," - 2021-03-04"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v3.2.0"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function Vt(t){let e;return{c(){e=x("Added")},l(t){e=y(t,"Added")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function qt(t){let e,r,o,n,$,s,a,c,l,i,f,h,p,d,C;return{c(){e=x("New SCSS variables for customizing the curvature radius of the outline "),r=m("a"),o=m("code"),n=x("TextField"),$=x(" and the font weight of the "),s=m("a"),a=m("code"),c=x("Button"),l=x(" ("),i=m("a"),f=x("#245"),h=x(" and "),p=m("a"),d=x("#246"),C=x(")."),this.h()},l(t){e=y(t,"New SCSS variables for customizing the curvature radius of the outline "),r=g(t,"A",{href:!0,rel:!0});var m=v(r);o=g(m,"CODE",{});var u=v(o);n=y(u,"TextField"),u.forEach(w),m.forEach(w),$=y(t," and the font weight of the "),s=g(t,"A",{href:!0,rel:!0});var x=v(s);a=g(x,"CODE",{});var b=v(a);c=y(b,"Button"),b.forEach(w),x.forEach(w),l=y(t," ("),i=g(t,"A",{href:!0,rel:!0});var E=v(i);f=y(E,"#245"),E.forEach(w),h=y(t," and "),p=g(t,"A",{href:!0,rel:!0});var A=v(p);d=y(A,"#246"),A.forEach(w),C=y(t,")."),this.h()},h(){b(r,"href","https://illright.github.io/attractions/docs/components/text-field"),b(r,"rel","nofollow"),b(s,"href","https://illright.github.io/attractions/docs/components/button"),b(s,"rel","nofollow"),b(i,"href","https://github.com/illright/attractions/issues/245"),b(i,"rel","nofollow"),b(p,"href","https://github.com/illright/attractions/issues/246"),b(p,"rel","nofollow")},m(t,m){u(t,e,m),u(t,r,m),E(r,o),E(o,n),u(t,$,m),u(t,s,m),E(s,a),E(a,c),u(t,l,m),u(t,i,m),E(i,f),u(t,h,m),u(t,p,m),E(p,d),u(t,C,m)},p:A,d(t){t&&w(e),t&&w(r),t&&w($),t&&w(s),t&&w(l),t&&w(i),t&&w(h),t&&w(p),t&&w(C)}}}function Jt(t){let e,r;return e=new P({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function Ut(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Wt(t){let e,r,o,n,$,s,a,c;return{c(){e=x("The "),r=m("a"),o=m("code"),n=x("DatePicker"),$=x(" component wasn't generating the days of the month correctly in certain timezones ("),s=m("a"),a=x("#243"),c=x(")."),this.h()},l(t){e=y(t,"The "),r=g(t,"A",{href:!0,rel:!0});var l=v(r);o=g(l,"CODE",{});var i=v(o);n=y(i,"DatePicker"),i.forEach(w),l.forEach(w),$=y(t," component wasn't generating the days of the month correctly in certain timezones ("),s=g(t,"A",{href:!0,rel:!0});var f=v(s);a=y(f,"#243"),f.forEach(w),c=y(t,")."),this.h()},h(){b(r,"href","https://illright.github.io/attractions/docs/components/date-picker"),b(r,"rel","nofollow"),b(s,"href","https://github.com/illright/attractions/issues/243"),b(s,"rel","nofollow")},m(t,l){u(t,e,l),u(t,r,l),E(r,o),E(o,n),u(t,$,l),u(t,s,l),E(s,a),u(t,c,l)},p:A,d(t){t&&w(e),t&&w(r),t&&w($),t&&w(s),t&&w(c)}}}function Yt(t){let e,r,o,n,$,s,a,c;return{c(){e=x("The outline "),r=m("a"),o=m("code"),n=x("TextField"),$=x(" didn't respect the background color ("),s=m("a"),a=x("#246"),c=x(")."),this.h()},l(t){e=y(t,"The outline "),r=g(t,"A",{href:!0,rel:!0});var l=v(r);o=g(l,"CODE",{});var i=v(o);n=y(i,"TextField"),i.forEach(w),l.forEach(w),$=y(t," didn't respect the background color ("),s=g(t,"A",{href:!0,rel:!0});var f=v(s);a=y(f,"#246"),f.forEach(w),c=y(t,")."),this.h()},h(){b(r,"href","https://illright.github.io/attractions/docs/components/text-field"),b(r,"rel","nofollow"),b(s,"href","https://github.com/illright/attractions/issues/246"),b(s,"rel","nofollow")},m(t,l){u(t,e,l),u(t,r,l),E(r,o),E(o,n),u(t,$,l),u(t,s,l),E(s,a),u(t,c,l)},p:A,d(t){t&&w(e),t&&w(r),t&&w($),t&&w(s),t&&w(c)}}}function Ht(t){let e,r,o,a;return e=new P({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),a=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($)},i(t){a||(l(e.$$.fragment,t),l(o.$$.fragment,t),a=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),a=!1},d(t){f(e,t),t&&w(r),f(o,t)}}}function Xt(t){let e;return{c(){e=x("Changed")},l(t){e=y(t,"Changed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Qt(t){let e,r,o,n,$,s,a,c,l,i,f,h,p;return{c(){e=x("Improved TypeScript declaration files. They should now work when importing nested modules such as "),r=m("code"),o=x("attractions/utils"),n=x(" or even "),$=m("code"),s=x("attractions/snackbar/snackbar-positions"),a=x(". They also now specify "),c=m("code"),l=x("null"),i=x(" as a valid value wherever it is accepted. You may (and should) enable "),f=m("code"),h=x("--strictNullChecks"),p=x(" again!")},l(t){e=y(t,"Improved TypeScript declaration files. They should now work when importing nested modules such as "),r=g(t,"CODE",{});var m=v(r);o=y(m,"attractions/utils"),m.forEach(w),n=y(t," or even "),$=g(t,"CODE",{});var d=v($);s=y(d,"attractions/snackbar/snackbar-positions"),d.forEach(w),a=y(t,". They also now specify "),c=g(t,"CODE",{});var u=v(c);l=y(u,"null"),u.forEach(w),i=y(t," as a valid value wherever it is accepted. You may (and should) enable "),f=g(t,"CODE",{});var x=v(f);h=y(x,"--strictNullChecks"),x.forEach(w),p=y(t," again!")},m(t,m){u(t,e,m),u(t,r,m),E(r,o),u(t,n,m),u(t,$,m),E($,s),u(t,a,m),u(t,c,m),E(c,l),u(t,i,m),u(t,f,m),E(f,h),u(t,p,m)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a),t&&w(c),t&&w(i),t&&w(f),t&&w(p)}}}function Zt(t){let e,r;return e=new P({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function _t(t){let e,r,o,n,$,s,a;return{c(){e=x("Thanks to "),r=m("a"),o=x("@sallaben"),n=x(" and "),$=m("a"),s=x("@damonbauer"),a=x(" for contributing to this release!"),this.h()},l(t){e=y(t,"Thanks to "),r=g(t,"A",{href:!0,rel:!0});var c=v(r);o=y(c,"@sallaben"),c.forEach(w),n=y(t," and "),$=g(t,"A",{href:!0,rel:!0});var l=v($);s=y(l,"@damonbauer"),l.forEach(w),a=y(t," for contributing to this release!"),this.h()},h(){b(r,"href","https://github.com/sallaben"),b(r,"rel","nofollow"),b($,"href","https://github.com/damonbauer"),b($,"rel","nofollow")},m(t,c){u(t,e,c),u(t,r,c),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a)}}}function te(t){let e,r,o;return{c(){e=m("a"),r=x("3.1.0"),o=x(" - 2021-01-22"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"3.1.0"),n.forEach(w),o=y(t," - 2021-01-22"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v3.1.0"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function ee(t){let e;return{c(){e=x("Added")},l(t){e=y(t,"Added")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function re(t){let e,r,o,n,$,s,a,c,l;return{c(){e=m("strong"),r=x("TypeScript support"),o=x(": We now provide our own type declaration ("),n=m("code"),$=x(".d.ts"),s=x(") files so that TypeScript users will have a more delightful development experience! Note that other users are not affected since the components are written in plain JS ("),a=m("a"),c=x("#211"),l=x(")."),this.h()},l(t){e=g(t,"STRONG",{});var i=v(e);r=y(i,"TypeScript support"),i.forEach(w),o=y(t,": We now provide our own type declaration ("),n=g(t,"CODE",{});var f=v(n);$=y(f,".d.ts"),f.forEach(w),s=y(t,") files so that TypeScript users will have a more delightful development experience! Note that other users are not affected since the components are written in plain JS ("),a=g(t,"A",{href:!0,rel:!0});var h=v(a);c=y(h,"#211"),h.forEach(w),l=y(t,")."),this.h()},h(){b(a,"href","https://github.com/illright/attractions/pull/211"),b(a,"rel","nofollow")},m(t,i){u(t,e,i),E(e,r),u(t,o,i),u(t,n,i),E(n,$),u(t,s,i),u(t,a,i),E(a,c),u(t,l,i)},p:A,d(t){t&&w(e),t&&w(o),t&&w(n),t&&w(s),t&&w(a),t&&w(l)}}}function oe(t){let e,r,o,n,$,s,a;return{c(){e=x("Allow passing a "),r=m("code"),o=x("closeCallback"),n=x(" for snackbars ("),$=m("a"),s=x("#216"),a=x(")."),this.h()},l(t){e=y(t,"Allow passing a "),r=g(t,"CODE",{});var c=v(r);o=y(c,"closeCallback"),c.forEach(w),n=y(t," for snackbars ("),$=g(t,"A",{href:!0,rel:!0});var l=v($);s=y(l,"#216"),l.forEach(w),a=y(t,")."),this.h()},h(){b($,"href","https://github.com/illright/attractions/pull/216"),b($,"rel","nofollow")},m(t,c){u(t,e,c),u(t,r,c),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a)}}}function ne(t){let e,r,o,a;return e=new P({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),a=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($)},i(t){a||(l(e.$$.fragment,t),l(o.$$.fragment,t),a=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),a=!1},d(t){f(e,t),t&&w(r),f(o,t)}}}function $e(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function se(t){let e,r,o,n,$,s,a,c;return{c(){e=x("Documentation: "),r=m("a"),o=m("code"),n=x("RadioButton"),$=x("'s "),s=m("code"),a=x("value"),c=x(" was incorrectly marked as optional."),this.h()},l(t){e=y(t,"Documentation: "),r=g(t,"A",{href:!0,rel:!0});var l=v(r);o=g(l,"CODE",{});var i=v(o);n=y(i,"RadioButton"),i.forEach(w),l.forEach(w),$=y(t,"'s "),s=g(t,"CODE",{});var f=v(s);a=y(f,"value"),f.forEach(w),c=y(t," was incorrectly marked as optional."),this.h()},h(){b(r,"href","https://illright.github.io/attractions/docs/components/radio-button"),b(r,"rel","nofollow")},m(t,l){u(t,e,l),u(t,r,l),E(r,o),E(o,n),u(t,$,l),u(t,s,l),E(s,a),u(t,c,l)},p:A,d(t){t&&w(e),t&&w(r),t&&w($),t&&w(s),t&&w(c)}}}function ae(t){let e,r;return e=new P({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function ce(t){let e;return{c(){e=x("Changed")},l(t){e=y(t,"Changed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function le(t){let e,r,o,n;return{c(){e=x("The recommended installation procedure now involves separating the Svelte configuration into a separate file, "),r=m("code"),o=x("svelte.config.js"),n=x(". This allows the Svelte Language Server to reliably analyze your source code, so your editor becomes smarter.")},l(t){e=y(t,"The recommended installation procedure now involves separating the Svelte configuration into a separate file, "),r=g(t,"CODE",{});var $=v(r);o=y($,"svelte.config.js"),$.forEach(w),n=y(t,". This allows the Svelte Language Server to reliably analyze your source code, so your editor becomes smarter.")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function ie(t){let e,r;return e=new P({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function fe(t){let e;return{c(){e=x("Known issues")},l(t){e=y(t,"Known issues")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function he(t){let e,r,o,n,$,s,a,c,l,i;return{c(){e=x("The types are not entirely null-aware. If you use "),r=m("code"),o=x("--strictNullChecks"),n=x(', you might face some errors like "'),$=m("code"),s=x("null"),a=x(" cannot be assigned to type "),c=m("code"),l=x("string"),i=x('".')},l(t){e=y(t,"The types are not entirely null-aware. If you use "),r=g(t,"CODE",{});var f=v(r);o=y(f,"--strictNullChecks"),f.forEach(w),n=y(t,', you might face some errors like "'),$=g(t,"CODE",{});var h=v($);s=y(h,"null"),h.forEach(w),a=y(t," cannot be assigned to type "),c=g(t,"CODE",{});var p=v(c);l=y(p,"string"),p.forEach(w),i=y(t,'".')},m(t,f){u(t,e,f),u(t,r,f),E(r,o),u(t,n,f),u(t,$,f),E($,s),u(t,a,f),u(t,c,f),E(c,l),u(t,i,f)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a),t&&w(c),t&&w(i)}}}function pe(t){let e;return{c(){e=x("Functions exported from components are falsely detected as props, and not even typed properly yet")},l(t){e=y(t,"Functions exported from components are falsely detected as props, and not even typed properly yet")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function me(t){let e,r,o,a;return e=new P({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),a=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($)},i(t){a||(l(e.$$.fragment,t),l(o.$$.fragment,t),a=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),a=!1},d(t){f(e,t),t&&w(r),f(o,t)}}}function de(t){let e,r,o;return{c(){e=m("a"),r=x("3.0.0"),o=x(" - 2021-01-10"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"3.0.0"),n.forEach(w),o=y(t," - 2021-01-10"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v3.0.0"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function ge(t){let e;return{c(){e=x("Not a large release, but still breaking. This will upgrade Attractions to use Sass modules which will allow zero-config installations.")},l(t){e=y(t,"Not a large release, but still breaking. This will upgrade Attractions to use Sass modules which will allow zero-config installations.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function ue(t){let e,r,o,n;return{c(){e=x("Refer to the "),r=m("a"),o=x("migration guide"),n=x(" for information on how to upgrade."),this.h()},l(t){e=y(t,"Refer to the "),r=g(t,"A",{href:!0});var $=v(r);o=y($,"migration guide"),$.forEach(w),n=y(t," for information on how to upgrade."),this.h()},h(){b(r,"href","./docs/migration-guide")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function we(t){let e;return{c(){e=x("Added")},l(t){e=y(t,"Added")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function xe(t){let e;return{c(){e=x("New Sass variables for the X icon in the search fields and the regular font weight.")},l(t){e=y(t,"New Sass variables for the X icon in the search fields and the regular font weight.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function ye(t){let e;return{c(){e=x("A slight animation for the checkbox component.")},l(t){e=y(t,"A slight animation for the checkbox component.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function ve(t){let e;return{c(){e=x("Autocompletes can now be disabled like regular text fields.")},l(t){e=y(t,"Autocompletes can now be disabled like regular text fields.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function be(t){let e,r,o,a,c,h;return e=new P({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment),a=p(),n(c.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t),a=d(t),$(c.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),u(t,a,n),s(c,t,n),h=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($);const s={};2&r&&(s.$$scope={dirty:r,ctx:t}),c.$set(s)},i(t){h||(l(e.$$.fragment,t),l(o.$$.fragment,t),l(c.$$.fragment,t),h=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),i(c.$$.fragment,t),h=!1},d(t){f(e,t),t&&w(r),f(o,t),t&&w(a),f(c,t)}}}function Ee(t){let e;return{c(){e=x("Changed")},l(t){e=y(t,"Changed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Ae(t){let e,r,o,n;return{c(){e=x("Sass modules are now used for styling. This is a "),r=m("strong"),o=x("breaking"),n=x(" change.")},l(t){e=y(t,"Sass modules are now used for styling. This is a "),r=g(t,"STRONG",{});var $=v(r);o=y($,"breaking"),$.forEach(w),n=y(t," change.")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function Ce(t){let e,r;return e=new P({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function Te(t){let e,r,o;return{c(){e=m("a"),r=x("2.3.1"),o=x(" - 2020-12-23"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"2.3.1"),n.forEach(w),o=y(t," - 2020-12-23"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v2.3.1"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function ke(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function De(t){let e,r,o,n,$,s,a;return{c(){e=x("The autocomplete wasn't filtering out selected options without typing ("),r=m("a"),o=x("#195"),n=x(", thanks to "),$=m("a"),s=x("@sallaben"),a=x(" for reporting and fixing)."),this.h()},l(t){e=y(t,"The autocomplete wasn't filtering out selected options without typing ("),r=g(t,"A",{href:!0,rel:!0});var c=v(r);o=y(c,"#195"),c.forEach(w),n=y(t,", thanks to "),$=g(t,"A",{href:!0,rel:!0});var l=v($);s=y(l,"@sallaben"),l.forEach(w),a=y(t," for reporting and fixing)."),this.h()},h(){b(r,"href","https://github.com/illright/attractions/issues/195"),b(r,"rel","nofollow"),b($,"href","https://github.com/sallaben"),b($,"rel","nofollow")},m(t,c){u(t,e,c),u(t,r,c),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a)}}}function Oe(t){let e;return{c(){e=x("The slot forwarding of Autocomplete was breaking slot defaults.")},l(t){e=y(t,"The slot forwarding of Autocomplete was breaking slot defaults.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Se(t){let e,r,o,a;return e=new P({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),a=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($)},i(t){a||(l(e.$$.fragment,t),l(o.$$.fragment,t),a=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),a=!1},d(t){f(e,t),t&&w(r),f(o,t)}}}function Fe(t){let e,r,o;return{c(){e=m("a"),r=x("2.3.0"),o=x(" - 2020-12-22"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"2.3.0"),n.forEach(w),o=y(t," - 2020-12-22"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v2.3.0"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function Pe(t){let e;return{c(){e=x("Added")},l(t){e=y(t,"Added")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Re(t){let e;return{c(){e=x("Autocomplete now supports the same slots as AutocompleteField.")},l(t){e=y(t,"Autocomplete now supports the same slots as AutocompleteField.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Ne(t){let e,r,o,n;return{c(){e=x("A new utility "),r=m("code"),o=x("escapeRegExp"),n=x(" is now available in utils.")},l(t){e=y(t,"A new utility "),r=g(t,"CODE",{});var $=v(r);o=y($,"escapeRegExp"),$.forEach(w),n=y(t," is now available in utils.")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function je(t){let e,r,o,a;return e=new P({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),a=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($)},i(t){a||(l(e.$$.fragment,t),l(o.$$.fragment,t),a=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),a=!1},d(t){f(e,t),t&&w(r),f(o,t)}}}function ze(t){let e;return{c(){e=x("Changed")},l(t){e=y(t,"Changed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Be(t){let e,r,o,n,$,s,a;return{c(){e=x("Dart Sass ("),r=m("code"),o=x("sass"),n=x(") is now used instead of Node Sass ("),$=m("code"),s=x("node-sass"),a=x("). Consider replacing (simply removing one and installing the other).")},l(t){e=y(t,"Dart Sass ("),r=g(t,"CODE",{});var c=v(r);o=y(c,"sass"),c.forEach(w),n=y(t,") is now used instead of Node Sass ("),$=g(t,"CODE",{});var l=v($);s=y(l,"node-sass"),l.forEach(w),a=y(t,"). Consider replacing (simply removing one and installing the other).")},m(t,c){u(t,e,c),u(t,r,c),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a)}}}function Ie(t){let e,r,o,n,$,s,a;return{c(){e=x("The pure-JS bundle with custom elements is renamed ("),r=m("code"),o=x("dist/bundle.js"),n=x(" → "),$=m("code"),s=x("dist/custom-elements.js"),a=x(") and available directly through Unpkg.")},l(t){e=y(t,"The pure-JS bundle with custom elements is renamed ("),r=g(t,"CODE",{});var c=v(r);o=y(c,"dist/bundle.js"),c.forEach(w),n=y(t," → "),$=g(t,"CODE",{});var l=v($);s=y(l,"dist/custom-elements.js"),l.forEach(w),a=y(t,") and available directly through Unpkg.")},m(t,c){u(t,e,c),u(t,r,c),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a)}}}function Ke(t){let e;return{c(){e=x("Svelte 3.29.1 and higher is now required to support slot forwarding.")},l(t){e=y(t,"Svelte 3.29.1 and higher is now required to support slot forwarding.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Ge(t){let e,r,o,a,c,h;return e=new P({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment),a=p(),n(c.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t),a=d(t),$(c.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),u(t,a,n),s(c,t,n),h=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($);const s={};2&r&&(s.$$scope={dirty:r,ctx:t}),c.$set(s)},i(t){h||(l(e.$$.fragment,t),l(o.$$.fragment,t),l(c.$$.fragment,t),h=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),i(c.$$.fragment,t),h=!1},d(t){f(e,t),t&&w(r),f(o,t),t&&w(a),f(c,t)}}}function Me(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Le(t){let e;return{c(){e=x("The pure-JS bundles now contain styles (so that they are at least not useless).")},l(t){e=y(t,"The pure-JS bundles now contain styles (so that they are at least not useless).")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Ve(t){let e,r,o,n;return{c(){e=x("The Autocomplete component now doesn't throw an error when regex characters are written into it ("),r=m("a"),o=x("#184"),n=x(")."),this.h()},l(t){e=y(t,"The Autocomplete component now doesn't throw an error when regex characters are written into it ("),r=g(t,"A",{href:!0,rel:!0});var $=v(r);o=y($,"#184"),$.forEach(w),n=y(t,")."),this.h()},h(){b(r,"href","https://github.com/illright/attractions/issues/184"),b(r,"rel","nofollow")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function qe(t){let e,r,o,n;return{c(){e=x("The Autocomplete options weren't showing after selecting something when minimal search length was set to 0 ("),r=m("a"),o=x("#183"),n=x(")."),this.h()},l(t){e=y(t,"The Autocomplete options weren't showing after selecting something when minimal search length was set to 0 ("),r=g(t,"A",{href:!0,rel:!0});var $=v(r);o=y($,"#183"),$.forEach(w),n=y(t,")."),this.h()},h(){b(r,"href","https://github.com/illright/attractions/issues/183"),b(r,"rel","nofollow")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function Je(t){let e,r,o,n;return{c(){e=x("The FileTile component is now correctly clipping long filenames ("),r=m("a"),o=x("#125"),n=x(")."),this.h()},l(t){e=y(t,"The FileTile component is now correctly clipping long filenames ("),r=g(t,"A",{href:!0,rel:!0});var $=v(r);o=y($,"#125"),$.forEach(w),n=y(t,")."),this.h()},h(){b(r,"href","https://github.com/illright/attractions/issues/125"),b(r,"rel","nofollow")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function Ue(t){let e;return{c(){e=x("The DatePicker was unexpectedly closing when a certain month change would happen.")},l(t){e=y(t,"The DatePicker was unexpectedly closing when a certain month change would happen.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function We(t){let e,r,o,a,c,h,m,g,x,y;return e=new P({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),m=new P({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),x=new P({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment),a=p(),n(c.$$.fragment),h=p(),n(m.$$.fragment),g=p(),n(x.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t),a=d(t),$(c.$$.fragment,t),h=d(t),$(m.$$.fragment,t),g=d(t),$(x.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),u(t,a,n),s(c,t,n),u(t,h,n),s(m,t,n),u(t,g,n),s(x,t,n),y=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($);const s={};2&r&&(s.$$scope={dirty:r,ctx:t}),c.$set(s);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),m.$set(a);const l={};2&r&&(l.$$scope={dirty:r,ctx:t}),x.$set(l)},i(t){y||(l(e.$$.fragment,t),l(o.$$.fragment,t),l(c.$$.fragment,t),l(m.$$.fragment,t),l(x.$$.fragment,t),y=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),i(c.$$.fragment,t),i(m.$$.fragment,t),i(x.$$.fragment,t),y=!1},d(t){f(e,t),t&&w(r),f(o,t),t&&w(a),f(c,t),t&&w(h),f(m,t),t&&w(g),f(x,t)}}}function Ye(t){let e,r,o;return{c(){e=m("a"),r=x("2.2.4"),o=x(" - 2020-12-08"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"2.2.4"),n.forEach(w),o=y(t," - 2020-12-08"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v2.2.4"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function He(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Xe(t){let e,r,o,n;return{c(){e=x("DatePicker and TimePicker threw exceptions when you cleared them ("),r=m("a"),o=x("#170"),n=x(")."),this.h()},l(t){e=y(t,"DatePicker and TimePicker threw exceptions when you cleared them ("),r=g(t,"A",{href:!0,rel:!0});var $=v(r);o=y($,"#170"),$.forEach(w),n=y(t,")."),this.h()},h(){b(r,"href","https://github.com/illright/attractions/issues/170"),b(r,"rel","nofollow")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function Qe(t){let e,r,o,n;return{c(){e=x("The Autocomplete wasn't showing the dropdown ("),r=m("a"),o=x("#172"),n=x(")."),this.h()},l(t){e=y(t,"The Autocomplete wasn't showing the dropdown ("),r=g(t,"A",{href:!0,rel:!0});var $=v(r);o=y($,"#172"),$.forEach(w),n=y(t,")."),this.h()},h(){b(r,"href","https://github.com/illright/attractions/issues/172"),b(r,"rel","nofollow")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function Ze(t){let e;return{c(){e=x("Pagination component styles weren't applied properly.")},l(t){e=y(t,"Pagination component styles weren't applied properly.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function _e(t){let e,r,o,a,c,h;return e=new P({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[Qe]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Ze]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment),a=p(),n(c.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t),a=d(t),$(c.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),u(t,a,n),s(c,t,n),h=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($);const s={};2&r&&(s.$$scope={dirty:r,ctx:t}),c.$set(s)},i(t){h||(l(e.$$.fragment,t),l(o.$$.fragment,t),l(c.$$.fragment,t),h=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),i(c.$$.fragment,t),h=!1},d(t){f(e,t),t&&w(r),f(o,t),t&&w(a),f(c,t)}}}function tr(t){let e,r,o;return{c(){e=m("a"),r=x("2.2.3"),o=x(" - 2020-11-21"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"2.2.3"),n.forEach(w),o=y(t," - 2020-11-21"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v2.2.3"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function er(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function rr(t){let e,r,o,n;return{c(){e=x("Warnings about forgetting to set "),r=m("code"),o=x("customElement: true"),n=x(" should no longer bother you.")},l(t){e=y(t,"Warnings about forgetting to set "),r=g(t,"CODE",{});var $=v(r);o=y($,"customElement: true"),$.forEach(w),n=y(t," should no longer bother you.")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function or(t){let e,r;return e=new P({props:{$$slots:{default:[rr]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function nr(t){let e,r,o;return{c(){e=m("a"),r=x("2.2.2"),o=x(" - 2020-11-19"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"2.2.2"),n.forEach(w),o=y(t," - 2020-11-19"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v2.2.2"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function $r(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function sr(t){let e;return{c(){e=x("The dropdown was causing an error when using SSR.")},l(t){e=y(t,"The dropdown was causing an error when using SSR.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function ar(t){let e,r;return e=new P({props:{$$slots:{default:[sr]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function cr(t){let e,r,o;return{c(){e=m("a"),r=x("2.2.1"),o=x(" - 2020-11-18"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"2.2.1"),n.forEach(w),o=y(t," - 2020-11-18"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v2.2.1"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function lr(t){let e;return{c(){e=x("Changed")},l(t){e=y(t,"Changed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function ir(t){let e,r,o,n,$,s,a,c,l,i;return{c(){e=m("a"),r=m("code"),o=x("<DropdownShell>"),n=x(": Now closes the dropdown when pressing "),$=m("kbd"),s=x("Enter"),a=x(" or "),c=m("kbd"),l=x("Escape"),i=x(" buttons."),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var f=v(e);r=g(f,"CODE",{});var h=v(r);o=y(h,"<DropdownShell>"),h.forEach(w),f.forEach(w),n=y(t,": Now closes the dropdown when pressing "),$=g(t,"KBD",{});var p=v($);s=y(p,"Enter"),p.forEach(w),a=y(t," or "),c=g(t,"KBD",{});var m=v(c);l=y(m,"Escape"),m.forEach(w),i=y(t," buttons."),this.h()},h(){b(e,"href","https://illright.github.io/attractions/docs/components/dropdown-shell"),b(e,"rel","nofollow")},m(t,f){u(t,e,f),E(e,r),E(r,o),u(t,n,f),u(t,$,f),E($,s),u(t,a,f),u(t,c,f),E(c,l),u(t,i,f)},p:A,d(t){t&&w(e),t&&w(n),t&&w($),t&&w(a),t&&w(c),t&&w(i)}}}function fr(t){let e,r,o,n;return{c(){e=m("a"),r=m("code"),o=x("<TimePicker>"),n=x(": The currently selected value will now be highlighted in the dropdown. Labels are customizable as slots."),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var $=v(e);r=g($,"CODE",{});var s=v(r);o=y(s,"<TimePicker>"),s.forEach(w),$.forEach(w),n=y(t,": The currently selected value will now be highlighted in the dropdown. Labels are customizable as slots."),this.h()},h(){b(e,"href","https://illright.github.io/attractions/docs/components/time-picker"),b(e,"rel","nofollow")},m(t,$){u(t,e,$),E(e,r),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(n)}}}function hr(t){let e,r,o,a;return e=new P({props:{$$slots:{default:[ir]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[fr]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),a=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($)},i(t){a||(l(e.$$.fragment,t),l(o.$$.fragment,t),a=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),a=!1},d(t){f(e,t),t&&w(r),f(o,t)}}}function pr(t){let e,r,o,n,$,s,a;return{c(){e=x("(Thanks to "),r=m("a"),o=x("@RikuVan"),n=x(" for these 2 contributions – "),$=m("a"),s=x("#150"),a=x(")"),this.h()},l(t){e=y(t,"(Thanks to "),r=g(t,"A",{href:!0,rel:!0});var c=v(r);o=y(c,"@RikuVan"),c.forEach(w),n=y(t," for these 2 contributions – "),$=g(t,"A",{href:!0,rel:!0});var l=v($);s=y(l,"#150"),l.forEach(w),a=y(t,")"),this.h()},h(){b(r,"href","https://github.com/RikuVan"),b(r,"rel","nofollow"),b($,"href","https://github.com/illright/attractions/pull/150"),b($,"rel","nofollow")},m(t,c){u(t,e,c),u(t,r,c),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a)}}}function mr(t){let e,r,o;return{c(){e=m("a"),r=x("2.2.0"),o=x(" - 2020-11-10"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"2.2.0"),n.forEach(w),o=y(t," - 2020-11-10"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v2.2.0"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function dr(t){let e;return{c(){e=x("Added")},l(t){e=y(t,"Added")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function gr(t){let e,r,o,n,$,s,a;return{c(){e=x("All components are now registered as "),r=m("code"),o=x("customElements"),n=x(" as well, meaning that they can be used without Svelte (or any framework). This does not affect any existing usage. More information in "),$=m("a"),s=x("the docs"),a=x("."),this.h()},l(t){e=y(t,"All components are now registered as "),r=g(t,"CODE",{});var c=v(r);o=y(c,"customElements"),c.forEach(w),n=y(t," as well, meaning that they can be used without Svelte (or any framework). This does not affect any existing usage. More information in "),$=g(t,"A",{href:!0,rel:!0});var l=v($);s=y(l,"the docs"),l.forEach(w),a=y(t,"."),this.h()},h(){b($,"href","https://illright.github.io/attractions/docs/custom-elements"),b($,"rel","nofollow")},m(t,c){u(t,e,c),u(t,r,c),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a)}}}function ur(t){let e,r;return e=new P({props:{$$slots:{default:[gr]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function wr(t){let e;return{c(){e=x("Changed")},l(t){e=y(t,"Changed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function xr(t){let e,r,o,n,$,s,a,c;return{c(){e=x("The "),r=m("a"),o=m("code"),n=x("<Button>"),$=x("'s "),s=m("code"),a=x("click"),c=x(" event was being forwarded directly instead of the payload being wrapped as with other events. This is changed for consistency."),this.h()},l(t){e=y(t,"The "),r=g(t,"A",{href:!0,rel:!0});var l=v(r);o=g(l,"CODE",{});var i=v(o);n=y(i,"<Button>"),i.forEach(w),l.forEach(w),$=y(t,"'s "),s=g(t,"CODE",{});var f=v(s);a=y(f,"click"),f.forEach(w),c=y(t," event was being forwarded directly instead of the payload being wrapped as with other events. This is changed for consistency."),this.h()},h(){b(r,"href","https://github.com/illright/attractions/blob/master/attractions/button/button.svelte"),b(r,"rel","nofollow")},m(t,l){u(t,e,l),u(t,r,l),E(r,o),E(o,n),u(t,$,l),u(t,s,l),E(s,a),u(t,c,l)},p:A,d(t){t&&w(e),t&&w(r),t&&w($),t&&w(s),t&&w(c)}}}function yr(t){let e;return{c(){e=x("Updated PostCSS peer dependency to support newer versions.")},l(t){e=y(t,"Updated PostCSS peer dependency to support newer versions.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function vr(t){let e,r,o,a;return e=new P({props:{$$slots:{default:[xr]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[yr]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),a=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($)},i(t){a||(l(e.$$.fragment,t),l(o.$$.fragment,t),a=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),a=!1},d(t){f(e,t),t&&w(r),f(o,t)}}}function br(t){let e,r,o;return{c(){e=m("a"),r=x("2.1.1"),o=x(" - 2020-09-02"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"2.1.1"),n.forEach(w),o=y(t," - 2020-09-02"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v2.1.1"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function Er(t){let e;return{c(){e=x("Minor documentation and bug fixes.")},l(t){e=y(t,"Minor documentation and bug fixes.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Ar(t){let e;return{c(){e=x("Added")},l(t){e=y(t,"Added")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Cr(t){let e,r,o,n,$,s,a;return{c(){e=m("a"),r=m("code"),o=x("<Tab>"),n=x("s\nnow also dispatch "),$=m("code"),s=x("click"),a=x(" event."),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var c=v(e);r=g(c,"CODE",{});var l=v(r);o=y(l,"<Tab>"),l.forEach(w),c.forEach(w),n=y(t,"s\nnow also dispatch "),$=g(t,"CODE",{});var i=v($);s=y(i,"click"),i.forEach(w),a=y(t," event."),this.h()},h(){b(e,"href","https://github.com/illright/attractions/blob/master/attractions/tab/tab.svelte"),b(e,"rel","nofollow")},m(t,c){u(t,e,c),E(e,r),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(n),t&&w($),t&&w(a)}}}function Tr(t){let e,r;return e=new P({props:{$$slots:{default:[Cr]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function kr(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Dr(t){let e;return{c(){e=x('Mobile navigation in documentation ("Components" tab dropdown now works as expected).')},l(t){e=y(t,'Mobile navigation in documentation ("Components" tab dropdown now works as expected).')},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Or(t){let e;return{c(){e=x("Styles now load properly when navigating directly to a page in the docs (without passing through the main page first).")},l(t){e=y(t,"Styles now load properly when navigating directly to a page in the docs (without passing through the main page first).")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Sr(t){let e,r,o,n;return{c(){e=x("The "),r=m("code"),o=x("DatePicker"),n=x(" now loses focus properly.")},l(t){e=y(t,"The "),r=g(t,"CODE",{});var $=v(r);o=y($,"DatePicker"),$.forEach(w),n=y(t," now loses focus properly.")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function Fr(t){let e,r,o,a,c,h;return e=new P({props:{$$slots:{default:[Dr]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[Or]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Sr]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment),a=p(),n(c.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t),a=d(t),$(c.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),u(t,a,n),s(c,t,n),h=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($);const s={};2&r&&(s.$$scope={dirty:r,ctx:t}),c.$set(s)},i(t){h||(l(e.$$.fragment,t),l(o.$$.fragment,t),l(c.$$.fragment,t),h=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),i(c.$$.fragment,t),h=!1},d(t){f(e,t),t&&w(r),f(o,t),t&&w(a),f(c,t)}}}function Pr(t){let e,r,o;return{c(){e=m("a"),r=x("2.1.0"),o=x(" - 2020-08-21"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"2.1.0"),n.forEach(w),o=y(t," - 2020-08-21"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v2.1.0"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function Rr(t){let e,r,o,n;return{c(){e=x("First stable release with proper documentation.\nPrevious, undocumented, releases can be found in "),r=m("a"),o=x("the releases section"),n=x("."),this.h()},l(t){e=y(t,"First stable release with proper documentation.\nPrevious, undocumented, releases can be found in "),r=g(t,"A",{href:!0,rel:!0});var $=v(r);o=y($,"the releases section"),$.forEach(w),n=y(t,"."),this.h()},h(){b(r,"href","https://github.com/illright/attractions/releases"),b(r,"rel","nofollow")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function Nr(t){let e,r,o,a,c,h,x,y,v,b,E,A,k,D,P,I,M,L,V,W,Q,et,$t,lt,it,pt,mt,ut,vt,bt,Et,At,Ct,Tt,kt,St,jt,zt,Gt,qt,Wt,Yt,Qt,re,oe,se,le,he,pe,xe,ye,ve,Ae,De,Oe,Re,Ne,Be,Ie,Ke,Le,Ve,qe,Je,Ue,Xe,Qe,Ze,rr,sr,ir,fr,gr,xr,yr,Cr,Dr,Or,Sr,Nr,jr,zr,Br,Ir,Kr,Gr,Mr,Lr,Vr,qr,Jr,Ur,Wr,Yr,Hr,Xr,Qr,Zr,_r,to,eo,ro,oo,no,$o,so,ao,co,lo,io,fo,ho,po,mo,go,uo,wo,xo,yo,vo,bo,Eo,Ao,Co,To,ko,Do,Oo,So,Fo,Po,Ro,No,jo,zo,Bo,Io,Ko,Go,Mo,Lo,Vo,qo,Jo,Uo,Wo,Yo,Ho,Xo,Qo,Zo,_o,tn,en,rn,on,nn,$n,sn,an,cn,ln,fn,hn,pn,mn,dn,gn,un,wn,xn,yn,vn,bn,En,An,Cn,Tn,kn,Dn,On,Sn,Fn,Pn,Rn,Nn,jn,zn,Bn,In,Kn,Gn,Mn,Ln,Vn,qn,Jn,Un,Wn,Yn;return e=new C({props:{$$slots:{default:[R]},$$scope:{ctx:t}}}),o=new T({props:{$$slots:{default:[N]},$$scope:{ctx:t}}}),c=new T({props:{$$slots:{default:[j]},$$scope:{ctx:t}}}),x=new O({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),v=new S({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),E=new F({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),k=new S({props:{$$slots:{default:[G]},$$scope:{ctx:t}}}),P=new F({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),M=new O({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),V=new S({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),Q=new F({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),$t=new O({props:{$$slots:{default:[H]},$$scope:{ctx:t}}}),it=new S({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),mt=new F({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),vt=new O({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),Et=new S({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),Ct=new F({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),kt=new O({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),jt=new S({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),Gt=new F({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),Wt=new O({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),Qt=new S({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),oe=new F({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),le=new S({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),pe=new F({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),ye=new S({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),Ae=new F({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),Oe=new O({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),Ne=new S({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),Ie=new F({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),Le=new S({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),qe=new F({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),Ue=new O({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),Qe=new T({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),rr=new S({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),ir=new F({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),gr=new O({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),yr=new S({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),Dr=new F({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),Sr=new O({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),jr=new S({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),Br=new F({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),Kr=new S({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),Mr=new F({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),Vr=new S({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),Jr=new F({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),Wr=new T({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),Hr=new O({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),Qr=new S({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),_r=new F({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),eo=new S({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),oo=new F({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),$o=new S({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),ao=new F({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),fo=new S({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),po=new F({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),go=new O({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),wo=new T({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),yo=new T({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),bo=new S({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),Ao=new F({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),To=new S({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),Do=new F({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),So=new O({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),Po=new S({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),No=new F({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),zo=new O({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),Io=new S({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),Go=new F({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),Lo=new S({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),qo=new F({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),Uo=new S({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),Yo=new F({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),Xo=new O({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),Zo=new S({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),tn=new F({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),rn=new O({props:{$$slots:{default:[tr]},$$scope:{ctx:t}}}),nn=new S({props:{$$slots:{default:[er]},$$scope:{ctx:t}}}),sn=new F({props:{$$slots:{default:[or]},$$scope:{ctx:t}}}),cn=new O({props:{$$slots:{default:[nr]},$$scope:{ctx:t}}}),fn=new S({props:{$$slots:{default:[$r]},$$scope:{ctx:t}}}),pn=new F({props:{$$slots:{default:[ar]},$$scope:{ctx:t}}}),dn=new O({props:{$$slots:{default:[cr]},$$scope:{ctx:t}}}),un=new S({props:{$$slots:{default:[lr]},$$scope:{ctx:t}}}),xn=new F({props:{$$slots:{default:[hr]},$$scope:{ctx:t}}}),vn=new T({props:{$$slots:{default:[pr]},$$scope:{ctx:t}}}),En=new O({props:{$$slots:{default:[mr]},$$scope:{ctx:t}}}),Cn=new S({props:{$$slots:{default:[dr]},$$scope:{ctx:t}}}),kn=new F({props:{$$slots:{default:[ur]},$$scope:{ctx:t}}}),On=new S({props:{$$slots:{default:[wr]},$$scope:{ctx:t}}}),Fn=new F({props:{$$slots:{default:[vr]},$$scope:{ctx:t}}}),Rn=new O({props:{$$slots:{default:[br]},$$scope:{ctx:t}}}),jn=new T({props:{$$slots:{default:[Er]},$$scope:{ctx:t}}}),Bn=new S({props:{$$slots:{default:[Ar]},$$scope:{ctx:t}}}),Kn=new F({props:{$$slots:{default:[Tr]},$$scope:{ctx:t}}}),Mn=new S({props:{$$slots:{default:[kr]},$$scope:{ctx:t}}}),Vn=new F({props:{$$slots:{default:[Fr]},$$scope:{ctx:t}}}),Jn=new O({props:{$$slots:{default:[Pr]},$$scope:{ctx:t}}}),Wn=new T({props:{$$slots:{default:[Rr]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment),a=p(),n(c.$$.fragment),h=p(),n(x.$$.fragment),y=p(),n(v.$$.fragment),b=p(),n(E.$$.fragment),A=p(),n(k.$$.fragment),D=p(),n(P.$$.fragment),I=p(),n(M.$$.fragment),L=p(),n(V.$$.fragment),W=p(),n(Q.$$.fragment),et=p(),n($t.$$.fragment),lt=p(),n(it.$$.fragment),pt=p(),n(mt.$$.fragment),ut=p(),n(vt.$$.fragment),bt=p(),n(Et.$$.fragment),At=p(),n(Ct.$$.fragment),Tt=p(),n(kt.$$.fragment),St=p(),n(jt.$$.fragment),zt=p(),n(Gt.$$.fragment),qt=p(),n(Wt.$$.fragment),Yt=p(),n(Qt.$$.fragment),re=p(),n(oe.$$.fragment),se=p(),n(le.$$.fragment),he=p(),n(pe.$$.fragment),xe=p(),n(ye.$$.fragment),ve=p(),n(Ae.$$.fragment),De=p(),n(Oe.$$.fragment),Re=p(),n(Ne.$$.fragment),Be=p(),n(Ie.$$.fragment),Ke=p(),n(Le.$$.fragment),Ve=p(),n(qe.$$.fragment),Je=p(),n(Ue.$$.fragment),Xe=p(),n(Qe.$$.fragment),Ze=p(),n(rr.$$.fragment),sr=p(),n(ir.$$.fragment),fr=p(),n(gr.$$.fragment),xr=p(),n(yr.$$.fragment),Cr=p(),n(Dr.$$.fragment),Or=p(),n(Sr.$$.fragment),Nr=p(),n(jr.$$.fragment),zr=p(),n(Br.$$.fragment),Ir=p(),n(Kr.$$.fragment),Gr=p(),n(Mr.$$.fragment),Lr=p(),n(Vr.$$.fragment),qr=p(),n(Jr.$$.fragment),Ur=p(),n(Wr.$$.fragment),Yr=p(),n(Hr.$$.fragment),Xr=p(),n(Qr.$$.fragment),Zr=p(),n(_r.$$.fragment),to=p(),n(eo.$$.fragment),ro=p(),n(oo.$$.fragment),no=p(),n($o.$$.fragment),so=p(),n(ao.$$.fragment),co=p(),lo=m("hr"),io=p(),n(fo.$$.fragment),ho=p(),n(po.$$.fragment),mo=p(),n(go.$$.fragment),uo=p(),n(wo.$$.fragment),xo=p(),n(yo.$$.fragment),vo=p(),n(bo.$$.fragment),Eo=p(),n(Ao.$$.fragment),Co=p(),n(To.$$.fragment),ko=p(),n(Do.$$.fragment),Oo=p(),n(So.$$.fragment),Fo=p(),n(Po.$$.fragment),Ro=p(),n(No.$$.fragment),jo=p(),n(zo.$$.fragment),Bo=p(),n(Io.$$.fragment),Ko=p(),n(Go.$$.fragment),Mo=p(),n(Lo.$$.fragment),Vo=p(),n(qo.$$.fragment),Jo=p(),n(Uo.$$.fragment),Wo=p(),n(Yo.$$.fragment),Ho=p(),n(Xo.$$.fragment),Qo=p(),n(Zo.$$.fragment),_o=p(),n(tn.$$.fragment),en=p(),n(rn.$$.fragment),on=p(),n(nn.$$.fragment),$n=p(),n(sn.$$.fragment),an=p(),n(cn.$$.fragment),ln=p(),n(fn.$$.fragment),hn=p(),n(pn.$$.fragment),mn=p(),n(dn.$$.fragment),gn=p(),n(un.$$.fragment),wn=p(),n(xn.$$.fragment),yn=p(),n(vn.$$.fragment),bn=p(),n(En.$$.fragment),An=p(),n(Cn.$$.fragment),Tn=p(),n(kn.$$.fragment),Dn=p(),n(On.$$.fragment),Sn=p(),n(Fn.$$.fragment),Pn=p(),n(Rn.$$.fragment),Nn=p(),n(jn.$$.fragment),zn=p(),n(Bn.$$.fragment),In=p(),n(Kn.$$.fragment),Gn=p(),n(Mn.$$.fragment),Ln=p(),n(Vn.$$.fragment),qn=p(),n(Jn.$$.fragment),Un=p(),n(Wn.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t),a=d(t),$(c.$$.fragment,t),h=d(t),$(x.$$.fragment,t),y=d(t),$(v.$$.fragment,t),b=d(t),$(E.$$.fragment,t),A=d(t),$(k.$$.fragment,t),D=d(t),$(P.$$.fragment,t),I=d(t),$(M.$$.fragment,t),L=d(t),$(V.$$.fragment,t),W=d(t),$(Q.$$.fragment,t),et=d(t),$($t.$$.fragment,t),lt=d(t),$(it.$$.fragment,t),pt=d(t),$(mt.$$.fragment,t),ut=d(t),$(vt.$$.fragment,t),bt=d(t),$(Et.$$.fragment,t),At=d(t),$(Ct.$$.fragment,t),Tt=d(t),$(kt.$$.fragment,t),St=d(t),$(jt.$$.fragment,t),zt=d(t),$(Gt.$$.fragment,t),qt=d(t),$(Wt.$$.fragment,t),Yt=d(t),$(Qt.$$.fragment,t),re=d(t),$(oe.$$.fragment,t),se=d(t),$(le.$$.fragment,t),he=d(t),$(pe.$$.fragment,t),xe=d(t),$(ye.$$.fragment,t),ve=d(t),$(Ae.$$.fragment,t),De=d(t),$(Oe.$$.fragment,t),Re=d(t),$(Ne.$$.fragment,t),Be=d(t),$(Ie.$$.fragment,t),Ke=d(t),$(Le.$$.fragment,t),Ve=d(t),$(qe.$$.fragment,t),Je=d(t),$(Ue.$$.fragment,t),Xe=d(t),$(Qe.$$.fragment,t),Ze=d(t),$(rr.$$.fragment,t),sr=d(t),$(ir.$$.fragment,t),fr=d(t),$(gr.$$.fragment,t),xr=d(t),$(yr.$$.fragment,t),Cr=d(t),$(Dr.$$.fragment,t),Or=d(t),$(Sr.$$.fragment,t),Nr=d(t),$(jr.$$.fragment,t),zr=d(t),$(Br.$$.fragment,t),Ir=d(t),$(Kr.$$.fragment,t),Gr=d(t),$(Mr.$$.fragment,t),Lr=d(t),$(Vr.$$.fragment,t),qr=d(t),$(Jr.$$.fragment,t),Ur=d(t),$(Wr.$$.fragment,t),Yr=d(t),$(Hr.$$.fragment,t),Xr=d(t),$(Qr.$$.fragment,t),Zr=d(t),$(_r.$$.fragment,t),to=d(t),$(eo.$$.fragment,t),ro=d(t),$(oo.$$.fragment,t),no=d(t),$($o.$$.fragment,t),so=d(t),$(ao.$$.fragment,t),co=d(t),lo=g(t,"HR",{}),io=d(t),$(fo.$$.fragment,t),ho=d(t),$(po.$$.fragment,t),mo=d(t),$(go.$$.fragment,t),uo=d(t),$(wo.$$.fragment,t),xo=d(t),$(yo.$$.fragment,t),vo=d(t),$(bo.$$.fragment,t),Eo=d(t),$(Ao.$$.fragment,t),Co=d(t),$(To.$$.fragment,t),ko=d(t),$(Do.$$.fragment,t),Oo=d(t),$(So.$$.fragment,t),Fo=d(t),$(Po.$$.fragment,t),Ro=d(t),$(No.$$.fragment,t),jo=d(t),$(zo.$$.fragment,t),Bo=d(t),$(Io.$$.fragment,t),Ko=d(t),$(Go.$$.fragment,t),Mo=d(t),$(Lo.$$.fragment,t),Vo=d(t),$(qo.$$.fragment,t),Jo=d(t),$(Uo.$$.fragment,t),Wo=d(t),$(Yo.$$.fragment,t),Ho=d(t),$(Xo.$$.fragment,t),Qo=d(t),$(Zo.$$.fragment,t),_o=d(t),$(tn.$$.fragment,t),en=d(t),$(rn.$$.fragment,t),on=d(t),$(nn.$$.fragment,t),$n=d(t),$(sn.$$.fragment,t),an=d(t),$(cn.$$.fragment,t),ln=d(t),$(fn.$$.fragment,t),hn=d(t),$(pn.$$.fragment,t),mn=d(t),$(dn.$$.fragment,t),gn=d(t),$(un.$$.fragment,t),wn=d(t),$(xn.$$.fragment,t),yn=d(t),$(vn.$$.fragment,t),bn=d(t),$(En.$$.fragment,t),An=d(t),$(Cn.$$.fragment,t),Tn=d(t),$(kn.$$.fragment,t),Dn=d(t),$(On.$$.fragment,t),Sn=d(t),$(Fn.$$.fragment,t),Pn=d(t),$(Rn.$$.fragment,t),Nn=d(t),$(jn.$$.fragment,t),zn=d(t),$(Bn.$$.fragment,t),In=d(t),$(Kn.$$.fragment,t),Gn=d(t),$(Mn.$$.fragment,t),Ln=d(t),$(Vn.$$.fragment,t),qn=d(t),$(Jn.$$.fragment,t),Un=d(t),$(Wn.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),u(t,a,n),s(c,t,n),u(t,h,n),s(x,t,n),u(t,y,n),s(v,t,n),u(t,b,n),s(E,t,n),u(t,A,n),s(k,t,n),u(t,D,n),s(P,t,n),u(t,I,n),s(M,t,n),u(t,L,n),s(V,t,n),u(t,W,n),s(Q,t,n),u(t,et,n),s($t,t,n),u(t,lt,n),s(it,t,n),u(t,pt,n),s(mt,t,n),u(t,ut,n),s(vt,t,n),u(t,bt,n),s(Et,t,n),u(t,At,n),s(Ct,t,n),u(t,Tt,n),s(kt,t,n),u(t,St,n),s(jt,t,n),u(t,zt,n),s(Gt,t,n),u(t,qt,n),s(Wt,t,n),u(t,Yt,n),s(Qt,t,n),u(t,re,n),s(oe,t,n),u(t,se,n),s(le,t,n),u(t,he,n),s(pe,t,n),u(t,xe,n),s(ye,t,n),u(t,ve,n),s(Ae,t,n),u(t,De,n),s(Oe,t,n),u(t,Re,n),s(Ne,t,n),u(t,Be,n),s(Ie,t,n),u(t,Ke,n),s(Le,t,n),u(t,Ve,n),s(qe,t,n),u(t,Je,n),s(Ue,t,n),u(t,Xe,n),s(Qe,t,n),u(t,Ze,n),s(rr,t,n),u(t,sr,n),s(ir,t,n),u(t,fr,n),s(gr,t,n),u(t,xr,n),s(yr,t,n),u(t,Cr,n),s(Dr,t,n),u(t,Or,n),s(Sr,t,n),u(t,Nr,n),s(jr,t,n),u(t,zr,n),s(Br,t,n),u(t,Ir,n),s(Kr,t,n),u(t,Gr,n),s(Mr,t,n),u(t,Lr,n),s(Vr,t,n),u(t,qr,n),s(Jr,t,n),u(t,Ur,n),s(Wr,t,n),u(t,Yr,n),s(Hr,t,n),u(t,Xr,n),s(Qr,t,n),u(t,Zr,n),s(_r,t,n),u(t,to,n),s(eo,t,n),u(t,ro,n),s(oo,t,n),u(t,no,n),s($o,t,n),u(t,so,n),s(ao,t,n),u(t,co,n),u(t,lo,n),u(t,io,n),s(fo,t,n),u(t,ho,n),s(po,t,n),u(t,mo,n),s(go,t,n),u(t,uo,n),s(wo,t,n),u(t,xo,n),s(yo,t,n),u(t,vo,n),s(bo,t,n),u(t,Eo,n),s(Ao,t,n),u(t,Co,n),s(To,t,n),u(t,ko,n),s(Do,t,n),u(t,Oo,n),s(So,t,n),u(t,Fo,n),s(Po,t,n),u(t,Ro,n),s(No,t,n),u(t,jo,n),s(zo,t,n),u(t,Bo,n),s(Io,t,n),u(t,Ko,n),s(Go,t,n),u(t,Mo,n),s(Lo,t,n),u(t,Vo,n),s(qo,t,n),u(t,Jo,n),s(Uo,t,n),u(t,Wo,n),s(Yo,t,n),u(t,Ho,n),s(Xo,t,n),u(t,Qo,n),s(Zo,t,n),u(t,_o,n),s(tn,t,n),u(t,en,n),s(rn,t,n),u(t,on,n),s(nn,t,n),u(t,$n,n),s(sn,t,n),u(t,an,n),s(cn,t,n),u(t,ln,n),s(fn,t,n),u(t,hn,n),s(pn,t,n),u(t,mn,n),s(dn,t,n),u(t,gn,n),s(un,t,n),u(t,wn,n),s(xn,t,n),u(t,yn,n),s(vn,t,n),u(t,bn,n),s(En,t,n),u(t,An,n),s(Cn,t,n),u(t,Tn,n),s(kn,t,n),u(t,Dn,n),s(On,t,n),u(t,Sn,n),s(Fn,t,n),u(t,Pn,n),s(Rn,t,n),u(t,Nn,n),s(jn,t,n),u(t,zn,n),s(Bn,t,n),u(t,In,n),s(Kn,t,n),u(t,Gn,n),s(Mn,t,n),u(t,Ln,n),s(Vn,t,n),u(t,qn,n),s(Jn,t,n),u(t,Un,n),s(Wn,t,n),Yn=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($);const s={};2&r&&(s.$$scope={dirty:r,ctx:t}),c.$set(s);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),x.$set(a);const l={};2&r&&(l.$$scope={dirty:r,ctx:t}),v.$set(l);const i={};2&r&&(i.$$scope={dirty:r,ctx:t}),E.$set(i);const f={};2&r&&(f.$$scope={dirty:r,ctx:t}),k.$set(f);const h={};2&r&&(h.$$scope={dirty:r,ctx:t}),P.$set(h);const p={};2&r&&(p.$$scope={dirty:r,ctx:t}),M.$set(p);const m={};2&r&&(m.$$scope={dirty:r,ctx:t}),V.$set(m);const d={};2&r&&(d.$$scope={dirty:r,ctx:t}),Q.$set(d);const g={};2&r&&(g.$$scope={dirty:r,ctx:t}),$t.$set(g);const u={};2&r&&(u.$$scope={dirty:r,ctx:t}),it.$set(u);const w={};2&r&&(w.$$scope={dirty:r,ctx:t}),mt.$set(w);const y={};2&r&&(y.$$scope={dirty:r,ctx:t}),vt.$set(y);const b={};2&r&&(b.$$scope={dirty:r,ctx:t}),Et.$set(b);const A={};2&r&&(A.$$scope={dirty:r,ctx:t}),Ct.$set(A);const C={};2&r&&(C.$$scope={dirty:r,ctx:t}),kt.$set(C);const T={};2&r&&(T.$$scope={dirty:r,ctx:t}),jt.$set(T);const D={};2&r&&(D.$$scope={dirty:r,ctx:t}),Gt.$set(D);const O={};2&r&&(O.$$scope={dirty:r,ctx:t}),Wt.$set(O);const S={};2&r&&(S.$$scope={dirty:r,ctx:t}),Qt.$set(S);const F={};2&r&&(F.$$scope={dirty:r,ctx:t}),oe.$set(F);const R={};2&r&&(R.$$scope={dirty:r,ctx:t}),le.$set(R);const N={};2&r&&(N.$$scope={dirty:r,ctx:t}),pe.$set(N);const j={};2&r&&(j.$$scope={dirty:r,ctx:t}),ye.$set(j);const z={};2&r&&(z.$$scope={dirty:r,ctx:t}),Ae.$set(z);const B={};2&r&&(B.$$scope={dirty:r,ctx:t}),Oe.$set(B);const I={};2&r&&(I.$$scope={dirty:r,ctx:t}),Ne.$set(I);const K={};2&r&&(K.$$scope={dirty:r,ctx:t}),Ie.$set(K);const G={};2&r&&(G.$$scope={dirty:r,ctx:t}),Le.$set(G);const L={};2&r&&(L.$$scope={dirty:r,ctx:t}),qe.$set(L);const q={};2&r&&(q.$$scope={dirty:r,ctx:t}),Ue.$set(q);const J={};2&r&&(J.$$scope={dirty:r,ctx:t}),Qe.$set(J);const U={};2&r&&(U.$$scope={dirty:r,ctx:t}),rr.$set(U);const W={};2&r&&(W.$$scope={dirty:r,ctx:t}),ir.$set(W);const Y={};2&r&&(Y.$$scope={dirty:r,ctx:t}),gr.$set(Y);const H={};2&r&&(H.$$scope={dirty:r,ctx:t}),yr.$set(H);const X={};2&r&&(X.$$scope={dirty:r,ctx:t}),Dr.$set(X);const Z={};2&r&&(Z.$$scope={dirty:r,ctx:t}),Sr.$set(Z);const _={};2&r&&(_.$$scope={dirty:r,ctx:t}),jr.$set(_);const tt={};2&r&&(tt.$$scope={dirty:r,ctx:t}),Br.$set(tt);const et={};2&r&&(et.$$scope={dirty:r,ctx:t}),Kr.$set(et);const rt={};2&r&&(rt.$$scope={dirty:r,ctx:t}),Mr.$set(rt);const ot={};2&r&&(ot.$$scope={dirty:r,ctx:t}),Vr.$set(ot);const nt={};2&r&&(nt.$$scope={dirty:r,ctx:t}),Jr.$set(nt);const st={};2&r&&(st.$$scope={dirty:r,ctx:t}),Wr.$set(st);const at={};2&r&&(at.$$scope={dirty:r,ctx:t}),Hr.$set(at);const ct={};2&r&&(ct.$$scope={dirty:r,ctx:t}),Qr.$set(ct);const lt={};2&r&&(lt.$$scope={dirty:r,ctx:t}),_r.$set(lt);const ft={};2&r&&(ft.$$scope={dirty:r,ctx:t}),eo.$set(ft);const ht={};2&r&&(ht.$$scope={dirty:r,ctx:t}),oo.$set(ht);const pt={};2&r&&(pt.$$scope={dirty:r,ctx:t}),$o.$set(pt);const dt={};2&r&&(dt.$$scope={dirty:r,ctx:t}),ao.$set(dt);const gt={};2&r&&(gt.$$scope={dirty:r,ctx:t}),fo.$set(gt);const ut={};2&r&&(ut.$$scope={dirty:r,ctx:t}),po.$set(ut);const wt={};2&r&&(wt.$$scope={dirty:r,ctx:t}),go.$set(wt);const xt={};2&r&&(xt.$$scope={dirty:r,ctx:t}),wo.$set(xt);const yt={};2&r&&(yt.$$scope={dirty:r,ctx:t}),yo.$set(yt);const bt={};2&r&&(bt.$$scope={dirty:r,ctx:t}),bo.$set(bt);const At={};2&r&&(At.$$scope={dirty:r,ctx:t}),Ao.$set(At);const Tt={};2&r&&(Tt.$$scope={dirty:r,ctx:t}),To.$set(Tt);const Dt={};2&r&&(Dt.$$scope={dirty:r,ctx:t}),Do.$set(Dt);const Ot={};2&r&&(Ot.$$scope={dirty:r,ctx:t}),So.$set(Ot);const St={};2&r&&(St.$$scope={dirty:r,ctx:t}),Po.$set(St);const Ft={};2&r&&(Ft.$$scope={dirty:r,ctx:t}),No.$set(Ft);const Pt={};2&r&&(Pt.$$scope={dirty:r,ctx:t}),zo.$set(Pt);const Rt={};2&r&&(Rt.$$scope={dirty:r,ctx:t}),Io.$set(Rt);const Nt={};2&r&&(Nt.$$scope={dirty:r,ctx:t}),Go.$set(Nt);const zt={};2&r&&(zt.$$scope={dirty:r,ctx:t}),Lo.$set(zt);const Bt={};2&r&&(Bt.$$scope={dirty:r,ctx:t}),qo.$set(Bt);const It={};2&r&&(It.$$scope={dirty:r,ctx:t}),Uo.$set(It);const Kt={};2&r&&(Kt.$$scope={dirty:r,ctx:t}),Yo.$set(Kt);const Mt={};2&r&&(Mt.$$scope={dirty:r,ctx:t}),Xo.$set(Mt);const Lt={};2&r&&(Lt.$$scope={dirty:r,ctx:t}),Zo.$set(Lt);const Vt={};2&r&&(Vt.$$scope={dirty:r,ctx:t}),tn.$set(Vt);const qt={};2&r&&(qt.$$scope={dirty:r,ctx:t}),rn.$set(qt);const Jt={};2&r&&(Jt.$$scope={dirty:r,ctx:t}),nn.$set(Jt);const Ut={};2&r&&(Ut.$$scope={dirty:r,ctx:t}),sn.$set(Ut);const Yt={};2&r&&(Yt.$$scope={dirty:r,ctx:t}),cn.$set(Yt);const Ht={};2&r&&(Ht.$$scope={dirty:r,ctx:t}),fn.$set(Ht);const Xt={};2&r&&(Xt.$$scope={dirty:r,ctx:t}),pn.$set(Xt);const Zt={};2&r&&(Zt.$$scope={dirty:r,ctx:t}),dn.$set(Zt);const _t={};2&r&&(_t.$$scope={dirty:r,ctx:t}),un.$set(_t);const te={};2&r&&(te.$$scope={dirty:r,ctx:t}),xn.$set(te);const ee={};2&r&&(ee.$$scope={dirty:r,ctx:t}),vn.$set(ee);const re={};2&r&&(re.$$scope={dirty:r,ctx:t}),En.$set(re);const ne={};2&r&&(ne.$$scope={dirty:r,ctx:t}),Cn.$set(ne);const $e={};2&r&&($e.$$scope={dirty:r,ctx:t}),kn.$set($e);const se={};2&r&&(se.$$scope={dirty:r,ctx:t}),On.$set(se);const ae={};2&r&&(ae.$$scope={dirty:r,ctx:t}),Fn.$set(ae);const ce={};2&r&&(ce.$$scope={dirty:r,ctx:t}),Rn.$set(ce);const ie={};2&r&&(ie.$$scope={dirty:r,ctx:t}),jn.$set(ie);const fe={};2&r&&(fe.$$scope={dirty:r,ctx:t}),Bn.$set(fe);const he={};2&r&&(he.$$scope={dirty:r,ctx:t}),Kn.$set(he);const me={};2&r&&(me.$$scope={dirty:r,ctx:t}),Mn.$set(me);const de={};2&r&&(de.$$scope={dirty:r,ctx:t}),Vn.$set(de);const ge={};2&r&&(ge.$$scope={dirty:r,ctx:t}),Jn.$set(ge);const ue={};2&r&&(ue.$$scope={dirty:r,ctx:t}),Wn.$set(ue)},i(t){Yn||(l(e.$$.fragment,t),l(o.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),l(v.$$.fragment,t),l(E.$$.fragment,t),l(k.$$.fragment,t),l(P.$$.fragment,t),l(M.$$.fragment,t),l(V.$$.fragment,t),l(Q.$$.fragment,t),l($t.$$.fragment,t),l(it.$$.fragment,t),l(mt.$$.fragment,t),l(vt.$$.fragment,t),l(Et.$$.fragment,t),l(Ct.$$.fragment,t),l(kt.$$.fragment,t),l(jt.$$.fragment,t),l(Gt.$$.fragment,t),l(Wt.$$.fragment,t),l(Qt.$$.fragment,t),l(oe.$$.fragment,t),l(le.$$.fragment,t),l(pe.$$.fragment,t),l(ye.$$.fragment,t),l(Ae.$$.fragment,t),l(Oe.$$.fragment,t),l(Ne.$$.fragment,t),l(Ie.$$.fragment,t),l(Le.$$.fragment,t),l(qe.$$.fragment,t),l(Ue.$$.fragment,t),l(Qe.$$.fragment,t),l(rr.$$.fragment,t),l(ir.$$.fragment,t),l(gr.$$.fragment,t),l(yr.$$.fragment,t),l(Dr.$$.fragment,t),l(Sr.$$.fragment,t),l(jr.$$.fragment,t),l(Br.$$.fragment,t),l(Kr.$$.fragment,t),l(Mr.$$.fragment,t),l(Vr.$$.fragment,t),l(Jr.$$.fragment,t),l(Wr.$$.fragment,t),l(Hr.$$.fragment,t),l(Qr.$$.fragment,t),l(_r.$$.fragment,t),l(eo.$$.fragment,t),l(oo.$$.fragment,t),l($o.$$.fragment,t),l(ao.$$.fragment,t),l(fo.$$.fragment,t),l(po.$$.fragment,t),l(go.$$.fragment,t),l(wo.$$.fragment,t),l(yo.$$.fragment,t),l(bo.$$.fragment,t),l(Ao.$$.fragment,t),l(To.$$.fragment,t),l(Do.$$.fragment,t),l(So.$$.fragment,t),l(Po.$$.fragment,t),l(No.$$.fragment,t),l(zo.$$.fragment,t),l(Io.$$.fragment,t),l(Go.$$.fragment,t),l(Lo.$$.fragment,t),l(qo.$$.fragment,t),l(Uo.$$.fragment,t),l(Yo.$$.fragment,t),l(Xo.$$.fragment,t),l(Zo.$$.fragment,t),l(tn.$$.fragment,t),l(rn.$$.fragment,t),l(nn.$$.fragment,t),l(sn.$$.fragment,t),l(cn.$$.fragment,t),l(fn.$$.fragment,t),l(pn.$$.fragment,t),l(dn.$$.fragment,t),l(un.$$.fragment,t),l(xn.$$.fragment,t),l(vn.$$.fragment,t),l(En.$$.fragment,t),l(Cn.$$.fragment,t),l(kn.$$.fragment,t),l(On.$$.fragment,t),l(Fn.$$.fragment,t),l(Rn.$$.fragment,t),l(jn.$$.fragment,t),l(Bn.$$.fragment,t),l(Kn.$$.fragment,t),l(Mn.$$.fragment,t),l(Vn.$$.fragment,t),l(Jn.$$.fragment,t),l(Wn.$$.fragment,t),Yn=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),i(c.$$.fragment,t),i(x.$$.fragment,t),i(v.$$.fragment,t),i(E.$$.fragment,t),i(k.$$.fragment,t),i(P.$$.fragment,t),i(M.$$.fragment,t),i(V.$$.fragment,t),i(Q.$$.fragment,t),i($t.$$.fragment,t),i(it.$$.fragment,t),i(mt.$$.fragment,t),i(vt.$$.fragment,t),i(Et.$$.fragment,t),i(Ct.$$.fragment,t),i(kt.$$.fragment,t),i(jt.$$.fragment,t),i(Gt.$$.fragment,t),i(Wt.$$.fragment,t),i(Qt.$$.fragment,t),i(oe.$$.fragment,t),i(le.$$.fragment,t),i(pe.$$.fragment,t),i(ye.$$.fragment,t),i(Ae.$$.fragment,t),i(Oe.$$.fragment,t),i(Ne.$$.fragment,t),i(Ie.$$.fragment,t),i(Le.$$.fragment,t),i(qe.$$.fragment,t),i(Ue.$$.fragment,t),i(Qe.$$.fragment,t),i(rr.$$.fragment,t),i(ir.$$.fragment,t),i(gr.$$.fragment,t),i(yr.$$.fragment,t),i(Dr.$$.fragment,t),i(Sr.$$.fragment,t),i(jr.$$.fragment,t),i(Br.$$.fragment,t),i(Kr.$$.fragment,t),i(Mr.$$.fragment,t),i(Vr.$$.fragment,t),i(Jr.$$.fragment,t),i(Wr.$$.fragment,t),i(Hr.$$.fragment,t),i(Qr.$$.fragment,t),i(_r.$$.fragment,t),i(eo.$$.fragment,t),i(oo.$$.fragment,t),i($o.$$.fragment,t),i(ao.$$.fragment,t),i(fo.$$.fragment,t),i(po.$$.fragment,t),i(go.$$.fragment,t),i(wo.$$.fragment,t),i(yo.$$.fragment,t),i(bo.$$.fragment,t),i(Ao.$$.fragment,t),i(To.$$.fragment,t),i(Do.$$.fragment,t),i(So.$$.fragment,t),i(Po.$$.fragment,t),i(No.$$.fragment,t),i(zo.$$.fragment,t),i(Io.$$.fragment,t),i(Go.$$.fragment,t),i(Lo.$$.fragment,t),i(qo.$$.fragment,t),i(Uo.$$.fragment,t),i(Yo.$$.fragment,t),i(Xo.$$.fragment,t),i(Zo.$$.fragment,t),i(tn.$$.fragment,t),i(rn.$$.fragment,t),i(nn.$$.fragment,t),i(sn.$$.fragment,t),i(cn.$$.fragment,t),i(fn.$$.fragment,t),i(pn.$$.fragment,t),i(dn.$$.fragment,t),i(un.$$.fragment,t),i(xn.$$.fragment,t),i(vn.$$.fragment,t),i(En.$$.fragment,t),i(Cn.$$.fragment,t),i(kn.$$.fragment,t),i(On.$$.fragment,t),i(Fn.$$.fragment,t),i(Rn.$$.fragment,t),i(jn.$$.fragment,t),i(Bn.$$.fragment,t),i(Kn.$$.fragment,t),i(Mn.$$.fragment,t),i(Vn.$$.fragment,t),i(Jn.$$.fragment,t),i(Wn.$$.fragment,t),Yn=!1},d(t){f(e,t),t&&w(r),f(o,t),t&&w(a),f(c,t),t&&w(h),f(x,t),t&&w(y),f(v,t),t&&w(b),f(E,t),t&&w(A),f(k,t),t&&w(D),f(P,t),t&&w(I),f(M,t),t&&w(L),f(V,t),t&&w(W),f(Q,t),t&&w(et),f($t,t),t&&w(lt),f(it,t),t&&w(pt),f(mt,t),t&&w(ut),f(vt,t),t&&w(bt),f(Et,t),t&&w(At),f(Ct,t),t&&w(Tt),f(kt,t),t&&w(St),f(jt,t),t&&w(zt),f(Gt,t),t&&w(qt),f(Wt,t),t&&w(Yt),f(Qt,t),t&&w(re),f(oe,t),t&&w(se),f(le,t),t&&w(he),f(pe,t),t&&w(xe),f(ye,t),t&&w(ve),f(Ae,t),t&&w(De),f(Oe,t),t&&w(Re),f(Ne,t),t&&w(Be),f(Ie,t),t&&w(Ke),f(Le,t),t&&w(Ve),f(qe,t),t&&w(Je),f(Ue,t),t&&w(Xe),f(Qe,t),t&&w(Ze),f(rr,t),t&&w(sr),f(ir,t),t&&w(fr),f(gr,t),t&&w(xr),f(yr,t),t&&w(Cr),f(Dr,t),t&&w(Or),f(Sr,t),t&&w(Nr),f(jr,t),t&&w(zr),f(Br,t),t&&w(Ir),f(Kr,t),t&&w(Gr),f(Mr,t),t&&w(Lr),f(Vr,t),t&&w(qr),f(Jr,t),t&&w(Ur),f(Wr,t),t&&w(Yr),f(Hr,t),t&&w(Xr),f(Qr,t),t&&w(Zr),f(_r,t),t&&w(to),f(eo,t),t&&w(ro),f(oo,t),t&&w(no),f($o,t),t&&w(so),f(ao,t),t&&w(co),t&&w(lo),t&&w(io),f(fo,t),t&&w(ho),f(po,t),t&&w(mo),f(go,t),t&&w(uo),f(wo,t),t&&w(xo),f(yo,t),t&&w(vo),f(bo,t),t&&w(Eo),f(Ao,t),t&&w(Co),f(To,t),t&&w(ko),f(Do,t),t&&w(Oo),f(So,t),t&&w(Fo),f(Po,t),t&&w(Ro),f(No,t),t&&w(jo),f(zo,t),t&&w(Bo),f(Io,t),t&&w(Ko),f(Go,t),t&&w(Mo),f(Lo,t),t&&w(Vo),f(qo,t),t&&w(Jo),f(Uo,t),t&&w(Wo),f(Yo,t),t&&w(Ho),f(Xo,t),t&&w(Qo),f(Zo,t),t&&w(_o),f(tn,t),t&&w(en),f(rn,t),t&&w(on),f(nn,t),t&&w($n),f(sn,t),t&&w(an),f(cn,t),t&&w(ln),f(fn,t),t&&w(hn),f(pn,t),t&&w(mn),f(dn,t),t&&w(gn),f(un,t),t&&w(wn),f(xn,t),t&&w(yn),f(vn,t),t&&w(bn),f(En,t),t&&w(An),f(Cn,t),t&&w(Tn),f(kn,t),t&&w(Dn),f(On,t),t&&w(Sn),f(Fn,t),t&&w(Pn),f(Rn,t),t&&w(Nn),f(jn,t),t&&w(zn),f(Bn,t),t&&w(In),f(Kn,t),t&&w(Gn),f(Mn,t),t&&w(Ln),f(Vn,t),t&&w(qn),f(Jn,t),t&&w(Un),f(Wn,t)}}}function jr(t){let e,r;const h=[t[0]];let p={$$slots:{default:[Nr]},$$scope:{ctx:t}};for(let t=0;t<h.length;t+=1)p=o(p,h[t]);return e=new D({props:p}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,[r]){const o=1&r?a(h,[c(t[0])]):{};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function zr(t,e,r){return t.$$set=t=>{r(0,e=o(o({},e),h(t)))},[e=h(e)]}class Br extends t{constructor(t){super(),e(this,t,zr,jr,r,{})}}function Ir(t){let e,r;return e=new Br({}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function Kr(t){let e,r;const h=[t[0],Gr];let p={$$slots:{default:[Ir]},$$scope:{ctx:t}};for(let t=0;t<h.length;t+=1)p=o(p,h[t]);return e=new k({props:p}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,[r]){const o=1&r?a(h,[1&r&&c(t[0]),0&r&&c(Gr)]):{};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}const Gr={name:"Changelog"};function Mr(t,e,r){return t.$$set=t=>{r(0,e=o(o({},e),h(t)))},[e=h(e)]}class Lr extends t{constructor(t){super(),e(this,t,Mr,Kr,r,{})}}export{Lr as default,Gr as metadata};
diff --git a/376/client/checkbox-ad14e938.css b/376/client/checkbox-ad14e938.css
new file mode 100644
index 000000000..c16c8a59f
--- /dev/null
+++ b/376/client/checkbox-ad14e938.css
@@ -0,0 +1 @@
+.checkbox.svelte-ly1qcx.svelte-ly1qcx.svelte-ly1qcx{align-items:center;cursor:pointer;display:flex;font-family:"Ubuntu", sans-serif;position:relative}.checkbox.svelte-ly1qcx>input[type=checkbox].svelte-ly1qcx.svelte-ly1qcx{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.checkbox.svelte-ly1qcx .selector.svelte-ly1qcx.svelte-ly1qcx{border:0.125em solid #ddd;border-radius:0.25em;cursor:pointer;height:1em;position:relative;width:1em}.checkbox.svelte-ly1qcx .selector.svelte-ly1qcx.svelte-ly1qcx::before{border:0 solid #fff;border-bottom-left-radius:0.125em;content:"";height:0;left:50%;position:absolute;top:45%;transform:translate(-50%, -50%) rotate(-57deg) skew(-11deg);transition:width 75ms;width:0}.checkbox.svelte-ly1qcx .selector.svelte-ly1qcx.svelte-ly1qcx::after{border-radius:50%;content:"";height:2.25em;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:2.25em}.checkbox.round.svelte-ly1qcx>.selector.svelte-ly1qcx.svelte-ly1qcx{border-radius:50%;height:1.375em;width:1.375em}.checkbox.svelte-ly1qcx .svelte-ly1qcx:disabled+.selector.svelte-ly1qcx{background-color:#ececec;cursor:not-allowed}.checkbox.svelte-ly1qcx .svelte-ly1qcx:checked+.selector.svelte-ly1qcx{background-color:#4300b0;border-color:#4300b0}.checkbox.svelte-ly1qcx .svelte-ly1qcx:checked+.selector.svelte-ly1qcx::before{border-bottom-width:0.125em;border-left-width:0.125em;height:0.375em;width:0.5625em}.checkbox.svelte-ly1qcx .svelte-ly1qcx:disabled:checked+.selector.svelte-ly1qcx{background-color:#888;border-color:#8d8d8d}.checkbox.svelte-ly1qcx:hover .selector.svelte-ly1qcx.svelte-ly1qcx::after{background-color:rgba(51, 51, 51, 0.05)}.checkbox.svelte-ly1qcx:hover .svelte-ly1qcx:checked+.svelte-ly1qcx::after{background-color:rgba(67, 0, 176, 0.05)}.checkbox.svelte-ly1qcx:hover .svelte-ly1qcx:disabled+.selector.svelte-ly1qcx::after{background:none}.checkbox.svelte-ly1qcx .svelte-ly1qcx:focus+.selector.svelte-ly1qcx::after{background-color:rgba(51, 51, 51, 0.125)}.checkbox.svelte-ly1qcx .svelte-ly1qcx:focus:checked+.svelte-ly1qcx::after{background-color:rgba(67, 0, 176, 0.125)}
diff --git a/376/client/checkbox-chip-084dc1b9.css b/376/client/checkbox-chip-084dc1b9.css
new file mode 100644
index 000000000..b75147006
--- /dev/null
+++ b/376/client/checkbox-chip-084dc1b9.css
@@ -0,0 +1 @@
+.chip.svelte-1kkiv31.svelte-1kkiv31{background:rgba(0, 0, 0, 0.08);border-radius:1.5625em;color:#656565;font-family:"Ubuntu", sans-serif;font-weight:500;padding:0.6em 0.9em}.chip.small.svelte-1kkiv31.svelte-1kkiv31{font-size:0.9rem;min-width:0.9em;padding:0.4em 0.6em;text-align:center}.chip.outline.svelte-1kkiv31.svelte-1kkiv31{background:transparent;border:1px solid #4300b0}.chip.no-padding.svelte-1kkiv31.svelte-1kkiv31{padding:0}.input-chip.svelte-1kkiv31>input.svelte-1kkiv31{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.chip.svelte-1kkiv31.svelte-1kkiv31{cursor:pointer;-webkit-touch-callout:none;user-select:none}.chip.svelte-1kkiv31 .ripple{background:rgba(67, 0, 176, 0.1)}.chip.outline.svelte-1kkiv31.svelte-1kkiv31{border-color:rgba(0, 0, 0, 0.18)}input.svelte-1kkiv31+.chip.svelte-1kkiv31:hover{background:rgba(0, 0, 0, 0.13)}input.svelte-1kkiv31+.chip.outline.svelte-1kkiv31:hover{background:rgba(0, 0, 0, 0.06)}input.svelte-1kkiv31:disabled+.chip.svelte-1kkiv31{background:rgba(0, 0, 0, 0.03);color:#939393;cursor:not-allowed}input.svelte-1kkiv31:disabled+.chip.svelte-1kkiv31:hover{background:rgba(0, 0, 0, 0.03)}input.svelte-1kkiv31:focus+.chip.svelte-1kkiv31{background:rgba(0, 0, 0, 0.18)}input.svelte-1kkiv31:focus+.chip.outline.svelte-1kkiv31{background:rgba(0, 0, 0, 0.1)}input.svelte-1kkiv31:checked+.chip.svelte-1kkiv31{background:rgba(67, 0, 176, 0.12);color:#4300b0}input.svelte-1kkiv31:checked+.chip.outline.svelte-1kkiv31{background:rgba(67, 0, 176, 0.06);border-color:#4300b0;color:#4300b0}input.svelte-1kkiv31:focus:checked+.chip.svelte-1kkiv31{background-color:rgba(67, 0, 176, 0.25)}input.svelte-1kkiv31:focus:checked+.chip.outline.svelte-1kkiv31{background-color:rgba(67, 0, 176, 0.12)}.chip.svelte-1kkiv31.svelte-1kkiv31{position:relative;transition:padding-left 50ms}.chip.svelte-1kkiv31.svelte-1kkiv31::before{border:0 solid #4300b0;content:"";height:0.5625em;left:0.9em;position:absolute;top:45%;transform:translateY(-50%) rotate(45deg);transition:width 50ms;width:0}input.svelte-1kkiv31:checked+.chip.svelte-1kkiv31{padding-left:2em}input.svelte-1kkiv31:checked+.chip.svelte-1kkiv31::before{border-bottom-width:0.125em;border-right-width:0.125em;width:0.3125em}
diff --git a/376/client/checkbox-chip-a57ac15c.css b/376/client/checkbox-chip-a57ac15c.css
new file mode 100644
index 000000000..05c8974dc
--- /dev/null
+++ b/376/client/checkbox-chip-a57ac15c.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-er5vl1{align-items:flex-start;display:flex}[slot=showcase].svelte-er5vl1 .chip{margin-right:0.5em}
diff --git a/376/client/checkbox-chip-group-14098d62.css b/376/client/checkbox-chip-group-14098d62.css
new file mode 100644
index 000000000..c5db9809d
--- /dev/null
+++ b/376/client/checkbox-chip-group-14098d62.css
@@ -0,0 +1 @@
+div.svelte-15v276f{display:flex;flex-wrap:wrap}div.svelte-15v276f .chip{margin-right:0.5em;margin-top:0.5em}
diff --git a/376/client/checkbox-chip-group.05d6a4a7.js b/376/client/checkbox-chip-group.05d6a4a7.js
new file mode 100644
index 000000000..25b1e5bf2
--- /dev/null
+++ b/376/client/checkbox-chip-group.05d6a4a7.js
@@ -0,0 +1 @@
+import{S as e,i as l,s,H as a,f as t,t as c,y as n,p as o,z as i,d as r,I as h,K as u,L as d,h as m,k as f,b as p,e as $,X as b,Z as k,_ as x,Y as v,$ as g,j as C,l as y,m as j,U as R,a0 as T,a1 as N,q as w,a2 as q,u as A,w as E,v as I,x as M,A as S,g as _}from"./client.0d36a0cf.js";import{p as z}from"./plural-s.31bb9da9.js";import{c as D}from"./classes.2453fa25.js";import{C as H}from"./checkbox-chip.5966cebc.js";function K(e,l,s){const a=e.slice();return a[12]=l[s],a[13]=l,a[14]=s,a}function L(e){let l,s,a,h=[],u=new Map,d=e[0];const v=e=>e[12].value;for(let l=0;l<d.length;l+=1){let s=K(e,d,l),a=v(s);u.set(a,h[l]=X(a,s))}return{c(){l=m("div");for(let e=0;e<h.length;e+=1)h[e].c();this.h()},l(e){l=f(e,"DIV",{class:!0,role:!0});var s=p(l);for(let e=0;e<h.length;e+=1)h[e].l(s);s.forEach(r),this.h()},h(){$(l,"class",s=b(D(e[1]))+" svelte-15v276f"),$(l,"role","group")},m(e,s){t(e,l,s);for(let e=0;e<h.length;e+=1)h[e]&&h[e].m(l,null);a=!0},p(e,t){509&t&&(d=e[0],n(),h=k(h,t,v,1,e,d,u,l,x,X,null,K),i()),(!a||2&t&&s!==(s=b(D(e[1]))+" svelte-15v276f"))&&$(l,"class",s)},i(e){if(!a){for(let e=0;e<d.length;e+=1)c(h[e]);a=!0}},o(e){for(let e=0;e<h.length;e+=1)o(h[e]);a=!1},d(e){e&&r(l);for(let e=0;e<h.length;e+=1)h[e].d()}}}function P(e){let l,s=(e[12].label||e[12].value)+"";return{c(){l=I(s)},l(e){l=M(e,s)},m(e,s){t(e,l,s)},p(e,a){1&a&&s!==(s=(e[12].label||e[12].value)+"")&&S(l,s)},d(e){e&&r(l)}}}function U(e){let l,s,a,c=(e[12].label||e[12].value)+"";return{c(){l=m("span"),s=I(c),this.h()},l(e){l=f(e,"SPAN",{class:!0});var a=p(l);s=M(a,c),a.forEach(r),this.h()},h(){$(l,"class",a=D(e[3]))},m(e,a){t(e,l,a),_(l,s)},p(e,t){1&t&&c!==(c=(e[12].label||e[12].value)+"")&&S(s,c),8&t&&a!==(a=D(e[3]))&&$(l,"class",a)},d(e){e&&r(l)}}}function V(e){let l;function s(e,l){return null!=e[3]?U:P}let a=s(e),c=a(e);return{c(){c.c(),l=A()},l(e){c.l(e),l=E(e)},m(e,s){c.m(e,s),t(e,l,s)},p(e,t){a===(a=s(e))&&c?c.p(e,t):(c.d(1),c=a(e),c&&(c.c(),c.m(l.parentNode,l)))},d(e){c.d(e),e&&r(l)}}}function X(e,l){let s,n,i,h;const d=[{name:l[4]},{value:l[12].value},{disabled:l[12].disabled||!l[12].checked&&l[6]>=l[5]},{class:D(l[2])},{title:!l[12].disabled&&!l[12].checked&&l[6]>=l[5]?l[7]:null},l[8]];function m(e){l[10](e,l[12])}let f={$$slots:{default:[V]},$$scope:{ctx:l}};for(let e=0;e<d.length;e+=1)f=u(f,d[e]);return void 0!==l[12].checked&&(f.checked=l[12].checked),n=new H({props:f}),v.push((()=>g(n,"checked",m))),n.$on("change",l[11]),{key:e,first:null,c(){s=a(),C(n.$$.fragment),this.h()},l(e){s=a(),y(n.$$.fragment,e),this.h()},h(){this.first=s},m(e,l){t(e,s,l),j(n,e,l),h=!0},p(e,s){l=e;const a=501&s?R(d,[16&s&&{name:l[4]},1&s&&{value:l[12].value},97&s&&{disabled:l[12].disabled||!l[12].checked&&l[6]>=l[5]},4&s&&{class:D(l[2])},225&s&&{title:!l[12].disabled&&!l[12].checked&&l[6]>=l[5]?l[7]:null},256&s&&T(l[8])]):{};32777&s&&(a.$$scope={dirty:s,ctx:l}),!i&&1&s&&(i=!0,a.checked=l[12].checked,N((()=>i=!1))),n.$set(a)},i(e){h||(c(n.$$.fragment,e),h=!0)},o(e){o(n.$$.fragment,e),h=!1},d(e){e&&r(s),w(n,e)}}}function Y(e){let l,s,h=null!=e[0]&&0!==e[0].length&&L(e);return{c(){h&&h.c(),l=a()},l(e){h&&h.l(e),l=a()},m(e,a){h&&h.m(e,a),t(e,l,a),s=!0},p(e,[s]){null!=e[0]&&0!==e[0].length?h?(h.p(e,s),1&s&&c(h,1)):(h=L(e),h.c(),c(h,1),h.m(l.parentNode,l)):h&&(n(),o(h,1,1,(()=>{h=null})),i())},i(e){s||(c(h),s=!0)},o(e){o(h),s=!1},d(e){h&&h.d(e),e&&r(l)}}}function Z(e,l,s){let a,t;const c=["class","checkboxClass","labelClass","items","name","max","maxReachedTooltip"];let n=h(l,c),{class:o=null}=l,{checkboxClass:i=null}=l,{labelClass:r=null}=l,{items:m}=l,{name:f}=l,{max:p=1/0}=l,{maxReachedTooltip:$=null}=l;return m&&0!==m.length||console.error("Must have at least one item in the checkbox chip group"),e.$$set=e=>{l=u(u({},l),d(e)),s(8,n=h(l,c)),"class"in e&&s(1,o=e.class),"checkboxClass"in e&&s(2,i=e.checkboxClass),"labelClass"in e&&s(3,r=e.labelClass),"items"in e&&s(0,m=e.items),"name"in e&&s(4,f=e.name),"max"in e&&s(5,p=e.max),"maxReachedTooltip"in e&&s(9,$=e.maxReachedTooltip)},e.$$.update=()=>{544&e.$$.dirty&&s(7,a=$||`Can only select ${p} value${z(p)}.`),1&e.$$.dirty&&s(6,t=m.reduce(((e,l)=>e+Number(l.checked||0)),0))},[m,o,i,r,f,p,t,a,n,$,function(l,a){e.$$.not_equal(a.checked,l)&&(a.checked=l,s(0,m))},function(l){q.call(this,e,l)}]}var B=class extends e{constructor(e){super(),l(this,e,Z,Y,s,{class:1,checkboxClass:2,labelClass:3,items:0,name:4,max:5,maxReachedTooltip:9})}};export{B as C};
diff --git a/376/client/checkbox-chip-group.5b5264a6.js b/376/client/checkbox-chip-group.5b5264a6.js
new file mode 100644
index 000000000..65f627ff1
--- /dev/null
+++ b/376/client/checkbox-chip-group.5b5264a6.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as $,j as s,l as a,m as o,U as r,a0 as c,t as p,p as f,q as l,L as m,u as i,h as u,v as g,w as d,k as h,b as x,x as k,d as E,e as v,f as y,g as w,n as b}from"./client.0d36a0cf.js";import{L as C,H as D,P as O}from"./layout.b2760304.js";import{C as T}from"./checkbox-chip-group.05d6a4a7.js";import{S as A}from"./showcase.8eb3893d.js";import{C as S}from"./color-preview.278d2729.js";import{R}from"./related-components.2f822d5e.js";import{H as N}from"./h2.122c8b9f.js";import{H as G}from"./h3.1e03849b.js";import{T as j,a as F,b as L,c as M}from"./table.e069c294.js";import"./plural-s.31bb9da9.js";import"./classes.2453fa25.js";import"./checkbox-chip.5966cebc.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./button.743a388a.js";import"./card.72b37821.js";function I(t){let e;return{c(){e=g("CheckboxChipGroup")},l(t){e=k(t,"CheckboxChipGroup")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function H(t){let e;return{c(){e=g("A set of options presented as chips with multiple options to select.")},l(t){e=k(t,"A set of options presented as chips with multiple options to select.")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function P(t){let e,n,$,s,a,o,r,c,p,f,l;return{c(){e=g("If you need to allow selecting only one option, consider using "),n=u("a"),$=u("mark"),s=u("code"),a=g("RadioChipGroup"),o=g(". If you need more customization for the chips, such as their slots, take a look at "),r=u("a"),c=u("mark"),p=u("code"),f=g("CheckboxChip"),l=g(", the building block of this component."),this.h()},l(t){e=k(t,"If you need to allow selecting only one option, consider using "),n=h(t,"A",{href:!0});var m=x(n);$=h(m,"MARK",{});var i=x($);s=h(i,"CODE",{});var u=x(s);a=k(u,"RadioChipGroup"),u.forEach(E),i.forEach(E),m.forEach(E),o=k(t,". If you need more customization for the chips, such as their slots, take a look at "),r=h(t,"A",{href:!0});var g=x(r);c=h(g,"MARK",{});var d=x(c);p=h(d,"CODE",{});var v=x(p);f=k(v,"CheckboxChip"),v.forEach(E),d.forEach(E),g.forEach(E),l=k(t,", the building block of this component."),this.h()},h(){v(n,"href","./docs/components/radio-chip-group"),v(r,"href","./docs/components/checkbox-chip")},m(t,m){y(t,e,m),y(t,n,m),w(n,$),w($,s),w(s,a),y(t,o,m),y(t,r,m),w(r,c),w(c,p),w(p,f),y(t,l,m)},p:b,d(t){t&&E(e),t&&E(n),t&&E(o),t&&E(r),t&&E(l)}}}function q(t){let e,n,$,r,c,m,g;return n=new T({props:{items:t[0],name:"group1"}}),r=new T({props:{items:t[0],name:"group2",outline:!0}}),m=new T({props:{items:t[0],name:"group3",small:!0}}),{c(){e=u("div"),s(n.$$.fragment),$=i(),s(r.$$.fragment),c=i(),s(m.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var s=x(e);a(n.$$.fragment,s),$=d(s),a(r.$$.fragment,s),c=d(s),a(m.$$.fragment,s),s.forEach(E),this.h()},h(){v(e,"slot","showcase"),v(e,"class","padded")},m(t,s){y(t,e,s),o(n,e,null),w(e,$),o(r,e,null),w(e,c),o(m,e,null),g=!0},p:b,i(t){g||(p(n.$$.fragment,t),p(r.$$.fragment,t),p(m.$$.fragment,t),g=!0)},o(t){f(n.$$.fragment,t),f(r.$$.fragment,t),f(m.$$.fragment,t),g=!1},d(t){t&&E(e),l(n),l(r),l(m)}}}function B(t){let e,n;return{c(){e=u("div"),n=u("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var $=x(e);n=h($,"PRE",{class:!0}),x(n).forEach(E),$.forEach(E),this.h()},h(){v(n,"class","language-svelte"),v(e,"slot","source")},m(t,$){y(t,e,$),w(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">const</span> items <span class="token operator">=</span> <span class="token punctuation">[</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">\'option 1\'</span><span class="token punctuation">,</span> <span class="token literal-property property">checked</span><span class="token operator">:</span> <span class="token boolean">true</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token number">1.5</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">\'option 1.5\'</span><span class="token punctuation">,</span> <span class="token literal-property property">disabled</span><span class="token operator">:</span> <span class="token boolean">true</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token number">2</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">\'option 2\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckboxChipGroup</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>items<span class="token punctuation">&#125;</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>group1<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckboxChipGroup</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>items<span class="token punctuation">&#125;</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>group2<span class="token punctuation">"</span></span> <span class="token attr-name">outline</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckboxChipGroup</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>items<span class="token punctuation">&#125;</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>group3<span class="token punctuation">"</span></span> <span class="token attr-name">small</span> <span class="token punctuation">/></span></span></code>'},p:b,d(t){t&&E(e)}}}function K(t){let e;return{c(){e=g("Properties")},l(t){e=k(t,"Properties")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function U(t){let e,n,$,s;return{c(){e=g("Any properties of "),n=u("code"),$=g("CheckboxChip"),s=g(" can be specified – they will be passed down.")},l(t){e=k(t,"Any properties of "),n=h(t,"CODE",{});var a=x(n);$=k(a,"CheckboxChip"),a.forEach(E),s=k(t," can be specified – they will be passed down.")},m(t,a){y(t,e,a),y(t,n,a),w(n,$),y(t,s,a)},p:b,d(t){t&&E(e),t&&E(n),t&&E(s)}}}function V(t){let e;return{c(){e=g("Functional Properties")},l(t){e=k(t,"Functional Properties")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function z(t){let e;return{c(){e=g("Name")},l(t){e=k(t,"Name")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function Y(t){let e;return{c(){e=g("Default")},l(t){e=k(t,"Default")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function W(t){let e;return{c(){e=g("Type")},l(t){e=k(t,"Type")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function _(t){let e;return{c(){e=g("Description")},l(t){e=k(t,"Description")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function J(t){let e,n,$,r,c,m,u,g;return e=new L({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),u=new L({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment),m=i(),s(u.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),y(t,m,s),o(u,t,s),g=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function Q(t){let e,n,$,s,a,o,r;return{c(){e=u("mark"),n=u("strong"),$=u("code"),s=g("items"),a=g(" "),o=u("span"),r=g("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);n=h(c,"STRONG",{});var p=x(n);$=h(p,"CODE",{});var f=x($);s=k(f,"items"),f.forEach(E),p.forEach(E),c.forEach(E),a=k(t," "),o=h(t,"SPAN",{class:!0});var l=x(o);r=k(l,"*"),l.forEach(E),this.h()},h(){v(o,"class","required")},m(t,c){y(t,e,c),w(e,n),w(n,$),w($,s),y(t,a,c),y(t,o,c),w(o,r)},p:b,d(t){t&&E(e),t&&E(a),t&&E(o)}}}function X(t){let e,n;return{c(){e=u("code"),n=g("Array")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"Array"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function Z(t){let e,n,$,s;return{c(){e=g("An array of "),n=u("code"),$=g("{ value, label, disabled, checked }"),s=g(" objects, where only the value is required. Must contain at least one value.")},l(t){e=k(t,"An array of "),n=h(t,"CODE",{});var a=x(n);$=k(a,"{ value, label, disabled, checked }"),a.forEach(E),s=k(t," objects, where only the value is required. Must contain at least one value.")},m(t,a){y(t,e,a),y(t,n,a),w(n,$),y(t,s,a)},p:b,d(t){t&&E(e),t&&E(n),t&&E(s)}}}function tt(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),$=new M({}),c=new M({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment),m=i(),s(u.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),y(t,m,s),o(u,t,s),g=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),c.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),u.$set(a)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function et(t){let e,n,$,s,a,o,r;return{c(){e=u("mark"),n=u("strong"),$=u("code"),s=g("name"),a=g(" "),o=u("span"),r=g("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);n=h(c,"STRONG",{});var p=x(n);$=h(p,"CODE",{});var f=x($);s=k(f,"name"),f.forEach(E),p.forEach(E),c.forEach(E),a=k(t," "),o=h(t,"SPAN",{class:!0});var l=x(o);r=k(l,"*"),l.forEach(E),this.h()},h(){v(o,"class","required")},m(t,c){y(t,e,c),w(e,n),w(n,$),w($,s),y(t,a,c),y(t,o,c),w(o,r)},p:b,d(t){t&&E(e),t&&E(a),t&&E(o)}}}function nt(t){let e,n;return{c(){e=u("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"string"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function $t(t){let e,n,$,s;return{c(){e=g("The name of this checkbox group. Check "),n=u("a"),$=g("MDN docs"),s=g(" for more information."),this.h()},l(t){e=k(t,"The name of this checkbox group. Check "),n=h(t,"A",{href:!0,rel:!0});var a=x(n);$=k(a,"MDN docs"),a.forEach(E),s=k(t," for more information."),this.h()},h(){v(n,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname"),v(n,"rel","nofollow")},m(t,a){y(t,e,a),y(t,n,a),w(n,$),y(t,s,a)},p:b,d(t){t&&E(e),t&&E(n),t&&E(s)}}}function st(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),$=new M({}),c=new M({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment),m=i(),s(u.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),y(t,m,s),o(u,t,s),g=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),c.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),u.$set(a)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function at(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("max")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=k(a,"max"),a.forEach(E),s.forEach(E)},m(t,s){y(t,e,s),w(e,n),w(n,$)},p:b,d(t){t&&E(e)}}}function ot(t){let e,n;return{c(){e=u("code"),n=g("Infinity")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"Infinity"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function rt(t){let e,n;return{c(){e=u("code"),n=g("number")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"number"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function ct(t){let e;return{c(){e=g("The maximum number of chips that can be selected.")},l(t){e=k(t,"The maximum number of chips that can be selected.")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function pt(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment),m=i(),s(u.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),y(t,m,s),o(u,t,s),g=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function ft(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("maxReachedTooltip")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=k(a,"maxReachedTooltip"),a.forEach(E),s.forEach(E)},m(t,s){y(t,e,s),w(e,n),w(n,$)},p:b,d(t){t&&E(e)}}}function lt(t){let e,n;return{c(){e=u("code"),n=g("`Can only select ${max} value${s(max)}.`")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"`Can only select ${max} value${s(max)}.`"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function mt(t){let e,n;return{c(){e=u("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"string"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function it(t){let e;return{c(){e=g("The tooltip to display when the maximum number of checkboxes has been selected.")},l(t){e=k(t,"The tooltip to display when the maximum number of checkboxes has been selected.")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function ut(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment),m=i(),s(u.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),y(t,m,s),o(u,t,s),g=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function gt(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("...")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=k(a,"..."),a.forEach(E),s.forEach(E)},m(t,s){y(t,e,s),w(e,n),w(n,$)},p:b,d(t){t&&E(e)}}}function dt(t){let e,n;return{c(){e=u("code"),n=g("any")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"any"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function ht(t){let e,n,$,s;return{c(){e=g("Everything else will be passed to the underlying "),n=u("code"),$=g("CheckboxChip"),s=g(" component.")},l(t){e=k(t,"Everything else will be passed to the underlying "),n=h(t,"CODE",{});var a=x(n);$=k(a,"CheckboxChip"),a.forEach(E),s=k(t," component.")},m(t,a){y(t,e,a),y(t,n,a),w(n,$),y(t,s,a)},p:b,d(t){t&&E(e),t&&E(n),t&&E(s)}}}function xt(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),$=new M({}),c=new M({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment),m=i(),s(u.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),y(t,m,s),o(u,t,s),g=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),c.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),u.$set(a)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function kt(t){let e,n,$,r,c,m,g,k,v,b,C,D,O,T;return n=new F({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),g=new F({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),v=new F({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),C=new F({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),O=new F({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){e=u("thead"),s(n.$$.fragment),$=i(),r=u("tbody"),s(c.$$.fragment),m=i(),s(g.$$.fragment),k=i(),s(v.$$.fragment),b=i(),s(C.$$.fragment),D=i(),s(O.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(E),$=d(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),m=d(o),a(g.$$.fragment,o),k=d(o),a(v.$$.fragment,o),b=d(o),a(C.$$.fragment,o),D=d(o),a(O.$$.fragment,o),o.forEach(E)},m(t,s){y(t,e,s),o(n,e,null),y(t,$,s),y(t,r,s),o(c,r,null),w(r,m),o(g,r,null),w(r,k),o(v,r,null),w(r,b),o(C,r,null),w(r,D),o(O,r,null),T=!0},p(t,e){const $={};4&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),g.$set(a);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),v.$set(o);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),C.$set(r);const p={};4&e&&(p.$$scope={dirty:e,ctx:t}),O.$set(p)},i(t){T||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),p(v.$$.fragment,t),p(C.$$.fragment,t),p(O.$$.fragment,t),T=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),f(v.$$.fragment,t),f(C.$$.fragment,t),f(O.$$.fragment,t),T=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(r),l(c),l(g),l(v),l(C),l(O)}}}function Et(t){let e;return{c(){e=g("Class Properties")},l(t){e=k(t,"Class Properties")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function vt(t){let e;return{c(){e=g("Falsy values passed to classes will be disregarded.")},l(t){e=k(t,"Falsy values passed to classes will be disregarded.")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function yt(t){let e;return{c(){e=g("Name")},l(t){e=k(t,"Name")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function wt(t){let e;return{c(){e=g("Default")},l(t){e=k(t,"Default")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function bt(t){let e;return{c(){e=g("Type")},l(t){e=k(t,"Type")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function Ct(t){let e;return{c(){e=g("Description")},l(t){e=k(t,"Description")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function Dt(t){let e,n,$,r,c,m,u,g;return e=new L({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),u=new L({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment),m=i(),s(u.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),y(t,m,s),o(u,t,s),g=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function Ot(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("class")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=k(a,"class"),a.forEach(E),s.forEach(E)},m(t,s){y(t,e,s),w(e,n),w(n,$)},p:b,d(t){t&&E(e)}}}function Tt(t){let e,n;return{c(){e=u("code"),n=g("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"null"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function At(t){let e,n;return{c(){e=u("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"string"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function St(t){let e;return{c(){e=g("A class string to add to the component.")},l(t){e=k(t,"A class string to add to the component.")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function Rt(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment),m=i(),s(u.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),y(t,m,s),o(u,t,s),g=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function Nt(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("checkboxClass")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=k(a,"checkboxClass"),a.forEach(E),s.forEach(E)},m(t,s){y(t,e,s),w(e,n),w(n,$)},p:b,d(t){t&&E(e)}}}function Gt(t){let e,n;return{c(){e=u("code"),n=g("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"null"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function jt(t){let e,n;return{c(){e=u("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"string"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function Ft(t){let e,n,$,s;return{c(){e=g("A class string to add to the "),n=u("code"),$=g("CheckboxChip"),s=g(" components inside.")},l(t){e=k(t,"A class string to add to the "),n=h(t,"CODE",{});var a=x(n);$=k(a,"CheckboxChip"),a.forEach(E),s=k(t," components inside.")},m(t,a){y(t,e,a),y(t,n,a),w(n,$),y(t,s,a)},p:b,d(t){t&&E(e),t&&E(n),t&&E(s)}}}function Lt(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment),m=i(),s(u.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),y(t,m,s),o(u,t,s),g=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function Mt(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("labelClass")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=k(a,"labelClass"),a.forEach(E),s.forEach(E)},m(t,s){y(t,e,s),w(e,n),w(n,$)},p:b,d(t){t&&E(e)}}}function It(t){let e,n;return{c(){e=u("code"),n=g("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"null"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function Ht(t){let e,n;return{c(){e=u("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"string"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function Pt(t){let e,n,$,s,a,o,r;return{c(){e=g("A class string to add to the wrapping "),n=u("code"),$=g("<span>"),s=g(" around the chips' labels. If it's not specified, the "),a=u("code"),o=g("<span>"),r=g(" will not be added.")},l(t){e=k(t,"A class string to add to the wrapping "),n=h(t,"CODE",{});var c=x(n);$=k(c,"<span>"),c.forEach(E),s=k(t," around the chips' labels. If it's not specified, the "),a=h(t,"CODE",{});var p=x(a);o=k(p,"<span>"),p.forEach(E),r=k(t," will not be added.")},m(t,c){y(t,e,c),y(t,n,c),w(n,$),y(t,s,c),y(t,a,c),w(a,o),y(t,r,c)},p:b,d(t){t&&E(e),t&&E(n),t&&E(s),t&&E(a),t&&E(r)}}}function qt(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment),m=i(),s(u.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),y(t,m,s),o(u,t,s),g=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function Bt(t){let e,n,$,r,c,m,g,k,v,b;return n=new F({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),g=new F({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),v=new F({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){e=u("thead"),s(n.$$.fragment),$=i(),r=u("tbody"),s(c.$$.fragment),m=i(),s(g.$$.fragment),k=i(),s(v.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(E),$=d(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),m=d(o),a(g.$$.fragment,o),k=d(o),a(v.$$.fragment,o),o.forEach(E)},m(t,s){y(t,e,s),o(n,e,null),y(t,$,s),y(t,r,s),o(c,r,null),w(r,m),o(g,r,null),w(r,k),o(v,r,null),b=!0},p(t,e){const $={};4&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),g.$set(a);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),v.$set(o)},i(t){b||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),p(v.$$.fragment,t),b=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),f(v.$$.fragment,t),b=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(r),l(c),l(g),l(v)}}}function Kt(t){let e;return{c(){e=g("Events")},l(t){e=k(t,"Events")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function Ut(t){let e;return{c(){e=g("Name")},l(t){e=k(t,"Name")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function Vt(t){let e;return{c(){e=g("Event Detail")},l(t){e=k(t,"Event Detail")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function zt(t){let e;return{c(){e=g("Description")},l(t){e=k(t,"Description")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function Yt(t){let e,n,$,r,c,m;return e=new L({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function Wt(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("change")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=k(a,"change"),a.forEach(E),s.forEach(E)},m(t,s){y(t,e,s),w(e,n),w(n,$)},p:b,d(t){t&&E(e)}}}function _t(t){let e,n;return{c(){e=u("code"),n=g("{ value, checked, nativeEvent }")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"{ value, checked, nativeEvent }"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function Jt(t){let e,n,$,s,a,o,r,c,p,f,l,m,i,d,C,D;return{c(){e=g("Fired on selecting any chip in a group. The "),n=u("code"),$=g("value"),s=g(" contains the value that was passed to the checkbox (won't be stringified), "),a=u("code"),o=g("checked"),r=g(" is the state of the checkbox after the event and "),c=u("code"),p=g("nativeEvent"),f=g(" is the "),l=u("a"),m=g("native "),i=u("code"),d=g("change"),C=g(" event"),D=g(" of checkboxes."),this.h()},l(t){e=k(t,"Fired on selecting any chip in a group. The "),n=h(t,"CODE",{});var u=x(n);$=k(u,"value"),u.forEach(E),s=k(t," contains the value that was passed to the checkbox (won't be stringified), "),a=h(t,"CODE",{});var g=x(a);o=k(g,"checked"),g.forEach(E),r=k(t," is the state of the checkbox after the event and "),c=h(t,"CODE",{});var v=x(c);p=k(v,"nativeEvent"),v.forEach(E),f=k(t," is the "),l=h(t,"A",{href:!0,rel:!0});var y=x(l);m=k(y,"native "),i=h(y,"CODE",{});var w=x(i);d=k(w,"change"),w.forEach(E),C=k(y," event"),y.forEach(E),D=k(t," of checkboxes."),this.h()},h(){v(l,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),v(l,"rel","nofollow")},m(t,u){y(t,e,u),y(t,n,u),w(n,$),y(t,s,u),y(t,a,u),w(a,o),y(t,r,u),y(t,c,u),w(c,p),y(t,f,u),y(t,l,u),w(l,m),w(l,i),w(i,d),w(l,C),y(t,D,u)},p:b,d(t){t&&E(e),t&&E(n),t&&E(s),t&&E(a),t&&E(r),t&&E(c),t&&E(f),t&&E(l),t&&E(D)}}}function Qt(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function Xt(t){let e,n,$,r,c,m;return n=new F({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){e=u("thead"),s(n.$$.fragment),$=i(),r=u("tbody"),s(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(E),$=d(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),o.forEach(E)},m(t,s){y(t,e,s),o(n,e,null),y(t,$,s),y(t,r,s),o(c,r,null),m=!0},p(t,e){const $={};4&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(r),l(c)}}}function Zt(t){let e;return{c(){e=g("SCSS Variables")},l(t){e=k(t,"SCSS Variables")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function te(t){let e;return{c(){e=g("Name")},l(t){e=k(t,"Name")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function ee(t){let e;return{c(){e=g("Description")},l(t){e=k(t,"Description")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function ne(t){let e;return{c(){e=g("Default")},l(t){e=k(t,"Default")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function $e(t){let e,n,$,r,c,m;return e=new L({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function se(t){let e,n,$,s,a,o,r,c,p;return{c(){e=u("strong"),n=u("code"),$=g("$chip-bg"),s=i(),a=u("small"),o=g("From "),r=u("a"),c=u("code"),p=g("CheckboxChip"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=k(l,"$chip-bg"),l.forEach(E),f.forEach(E),s=d(t),a=h(t,"SMALL",{});var m=x(a);o=k(m,"From "),r=h(m,"A",{href:!0});var i=x(r);c=h(i,"CODE",{});var u=x(c);p=k(u,"CheckboxChip"),u.forEach(E),i.forEach(E),m.forEach(E),this.h()},h(){v(r,"href","./docs/components/checkbox-chip")},m(t,f){y(t,e,f),w(e,n),w(n,$),y(t,s,f),y(t,a,f),w(a,o),w(a,r),w(r,c),w(c,p)},p:b,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function ae(t){let e;return{c(){e=g("The background color of a non-outline chip.")},l(t){e=k(t,"The background color of a non-outline chip.")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function oe(t){let e,n;return e=new S({props:{value:"rgba(0, 0, 0, .08)"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p:b,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function re(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function ce(t){let e,n,$,s,a,o,r,c,p;return{c(){e=u("strong"),n=u("code"),$=g("$chip-fg"),s=i(),a=u("small"),o=g("From "),r=u("a"),c=u("code"),p=g("CheckboxChip"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=k(l,"$chip-fg"),l.forEach(E),f.forEach(E),s=d(t),a=h(t,"SMALL",{});var m=x(a);o=k(m,"From "),r=h(m,"A",{href:!0});var i=x(r);c=h(i,"CODE",{});var u=x(c);p=k(u,"CheckboxChip"),u.forEach(E),i.forEach(E),m.forEach(E),this.h()},h(){v(r,"href","./docs/components/checkbox-chip")},m(t,f){y(t,e,f),w(e,n),w(n,$),y(t,s,f),y(t,a,f),w(a,o),w(a,r),w(r,c),w(c,p)},p:b,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function pe(t){let e;return{c(){e=g("The text color of a chip.")},l(t){e=k(t,"The text color of a chip.")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function fe(t){let e,n;return e=new S({props:{value:"#656565"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p:b,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function le(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function me(t){let e,n,$,s,a,o,r,c,p;return{c(){e=u("strong"),n=u("code"),$=g("$chip-radius"),s=i(),a=u("small"),o=g("From "),r=u("a"),c=u("code"),p=g("CheckboxChip"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=k(l,"$chip-radius"),l.forEach(E),f.forEach(E),s=d(t),a=h(t,"SMALL",{});var m=x(a);o=k(m,"From "),r=h(m,"A",{href:!0});var i=x(r);c=h(i,"CODE",{});var u=x(c);p=k(u,"CheckboxChip"),u.forEach(E),i.forEach(E),m.forEach(E),this.h()},h(){v(r,"href","./docs/components/checkbox-chip")},m(t,f){y(t,e,f),w(e,n),w(n,$),y(t,s,f),y(t,a,f),w(a,o),w(a,r),w(r,c),w(c,p)},p:b,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function ie(t){let e;return{c(){e=g("The curvature radius of a chip.")},l(t){e=k(t,"The curvature radius of a chip.")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function ue(t){let e,n;return{c(){e=u("code"),n=g("1.5625em")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"1.5625em"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function ge(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function de(t){let e,n,$,s,a,o,r,c,p;return{c(){e=u("strong"),n=u("code"),$=g("$font"),s=i(),a=u("small"),o=g("From "),r=u("a"),c=u("code"),p=g("CheckboxChip"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=k(l,"$font"),l.forEach(E),f.forEach(E),s=d(t),a=h(t,"SMALL",{});var m=x(a);o=k(m,"From "),r=h(m,"A",{href:!0});var i=x(r);c=h(i,"CODE",{});var u=x(c);p=k(u,"CheckboxChip"),u.forEach(E),i.forEach(E),m.forEach(E),this.h()},h(){v(r,"href","./docs/components/checkbox-chip")},m(t,f){y(t,e,f),w(e,n),w(n,$),y(t,s,f),y(t,a,f),w(a,o),w(a,r),w(r,c),w(c,p)},p:b,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function he(t){let e;return{c(){e=g("The font of the chip text.")},l(t){e=k(t,"The font of the chip text.")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function xe(t){let e,n;return{c(){e=u("code"),n=g("'Ubuntu'")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"'Ubuntu'"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function ke(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function Ee(t){let e,n,$,s,a,o,r,c,p;return{c(){e=u("strong"),n=u("code"),$=g("$main"),s=i(),a=u("small"),o=g("From "),r=u("a"),c=u("code"),p=g("CheckboxChip"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=k(l,"$main"),l.forEach(E),f.forEach(E),s=d(t),a=h(t,"SMALL",{});var m=x(a);o=k(m,"From "),r=h(m,"A",{href:!0});var i=x(r);c=h(i,"CODE",{});var u=x(c);p=k(u,"CheckboxChip"),u.forEach(E),i.forEach(E),m.forEach(E),this.h()},h(){v(r,"href","./docs/components/checkbox-chip")},m(t,f){y(t,e,f),w(e,n),w(n,$),y(t,s,f),y(t,a,f),w(a,o),w(a,r),w(r,c),w(c,p)},p:b,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function ve(t){let e;return{c(){e=g("The border color of outline chips and the selection color.")},l(t){e=k(t,"The border color of outline chips and the selection color.")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function ye(t){let e,n;return e=new S({props:{value:"#4300B0"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p:b,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function we(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function be(t){let e,n,$,s,a,o,r,c,p;return{c(){e=u("strong"),n=u("code"),$=g("$bold-font-weight"),s=i(),a=u("small"),o=g("From "),r=u("a"),c=u("code"),p=g("CheckboxChip"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=k(l,"$bold-font-weight"),l.forEach(E),f.forEach(E),s=d(t),a=h(t,"SMALL",{});var m=x(a);o=k(m,"From "),r=h(m,"A",{href:!0});var i=x(r);c=h(i,"CODE",{});var u=x(c);p=k(u,"CheckboxChip"),u.forEach(E),i.forEach(E),m.forEach(E),this.h()},h(){v(r,"href","./docs/components/checkbox-chip")},m(t,f){y(t,e,f),w(e,n),w(n,$),y(t,s,f),y(t,a,f),w(a,o),w(a,r),w(r,c),w(c,p)},p:b,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function Ce(t){let e;return{c(){e=g("The bold font weight of the chips.")},l(t){e=k(t,"The bold font weight of the chips.")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function De(t){let e,n;return{c(){e=u("code"),n=g("500")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"500"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function Oe(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function Te(t){let e,n,$,r,c,m,g,k,v,b,C,D,O,T,A,S;return n=new F({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),g=new F({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),v=new F({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),C=new F({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),O=new F({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),A=new F({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),{c(){e=u("thead"),s(n.$$.fragment),$=i(),r=u("tbody"),s(c.$$.fragment),m=i(),s(g.$$.fragment),k=i(),s(v.$$.fragment),b=i(),s(C.$$.fragment),D=i(),s(O.$$.fragment),T=i(),s(A.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(E),$=d(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),m=d(o),a(g.$$.fragment,o),k=d(o),a(v.$$.fragment,o),b=d(o),a(C.$$.fragment,o),D=d(o),a(O.$$.fragment,o),T=d(o),a(A.$$.fragment,o),o.forEach(E)},m(t,s){y(t,e,s),o(n,e,null),y(t,$,s),y(t,r,s),o(c,r,null),w(r,m),o(g,r,null),w(r,k),o(v,r,null),w(r,b),o(C,r,null),w(r,D),o(O,r,null),w(r,T),o(A,r,null),S=!0},p(t,e){const $={};4&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),g.$set(a);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),v.$set(o);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),C.$set(r);const p={};4&e&&(p.$$scope={dirty:e,ctx:t}),O.$set(p);const f={};4&e&&(f.$$scope={dirty:e,ctx:t}),A.$set(f)},i(t){S||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),p(v.$$.fragment,t),p(C.$$.fragment,t),p(O.$$.fragment,t),p(A.$$.fragment,t),S=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),f(v.$$.fragment,t),f(C.$$.fragment,t),f(O.$$.fragment,t),f(A.$$.fragment,t),S=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(r),l(c),l(g),l(v),l(C),l(O),l(A)}}}function Ae(t){let e,n,$,r,c,m,b,C,T,S,F,L,M,z,Y,W,_,J,Q,X,Z,tt,et,nt,$t,st,at,ot,rt,ct,pt,ft,lt,mt,it;return e=new D({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),$=new O({props:{$$slots:{default:[H]},$$scope:{ctx:t}}}),c=new O({props:{$$slots:{default:[P]},$$scope:{ctx:t}}}),b=new R({props:{components:Ge}}),T=new A({props:{$$slots:{source:[B],showcase:[q]},$$scope:{ctx:t}}}),F=new N({props:{id:"properties",$$slots:{default:[K]},$$scope:{ctx:t}}}),M=new O({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),Y=new G({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),_=new j({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),tt=new G({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),nt=new O({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),st=new j({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),ot=new N({props:{id:"events",$$slots:{default:[Kt]},$$scope:{ctx:t}}}),ct=new j({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),ft=new N({props:{id:"scss-variables",$$slots:{default:[Zt]},$$scope:{ctx:t}}}),mt=new j({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment),m=i(),s(b.$$.fragment),C=i(),s(T.$$.fragment),S=i(),s(F.$$.fragment),L=i(),s(M.$$.fragment),z=i(),s(Y.$$.fragment),W=i(),s(_.$$.fragment),J=i(),Q=u("div"),X=g("* Required"),Z=i(),s(tt.$$.fragment),et=i(),s(nt.$$.fragment),$t=i(),s(st.$$.fragment),at=i(),s(ot.$$.fragment),rt=i(),s(ct.$$.fragment),pt=i(),s(ft.$$.fragment),lt=i(),s(mt.$$.fragment),this.h()},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(b.$$.fragment,t),C=d(t),a(T.$$.fragment,t),S=d(t),a(F.$$.fragment,t),L=d(t),a(M.$$.fragment,t),z=d(t),a(Y.$$.fragment,t),W=d(t),a(_.$$.fragment,t),J=d(t),Q=h(t,"DIV",{class:!0});var s=x(Q);X=k(s,"* Required"),s.forEach(E),Z=d(t),a(tt.$$.fragment,t),et=d(t),a(nt.$$.fragment,t),$t=d(t),a(st.$$.fragment,t),at=d(t),a(ot.$$.fragment,t),rt=d(t),a(ct.$$.fragment,t),pt=d(t),a(ft.$$.fragment,t),lt=d(t),a(mt.$$.fragment,t),this.h()},h(){v(Q,"class","required")},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),y(t,m,s),o(b,t,s),y(t,C,s),o(T,t,s),y(t,S,s),o(F,t,s),y(t,L,s),o(M,t,s),y(t,z,s),o(Y,t,s),y(t,W,s),o(_,t,s),y(t,J,s),y(t,Q,s),w(Q,X),y(t,Z,s),o(tt,t,s),y(t,et,s),o(nt,t,s),y(t,$t,s),o(st,t,s),y(t,at,s),o(ot,t,s),y(t,rt,s),o(ct,t,s),y(t,pt,s),o(ft,t,s),y(t,lt,s),o(mt,t,s),it=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),T.$set(r);const p={};4&n&&(p.$$scope={dirty:n,ctx:t}),F.$set(p);const f={};4&n&&(f.$$scope={dirty:n,ctx:t}),M.$set(f);const l={};4&n&&(l.$$scope={dirty:n,ctx:t}),Y.$set(l);const m={};4&n&&(m.$$scope={dirty:n,ctx:t}),_.$set(m);const i={};4&n&&(i.$$scope={dirty:n,ctx:t}),tt.$set(i);const u={};4&n&&(u.$$scope={dirty:n,ctx:t}),nt.$set(u);const g={};4&n&&(g.$$scope={dirty:n,ctx:t}),st.$set(g);const d={};4&n&&(d.$$scope={dirty:n,ctx:t}),ot.$set(d);const h={};4&n&&(h.$$scope={dirty:n,ctx:t}),ct.$set(h);const x={};4&n&&(x.$$scope={dirty:n,ctx:t}),ft.$set(x);const k={};4&n&&(k.$$scope={dirty:n,ctx:t}),mt.$set(k)},i(t){it||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(b.$$.fragment,t),p(T.$$.fragment,t),p(F.$$.fragment,t),p(M.$$.fragment,t),p(Y.$$.fragment,t),p(_.$$.fragment,t),p(tt.$$.fragment,t),p(nt.$$.fragment,t),p(st.$$.fragment,t),p(ot.$$.fragment,t),p(ct.$$.fragment,t),p(ft.$$.fragment,t),p(mt.$$.fragment,t),it=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(b.$$.fragment,t),f(T.$$.fragment,t),f(F.$$.fragment,t),f(M.$$.fragment,t),f(Y.$$.fragment,t),f(_.$$.fragment,t),f(tt.$$.fragment,t),f(nt.$$.fragment,t),f(st.$$.fragment,t),f(ot.$$.fragment,t),f(ct.$$.fragment,t),f(ft.$$.fragment,t),f(mt.$$.fragment,t),it=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(b,t),t&&E(C),l(T,t),t&&E(S),l(F,t),t&&E(L),l(M,t),t&&E(z),l(Y,t),t&&E(W),l(_,t),t&&E(J),t&&E(Q),t&&E(Z),l(tt,t),t&&E(et),l(nt,t),t&&E($t),l(st,t),t&&E(at),l(ot,t),t&&E(rt),l(ct,t),t&&E(pt),l(ft,t),t&&E(lt),l(mt,t)}}}function Se(t){let e,n;const m=[t[1],Re];let i={$$slots:{default:[Ae]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=$(i,m[t]);return e=new C({props:i}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p(t,[n]){const $=2&n?r(m,[2&n&&c(t[1]),0&n&&c(Re)]):{};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}const Re={name:"CheckboxChipGroup",relatedComponents:[{name:"Chip",link:"./docs/components/chip"},{name:"RadioChip",link:"./docs/components/radio-chip"},{name:"RadioChipGroup",link:"./docs/components/radio-chip-group"},{name:"CheckboxChip",link:"./docs/components/checkbox-chip"}]},{name:Ne,relatedComponents:Ge}=Re;function je(t,e,n){return t.$$set=t=>{n(1,e=$($({},e),m(t)))},[[{value:1,label:"option 1",checked:!0},{value:1.5,label:"option 1.5",disabled:!0},{value:2,label:"option 2"}],e=m(e)]}class Fe extends t{constructor(t){super(),e(this,t,je,Se,n,{})}}export{Fe as default,Re as metadata};
diff --git a/376/client/checkbox-chip.5966cebc.js b/376/client/checkbox-chip.5966cebc.js
new file mode 100644
index 000000000..73e1e8579
--- /dev/null
+++ b/376/client/checkbox-chip.5966cebc.js
@@ -0,0 +1 @@
+import{S as s,i as a,s as e,K as l,M as c,h as n,u as i,k as t,b as u,w as d,d as o,N as h,O as p,e as v,X as k,f as r,g as m,o as f,U as g,Q as b,R as C,T as $,t as x,p as P,W as E,I as T,J as _,L as y,v as I,x as L,A as j}from"./client.0d36a0cf.js";import{c as A}from"./classes.2453fa25.js";function N(s){let a,e,T,_,y,N,U,w,B,D,J=[{__value:s[4]},{name:s[5]},{type:"checkbox"},{class:T=A(s[2])},{disabled:s[6]},s[12]],K={};for(let s=0;s<J.length;s+=1)K=l(K,J[s]);const M=s[14].default,O=c(M,s,s[13],null),Q=O||function(s){let a;return{c(){a=I(s[4])},l(e){a=L(e,s[4])},m(s,e){r(s,a,e)},p(s,e){16&e&&j(a,s[4])},d(s){s&&o(a)}}}(s);return{c(){a=n("label"),e=n("input"),_=i(),y=n("div"),Q&&Q.c(),this.h()},l(s){a=t(s,"LABEL",{class:!0});var l=u(a);e=t(l,"INPUT",{name:!0,type:!0,class:!0}),_=d(l),y=t(l,"DIV",{title:!0,class:!0});var c=u(y);Q&&Q.l(c),c.forEach(o),l.forEach(o),this.h()},h(){h(e,K),p(e,"svelte-1kkiv31",!0),v(y,"title",s[7]),v(y,"class",N=k(A("chip",s[3]))+" svelte-1kkiv31"),p(y,"small",s[8]),p(y,"outline",s[9]),p(y,"no-padding",s[10]),v(a,"class",U=k(A("input-chip checkbox-chip",s[1]))+" svelte-1kkiv31")},m(l,c){r(l,a,c),m(a,e),e.autofocus&&e.focus(),e.checked=s[0],m(a,_),m(a,y),Q&&Q.m(y,null),w=!0,B||(D=[f(e,"change",s[15]),f(e,"change",s[16])],B=!0)},p(s,[l]){h(e,K=g(J,[(!w||16&l)&&{__value:s[4]},(!w||32&l)&&{name:s[5]},{type:"checkbox"},(!w||4&l&&T!==(T=A(s[2])))&&{class:T},(!w||64&l)&&{disabled:s[6]},4096&l&&s[12]])),1&l&&(e.checked=s[0]),p(e,"svelte-1kkiv31",!0),O?O.p&&(!w||8192&l)&&b(O,M,s,s[13],w?$(M,s[13],l,null):C(s[13]),null):Q&&Q.p&&(!w||16&l)&&Q.p(s,w?l:-1),(!w||128&l)&&v(y,"title",s[7]),(!w||8&l&&N!==(N=k(A("chip",s[3]))+" svelte-1kkiv31"))&&v(y,"class",N),(!w||264&l)&&p(y,"small",s[8]),(!w||520&l)&&p(y,"outline",s[9]),(!w||1032&l)&&p(y,"no-padding",s[10]),(!w||2&l&&U!==(U=k(A("input-chip checkbox-chip",s[1]))+" svelte-1kkiv31"))&&v(a,"class",U)},i(s){w||(x(Q,s),w=!0)},o(s){P(Q,s),w=!1},d(s){s&&o(a),Q&&Q.d(s),B=!1,E(D)}}}function U(s,a,e){const c=["class","inputClass","chipClass","checked","value","name","disabled","title","small","outline","noPadding"];let n=T(a,c),{$$slots:i={},$$scope:t}=a,{class:u=null}=a,{inputClass:d=null}=a,{chipClass:o=null}=a,{checked:h=!1}=a,{value:p}=a,{name:v}=a,{disabled:k=!1}=a,{title:r=null}=a,{small:m=!1}=a,{outline:f=!1}=a,{noPadding:g=!1}=a;const b=_();return s.$$set=s=>{a=l(l({},a),y(s)),e(12,n=T(a,c)),"class"in s&&e(1,u=s.class),"inputClass"in s&&e(2,d=s.inputClass),"chipClass"in s&&e(3,o=s.chipClass),"checked"in s&&e(0,h=s.checked),"value"in s&&e(4,p=s.value),"name"in s&&e(5,v=s.name),"disabled"in s&&e(6,k=s.disabled),"title"in s&&e(7,r=s.title),"small"in s&&e(8,m=s.small),"outline"in s&&e(9,f=s.outline),"noPadding"in s&&e(10,g=s.noPadding),"$$scope"in s&&e(13,t=s.$$scope)},[h,u,d,o,p,v,k,r,m,f,g,b,n,t,i,function(){h=this.checked,e(0,h)},s=>b("change",{value:s.currentTarget.value,checked:s.currentTarget.checked,nativeEvent:s})]}var w=class extends s{constructor(s){super(),a(this,s,U,N,e,{class:1,inputClass:2,chipClass:3,checked:0,value:4,name:5,disabled:6,title:7,small:8,outline:9,noPadding:10})}};export{w as C};
diff --git a/376/client/checkbox-chip.843f9214.js b/376/client/checkbox-chip.843f9214.js
new file mode 100644
index 000000000..eaad4e1a1
--- /dev/null
+++ b/376/client/checkbox-chip.843f9214.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as r,l as s,m as o,U as a,a0 as c,t as f,p,q as l,L as m,u as g,h as i,v as u,w as d,k as h,b as x,x as w,d as E,e as y,f as v,g as k,n as C}from"./client.0d36a0cf.js";import{L as b,H as D,P as O}from"./layout.b2760304.js";import{C as T}from"./checkbox-chip.5966cebc.js";import{S}from"./showcase.8eb3893d.js";import{C as N}from"./color-preview.278d2729.js";import{R}from"./related-components.2f822d5e.js";import{H as A}from"./h2.122c8b9f.js";import{H as G}from"./h3.1e03849b.js";import{T as j,a as P,b as M,c as H}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./button.743a388a.js";import"./card.72b37821.js";function I(t){let e;return{c(){e=u("CheckboxChip")},l(t){e=w(t,"CheckboxChip")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function U(t){let e;return{c(){e=u("An option to select in an inline fashion, as opposed to regular checkboxes.")},l(t){e=w(t,"An option to select in an inline fashion, as opposed to regular checkboxes.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function B(t){let e,$,n,r,s,o;return{c(){e=u("If you don't need too much customization, consider using "),$=i("a"),n=i("mark"),r=i("code"),s=u("CheckboxChipGroup"),o=u(", which offers a nice way to generate lists of options."),this.h()},l(t){e=w(t,"If you don't need too much customization, consider using "),$=h(t,"A",{href:!0});var a=x($);n=h(a,"MARK",{});var c=x(n);r=h(c,"CODE",{});var f=x(r);s=w(f,"CheckboxChipGroup"),f.forEach(E),c.forEach(E),a.forEach(E),o=w(t,", which offers a nice way to generate lists of options."),this.h()},h(){y($,"href","./docs/components/checkbox-chip-group")},m(t,a){v(t,e,a),v(t,$,a),k($,n),k(n,r),k(r,s),v(t,o,a)},p:C,d(t){t&&E(e),t&&E($),t&&E(o)}}}function q(t){let e;return{c(){e=u("opt 1")},l(t){e=w(t,"opt 1")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function F(t){let e;return{c(){e=u("opt 2")},l(t){e=w(t,"opt 2")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function L(t){let e,$,n,a,c,m,u;return $=new T({props:{value:"wrong",name:"selection",outline:!0,$$slots:{default:[q]},$$scope:{ctx:t}}}),a=new T({props:{value:"right",name:"selection",small:!0,$$slots:{default:[F]},$$scope:{ctx:t}}}),m=new T({props:{value:"opt 3",name:"selection"}}),{c(){e=i("div"),r($.$$.fragment),n=g(),r(a.$$.fragment),c=g(),r(m.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var r=x(e);s($.$$.fragment,r),n=d(r),s(a.$$.fragment,r),c=d(r),s(m.$$.fragment,r),r.forEach(E),this.h()},h(){y(e,"slot","showcase"),y(e,"class","padded svelte-er5vl1")},m(t,r){v(t,e,r),o($,e,null),k(e,n),o(a,e,null),k(e,c),o(m,e,null),u=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),a.$set(r)},i(t){u||(f($.$$.fragment,t),f(a.$$.fragment,t),f(m.$$.fragment,t),u=!0)},o(t){p($.$$.fragment,t),p(a.$$.fragment,t),p(m.$$.fragment,t),u=!1},d(t){t&&E(e),l($),l(a),l(m)}}}function V(t){let e,$;return{c(){e=i("div"),$=i("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var n=x(e);$=h(n,"PRE",{class:!0}),x($).forEach(E),n.forEach(E),this.h()},h(){y($,"class","language-svelte"),y(e,"slot","source")},m(t,n){v(t,e,n),k(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckboxChip</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>wrong<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>selection<span class="token punctuation">"</span></span> <span class="token attr-name">outline</span><span class="token punctuation">></span></span>opt 1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>CheckboxChip</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckboxChip</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>right<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>selection<span class="token punctuation">"</span></span> <span class="token attr-name">small</span><span class="token punctuation">></span></span>opt 2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>CheckboxChip</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckboxChip</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>opt 3<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>selection<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code>'},p:C,d(t){t&&E(e)}}}function z(t){let e;return{c(){e=u("Properties")},l(t){e=w(t,"Properties")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function W(t){let e;return{c(){e=u("Style Properties")},l(t){e=w(t,"Style Properties")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Y(t){let e;return{c(){e=u("Name")},l(t){e=w(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function K(t){let e;return{c(){e=u("Default")},l(t){e=w(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function _(t){let e;return{c(){e=u("Type")},l(t){e=w(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function J(t){let e;return{c(){e=u("Description")},l(t){e=w(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Q(t){let e,$,n,a,c,m,i,u;return e=new M({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),i=new M({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function X(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("small")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"small"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function Z(t){let e,$;return{c(){e=i("code"),$=u("false")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"false"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function tt(t){let e,$;return{c(){e=i("code"),$=u("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"boolean"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function et(t){let e;return{c(){e=u("Makes the chip smaller.")},l(t){e=w(t,"Makes the chip smaller.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function $t(t){let e,$,n,a,c,m,i,u;return e=new H({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function nt(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("outline")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"outline"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function rt(t){let e,$;return{c(){e=i("code"),$=u("false")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"false"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function st(t){let e,$;return{c(){e=i("code"),$=u("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"boolean"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function ot(t){let e;return{c(){e=u("Adds a border to the chip instead of the background.")},l(t){e=w(t,"Adds a border to the chip instead of the background.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function at(t){let e,$,n,a,c,m,i,u;return e=new H({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function ct(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("noPadding")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"noPadding"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function ft(t){let e,$;return{c(){e=i("code"),$=u("false")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"false"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function pt(t){let e,$;return{c(){e=i("code"),$=u("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"boolean"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function lt(t){let e;return{c(){e=u("Clears the internal padding. Useful if you want to handle spacing yourself.")},l(t){e=w(t,"Clears the internal padding. Useful if you want to handle spacing yourself.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function mt(t){let e,$,n,a,c,m,i,u;return e=new H({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function gt(t){let e,$,n,a,c,m,u,w,y,C;return $=new P({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),y=new P({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){e=i("thead"),r($.$$.fragment),n=g(),a=i("tbody"),r(c.$$.fragment),m=g(),r(u.$$.fragment),w=g(),r(y.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(E),n=d(t),a=h(t,"TBODY",{});var o=x(a);s(c.$$.fragment,o),m=d(o),s(u.$$.fragment,o),w=d(o),s(y.$$.fragment,o),o.forEach(E)},m(t,r){v(t,e,r),o($,e,null),v(t,n,r),v(t,a,r),o(c,a,null),k(a,m),o(u,a,null),k(a,w),o(y,a,null),C=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),u.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),y.$set(o)},i(t){C||(f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(y.$$.fragment,t),C=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(y.$$.fragment,t),C=!1},d(t){t&&E(e),l($),t&&E(n),t&&E(a),l(c),l(u),l(y)}}}function it(t){let e;return{c(){e=u("Functional Properties")},l(t){e=w(t,"Functional Properties")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function ut(t){let e;return{c(){e=u("Name")},l(t){e=w(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function dt(t){let e;return{c(){e=u("Default")},l(t){e=w(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function ht(t){let e;return{c(){e=u("Type")},l(t){e=w(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function xt(t){let e;return{c(){e=u("Description")},l(t){e=w(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function wt(t){let e,$,n,a,c,m,i,u;return e=new M({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),i=new M({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function Et(t){let e,$,n,r,s,o,a;return{c(){e=i("mark"),$=i("strong"),n=i("code"),r=u("value"),s=u(" "),o=i("span"),a=u("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);n=h(f,"CODE",{});var p=x(n);r=w(p,"value"),p.forEach(E),f.forEach(E),c.forEach(E),s=w(t," "),o=h(t,"SPAN",{class:!0});var l=x(o);a=w(l,"*"),l.forEach(E),this.h()},h(){y(o,"class","required")},m(t,c){v(t,e,c),k(e,$),k($,n),k(n,r),v(t,s,c),v(t,o,c),k(o,a)},p:C,d(t){t&&E(e),t&&E(s),t&&E(o)}}}function yt(t){let e,$;return{c(){e=i("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function vt(t){let e,$,n,r,s,o;return{c(){e=u("The value of this checkbox. Check "),$=i("a"),n=u("MDN Docs"),r=u(" for more information. "),s=i("br"),o=u(" Included in events unaltered (won't be stringified if not a string)."),this.h()},l(t){e=w(t,"The value of this checkbox. Check "),$=h(t,"A",{href:!0,rel:!0});var a=x($);n=w(a,"MDN Docs"),a.forEach(E),r=w(t," for more information. "),s=h(t,"BR",{}),o=w(t," Included in events unaltered (won't be stringified if not a string)."),this.h()},h(){y($,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Value"),y($,"rel","nofollow")},m(t,a){v(t,e,a),v(t,$,a),k($,n),v(t,r,a),v(t,s,a),v(t,o,a)},p:C,d(t){t&&E(e),t&&E($),t&&E(r),t&&E(s),t&&E(o)}}}function kt(t){let e,$,n,a,c,m,i,u;return e=new H({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),n=new H({}),c=new H({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),i.$set(s)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function Ct(t){let e,$,n,r,s,o,a;return{c(){e=i("mark"),$=i("strong"),n=i("code"),r=u("name"),s=u(" "),o=i("span"),a=u("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);n=h(f,"CODE",{});var p=x(n);r=w(p,"name"),p.forEach(E),f.forEach(E),c.forEach(E),s=w(t," "),o=h(t,"SPAN",{class:!0});var l=x(o);a=w(l,"*"),l.forEach(E),this.h()},h(){y(o,"class","required")},m(t,c){v(t,e,c),k(e,$),k($,n),k(n,r),v(t,s,c),v(t,o,c),k(o,a)},p:C,d(t){t&&E(e),t&&E(s),t&&E(o)}}}function bt(t){let e,$;return{c(){e=i("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function Dt(t){let e,$,n,r;return{c(){e=u("The name of the group to relate this checkbox chip to. Check "),$=i("a"),n=u("MDN docs"),r=u(" for more information."),this.h()},l(t){e=w(t,"The name of the group to relate this checkbox chip to. Check "),$=h(t,"A",{href:!0,rel:!0});var s=x($);n=w(s,"MDN docs"),s.forEach(E),r=w(t," for more information."),this.h()},h(){y($,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname"),y($,"rel","nofollow")},m(t,s){v(t,e,s),v(t,$,s),k($,n),v(t,r,s)},p:C,d(t){t&&E(e),t&&E($),t&&E(r)}}}function Ot(t){let e,$,n,a,c,m,i,u;return e=new H({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),n=new H({}),c=new H({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),i.$set(s)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function Tt(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("checked")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"checked"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function St(t){let e,$;return{c(){e=i("code"),$=u("false")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"false"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function Nt(t){let e,$;return{c(){e=i("code"),$=u("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"boolean"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function Rt(t){let e;return{c(){e=u("Whether the chip is selected or not.")},l(t){e=w(t,"Whether the chip is selected or not.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function At(t){let e,$,n,a,c,m,i,u;return e=new H({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function Gt(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("disabled")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"disabled"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function jt(t){let e,$;return{c(){e=i("code"),$=u("false")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"false"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function Pt(t){let e,$;return{c(){e=i("code"),$=u("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"boolean"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function Mt(t){let e;return{c(){e=u("Disables the chip and disallows selection.")},l(t){e=w(t,"Disables the chip and disallows selection.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Ht(t){let e,$,n,a,c,m,i,u;return e=new H({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function It(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("title")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"title"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function Ut(t){let e,$;return{c(){e=i("code"),$=u("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function Bt(t){let e,$;return{c(){e=i("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function qt(t){let e;return{c(){e=u("The tooltip to give to a chip.")},l(t){e=w(t,"The tooltip to give to a chip.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Ft(t){let e,$,n,a,c,m,i,u;return e=new H({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function Lt(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("...")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"..."),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function Vt(t){let e,$;return{c(){e=i("code"),$=u("any")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"any"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function zt(t){let e,$,n,r;return{c(){e=u("Everything else will be passed to the underlying "),$=i("code"),n=u("<input>"),r=u(" element.")},l(t){e=w(t,"Everything else will be passed to the underlying "),$=h(t,"CODE",{});var s=x($);n=w(s,"<input>"),s.forEach(E),r=w(t," element.")},m(t,s){v(t,e,s),v(t,$,s),k($,n),v(t,r,s)},p:C,d(t){t&&E(e),t&&E($),t&&E(r)}}}function Wt(t){let e,$,n,a,c,m,i,u;return e=new H({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),n=new H({}),c=new H({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),i.$set(s)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function Yt(t){let e,$,n,a,c,m,u,w,y,C,b,D,O,T,S,N;return $=new P({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),y=new P({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),b=new P({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),O=new P({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),S=new P({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){e=i("thead"),r($.$$.fragment),n=g(),a=i("tbody"),r(c.$$.fragment),m=g(),r(u.$$.fragment),w=g(),r(y.$$.fragment),C=g(),r(b.$$.fragment),D=g(),r(O.$$.fragment),T=g(),r(S.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(E),n=d(t),a=h(t,"TBODY",{});var o=x(a);s(c.$$.fragment,o),m=d(o),s(u.$$.fragment,o),w=d(o),s(y.$$.fragment,o),C=d(o),s(b.$$.fragment,o),D=d(o),s(O.$$.fragment,o),T=d(o),s(S.$$.fragment,o),o.forEach(E)},m(t,r){v(t,e,r),o($,e,null),v(t,n,r),v(t,a,r),o(c,a,null),k(a,m),o(u,a,null),k(a,w),o(y,a,null),k(a,C),o(b,a,null),k(a,D),o(O,a,null),k(a,T),o(S,a,null),N=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),u.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),y.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),b.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),O.$set(f);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),S.$set(p)},i(t){N||(f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(y.$$.fragment,t),f(b.$$.fragment,t),f(O.$$.fragment,t),f(S.$$.fragment,t),N=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(y.$$.fragment,t),p(b.$$.fragment,t),p(O.$$.fragment,t),p(S.$$.fragment,t),N=!1},d(t){t&&E(e),l($),t&&E(n),t&&E(a),l(c),l(u),l(y),l(b),l(O),l(S)}}}function Kt(t){let e;return{c(){e=u("Class Properties")},l(t){e=w(t,"Class Properties")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function _t(t){let e,$,n,r,s,o,a,c,f,p;return{c(){e=u("All "),$=i("code"),n=u("<CheckboxChip>"),r=u(" components use the "),s=i("code"),o=u(".input-chip"),a=u(" and "),c=i("code"),f=u(".checkbox-chip"),p=u(" classes.")},l(t){e=w(t,"All "),$=h(t,"CODE",{});var l=x($);n=w(l,"<CheckboxChip>"),l.forEach(E),r=w(t," components use the "),s=h(t,"CODE",{});var m=x(s);o=w(m,".input-chip"),m.forEach(E),a=w(t," and "),c=h(t,"CODE",{});var g=x(c);f=w(g,".checkbox-chip"),g.forEach(E),p=w(t," classes.")},m(t,l){v(t,e,l),v(t,$,l),k($,n),v(t,r,l),v(t,s,l),k(s,o),v(t,a,l),v(t,c,l),k(c,f),v(t,p,l)},p:C,d(t){t&&E(e),t&&E($),t&&E(r),t&&E(s),t&&E(a),t&&E(c),t&&E(p)}}}function Jt(t){let e;return{c(){e=u("Falsy values passed to classes will be disregarded.")},l(t){e=w(t,"Falsy values passed to classes will be disregarded.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Qt(t){let e;return{c(){e=u("Name")},l(t){e=w(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Xt(t){let e;return{c(){e=u("Default")},l(t){e=w(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Zt(t){let e;return{c(){e=u("Type")},l(t){e=w(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function te(t){let e;return{c(){e=u("Description")},l(t){e=w(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function ee(t){let e,$,n,a,c,m,i,u;return e=new M({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),i=new M({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function $e(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("class")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"class"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function ne(t){let e,$;return{c(){e=i("code"),$=u("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function re(t){let e,$;return{c(){e=i("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function se(t){let e;return{c(){e=u("A class string to add to the component.")},l(t){e=w(t,"A class string to add to the component.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function oe(t){let e,$,n,a,c,m,i,u;return e=new H({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function ae(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("inputClass")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"inputClass"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function ce(t){let e,$;return{c(){e=i("code"),$=u("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function fe(t){let e,$;return{c(){e=i("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function pe(t){let e,$,n,r;return{c(){e=u("A class string to add to the "),$=i("code"),n=u("<input>"),r=u(" element.")},l(t){e=w(t,"A class string to add to the "),$=h(t,"CODE",{});var s=x($);n=w(s,"<input>"),s.forEach(E),r=w(t," element.")},m(t,s){v(t,e,s),v(t,$,s),k($,n),v(t,r,s)},p:C,d(t){t&&E(e),t&&E($),t&&E(r)}}}function le(t){let e,$,n,a,c,m,i,u;return e=new H({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function me(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("chipClass")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"chipClass"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function ge(t){let e,$;return{c(){e=i("code"),$=u("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function ie(t){let e,$;return{c(){e=i("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function ue(t){let e;return{c(){e=u("A class string to add to the underlying Chip element.")},l(t){e=w(t,"A class string to add to the underlying Chip element.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function de(t){let e,$,n,a,c,m,i,u;return e=new H({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function he(t){let e,$,n,a,c,m,u,w,y,C;return $=new P({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),y=new P({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),{c(){e=i("thead"),r($.$$.fragment),n=g(),a=i("tbody"),r(c.$$.fragment),m=g(),r(u.$$.fragment),w=g(),r(y.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(E),n=d(t),a=h(t,"TBODY",{});var o=x(a);s(c.$$.fragment,o),m=d(o),s(u.$$.fragment,o),w=d(o),s(y.$$.fragment,o),o.forEach(E)},m(t,r){v(t,e,r),o($,e,null),v(t,n,r),v(t,a,r),o(c,a,null),k(a,m),o(u,a,null),k(a,w),o(y,a,null),C=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),u.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),y.$set(o)},i(t){C||(f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(y.$$.fragment,t),C=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(y.$$.fragment,t),C=!1},d(t){t&&E(e),l($),t&&E(n),t&&E(a),l(c),l(u),l(y)}}}function xe(t){let e;return{c(){e=u("Events")},l(t){e=w(t,"Events")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function we(t){let e;return{c(){e=u("Name")},l(t){e=w(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Ee(t){let e;return{c(){e=u("Event Detail")},l(t){e=w(t,"Event Detail")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function ye(t){let e;return{c(){e=u("Description")},l(t){e=w(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function ve(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t)}}}function ke(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("change")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"change"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function Ce(t){let e,$;return{c(){e=i("code"),$=u("{ value, checked, nativeEvent }")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"{ value, checked, nativeEvent }"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function be(t){let e,$,n,r,s,o,a,c,f,p,l,m,g,d,b,D;return{c(){e=u("Fired on selecting this chip in a group. The "),$=i("code"),n=u("value"),r=u(" contains the value that was passed to the checkbox (won't be stringified), "),s=i("code"),o=u("checked"),a=u(" is the state of the checkbox after the event and "),c=i("code"),f=u("nativeEvent"),p=u(" is the "),l=i("a"),m=u("native "),g=i("code"),d=u("change"),b=u(" event"),D=u(" of checkboxes."),this.h()},l(t){e=w(t,"Fired on selecting this chip in a group. The "),$=h(t,"CODE",{});var i=x($);n=w(i,"value"),i.forEach(E),r=w(t," contains the value that was passed to the checkbox (won't be stringified), "),s=h(t,"CODE",{});var u=x(s);o=w(u,"checked"),u.forEach(E),a=w(t," is the state of the checkbox after the event and "),c=h(t,"CODE",{});var y=x(c);f=w(y,"nativeEvent"),y.forEach(E),p=w(t," is the "),l=h(t,"A",{href:!0,rel:!0});var v=x(l);m=w(v,"native "),g=h(v,"CODE",{});var k=x(g);d=w(k,"change"),k.forEach(E),b=w(v," event"),v.forEach(E),D=w(t," of checkboxes."),this.h()},h(){y(l,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),y(l,"rel","nofollow")},m(t,i){v(t,e,i),v(t,$,i),k($,n),v(t,r,i),v(t,s,i),k(s,o),v(t,a,i),v(t,c,i),k(c,f),v(t,p,i),v(t,l,i),k(l,m),k(l,g),k(g,d),k(l,b),v(t,D,i)},p:C,d(t){t&&E(e),t&&E($),t&&E(r),t&&E(s),t&&E(a),t&&E(c),t&&E(p),t&&E(l),t&&E(D)}}}function De(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t)}}}function Oe(t){let e,$,n,a,c,m;return $=new P({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),{c(){e=i("thead"),r($.$$.fragment),n=g(),a=i("tbody"),r(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(E),n=d(t),a=h(t,"TBODY",{});var o=x(a);s(c.$$.fragment,o),o.forEach(E)},m(t,r){v(t,e,r),o($,e,null),v(t,n,r),v(t,a,r),o(c,a,null),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r)},i(t){m||(f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&E(e),l($),t&&E(n),t&&E(a),l(c)}}}function Te(t){let e;return{c(){e=u("Slots")},l(t){e=w(t,"Slots")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Se(t){let e;return{c(){e=u("Default slot")},l(t){e=w(t,"Default slot")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Ne(t){let e;return{c(){e=u("The content of the chip. Contains the string representation of the value by default.")},l(t){e=w(t,"The content of the chip. Contains the string representation of the value by default.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Re(t){let e;return{c(){e=u("SCSS Variables")},l(t){e=w(t,"SCSS Variables")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Ae(t){let e;return{c(){e=u("Name")},l(t){e=w(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Ge(t){let e;return{c(){e=u("Description")},l(t){e=w(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function je(t){let e;return{c(){e=u("Default")},l(t){e=w(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Pe(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t)}}}function Me(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("$chip-bg")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"$chip-bg"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function He(t){let e;return{c(){e=u("The background color of a non-outline chip.")},l(t){e=w(t,"The background color of a non-outline chip.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Ie(t){let e,$;return e=new N({props:{value:"rgba(0, 0, 0, .08)"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:C,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function Ue(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t)}}}function Be(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("$chip-fg")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"$chip-fg"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function qe(t){let e;return{c(){e=u("The text color of a chip.")},l(t){e=w(t,"The text color of a chip.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Fe(t){let e,$;return e=new N({props:{value:"#656565"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:C,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function Le(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t)}}}function Ve(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("$chip-radius")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"$chip-radius"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function ze(t){let e;return{c(){e=u("The curvature radius of a chip.")},l(t){e=w(t,"The curvature radius of a chip.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function We(t){let e,$;return{c(){e=i("code"),$=u("1.5625em")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"1.5625em"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function Ye(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t)}}}function Ke(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("$font")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"$font"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function _e(t){let e;return{c(){e=u("The font of the chip text.")},l(t){e=w(t,"The font of the chip text.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Je(t){let e,$;return{c(){e=i("code"),$=u("'Ubuntu'")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"'Ubuntu'"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function Qe(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t)}}}function Xe(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("$main")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"$main"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function Ze(t){let e;return{c(){e=u("The border color of outline chips and the selection color.")},l(t){e=w(t,"The border color of outline chips and the selection color.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function t$(t){let e,$;return e=new N({props:{value:"#4300B0"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:C,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function e$(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ze]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t)}}}function $$(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("$bold-font-weight")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"$bold-font-weight"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function n$(t){let e;return{c(){e=u("The bold font weight of the chips.")},l(t){e=w(t,"The bold font weight of the chips.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function r$(t){let e,$;return{c(){e=i("code"),$=u("500")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"500"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function s$(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[n$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[r$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t)}}}function o$(t){let e,$,n,a,c,m,u,w,y,C,b,D,O,T,S,N;return $=new P({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),y=new P({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),b=new P({props:{$$slots:{default:[Qe]},$$scope:{ctx:t}}}),O=new P({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),S=new P({props:{$$slots:{default:[s$]},$$scope:{ctx:t}}}),{c(){e=i("thead"),r($.$$.fragment),n=g(),a=i("tbody"),r(c.$$.fragment),m=g(),r(u.$$.fragment),w=g(),r(y.$$.fragment),C=g(),r(b.$$.fragment),D=g(),r(O.$$.fragment),T=g(),r(S.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(E),n=d(t),a=h(t,"TBODY",{});var o=x(a);s(c.$$.fragment,o),m=d(o),s(u.$$.fragment,o),w=d(o),s(y.$$.fragment,o),C=d(o),s(b.$$.fragment,o),D=d(o),s(O.$$.fragment,o),T=d(o),s(S.$$.fragment,o),o.forEach(E)},m(t,r){v(t,e,r),o($,e,null),v(t,n,r),v(t,a,r),o(c,a,null),k(a,m),o(u,a,null),k(a,w),o(y,a,null),k(a,C),o(b,a,null),k(a,D),o(O,a,null),k(a,T),o(S,a,null),N=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),u.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),y.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),b.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),O.$set(f);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),S.$set(p)},i(t){N||(f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(y.$$.fragment,t),f(b.$$.fragment,t),f(O.$$.fragment,t),f(S.$$.fragment,t),N=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(y.$$.fragment,t),p(b.$$.fragment,t),p(O.$$.fragment,t),p(S.$$.fragment,t),N=!1},d(t){t&&E(e),l($),t&&E(n),t&&E(a),l(c),l(u),l(y),l(b),l(O),l(S)}}}function a$(t){let e,$,n,a,c,m,C,b,T,N,P,M,H,q,F,Y,K,_,J,Q,X,Z,tt,et,$t,nt,rt,st,ot,at,ct,ft,pt,lt,mt,ut,dt,ht,xt,wt,Et,yt,vt,kt,Ct;return e=new D({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),n=new O({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),c=new O({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),C=new R({props:{components:l$}}),T=new S({props:{$$slots:{source:[V],showcase:[L]},$$scope:{ctx:t}}}),P=new A({props:{id:"properties",$$slots:{default:[z]},$$scope:{ctx:t}}}),H=new G({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),F=new j({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),K=new G({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),J=new j({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),et=new G({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),nt=new O({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),st=new O({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),at=new j({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),ft=new A({props:{id:"events",$$slots:{default:[xe]},$$scope:{ctx:t}}}),lt=new j({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),ut=new A({props:{id:"slots",$$slots:{default:[Te]},$$scope:{ctx:t}}}),ht=new G({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),wt=new O({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),yt=new A({props:{id:"scss-variables",$$slots:{default:[Re]},$$scope:{ctx:t}}}),kt=new j({props:{$$slots:{default:[o$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(C.$$.fragment),b=g(),r(T.$$.fragment),N=g(),r(P.$$.fragment),M=g(),r(H.$$.fragment),q=g(),r(F.$$.fragment),Y=g(),r(K.$$.fragment),_=g(),r(J.$$.fragment),Q=g(),X=i("div"),Z=u("* Required"),tt=g(),r(et.$$.fragment),$t=g(),r(nt.$$.fragment),rt=g(),r(st.$$.fragment),ot=g(),r(at.$$.fragment),ct=g(),r(ft.$$.fragment),pt=g(),r(lt.$$.fragment),mt=g(),r(ut.$$.fragment),dt=g(),r(ht.$$.fragment),xt=g(),r(wt.$$.fragment),Et=g(),r(yt.$$.fragment),vt=g(),r(kt.$$.fragment),this.h()},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(C.$$.fragment,t),b=d(t),s(T.$$.fragment,t),N=d(t),s(P.$$.fragment,t),M=d(t),s(H.$$.fragment,t),q=d(t),s(F.$$.fragment,t),Y=d(t),s(K.$$.fragment,t),_=d(t),s(J.$$.fragment,t),Q=d(t),X=h(t,"DIV",{class:!0});var r=x(X);Z=w(r,"* Required"),r.forEach(E),tt=d(t),s(et.$$.fragment,t),$t=d(t),s(nt.$$.fragment,t),rt=d(t),s(st.$$.fragment,t),ot=d(t),s(at.$$.fragment,t),ct=d(t),s(ft.$$.fragment,t),pt=d(t),s(lt.$$.fragment,t),mt=d(t),s(ut.$$.fragment,t),dt=d(t),s(ht.$$.fragment,t),xt=d(t),s(wt.$$.fragment,t),Et=d(t),s(yt.$$.fragment,t),vt=d(t),s(kt.$$.fragment,t),this.h()},h(){y(X,"class","required")},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(C,t,r),v(t,b,r),o(T,t,r),v(t,N,r),o(P,t,r),v(t,M,r),o(H,t,r),v(t,q,r),o(F,t,r),v(t,Y,r),o(K,t,r),v(t,_,r),o(J,t,r),v(t,Q,r),v(t,X,r),k(X,Z),v(t,tt,r),o(et,t,r),v(t,$t,r),o(nt,t,r),v(t,rt,r),o(st,t,r),v(t,ot,r),o(at,t,r),v(t,ct,r),o(ft,t,r),v(t,pt,r),o(lt,t,r),v(t,mt,r),o(ut,t,r),v(t,dt,r),o(ht,t,r),v(t,xt,r),o(wt,t,r),v(t,Et,r),o(yt,t,r),v(t,vt,r),o(kt,t,r),Ct=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),T.$set(a);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),P.$set(f);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),H.$set(p);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),F.$set(l);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),K.$set(m);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),J.$set(g);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),et.$set(i);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),nt.$set(u);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),st.$set(d);const h={};2&$&&(h.$$scope={dirty:$,ctx:t}),at.$set(h);const x={};2&$&&(x.$$scope={dirty:$,ctx:t}),ft.$set(x);const w={};2&$&&(w.$$scope={dirty:$,ctx:t}),lt.$set(w);const E={};2&$&&(E.$$scope={dirty:$,ctx:t}),ut.$set(E);const y={};2&$&&(y.$$scope={dirty:$,ctx:t}),ht.$set(y);const v={};2&$&&(v.$$scope={dirty:$,ctx:t}),wt.$set(v);const k={};2&$&&(k.$$scope={dirty:$,ctx:t}),yt.$set(k);const C={};2&$&&(C.$$scope={dirty:$,ctx:t}),kt.$set(C)},i(t){Ct||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(C.$$.fragment,t),f(T.$$.fragment,t),f(P.$$.fragment,t),f(H.$$.fragment,t),f(F.$$.fragment,t),f(K.$$.fragment,t),f(J.$$.fragment,t),f(et.$$.fragment,t),f(nt.$$.fragment,t),f(st.$$.fragment,t),f(at.$$.fragment,t),f(ft.$$.fragment,t),f(lt.$$.fragment,t),f(ut.$$.fragment,t),f(ht.$$.fragment,t),f(wt.$$.fragment,t),f(yt.$$.fragment,t),f(kt.$$.fragment,t),Ct=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(C.$$.fragment,t),p(T.$$.fragment,t),p(P.$$.fragment,t),p(H.$$.fragment,t),p(F.$$.fragment,t),p(K.$$.fragment,t),p(J.$$.fragment,t),p(et.$$.fragment,t),p(nt.$$.fragment,t),p(st.$$.fragment,t),p(at.$$.fragment,t),p(ft.$$.fragment,t),p(lt.$$.fragment,t),p(ut.$$.fragment,t),p(ht.$$.fragment,t),p(wt.$$.fragment,t),p(yt.$$.fragment,t),p(kt.$$.fragment,t),Ct=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(C,t),t&&E(b),l(T,t),t&&E(N),l(P,t),t&&E(M),l(H,t),t&&E(q),l(F,t),t&&E(Y),l(K,t),t&&E(_),l(J,t),t&&E(Q),t&&E(X),t&&E(tt),l(et,t),t&&E($t),l(nt,t),t&&E(rt),l(st,t),t&&E(ot),l(at,t),t&&E(ct),l(ft,t),t&&E(pt),l(lt,t),t&&E(mt),l(ut,t),t&&E(dt),l(ht,t),t&&E(xt),l(wt,t),t&&E(Et),l(yt,t),t&&E(vt),l(kt,t)}}}function c$(t){let e,$;const m=[t[0],f$];let g={$$slots:{default:[a$]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)g=n(g,m[t]);return e=new b({props:g}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p(t,[$]){const n=1&$?a(m,[1&$&&c(t[0]),0&$&&c(f$)]):{};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}const f$={name:"CheckboxChip",relatedComponents:[{name:"Chip",link:"./docs/components/chip"},{name:"RadioChip",link:"./docs/components/radio-chip"},{name:"RadioChipGroup",link:"./docs/components/radio-chip-group"},{name:"CheckboxChipGroup",link:"./docs/components/checkbox-chip-group"}]},{name:p$,relatedComponents:l$}=f$;function m$(t,e,$){return t.$$set=t=>{$(0,e=n(n({},e),m(t)))},[e=m(e)]}class g$ extends t{constructor(t){super(),e(this,t,m$,c$,$,{})}}export{g$ as default,f$ as metadata};
diff --git a/376/client/checkbox-group-1dcd50f7.css b/376/client/checkbox-group-1dcd50f7.css
new file mode 100644
index 000000000..56ca75c0f
--- /dev/null
+++ b/376/client/checkbox-group-1dcd50f7.css
@@ -0,0 +1 @@
+div[role=group].svelte-6yyre0 .checkbox:not(.colored)>.selector{margin:0 0.5em}div[role=group].svelte-6yyre0 .checkbox.colored>input+.selector::before{border-color:#d3d3d3;border-color:rgb(var(--before-r), var(--before-g), var(--before-b))}div[role=group].svelte-6yyre0 .checkbox.colored:hover>input+.selector::after{background-color:rgba(0, 0, 0, 0.05);background-color:rgba(var(--r), var(--g), var(--b), 0.05)}div[role=group].svelte-6yyre0 .checkbox.colored>input:focus+.selector::after{background-color:rgba(0, 0, 0, 0.125);background-color:rgba(var(--r), var(--g), var(--b), 0.125)}
diff --git a/376/client/checkbox-group-d674ad69.css b/376/client/checkbox-group-d674ad69.css
new file mode 100644
index 000000000..935cdbae8
--- /dev/null
+++ b/376/client/checkbox-group-d674ad69.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-1vqz8i4 .checkbox{margin-bottom:0.5em}[slot=showcase].svelte-1vqz8i4 .colored{display:flex;flex-wrap:wrap}[slot=showcase].svelte-1vqz8i4 .colored .checkbox{margin:0.5em}
diff --git a/376/client/checkbox-group.9eec4075.js b/376/client/checkbox-group.9eec4075.js
new file mode 100644
index 000000000..491bfeb5b
--- /dev/null
+++ b/376/client/checkbox-group.9eec4075.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as s,j as $,l as a,m as o,U as r,a0 as c,t as p,p as l,q as f,L as m,u,h as g,v as i,w as d,k as h,b as x,x as k,d as y,e as v,f as E,g as w,n as b}from"./client.0d36a0cf.js";import{L as D,H as C,P as O}from"./layout.b2760304.js";import{C as T}from"./checkbox-group.ae6b5c93.js";import{S}from"./showcase.8eb3893d.js";import{R as A}from"./related-components.2f822d5e.js";import{C as R}from"./color-preview.278d2729.js";import{H as N}from"./h2.122c8b9f.js";import{H as G}from"./h3.1e03849b.js";import{T as j,a as F,b as L,c as M}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./color-picker-styles.7cf55314.js";import"./plural-s.31bb9da9.js";import"./checkbox.72a1ad14.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./button.743a388a.js";import"./card.72b37821.js";function P(t){let e;return{c(){e=i("CheckboxGroup")},l(t){e=k(t,"CheckboxGroup")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function B(t){let e;return{c(){e=i("A group of checkboxes from an array of items to select.")},l(t){e=k(t,"A group of checkboxes from an array of items to select.")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function H(t){let e,n,s,$,a,o;return{c(){e=i("If you need more control over the labels and checkbox layout, you may use the individual "),n=g("a"),s=g("mark"),$=g("code"),a=i("Checkbox"),o=i(" component."),this.h()},l(t){e=k(t,"If you need more control over the labels and checkbox layout, you may use the individual "),n=h(t,"A",{href:!0});var r=x(n);s=h(r,"MARK",{});var c=x(s);$=h(c,"CODE",{});var p=x($);a=k(p,"Checkbox"),p.forEach(y),c.forEach(y),r.forEach(y),o=k(t," component."),this.h()},h(){v(n,"href","./docs/components/checkbox")},m(t,r){E(t,e,r),E(t,n,r),w(n,s),w(s,$),w($,a),E(t,o,r)},p:b,d(t){t&&y(e),t&&y(n),t&&y(o)}}}function I(t){let e,n,s,r,c,m,D,C,O,S,A;return c=new T({props:{name:"sports[]",items:t[0]}}),S=new T({props:{color:!0,round:!0,items:t[1],name:"colors[]",max:2,class:"colored"}}),{c(){e=g("div"),n=g("p"),s=i("Select your favorite sports:"),r=u(),$(c.$$.fragment),m=u(),D=g("p"),C=i("And color as well (up to 2):"),O=u(),$(S.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var $=x(e);n=h($,"P",{});var o=x(n);s=k(o,"Select your favorite sports:"),o.forEach(y),r=d($),a(c.$$.fragment,$),m=d($),D=h($,"P",{});var p=x(D);C=k(p,"And color as well (up to 2):"),p.forEach(y),O=d($),a(S.$$.fragment,$),$.forEach(y),this.h()},h(){v(e,"slot","showcase"),v(e,"class","padded svelte-1vqz8i4")},m(t,$){E(t,e,$),w(e,n),w(n,s),w(e,r),o(c,e,null),w(e,m),w(e,D),w(D,C),w(e,O),o(S,e,null),A=!0},p:b,i(t){A||(p(c.$$.fragment,t),p(S.$$.fragment,t),A=!0)},o(t){l(c.$$.fragment,t),l(S.$$.fragment,t),A=!1},d(t){t&&y(e),f(c),f(S)}}}function q(t){let e,n;return{c(){e=g("div"),n=g("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var s=x(e);n=h(s,"PRE",{class:!0}),x(n).forEach(y),s.forEach(y),this.h()},h(){v(n,"class","language-svelte"),v(e,"slot","source")},m(t,s){E(t,e,s),w(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">const</span> items <span class="token operator">=</span> <span class="token punctuation">[</span>\n    <span class="token punctuation">&#123;</span>\n      <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'couch_potato\'</span><span class="token punctuation">,</span>\n      <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">\'Sitting lazily on the couch\'</span><span class="token punctuation">,</span>\n      <span class="token literal-property property">checked</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>\n      <span class="token literal-property property">disabled</span><span class="token operator">:</span> <span class="token boolean">true</span>\n    <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'cycling\'</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">\'Cycling\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'running\'</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">\'Running\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'swimming\'</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">\'Olympic Swimming\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">;</span>\n  <span class="token keyword">const</span> colors <span class="token operator">=</span> <span class="token punctuation">[</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'#000000\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'#ff0000\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'#00ff00\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'#ffffff\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>Select your favorite sports:<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckboxGroup</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>sports[]<span class="token punctuation">"</span></span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>items<span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>And color as well (up to 2):<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckboxGroup</span>\n  <span class="token attr-name">color</span>\n  <span class="token attr-name">round</span>\n  <span class="token attr-name">items=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>colors<span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>colors[]<span class="token punctuation">"</span></span>\n  <span class="token attr-name">max=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">2</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>colored<span class="token punctuation">"</span></span>\n<span class="token punctuation">/></span></span></code>'},p:b,d(t){t&&y(e)}}}function z(t){let e;return{c(){e=i("Properties")},l(t){e=k(t,"Properties")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function U(t){let e;return{c(){e=i("Style Properties")},l(t){e=k(t,"Style Properties")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function V(t){let e;return{c(){e=i("Name")},l(t){e=k(t,"Name")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function Y(t){let e;return{c(){e=i("Default")},l(t){e=k(t,"Default")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function K(t){let e;return{c(){e=i("Type")},l(t){e=k(t,"Type")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function _(t){let e;return{c(){e=i("Description")},l(t){e=k(t,"Description")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function W(t){let e,n,s,r,c,m,g,i;return e=new L({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),g=new L({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function J(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("labelsLeft")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=k(a,"labelsLeft"),a.forEach(y),$.forEach(y)},m(t,$){E(t,e,$),w(e,n),w(n,s)},p:b,d(t){t&&y(e)}}}function Q(t){let e,n;return{c(){e=g("code"),n=i("false")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"false"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function X(t){let e,n;return{c(){e=g("code"),n=i("boolean")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"boolean"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function Z(t){let e;return{c(){e=i("Places the labels to the left of the checkboxes.")},l(t){e=k(t,"Places the labels to the left of the checkboxes.")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function tt(t){let e,n,s,r,c,m,g,i;return e=new M({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function et(t){let e,n,s,r,c,m;return n=new F({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=u(),r=g("tbody"),$(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(y),s=d(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),o.forEach(y)},m(t,$){E(t,e,$),o(n,e,null),E(t,s,$),E(t,r,$),o(c,r,null),m=!0},p(t,e){const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};8&e&&($.$$scope={dirty:e,ctx:t}),c.$set($)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&y(e),f(n),t&&y(s),t&&y(r),f(c)}}}function nt(t){let e;return{c(){e=i("Functional Properties")},l(t){e=k(t,"Functional Properties")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function st(t){let e;return{c(){e=i("Name")},l(t){e=k(t,"Name")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function $t(t){let e;return{c(){e=i("Default")},l(t){e=k(t,"Default")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function at(t){let e;return{c(){e=i("Type")},l(t){e=k(t,"Type")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function ot(t){let e;return{c(){e=i("Description")},l(t){e=k(t,"Description")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function rt(t){let e,n,s,r,c,m,g,i;return e=new L({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),g=new L({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function ct(t){let e,n,s,$,a,o,r;return{c(){e=g("mark"),n=g("strong"),s=g("code"),$=i("items"),a=i(" "),o=g("span"),r=i("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);n=h(c,"STRONG",{});var p=x(n);s=h(p,"CODE",{});var l=x(s);$=k(l,"items"),l.forEach(y),p.forEach(y),c.forEach(y),a=k(t," "),o=h(t,"SPAN",{class:!0});var f=x(o);r=k(f,"*"),f.forEach(y),this.h()},h(){v(o,"class","required")},m(t,c){E(t,e,c),w(e,n),w(n,s),w(s,$),E(t,a,c),E(t,o,c),w(o,r)},p:b,d(t){t&&y(e),t&&y(a),t&&y(o)}}}function pt(t){let e,n;return{c(){e=g("code"),n=i("Array")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"Array"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function lt(t){let e,n,s,$;return{c(){e=i("An array of "),n=g("code"),s=i("{ value, label, checked, disabled }"),$=i(" objects, where only the value is required. Must contain at least one value.")},l(t){e=k(t,"An array of "),n=h(t,"CODE",{});var a=x(n);s=k(a,"{ value, label, checked, disabled }"),a.forEach(y),$=k(t," objects, where only the value is required. Must contain at least one value.")},m(t,a){E(t,e,a),E(t,n,a),w(n,s),E(t,$,a)},p:b,d(t){t&&y(e),t&&y(n),t&&y($)}}}function ft(t){let e,n,s,r,c,m,g,i;return e=new M({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),s=new M({}),c=new M({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};8&n&&($.$$scope={dirty:n,ctx:t}),c.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function mt(t){let e,n,s,$,a,o,r;return{c(){e=g("mark"),n=g("strong"),s=g("code"),$=i("name"),a=i(" "),o=g("span"),r=i("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);n=h(c,"STRONG",{});var p=x(n);s=h(p,"CODE",{});var l=x(s);$=k(l,"name"),l.forEach(y),p.forEach(y),c.forEach(y),a=k(t," "),o=h(t,"SPAN",{class:!0});var f=x(o);r=k(f,"*"),f.forEach(y),this.h()},h(){v(o,"class","required")},m(t,c){E(t,e,c),w(e,n),w(n,s),w(s,$),E(t,a,c),E(t,o,c),w(o,r)},p:b,d(t){t&&y(e),t&&y(a),t&&y(o)}}}function ut(t){let e,n;return{c(){e=g("code"),n=i("string")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"string"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function gt(t){let e,n,s,$;return{c(){e=i("The name to assign to all checkboxes belonging to the same group. Check "),n=g("a"),s=i("MDN docs"),$=i(" for more information."),this.h()},l(t){e=k(t,"The name to assign to all checkboxes belonging to the same group. Check "),n=h(t,"A",{href:!0,rel:!0});var a=x(n);s=k(a,"MDN docs"),a.forEach(y),$=k(t," for more information."),this.h()},h(){v(n,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname"),v(n,"rel","nofollow")},m(t,a){E(t,e,a),E(t,n,a),w(n,s),E(t,$,a)},p:b,d(t){t&&y(e),t&&y(n),t&&y($)}}}function it(t){let e,n,s,r,c,m,g,i;return e=new M({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),s=new M({}),c=new M({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};8&n&&($.$$scope={dirty:n,ctx:t}),c.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function dt(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("max")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=k(a,"max"),a.forEach(y),$.forEach(y)},m(t,$){E(t,e,$),w(e,n),w(n,s)},p:b,d(t){t&&y(e)}}}function ht(t){let e,n;return{c(){e=g("code"),n=i("Infinity")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"Infinity"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function xt(t){let e,n;return{c(){e=g("code"),n=i("number")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"number"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function kt(t){let e;return{c(){e=i("The maximum allowed number of checkboxes to select.")},l(t){e=k(t,"The maximum allowed number of checkboxes to select.")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function yt(t){let e,n,s,r,c,m,g,i;return e=new M({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function vt(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("color")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=k(a,"color"),a.forEach(y),$.forEach(y)},m(t,$){E(t,e,$),w(e,n),w(n,s)},p:b,d(t){t&&y(e)}}}function Et(t){let e,n;return{c(){e=g("code"),n=i("false")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"false"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function wt(t){let e,n;return{c(){e=g("code"),n=i("boolean")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"boolean"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function bt(t){let e,n,s,$;return{c(){e=i("Designates the checkboxes as color choices. Labels are ignored and values are expected to be "),n=g("code"),s=i('"#RRGGBB"'),$=i(".")},l(t){e=k(t,"Designates the checkboxes as color choices. Labels are ignored and values are expected to be "),n=h(t,"CODE",{});var a=x(n);s=k(a,'"#RRGGBB"'),a.forEach(y),$=k(t,".")},m(t,a){E(t,e,a),E(t,n,a),w(n,s),E(t,$,a)},p:b,d(t){t&&y(e),t&&y(n),t&&y($)}}}function Dt(t){let e,n,s,r,c,m,g,i;return e=new M({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function Ct(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("maxReachedTooltip")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=k(a,"maxReachedTooltip"),a.forEach(y),$.forEach(y)},m(t,$){E(t,e,$),w(e,n),w(n,s)},p:b,d(t){t&&y(e)}}}function Ot(t){let e,n;return{c(){e=g("code"),n=i("`Can only select ${max} value${s(max)}.`")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"`Can only select ${max} value${s(max)}.`"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function Tt(t){let e,n;return{c(){e=g("code"),n=i("string")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"string"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function St(t){let e;return{c(){e=i("The tooltip to display when the maximum number of checkboxes has been selected.")},l(t){e=k(t,"The tooltip to display when the maximum number of checkboxes has been selected.")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function At(t){let e,n,s,r,c,m,g,i;return e=new M({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function Rt(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("...")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=k(a,"..."),a.forEach(y),$.forEach(y)},m(t,$){E(t,e,$),w(e,n),w(n,s)},p:b,d(t){t&&y(e)}}}function Nt(t){let e,n;return{c(){e=g("code"),n=i("any")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"any"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function Gt(t){let e,n,s,$;return{c(){e=i("Everything else will be passed to the underlying "),n=g("code"),s=i("<Checkbox>"),$=i(" components.")},l(t){e=k(t,"Everything else will be passed to the underlying "),n=h(t,"CODE",{});var a=x(n);s=k(a,"<Checkbox>"),a.forEach(y),$=k(t," components.")},m(t,a){E(t,e,a),E(t,n,a),w(n,s),E(t,$,a)},p:b,d(t){t&&y(e),t&&y(n),t&&y($)}}}function jt(t){let e,n,s,r,c,m,g,i;return e=new M({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),s=new M({}),c=new M({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};8&n&&($.$$scope={dirty:n,ctx:t}),c.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function Ft(t){let e,n,s,r,c,m,i,k,v,b,D,C,O,T,S,A;return n=new F({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),i=new F({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),v=new F({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),D=new F({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),O=new F({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),S=new F({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=u(),r=g("tbody"),$(c.$$.fragment),m=u(),$(i.$$.fragment),k=u(),$(v.$$.fragment),b=u(),$(D.$$.fragment),C=u(),$(O.$$.fragment),T=u(),$(S.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(y),s=d(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),m=d(o),a(i.$$.fragment,o),k=d(o),a(v.$$.fragment,o),b=d(o),a(D.$$.fragment,o),C=d(o),a(O.$$.fragment,o),T=d(o),a(S.$$.fragment,o),o.forEach(y)},m(t,$){E(t,e,$),o(n,e,null),E(t,s,$),E(t,r,$),o(c,r,null),w(r,m),o(i,r,null),w(r,k),o(v,r,null),w(r,b),o(D,r,null),w(r,C),o(O,r,null),w(r,T),o(S,r,null),A=!0},p(t,e){const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};8&e&&($.$$scope={dirty:e,ctx:t}),c.$set($);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),i.$set(a);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),v.$set(o);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),D.$set(r);const p={};8&e&&(p.$$scope={dirty:e,ctx:t}),O.$set(p);const l={};8&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l)},i(t){A||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),p(v.$$.fragment,t),p(D.$$.fragment,t),p(O.$$.fragment,t),p(S.$$.fragment,t),A=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(v.$$.fragment,t),l(D.$$.fragment,t),l(O.$$.fragment,t),l(S.$$.fragment,t),A=!1},d(t){t&&y(e),f(n),t&&y(s),t&&y(r),f(c),f(i),f(v),f(D),f(O),f(S)}}}function Lt(t){let e;return{c(){e=i("Class Properties")},l(t){e=k(t,"Class Properties")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function Mt(t){let e;return{c(){e=i("Falsy values passed to classes will be disregarded.")},l(t){e=k(t,"Falsy values passed to classes will be disregarded.")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function Pt(t){let e;return{c(){e=i("Name")},l(t){e=k(t,"Name")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function Bt(t){let e;return{c(){e=i("Default")},l(t){e=k(t,"Default")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function Ht(t){let e;return{c(){e=i("Type")},l(t){e=k(t,"Type")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function It(t){let e;return{c(){e=i("Description")},l(t){e=k(t,"Description")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function qt(t){let e,n,s,r,c,m,g,i;return e=new L({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),g=new L({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function zt(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("class")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=k(a,"class"),a.forEach(y),$.forEach(y)},m(t,$){E(t,e,$),w(e,n),w(n,s)},p:b,d(t){t&&y(e)}}}function Ut(t){let e,n;return{c(){e=g("code"),n=i("null")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"null"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function Vt(t){let e,n;return{c(){e=g("code"),n=i("string")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"string"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function Yt(t){let e,n,s,$;return{c(){e=i("A class string to assign to the wrapper "),n=g("code"),s=i("<div>"),$=i(" element.")},l(t){e=k(t,"A class string to assign to the wrapper "),n=h(t,"CODE",{});var a=x(n);s=k(a,"<div>"),a.forEach(y),$=k(t," element.")},m(t,a){E(t,e,a),E(t,n,a),w(n,s),E(t,$,a)},p:b,d(t){t&&y(e),t&&y(n),t&&y($)}}}function Kt(t){let e,n,s,r,c,m,g,i;return e=new M({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function _t(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("checkboxClass")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=k(a,"checkboxClass"),a.forEach(y),$.forEach(y)},m(t,$){E(t,e,$),w(e,n),w(n,s)},p:b,d(t){t&&y(e)}}}function Wt(t){let e,n;return{c(){e=g("code"),n=i("null")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"null"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function Jt(t){let e,n;return{c(){e=g("code"),n=i("string")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"string"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function Qt(t){let e,n,s,$;return{c(){e=i("A class string to add to the "),n=g("code"),s=i("<Checkbox>"),$=i(" components.")},l(t){e=k(t,"A class string to add to the "),n=h(t,"CODE",{});var a=x(n);s=k(a,"<Checkbox>"),a.forEach(y),$=k(t," components.")},m(t,a){E(t,e,a),E(t,n,a),w(n,s),E(t,$,a)},p:b,d(t){t&&y(e),t&&y(n),t&&y($)}}}function Xt(t){let e,n,s,r,c,m,g,i;return e=new M({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function Zt(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("labelClass")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=k(a,"labelClass"),a.forEach(y),$.forEach(y)},m(t,$){E(t,e,$),w(e,n),w(n,s)},p:b,d(t){t&&y(e)}}}function te(t){let e,n;return{c(){e=g("code"),n=i("null")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"null"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function ee(t){let e,n;return{c(){e=g("code"),n=i("string")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"string"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function ne(t){let e,n,s,$,a,o,r,c,p;return{c(){e=i("A class string to assign to the labels' wrapping "),n=g("code"),s=i("<span>"),$=i("s. "),a=g("br"),o=i(" If this is not passed, the labels are not wrapped in a "),r=g("code"),c=i("<span>"),p=i(".")},l(t){e=k(t,"A class string to assign to the labels' wrapping "),n=h(t,"CODE",{});var l=x(n);s=k(l,"<span>"),l.forEach(y),$=k(t,"s. "),a=h(t,"BR",{}),o=k(t," If this is not passed, the labels are not wrapped in a "),r=h(t,"CODE",{});var f=x(r);c=k(f,"<span>"),f.forEach(y),p=k(t,".")},m(t,l){E(t,e,l),E(t,n,l),w(n,s),E(t,$,l),E(t,a,l),E(t,o,l),E(t,r,l),w(r,c),E(t,p,l)},p:b,d(t){t&&y(e),t&&y(n),t&&y($),t&&y(a),t&&y(o),t&&y(r),t&&y(p)}}}function se(t){let e,n,s,r,c,m,g,i;return e=new M({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function $e(t){let e,n,s,r,c,m,i,k,v,b;return n=new F({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),i=new F({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),v=new F({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=u(),r=g("tbody"),$(c.$$.fragment),m=u(),$(i.$$.fragment),k=u(),$(v.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(y),s=d(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),m=d(o),a(i.$$.fragment,o),k=d(o),a(v.$$.fragment,o),o.forEach(y)},m(t,$){E(t,e,$),o(n,e,null),E(t,s,$),E(t,r,$),o(c,r,null),w(r,m),o(i,r,null),w(r,k),o(v,r,null),b=!0},p(t,e){const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};8&e&&($.$$scope={dirty:e,ctx:t}),c.$set($);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),i.$set(a);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),v.$set(o)},i(t){b||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),p(v.$$.fragment,t),b=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(v.$$.fragment,t),b=!1},d(t){t&&y(e),f(n),t&&y(s),t&&y(r),f(c),f(i),f(v)}}}function ae(t){let e;return{c(){e=i("Events")},l(t){e=k(t,"Events")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function oe(t){let e;return{c(){e=i("Name")},l(t){e=k(t,"Name")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function re(t){let e;return{c(){e=i("Event Detail")},l(t){e=k(t,"Event Detail")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function ce(t){let e;return{c(){e=i("Description")},l(t){e=k(t,"Description")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function pe(t){let e,n,s,r,c,m;return e=new L({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function le(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("change")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=k(a,"change"),a.forEach(y),$.forEach(y)},m(t,$){E(t,e,$),w(e,n),w(n,s)},p:b,d(t){t&&y(e)}}}function fe(t){let e,n;return{c(){e=g("code"),n=i("{ value, checked, nativeEvent }")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"{ value, checked, nativeEvent }"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function me(t){let e,n,s,$,a,o,r,c,p,l,f,m,u,d,D,C;return{c(){e=i("Fired when the selection changes. The "),n=g("code"),s=i("value"),$=i(" contains the element's "),a=g("code"),o=i("value"),r=i(" passed as a prop, "),c=g("code"),p=i("checked"),l=i(" represents the input's state, and "),f=g("code"),m=i("nativeEvent"),u=i(" has the "),d=g("a"),D=i("native change event"),C=i("."),this.h()},l(t){e=k(t,"Fired when the selection changes. The "),n=h(t,"CODE",{});var g=x(n);s=k(g,"value"),g.forEach(y),$=k(t," contains the element's "),a=h(t,"CODE",{});var i=x(a);o=k(i,"value"),i.forEach(y),r=k(t," passed as a prop, "),c=h(t,"CODE",{});var v=x(c);p=k(v,"checked"),v.forEach(y),l=k(t," represents the input's state, and "),f=h(t,"CODE",{});var E=x(f);m=k(E,"nativeEvent"),E.forEach(y),u=k(t," has the "),d=h(t,"A",{href:!0,rel:!0});var w=x(d);D=k(w,"native change event"),w.forEach(y),C=k(t,"."),this.h()},h(){v(d,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),v(d,"rel","nofollow")},m(t,g){E(t,e,g),E(t,n,g),w(n,s),E(t,$,g),E(t,a,g),w(a,o),E(t,r,g),E(t,c,g),w(c,p),E(t,l,g),E(t,f,g),w(f,m),E(t,u,g),E(t,d,g),w(d,D),E(t,C,g)},p:b,d(t){t&&y(e),t&&y(n),t&&y($),t&&y(a),t&&y(r),t&&y(c),t&&y(l),t&&y(f),t&&y(u),t&&y(d),t&&y(C)}}}function ue(t){let e,n,s,r,c,m;return e=new M({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function ge(t){let e,n,s,r,c,m;return n=new F({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=u(),r=g("tbody"),$(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(y),s=d(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),o.forEach(y)},m(t,$){E(t,e,$),o(n,e,null),E(t,s,$),E(t,r,$),o(c,r,null),m=!0},p(t,e){const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};8&e&&($.$$scope={dirty:e,ctx:t}),c.$set($)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&y(e),f(n),t&&y(s),t&&y(r),f(c)}}}function ie(t){let e;return{c(){e=i("SCSS Variables")},l(t){e=k(t,"SCSS Variables")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function de(t){let e;return{c(){e=i("Name")},l(t){e=k(t,"Name")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function he(t){let e;return{c(){e=i("Description")},l(t){e=k(t,"Description")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function xe(t){let e;return{c(){e=i("Default")},l(t){e=k(t,"Default")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function ke(t){let e,n,s,r,c,m;return e=new L({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function ye(t){let e,n,s,$,a,o,r,c,p;return{c(){e=g("strong"),n=g("code"),s=i("$main"),$=u(),a=g("small"),o=i("From "),r=g("a"),c=g("code"),p=i("Checkbox"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);n=h(l,"CODE",{});var f=x(n);s=k(f,"$main"),f.forEach(y),l.forEach(y),$=d(t),a=h(t,"SMALL",{});var m=x(a);o=k(m,"From "),r=h(m,"A",{href:!0});var u=x(r);c=h(u,"CODE",{});var g=x(c);p=k(g,"Checkbox"),g.forEach(y),u.forEach(y),m.forEach(y),this.h()},h(){v(r,"href","./docs/components/checkbox")},m(t,l){E(t,e,l),w(e,n),w(n,s),E(t,$,l),E(t,a,l),w(a,o),w(a,r),w(r,c),w(c,p)},p:b,d(t){t&&y(e),t&&y($),t&&y(a)}}}function ve(t){let e;return{c(){e=i("The fill color of the checked checkbox.")},l(t){e=k(t,"The fill color of the checked checkbox.")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function Ee(t){let e,n;return e=new R({props:{value:"#4300B0"}}),{c(){$(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,s){o(e,t,s),n=!0},p:b,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function we(t){let e,n,s,r,c,m;return e=new M({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function be(t){let e,n,s,$,a,o,r,c,p;return{c(){e=g("strong"),n=g("code"),s=i("$font"),$=u(),a=g("small"),o=i("From "),r=g("a"),c=g("code"),p=i("Checkbox"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);n=h(l,"CODE",{});var f=x(n);s=k(f,"$font"),f.forEach(y),l.forEach(y),$=d(t),a=h(t,"SMALL",{});var m=x(a);o=k(m,"From "),r=h(m,"A",{href:!0});var u=x(r);c=h(u,"CODE",{});var g=x(c);p=k(g,"Checkbox"),g.forEach(y),u.forEach(y),m.forEach(y),this.h()},h(){v(r,"href","./docs/components/checkbox")},m(t,l){E(t,e,l),w(e,n),w(n,s),E(t,$,l),E(t,a,l),w(a,o),w(a,r),w(r,c),w(c,p)},p:b,d(t){t&&y(e),t&&y($),t&&y(a)}}}function De(t){let e;return{c(){e=i("The font of the checkbox's label.")},l(t){e=k(t,"The font of the checkbox's label.")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function Ce(t){let e,n;return{c(){e=g("code"),n=i("'Ubuntu'")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"'Ubuntu'"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function Oe(t){let e,n,s,r,c,m;return e=new M({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function Te(t){let e,n,s,$,a,o,r,c,p;return{c(){e=g("strong"),n=g("code"),s=i("$disabled"),$=u(),a=g("small"),o=i("From "),r=g("a"),c=g("code"),p=i("Checkbox"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);n=h(l,"CODE",{});var f=x(n);s=k(f,"$disabled"),f.forEach(y),l.forEach(y),$=d(t),a=h(t,"SMALL",{});var m=x(a);o=k(m,"From "),r=h(m,"A",{href:!0});var u=x(r);c=h(u,"CODE",{});var g=x(c);p=k(g,"Checkbox"),g.forEach(y),u.forEach(y),m.forEach(y),this.h()},h(){v(r,"href","./docs/components/checkbox")},m(t,l){E(t,e,l),w(e,n),w(n,s),E(t,$,l),E(t,a,l),w(a,o),w(a,r),w(r,c),w(c,p)},p:b,d(t){t&&y(e),t&&y($),t&&y(a)}}}function Se(t){let e;return{c(){e=i("The fill color of the disabled checkbox.")},l(t){e=k(t,"The fill color of the disabled checkbox.")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function Ae(t){let e,n;return e=new R({props:{value:"#888888"}}),{c(){$(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,s){o(e,t,s),n=!0},p:b,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function Re(t){let e,n,s,r,c,m;return e=new M({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function Ne(t){let e,n,s,$,a,o,r,c,p;return{c(){e=g("strong"),n=g("code"),s=i("$dark"),$=u(),a=g("small"),o=i("From "),r=g("a"),c=g("code"),p=i("Checkbox"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);n=h(l,"CODE",{});var f=x(n);s=k(f,"$dark"),f.forEach(y),l.forEach(y),$=d(t),a=h(t,"SMALL",{});var m=x(a);o=k(m,"From "),r=h(m,"A",{href:!0});var u=x(r);c=h(u,"CODE",{});var g=x(c);p=k(g,"Checkbox"),g.forEach(y),u.forEach(y),m.forEach(y),this.h()},h(){v(r,"href","./docs/components/checkbox")},m(t,l){E(t,e,l),w(e,n),w(n,s),E(t,$,l),E(t,a,l),w(a,o),w(a,r),w(r,c),w(c,p)},p:b,d(t){t&&y(e),t&&y($),t&&y(a)}}}function Ge(t){let e;return{c(){e=i("The background color of the checkbox hover signifier.")},l(t){e=k(t,"The background color of the checkbox hover signifier.")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function je(t){let e,n;return e=new R({props:{value:"#333333"}}),{c(){$(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,s){o(e,t,s),n=!0},p:b,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function Fe(t){let e,n,s,r,c,m;return e=new M({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function Le(t){let e,n,s,$,a,o,r,c,p;return{c(){e=g("strong"),n=g("code"),s=i("$light-contrast"),$=u(),a=g("small"),o=i("From "),r=g("a"),c=g("code"),p=i("Checkbox"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);n=h(l,"CODE",{});var f=x(n);s=k(f,"$light-contrast"),f.forEach(y),l.forEach(y),$=d(t),a=h(t,"SMALL",{});var m=x(a);o=k(m,"From "),r=h(m,"A",{href:!0});var u=x(r);c=h(u,"CODE",{});var g=x(c);p=k(g,"Checkbox"),g.forEach(y),u.forEach(y),m.forEach(y),this.h()},h(){v(r,"href","./docs/components/checkbox")},m(t,l){E(t,e,l),w(e,n),w(n,s),E(t,$,l),E(t,a,l),w(a,o),w(a,r),w(r,c),w(c,p)},p:b,d(t){t&&y(e),t&&y($),t&&y(a)}}}function Me(t){let e;return{c(){e=i("The border color of an unchecked checkbox, or the fill color of a checked disabled one.")},l(t){e=k(t,"The border color of an unchecked checkbox, or the fill color of a checked disabled one.")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function Pe(t){let e,n;return e=new R({props:{value:"#DDDDDD"}}),{c(){$(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,s){o(e,t,s),n=!0},p:b,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function Be(t){let e,n,s,r,c,m;return e=new M({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function He(t){let e,n,s,$,a,o,r,c,p;return{c(){e=g("strong"),n=g("code"),s=i("$main-text"),$=u(),a=g("small"),o=i("From "),r=g("a"),c=g("code"),p=i("Checkbox"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);n=h(l,"CODE",{});var f=x(n);s=k(f,"$main-text"),f.forEach(y),l.forEach(y),$=d(t),a=h(t,"SMALL",{});var m=x(a);o=k(m,"From "),r=h(m,"A",{href:!0});var u=x(r);c=h(u,"CODE",{});var g=x(c);p=k(g,"Checkbox"),g.forEach(y),u.forEach(y),m.forEach(y),this.h()},h(){v(r,"href","./docs/components/checkbox")},m(t,l){E(t,e,l),w(e,n),w(n,s),E(t,$,l),E(t,a,l),w(a,o),w(a,r),w(r,c),w(c,p)},p:b,d(t){t&&y(e),t&&y($),t&&y(a)}}}function Ie(t){let e;return{c(){e=i("The color of the checkmark.")},l(t){e=k(t,"The color of the checkmark.")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function qe(t){let e,n;return e=new R({props:{value:"#FFFFFF",bordered:!0}}),{c(){$(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,s){o(e,t,s),n=!0},p:b,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function ze(t){let e,n,s,r,c,m;return e=new M({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function Ue(t){let e,n,s,r,c,m,i,k,v,b,D,C,O,T,S,A;return n=new F({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),i=new F({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),v=new F({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),D=new F({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),O=new F({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),S=new F({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=u(),r=g("tbody"),$(c.$$.fragment),m=u(),$(i.$$.fragment),k=u(),$(v.$$.fragment),b=u(),$(D.$$.fragment),C=u(),$(O.$$.fragment),T=u(),$(S.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(y),s=d(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),m=d(o),a(i.$$.fragment,o),k=d(o),a(v.$$.fragment,o),b=d(o),a(D.$$.fragment,o),C=d(o),a(O.$$.fragment,o),T=d(o),a(S.$$.fragment,o),o.forEach(y)},m(t,$){E(t,e,$),o(n,e,null),E(t,s,$),E(t,r,$),o(c,r,null),w(r,m),o(i,r,null),w(r,k),o(v,r,null),w(r,b),o(D,r,null),w(r,C),o(O,r,null),w(r,T),o(S,r,null),A=!0},p(t,e){const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};8&e&&($.$$scope={dirty:e,ctx:t}),c.$set($);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),i.$set(a);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),v.$set(o);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),D.$set(r);const p={};8&e&&(p.$$scope={dirty:e,ctx:t}),O.$set(p);const l={};8&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l)},i(t){A||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),p(v.$$.fragment,t),p(D.$$.fragment,t),p(O.$$.fragment,t),p(S.$$.fragment,t),A=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(v.$$.fragment,t),l(D.$$.fragment,t),l(O.$$.fragment,t),l(S.$$.fragment,t),A=!1},d(t){t&&y(e),f(n),t&&y(s),t&&y(r),f(c),f(i),f(v),f(D),f(O),f(S)}}}function Ve(t){let e,n,s,r,c,m,b,D,T,R,F,L,M,V,Y,K,_,W,J,Q,X,Z,tt,st,$t,at,ot,rt,ct,pt,lt,ft,mt,ut,gt,it,dt;return e=new C({props:{$$slots:{default:[P]},$$scope:{ctx:t}}}),s=new O({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),c=new O({props:{$$slots:{default:[H]},$$scope:{ctx:t}}}),b=new A({props:{components:We}}),T=new S({props:{$$slots:{source:[q],showcase:[I]},$$scope:{ctx:t}}}),F=new N({props:{id:"properties",$$slots:{default:[z]},$$scope:{ctx:t}}}),M=new G({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),Y=new j({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),_=new G({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),J=new j({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),st=new G({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),at=new O({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),rt=new j({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),pt=new N({props:{id:"events",$$slots:{default:[ae]},$$scope:{ctx:t}}}),ft=new j({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),ut=new N({props:{id:"scss-variables",$$slots:{default:[ie]},$$scope:{ctx:t}}}),it=new j({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(b.$$.fragment),D=u(),$(T.$$.fragment),R=u(),$(F.$$.fragment),L=u(),$(M.$$.fragment),V=u(),$(Y.$$.fragment),K=u(),$(_.$$.fragment),W=u(),$(J.$$.fragment),Q=u(),X=g("div"),Z=i("* Required"),tt=u(),$(st.$$.fragment),$t=u(),$(at.$$.fragment),ot=u(),$(rt.$$.fragment),ct=u(),$(pt.$$.fragment),lt=u(),$(ft.$$.fragment),mt=u(),$(ut.$$.fragment),gt=u(),$(it.$$.fragment),this.h()},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(b.$$.fragment,t),D=d(t),a(T.$$.fragment,t),R=d(t),a(F.$$.fragment,t),L=d(t),a(M.$$.fragment,t),V=d(t),a(Y.$$.fragment,t),K=d(t),a(_.$$.fragment,t),W=d(t),a(J.$$.fragment,t),Q=d(t),X=h(t,"DIV",{class:!0});var $=x(X);Z=k($,"* Required"),$.forEach(y),tt=d(t),a(st.$$.fragment,t),$t=d(t),a(at.$$.fragment,t),ot=d(t),a(rt.$$.fragment,t),ct=d(t),a(pt.$$.fragment,t),lt=d(t),a(ft.$$.fragment,t),mt=d(t),a(ut.$$.fragment,t),gt=d(t),a(it.$$.fragment,t),this.h()},h(){v(X,"class","required")},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(b,t,$),E(t,D,$),o(T,t,$),E(t,R,$),o(F,t,$),E(t,L,$),o(M,t,$),E(t,V,$),o(Y,t,$),E(t,K,$),o(_,t,$),E(t,W,$),o(J,t,$),E(t,Q,$),E(t,X,$),w(X,Z),E(t,tt,$),o(st,t,$),E(t,$t,$),o(at,t,$),E(t,ot,$),o(rt,t,$),E(t,ct,$),o(pt,t,$),E(t,lt,$),o(ft,t,$),E(t,mt,$),o(ut,t,$),E(t,gt,$),o(it,t,$),dt=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),T.$set(r);const p={};8&n&&(p.$$scope={dirty:n,ctx:t}),F.$set(p);const l={};8&n&&(l.$$scope={dirty:n,ctx:t}),M.$set(l);const f={};8&n&&(f.$$scope={dirty:n,ctx:t}),Y.$set(f);const m={};8&n&&(m.$$scope={dirty:n,ctx:t}),_.$set(m);const u={};8&n&&(u.$$scope={dirty:n,ctx:t}),J.$set(u);const g={};8&n&&(g.$$scope={dirty:n,ctx:t}),st.$set(g);const i={};8&n&&(i.$$scope={dirty:n,ctx:t}),at.$set(i);const d={};8&n&&(d.$$scope={dirty:n,ctx:t}),rt.$set(d);const h={};8&n&&(h.$$scope={dirty:n,ctx:t}),pt.$set(h);const x={};8&n&&(x.$$scope={dirty:n,ctx:t}),ft.$set(x);const k={};8&n&&(k.$$scope={dirty:n,ctx:t}),ut.$set(k);const y={};8&n&&(y.$$scope={dirty:n,ctx:t}),it.$set(y)},i(t){dt||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(b.$$.fragment,t),p(T.$$.fragment,t),p(F.$$.fragment,t),p(M.$$.fragment,t),p(Y.$$.fragment,t),p(_.$$.fragment,t),p(J.$$.fragment,t),p(st.$$.fragment,t),p(at.$$.fragment,t),p(rt.$$.fragment,t),p(pt.$$.fragment,t),p(ft.$$.fragment,t),p(ut.$$.fragment,t),p(it.$$.fragment,t),dt=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(b.$$.fragment,t),l(T.$$.fragment,t),l(F.$$.fragment,t),l(M.$$.fragment,t),l(Y.$$.fragment,t),l(_.$$.fragment,t),l(J.$$.fragment,t),l(st.$$.fragment,t),l(at.$$.fragment,t),l(rt.$$.fragment,t),l(pt.$$.fragment,t),l(ft.$$.fragment,t),l(ut.$$.fragment,t),l(it.$$.fragment,t),dt=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(b,t),t&&y(D),f(T,t),t&&y(R),f(F,t),t&&y(L),f(M,t),t&&y(V),f(Y,t),t&&y(K),f(_,t),t&&y(W),f(J,t),t&&y(Q),t&&y(X),t&&y(tt),f(st,t),t&&y($t),f(at,t),t&&y(ot),f(rt,t),t&&y(ct),f(pt,t),t&&y(lt),f(ft,t),t&&y(mt),f(ut,t),t&&y(gt),f(it,t)}}}function Ye(t){let e,n;const m=[t[2],Ke];let u={$$slots:{default:[Ve]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)u=s(u,m[t]);return e=new D({props:u}),{c(){$(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,s){o(e,t,s),n=!0},p(t,[n]){const s=4&n?r(m,[4&n&&c(t[2]),0&n&&c(Ke)]):{};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}const Ke={name:"CheckboxGroup",relatedComponents:[{name:"Checkbox",link:"./docs/components/checkbox"}]},{name:_e,relatedComponents:We}=Ke;function Je(t,e,n){return t.$$set=t=>{n(2,e=s(s({},e),m(t)))},[[{value:"couch_potato",label:"Sitting lazily on the couch",checked:!0,disabled:!0},{value:"cycling",label:"Cycling"},{value:"running",label:"Running"},{value:"swimming",label:"Olympic Swimming"}],[{value:"#000000"},{value:"#ff0000"},{value:"#00ff00"},{value:"#ffffff"}],e=m(e)]}class Qe extends t{constructor(t){super(),e(this,t,Je,Ye,n,{})}}export{Qe as default,Ke as metadata};
diff --git a/376/client/checkbox-group.ae6b5c93.js b/376/client/checkbox-group.ae6b5c93.js
new file mode 100644
index 000000000..f3624aaad
--- /dev/null
+++ b/376/client/checkbox-group.ae6b5c93.js
@@ -0,0 +1 @@
+import{S as e,i as l,s,H as a,f as t,t as c,y as n,p as o,z as r,d as i,I as u,K as d,L as h,h as m,k as f,b as p,e as b,X as $,Z as k,_ as x,Y as g,$ as v,j as C,l as y,m as L,U as j,a0 as N,a1 as R,q as T,a2 as w,u as S,w as q,v as A,x as E,A as I,g as M}from"./client.0d36a0cf.js";import{c as _}from"./classes.2453fa25.js";import{g as z}from"./color-picker-styles.7cf55314.js";import{p as D}from"./plural-s.31bb9da9.js";import{C as H}from"./checkbox.72a1ad14.js";function K(e,l,s){const a=e.slice();return a[14]=l[s],a[15]=l,a[16]=s,a}function P(e){let l,s,a,u=[],d=new Map,h=e[0];const g=e=>e[14].value;for(let l=0;l<h.length;l+=1){let s=K(e,h,l),a=g(s);d.set(a,u[l]=Z(a,s))}return{c(){l=m("div");for(let e=0;e<u.length;e+=1)u[e].c();this.h()},l(e){l=f(e,"DIV",{class:!0,role:!0});var s=p(l);for(let e=0;e<u.length;e+=1)u[e].l(s);s.forEach(i),this.h()},h(){b(l,"class",s=$(_(e[1]))+" svelte-6yyre0"),b(l,"role","group")},m(e,s){t(e,l,s);for(let e=0;e<u.length;e+=1)u[e]&&u[e].m(l,null);a=!0},p(e,t){2045&t&&(h=e[0],n(),u=k(u,t,g,1,e,h,d,l,x,Z,null,K),r()),(!a||2&t&&s!==(s=$(_(e[1]))+" svelte-6yyre0"))&&b(l,"class",s)},i(e){if(!a){for(let e=0;e<h.length;e+=1)c(u[e]);a=!0}},o(e){for(let e=0;e<u.length;e+=1)o(u[e]);a=!1},d(e){e&&i(l);for(let e=0;e<u.length;e+=1)u[e].d()}}}function U(e){let l;function s(e,l){return null!=e[3]?X:V}let c=s(e),n=c(e);return{c(){n.c(),l=a()},l(e){n.l(e),l=a()},m(e,s){n.m(e,s),t(e,l,s)},p(e,a){c===(c=s(e))&&n?n.p(e,a):(n.d(1),n=c(e),n&&(n.c(),n.m(l.parentNode,l)))},d(e){n.d(e),e&&i(l)}}}function V(e){let l,s=(e[14].label||e[14].value)+"";return{c(){l=A(s)},l(e){l=E(e,s)},m(e,s){t(e,l,s)},p(e,a){1&a&&s!==(s=(e[14].label||e[14].value)+"")&&I(l,s)},d(e){e&&i(l)}}}function X(e){let l,s,a,c=(e[14].label||e[14].value)+"";return{c(){l=m("span"),s=A(c),this.h()},l(e){l=f(e,"SPAN",{class:!0});var a=p(l);s=E(a,c),a.forEach(i),this.h()},h(){b(l,"class",a=_(e[3]))},m(e,a){t(e,l,a),M(l,s)},p(e,t){1&t&&c!==(c=(e[14].label||e[14].value)+"")&&I(s,c),8&t&&a!==(a=_(e[3]))&&b(l,"class",a)},d(e){e&&i(l)}}}function Y(e){let l,s=!e[4]&&U(e);return{c(){s&&s.c(),l=S()},l(e){s&&s.l(e),l=q(e)},m(e,a){s&&s.m(e,a),t(e,l,a)},p(e,a){e[4]?s&&(s.d(1),s=null):s?s.p(e,a):(s=U(e),s.c(),s.m(l.parentNode,l))},d(e){s&&s.d(e),e&&i(l)}}}function Z(e,l){let s,n,r,u;const h=[{name:l[5]},{slotLeft:l[6]},{selectorStyle:l[4]?z(l[14].value):null},{value:l[14].value},{disabled:l[14].disabled||!l[14].checked&&l[8]>=l[7]},{class:_(l[4]&&"colored",l[2])},{title:!l[14].disabled&&!l[14].checked&&l[8]>=l[7]?l[9]:null},l[10]];function m(e){l[12](e,l[14])}let f={$$slots:{default:[Y]},$$scope:{ctx:l}};for(let e=0;e<h.length;e+=1)f=d(f,h[e]);return void 0!==l[14].checked&&(f.checked=l[14].checked),n=new H({props:f}),g.push((()=>v(n,"checked",m))),n.$on("change",l[13]),{key:e,first:null,c(){s=a(),C(n.$$.fragment),this.h()},l(e){s=a(),y(n.$$.fragment,e),this.h()},h(){this.first=s},m(e,l){t(e,s,l),L(n,e,l),u=!0},p(e,s){l=e;const a=2037&s?j(h,[32&s&&{name:l[5]},64&s&&{slotLeft:l[6]},17&s&&{selectorStyle:l[4]?z(l[14].value):null},1&s&&{value:l[14].value},385&s&&{disabled:l[14].disabled||!l[14].checked&&l[8]>=l[7]},20&s&&{class:_(l[4]&&"colored",l[2])},897&s&&{title:!l[14].disabled&&!l[14].checked&&l[8]>=l[7]?l[9]:null},1024&s&&N(l[10])]):{};131097&s&&(a.$$scope={dirty:s,ctx:l}),!r&&1&s&&(r=!0,a.checked=l[14].checked,R((()=>r=!1))),n.$set(a)},i(e){u||(c(n.$$.fragment,e),u=!0)},o(e){o(n.$$.fragment,e),u=!1},d(e){e&&i(s),T(n,e)}}}function B(e){let l,s,u=null!=e[0]&&0!==e[0].length&&P(e);return{c(){u&&u.c(),l=a()},l(e){u&&u.l(e),l=a()},m(e,a){u&&u.m(e,a),t(e,l,a),s=!0},p(e,[s]){null!=e[0]&&0!==e[0].length?u?(u.p(e,s),1&s&&c(u,1)):(u=P(e),u.c(),c(u,1),u.m(l.parentNode,l)):u&&(n(),o(u,1,1,(()=>{u=null})),r())},i(e){s||(c(u),s=!0)},o(e){o(u),s=!1},d(e){u&&u.d(e),e&&i(l)}}}function F(e,l,s){let a,t;const c=["class","checkboxClass","labelClass","color","items","name","labelsLeft","max","maxReachedTooltip"];let n=u(l,c),{class:o=null}=l,{checkboxClass:r=null}=l,{labelClass:i=null}=l,{color:m=!1}=l,{items:f}=l,{name:p}=l,{labelsLeft:b=!1}=l,{max:$=1/0}=l,{maxReachedTooltip:k=null}=l;return f&&0!==f.length||console.error("Must have at least one item in the checkbox group"),m&&null!=i&&console.warn("labelClass has no effect: labels are not rendered for color checkbox groups"),e.$$set=e=>{l=d(d({},l),h(e)),s(10,n=u(l,c)),"class"in e&&s(1,o=e.class),"checkboxClass"in e&&s(2,r=e.checkboxClass),"labelClass"in e&&s(3,i=e.labelClass),"color"in e&&s(4,m=e.color),"items"in e&&s(0,f=e.items),"name"in e&&s(5,p=e.name),"labelsLeft"in e&&s(6,b=e.labelsLeft),"max"in e&&s(7,$=e.max),"maxReachedTooltip"in e&&s(11,k=e.maxReachedTooltip)},e.$$.update=()=>{2176&e.$$.dirty&&s(9,a=k||`Can only select ${$} value${D($)}.`),1&e.$$.dirty&&s(8,t=f.reduce(((e,l)=>e+Number(l.checked||0)),0))},[f,o,r,i,m,p,b,$,t,a,n,k,function(l,a){e.$$.not_equal(a.checked,l)&&(a.checked=l,s(0,f))},function(l){w.call(this,e,l)}]}var G=class extends e{constructor(e){super(),l(this,e,F,B,s,{class:1,checkboxClass:2,labelClass:3,color:4,items:0,name:5,labelsLeft:6,max:7,maxReachedTooltip:11})}};export{G as C};
diff --git a/376/client/checkbox.72a1ad14.js b/376/client/checkbox.72a1ad14.js
new file mode 100644
index 000000000..75866dfb5
--- /dev/null
+++ b/376/client/checkbox.72a1ad14.js
@@ -0,0 +1 @@
+import{S as s,i as l,s as e,K as t,h as c,u as a,k as n,b as o,w as u,d as i,N as r,O as d,e as h,X as p,f,g as v,o as y,t as k,y as b,p as m,z as x,U as C,W as $,I as L,J as g,L as q,M as S,Q as E,R as T,T as _}from"./client.0d36a0cf.js";import{c as I}from"./classes.2453fa25.js";function j(s){let l;const e=s[13].default,t=S(e,s,s[12],null);return{c(){t&&t.c()},l(s){t&&t.l(s)},m(s,e){t&&t.m(s,e),l=!0},p(s,c){t&&t.p&&(!l||4096&c)&&E(t,e,s,s[12],l?_(e,s[12],c,null):T(s[12]),null)},i(s){l||(k(t,s),l=!0)},o(s){m(t,s),l=!1},d(s){t&&t.d(s)}}}function N(s){let l;const e=s[13].default,t=S(e,s,s[12],null);return{c(){t&&t.c()},l(s){t&&t.l(s)},m(s,e){t&&t.m(s,e),l=!0},p(s,c){t&&t.p&&(!l||4096&c)&&E(t,e,s,s[12],l?_(e,s[12],c,null):T(s[12]),null)},i(s){l||(k(t,s),l=!0)},o(s){m(t,s),l=!1},d(s){t&&t.d(s)}}}function U(s){let l,e,L,g,q,S,E,T,_,U,w,z,A=s[7]&&j(s),B=[{__value:s[5]},{type:"checkbox"},{class:g=I(s[2])},{disabled:s[6]},s[11]],D={};for(let s=0;s<B.length;s+=1)D=t(D,B[s]);let J=!s[7]&&N(s);return{c(){l=c("label"),A&&A.c(),e=a(),L=c("input"),q=a(),S=c("div"),T=a(),J&&J.c(),this.h()},l(s){l=n(s,"LABEL",{class:!0,title:!0});var t=o(l);A&&A.l(t),e=u(t),L=n(t,"INPUT",{type:!0,class:!0}),q=u(t),S=n(t,"DIV",{class:!0,style:!0}),o(S).forEach(i),T=u(t),J&&J.l(t),t.forEach(i),this.h()},h(){r(L,D),d(L,"svelte-ly1qcx",!0),h(S,"class",E=p(I("selector",s[3]))+" svelte-ly1qcx"),h(S,"style",s[4]),h(l,"class",_=p(I("checkbox",s[1]))+" svelte-ly1qcx"),h(l,"title",s[9]),d(l,"round",s[8])},m(t,c){f(t,l,c),A&&A.m(l,null),v(l,e),v(l,L),L.autofocus&&L.focus(),L.checked=s[0],v(l,q),v(l,S),v(l,T),J&&J.m(l,null),U=!0,w||(z=[y(L,"change",s[14]),y(L,"change",s[15])],w=!0)},p(s,[t]){s[7]?A?(A.p(s,t),128&t&&k(A,1)):(A=j(s),A.c(),k(A,1),A.m(l,e)):A&&(b(),m(A,1,1,(()=>{A=null})),x()),r(L,D=C(B,[(!U||32&t)&&{__value:s[5]},{type:"checkbox"},(!U||4&t&&g!==(g=I(s[2])))&&{class:g},(!U||64&t)&&{disabled:s[6]},2048&t&&s[11]])),1&t&&(L.checked=s[0]),d(L,"svelte-ly1qcx",!0),(!U||8&t&&E!==(E=p(I("selector",s[3]))+" svelte-ly1qcx"))&&h(S,"class",E),(!U||16&t)&&h(S,"style",s[4]),s[7]?J&&(b(),m(J,1,1,(()=>{J=null})),x()):J?(J.p(s,t),128&t&&k(J,1)):(J=N(s),J.c(),k(J,1),J.m(l,null)),(!U||2&t&&_!==(_=p(I("checkbox",s[1]))+" svelte-ly1qcx"))&&h(l,"class",_),(!U||512&t)&&h(l,"title",s[9]),(!U||258&t)&&d(l,"round",s[8])},i(s){U||(k(A),k(J),U=!0)},o(s){m(A),m(J),U=!1},d(s){s&&i(l),A&&A.d(),J&&J.d(),w=!1,$(z)}}}function w(s,l,e){const c=["class","inputClass","selectorClass","selectorStyle","checked","value","disabled","slotLeft","round","title"];let a=L(l,c),{$$slots:n={},$$scope:o}=l,{class:u=null}=l,{inputClass:i=null}=l,{selectorClass:r=null}=l,{selectorStyle:d=null}=l,{checked:h=!1}=l,{value:p}=l,{disabled:f=!1}=l,{slotLeft:v=!1}=l,{round:y=!1}=l,{title:k=null}=l;const b=g();return s.$$set=s=>{l=t(t({},l),q(s)),e(11,a=L(l,c)),"class"in s&&e(1,u=s.class),"inputClass"in s&&e(2,i=s.inputClass),"selectorClass"in s&&e(3,r=s.selectorClass),"selectorStyle"in s&&e(4,d=s.selectorStyle),"checked"in s&&e(0,h=s.checked),"value"in s&&e(5,p=s.value),"disabled"in s&&e(6,f=s.disabled),"slotLeft"in s&&e(7,v=s.slotLeft),"round"in s&&e(8,y=s.round),"title"in s&&e(9,k=s.title),"$$scope"in s&&e(12,o=s.$$scope)},[h,u,i,r,d,p,f,v,y,k,b,a,o,n,function(){h=this.checked,e(0,h)},s=>b("change",{value:s.currentTarget.value,checked:s.currentTarget.checked,nativeEvent:s})]}var z=class extends s{constructor(s){super(),l(this,s,w,U,e,{class:1,inputClass:2,selectorClass:3,selectorStyle:4,checked:0,value:5,disabled:6,slotLeft:7,round:8,title:9})}};export{z as C};
diff --git a/376/client/checkbox.a3d1bd39.js b/376/client/checkbox.a3d1bd39.js
new file mode 100644
index 000000000..6337cb54c
--- /dev/null
+++ b/376/client/checkbox.a3d1bd39.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as s,l as r,m as o,U as a,a0 as c,t as f,p as l,q as p,L as m,u as g,w as u,f as d,d as i,v as h,x,h as y,k as E,b as w,e as k,g as v,n as b}from"./client.0d36a0cf.js";import{L as D,H as C,P as O}from"./layout.b2760304.js";import{C as T}from"./checkbox.72a1ad14.js";import{S}from"./showcase.8eb3893d.js";import{C as N}from"./color-preview.278d2729.js";import{R as A}from"./related-components.2f822d5e.js";import{H as j}from"./h2.122c8b9f.js";import{H as R}from"./h3.1e03849b.js";import{T as G,a as P,b as F,c as H}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./button.743a388a.js";import"./card.72b37821.js";function B(t){let e;return{c(){e=h("Checkbox")},l(t){e=x(t,"Checkbox")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function L(t){let e;return{c(){e=h("An individual checkbox.")},l(t){e=x(t,"An individual checkbox.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function M(t){let e,$;return{c(){e=y("span"),$=h("Subscribe to newsletter?"),this.h()},l(t){e=E(t,"SPAN",{class:!0});var n=w(e);$=x(n,"Subscribe to newsletter?"),n.forEach(i),this.h()},h(){k(e,"class","ml")},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function U(t){let e,$;return{c(){e=y("span"),$=h("Can't uncheck me!"),this.h()},l(t){e=E(t,"SPAN",{class:!0});var n=w(e);$=x(n,"Can't uncheck me!"),n.forEach(i),this.h()},h(){k(e,"class","ml")},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function V(t){let e,$,n,a,c;return $=new T({props:{name:"subscribe",value:"newsletter",title:"Select to subscribe!",$$slots:{default:[M]},$$scope:{ctx:t}}}),a=new T({props:{checked:!0,disabled:!0,round:!0,$$slots:{default:[U]},$$scope:{ctx:t}}}),{c(){e=y("div"),s($.$$.fragment),n=g(),s(a.$$.fragment),this.h()},l(t){e=E(t,"DIV",{slot:!0,class:!0});var s=w(e);r($.$$.fragment,s),n=u(s),r(a.$$.fragment,s),s.forEach(i),this.h()},h(){k(e,"slot","showcase"),k(e,"class","padded")},m(t,s){d(t,e,s),o($,e,null),v(e,n),o(a,e,null),c=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),a.$set(s)},i(t){c||(f($.$$.fragment,t),f(a.$$.fragment,t),c=!0)},o(t){l($.$$.fragment,t),l(a.$$.fragment,t),c=!1},d(t){t&&i(e),p($),p(a)}}}function Y(t){let e,$;return{c(){e=y("div"),$=y("pre"),this.h()},l(t){e=E(t,"DIV",{slot:!0});var n=w(e);$=E(n,"PRE",{class:!0}),w($).forEach(i),n.forEach(i),this.h()},h(){k($,"class","language-svelte"),k(e,"slot","source")},m(t,n){d(t,e,n),v(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Checkbox</span>\n  <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>subscribe<span class="token punctuation">"</span></span>\n  <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>newsletter<span class="token punctuation">"</span></span>\n  <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Select to subscribe!<span class="token punctuation">"</span></span>\n<span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Subscribe to newsletter?<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Checkbox</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Checkbox</span> <span class="token attr-name">checked</span> <span class="token attr-name">disabled</span> <span class="token attr-name">round</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Can\'t uncheck me!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Checkbox</span><span class="token punctuation">></span></span></code>'},p:b,d(t){t&&i(e)}}}function z(t){let e;return{c(){e=h("Properties")},l(t){e=x(t,"Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function W(t){let e;return{c(){e=h("Style Properties")},l(t){e=x(t,"Style Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function I(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function K(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function q(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function _(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function J(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function Q(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("slotLeft")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"slotLeft"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function X(t){let e,$;return{c(){e=y("code"),$=h("false")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"false"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function Z(t){let e,$;return{c(){e=y("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"boolean"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function tt(t){let e;return{c(){e=h("Places the default slot (label) to the left of the checkbox.")},l(t){e=x(t,"Places the default slot (label) to the left of the checkbox.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function et(t){let e,$,n,a,c,m,h,x;return e=new H({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function $t(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("round")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"round"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function nt(t){let e,$;return{c(){e=y("code"),$=h("false")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"false"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function st(t){let e,$;return{c(){e=y("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"boolean"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function rt(t){let e;return{c(){e=h("Makes the checkbox round (and slightly larger).")},l(t){e=x(t,"Makes the checkbox round (and slightly larger).")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function ot(t){let e,$,n,a,c,m,h,x;return e=new H({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function at(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("selectorStyle")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"selectorStyle"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function ct(t){let e,$;return{c(){e=y("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"null"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function ft(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"string"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function lt(t){let e,$,n,s,r,o;return{c(){e=h("A CSS style string to assign to the selector box element. "),$=y("br"),n=h(" Can be used to make the checkbox represent a color (in conjunction with the "),s=y("code"),r=h("getColorPickerStyles"),o=h(" utility).")},l(t){e=x(t,"A CSS style string to assign to the selector box element. "),$=E(t,"BR",{}),n=x(t," Can be used to make the checkbox represent a color (in conjunction with the "),s=E(t,"CODE",{});var a=w(s);r=x(a,"getColorPickerStyles"),a.forEach(i),o=x(t," utility).")},m(t,a){d(t,e,a),d(t,$,a),d(t,n,a),d(t,s,a),v(s,r),d(t,o,a)},p:b,d(t){t&&i(e),t&&i($),t&&i(n),t&&i(s),t&&i(o)}}}function pt(t){let e,$,n,a,c,m,h,x;return e=new H({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function mt(t){let e,$,n,a,c,m,h,x,k,b;return $=new P({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),k=new P({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),a=y("tbody"),s(c.$$.fragment),m=g(),s(h.$$.fragment),x=g(),s(k.$$.fragment)},l(t){e=E(t,"THEAD",{});var s=w(e);r($.$$.fragment,s),s.forEach(i),n=u(t),a=E(t,"TBODY",{});var o=w(a);r(c.$$.fragment,o),m=u(o),r(h.$$.fragment,o),x=u(o),r(k.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,a,s),o(c,a,null),v(a,m),o(h,a,null),v(a,x),o(k,a,null),b=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),h.$set(r);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),k.$set(o)},i(t){b||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(k.$$.fragment,t),b=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(k.$$.fragment,t),b=!1},d(t){t&&i(e),p($),t&&i(n),t&&i(a),p(c),p(h),p(k)}}}function gt(t){let e;return{c(){e=h("Functional Properties")},l(t){e=x(t,"Functional Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function ut(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function dt(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function it(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function ht(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function xt(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function yt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("value")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"value"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function Et(t){let e,$;return{c(){e=y("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"null"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function wt(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"string"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function kt(t){let e,$,n,s;return{c(){e=h("The value assigned to the checkbox input. Check "),$=y("a"),n=h("MDN Docs"),s=h(" for more information."),this.h()},l(t){e=x(t,"The value assigned to the checkbox input. Check "),$=E(t,"A",{href:!0,rel:!0});var r=w($);n=x(r,"MDN Docs"),r.forEach(i),s=x(t," for more information."),this.h()},h(){k($,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Value"),k($,"rel","nofollow")},m(t,r){d(t,e,r),d(t,$,r),v($,n),d(t,s,r)},p:b,d(t){t&&i(e),t&&i($),t&&i(s)}}}function vt(t){let e,$,n,a,c,m,h,x;return e=new H({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function bt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("checked")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"checked"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function Dt(t){let e,$;return{c(){e=y("code"),$=h("false")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"false"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function Ct(t){let e,$;return{c(){e=y("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"boolean"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function Ot(t){let e;return{c(){e=h("Whether the checkbox is checked or not.")},l(t){e=x(t,"Whether the checkbox is checked or not.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Tt(t){let e,$,n,a,c,m,h,x;return e=new H({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function St(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("disabled")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"disabled"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function Nt(t){let e,$;return{c(){e=y("code"),$=h("false")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"false"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function At(t){let e,$;return{c(){e=y("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"boolean"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function jt(t){let e,$,n,s;return{c(){e=h("Disables the checkbox, freezing its current "),$=y("code"),n=h("checked"),s=h(" state.")},l(t){e=x(t,"Disables the checkbox, freezing its current "),$=E(t,"CODE",{});var r=w($);n=x(r,"checked"),r.forEach(i),s=x(t," state.")},m(t,r){d(t,e,r),d(t,$,r),v($,n),d(t,s,r)},p:b,d(t){t&&i(e),t&&i($),t&&i(s)}}}function Rt(t){let e,$,n,a,c,m,h,x;return e=new H({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function Gt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("title")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"title"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function Pt(t){let e,$;return{c(){e=y("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"null"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function Ft(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"string"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function Ht(t){let e;return{c(){e=h("Adds a tooltip to the checkbox.")},l(t){e=x(t,"Adds a tooltip to the checkbox.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Bt(t){let e,$,n,a,c,m,h,x;return e=new H({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function Lt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("...")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"..."),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function Mt(t){let e,$;return{c(){e=y("code"),$=h("any")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"any"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function Ut(t){let e,$,n,s;return{c(){e=h("Everything else will be passed to the underlying "),$=y("code"),n=h('<input type="checkbox">'),s=h(" element.")},l(t){e=x(t,"Everything else will be passed to the underlying "),$=E(t,"CODE",{});var r=w($);n=x(r,'<input type="checkbox">'),r.forEach(i),s=x(t," element.")},m(t,r){d(t,e,r),d(t,$,r),v($,n),d(t,s,r)},p:b,d(t){t&&i(e),t&&i($),t&&i(s)}}}function Vt(t){let e,$,n,a,c,m,h,x;return e=new H({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),n=new H({}),c=new H({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),h.$set(r)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function Yt(t){let e,$,n,a,c,m,h,x,k,b,D,C,O,T;return $=new P({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),k=new P({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),D=new P({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),O=new P({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),a=y("tbody"),s(c.$$.fragment),m=g(),s(h.$$.fragment),x=g(),s(k.$$.fragment),b=g(),s(D.$$.fragment),C=g(),s(O.$$.fragment)},l(t){e=E(t,"THEAD",{});var s=w(e);r($.$$.fragment,s),s.forEach(i),n=u(t),a=E(t,"TBODY",{});var o=w(a);r(c.$$.fragment,o),m=u(o),r(h.$$.fragment,o),x=u(o),r(k.$$.fragment,o),b=u(o),r(D.$$.fragment,o),C=u(o),r(O.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,a,s),o(c,a,null),v(a,m),o(h,a,null),v(a,x),o(k,a,null),v(a,b),o(D,a,null),v(a,C),o(O,a,null),T=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),h.$set(r);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),k.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),D.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),O.$set(f)},i(t){T||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(k.$$.fragment,t),f(D.$$.fragment,t),f(O.$$.fragment,t),T=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(k.$$.fragment,t),l(D.$$.fragment,t),l(O.$$.fragment,t),T=!1},d(t){t&&i(e),p($),t&&i(n),t&&i(a),p(c),p(h),p(k),p(D),p(O)}}}function zt(t){let e;return{c(){e=h("Class Properties")},l(t){e=x(t,"Class Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Wt(t){let e,$,n,s,r,o,a,c,f,l,p,m,g;return{c(){e=h("All "),$=y("code"),n=h("<Checkbox>"),s=h(" components use the "),r=y("code"),o=h(".checkbox"),a=h(" class on the "),c=y("code"),f=h("<label>"),l=h(" and "),p=y("code"),m=h(".selector"),g=h(" on the selector box.")},l(t){e=x(t,"All "),$=E(t,"CODE",{});var u=w($);n=x(u,"<Checkbox>"),u.forEach(i),s=x(t," components use the "),r=E(t,"CODE",{});var d=w(r);o=x(d,".checkbox"),d.forEach(i),a=x(t," class on the "),c=E(t,"CODE",{});var h=w(c);f=x(h,"<label>"),h.forEach(i),l=x(t," and "),p=E(t,"CODE",{});var y=w(p);m=x(y,".selector"),y.forEach(i),g=x(t," on the selector box.")},m(t,u){d(t,e,u),d(t,$,u),v($,n),d(t,s,u),d(t,r,u),v(r,o),d(t,a,u),d(t,c,u),v(c,f),d(t,l,u),d(t,p,u),v(p,m),d(t,g,u)},p:b,d(t){t&&i(e),t&&i($),t&&i(s),t&&i(r),t&&i(a),t&&i(c),t&&i(l),t&&i(p),t&&i(g)}}}function It(t){let e;return{c(){e=h("Falsy values passed to classes will be disregarded.")},l(t){e=x(t,"Falsy values passed to classes will be disregarded.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Kt(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function qt(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function _t(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Jt(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Qt(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function Xt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("class")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"class"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function Zt(t){let e,$;return{c(){e=y("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"null"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function te(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"string"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function ee(t){let e,$,n,s;return{c(){e=h("A class string to add to the root "),$=y("code"),n=h("<label>"),s=h(" element.")},l(t){e=x(t,"A class string to add to the root "),$=E(t,"CODE",{});var r=w($);n=x(r,"<label>"),r.forEach(i),s=x(t," element.")},m(t,r){d(t,e,r),d(t,$,r),v($,n),d(t,s,r)},p:b,d(t){t&&i(e),t&&i($),t&&i(s)}}}function $e(t){let e,$,n,a,c,m,h,x;return e=new H({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function ne(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("inputClass")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"inputClass"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function se(t){let e,$;return{c(){e=y("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"null"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function re(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"string"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function oe(t){let e,$,n,s;return{c(){e=h("A class string to assign to the "),$=y("code"),n=h("<input>"),s=h(" element.")},l(t){e=x(t,"A class string to assign to the "),$=E(t,"CODE",{});var r=w($);n=x(r,"<input>"),r.forEach(i),s=x(t," element.")},m(t,r){d(t,e,r),d(t,$,r),v($,n),d(t,s,r)},p:b,d(t){t&&i(e),t&&i($),t&&i(s)}}}function ae(t){let e,$,n,a,c,m,h,x;return e=new H({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function ce(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("selectorClass")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"selectorClass"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function fe(t){let e,$;return{c(){e=y("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"null"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function le(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"string"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function pe(t){let e;return{c(){e=h("A class string to add to the selector box element.")},l(t){e=x(t,"A class string to add to the selector box element.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function me(t){let e,$,n,a,c,m,h,x;return e=new H({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function ge(t){let e,$,n,a,c,m,h,x,k,b;return $=new P({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),k=new P({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),a=y("tbody"),s(c.$$.fragment),m=g(),s(h.$$.fragment),x=g(),s(k.$$.fragment)},l(t){e=E(t,"THEAD",{});var s=w(e);r($.$$.fragment,s),s.forEach(i),n=u(t),a=E(t,"TBODY",{});var o=w(a);r(c.$$.fragment,o),m=u(o),r(h.$$.fragment,o),x=u(o),r(k.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,a,s),o(c,a,null),v(a,m),o(h,a,null),v(a,x),o(k,a,null),b=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),h.$set(r);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),k.$set(o)},i(t){b||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(k.$$.fragment,t),b=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(k.$$.fragment,t),b=!1},d(t){t&&i(e),p($),t&&i(n),t&&i(a),p(c),p(h),p(k)}}}function ue(t){let e;return{c(){e=h("Events")},l(t){e=x(t,"Events")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function de(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function ie(t){let e;return{c(){e=h("Event Detail")},l(t){e=x(t,"Event Detail")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function he(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function xe(t){let e,$,n,a,c,m;return e=new F({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t)}}}function ye(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("change")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"change"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function Ee(t){let e,$;return{c(){e=y("code"),$=h("{ value, checked, nativeEvent }")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"{ value, checked, nativeEvent }"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function we(t){let e,$,n,s,r,o,a,c,f,l,p,m,g,u,D,C;return{c(){e=h("Fired when the selection changes. The "),$=y("code"),n=h("value"),s=h(" contains the element's "),r=y("code"),o=h("value"),a=h(" passed as a property (not altered, so if you pass an object, you get an object here), "),c=y("code"),f=h("checked"),l=h(" represents the input's state, and "),p=y("code"),m=h("nativeEvent"),g=h(" has the "),u=y("a"),D=h("native change event"),C=h("."),this.h()},l(t){e=x(t,"Fired when the selection changes. The "),$=E(t,"CODE",{});var d=w($);n=x(d,"value"),d.forEach(i),s=x(t," contains the element's "),r=E(t,"CODE",{});var h=w(r);o=x(h,"value"),h.forEach(i),a=x(t," passed as a property (not altered, so if you pass an object, you get an object here), "),c=E(t,"CODE",{});var y=w(c);f=x(y,"checked"),y.forEach(i),l=x(t," represents the input's state, and "),p=E(t,"CODE",{});var k=w(p);m=x(k,"nativeEvent"),k.forEach(i),g=x(t," has the "),u=E(t,"A",{href:!0,rel:!0});var v=w(u);D=x(v,"native change event"),v.forEach(i),C=x(t,"."),this.h()},h(){k(u,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),k(u,"rel","nofollow")},m(t,i){d(t,e,i),d(t,$,i),v($,n),d(t,s,i),d(t,r,i),v(r,o),d(t,a,i),d(t,c,i),v(c,f),d(t,l,i),d(t,p,i),v(p,m),d(t,g,i),d(t,u,i),v(u,D),d(t,C,i)},p:b,d(t){t&&i(e),t&&i($),t&&i(s),t&&i(r),t&&i(a),t&&i(c),t&&i(l),t&&i(p),t&&i(g),t&&i(u),t&&i(C)}}}function ke(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t)}}}function ve(t){let e,$,n,a,c,m;return $=new P({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),a=y("tbody"),s(c.$$.fragment)},l(t){e=E(t,"THEAD",{});var s=w(e);r($.$$.fragment,s),s.forEach(i),n=u(t),a=E(t,"TBODY",{});var o=w(a);r(c.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,a,s),o(c,a,null),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&i(e),p($),t&&i(n),t&&i(a),p(c)}}}function be(t){let e;return{c(){e=h("Slots")},l(t){e=x(t,"Slots")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function De(t){let e;return{c(){e=h("Default slot")},l(t){e=x(t,"Default slot")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Ce(t){let e,$,n,s,r;return{c(){e=h("The label for the checkbox. By default, the slot is positioned to the right of the checkbox, but its placement can be adjusted with the "),$=y("mark"),n=y("code"),s=h("slotLeft"),r=h(" property.")},l(t){e=x(t,"The label for the checkbox. By default, the slot is positioned to the right of the checkbox, but its placement can be adjusted with the "),$=E(t,"MARK",{});var o=w($);n=E(o,"CODE",{});var a=w(n);s=x(a,"slotLeft"),a.forEach(i),o.forEach(i),r=x(t," property.")},m(t,o){d(t,e,o),d(t,$,o),v($,n),v(n,s),d(t,r,o)},p:b,d(t){t&&i(e),t&&i($),t&&i(r)}}}function Oe(t){let e;return{c(){e=h("SCSS Variables")},l(t){e=x(t,"SCSS Variables")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Te(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Se(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Ne(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Ae(t){let e,$,n,a,c,m;return e=new F({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t)}}}function je(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("$main")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"$main"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function Re(t){let e;return{c(){e=h("The fill color of the checked checkbox.")},l(t){e=x(t,"The fill color of the checked checkbox.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Ge(t){let e,$;return e=new N({props:{value:"#4300B0"}}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Pe(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t)}}}function Fe(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("$font")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"$font"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function He(t){let e;return{c(){e=h("The font of the checkbox's label.")},l(t){e=x(t,"The font of the checkbox's label.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Be(t){let e,$;return{c(){e=y("code"),$=h("'Ubuntu'")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"'Ubuntu'"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function Le(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t)}}}function Me(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("$disabled")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"$disabled"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function Ue(t){let e;return{c(){e=h("The fill color of the disabled checkbox.")},l(t){e=x(t,"The fill color of the disabled checkbox.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Ve(t){let e,$;return e=new N({props:{value:"#888888"}}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Ye(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t)}}}function ze(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("$dark")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"$dark"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function We(t){let e;return{c(){e=h("The background color of the checkbox hover signifier.")},l(t){e=x(t,"The background color of the checkbox hover signifier.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Ie(t){let e,$;return e=new N({props:{value:"#333333"}}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Ke(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t)}}}function qe(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("$light-contrast")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"$light-contrast"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function _e(t){let e;return{c(){e=h("The border color of an unchecked checkbox, or the fill color of a checked disabled one.")},l(t){e=x(t,"The border color of an unchecked checkbox, or the fill color of a checked disabled one.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Je(t){let e,$;return e=new N({props:{value:"#DDDDDD"}}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Qe(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t)}}}function Xe(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("$main-text")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"$main-text"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function Ze(t){let e;return{c(){e=h("The color of the checkmark.")},l(t){e=x(t,"The color of the checkmark.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function t$(t){let e,$;return e=new N({props:{value:"#FFFFFF",bordered:!0}}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function e$(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ze]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t)}}}function $$(t){let e,$,n,a,c,m,h,x,k,b,D,C,O,T,S,N;return $=new P({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),k=new P({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),D=new P({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),O=new P({props:{$$slots:{default:[Qe]},$$scope:{ctx:t}}}),S=new P({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),a=y("tbody"),s(c.$$.fragment),m=g(),s(h.$$.fragment),x=g(),s(k.$$.fragment),b=g(),s(D.$$.fragment),C=g(),s(O.$$.fragment),T=g(),s(S.$$.fragment)},l(t){e=E(t,"THEAD",{});var s=w(e);r($.$$.fragment,s),s.forEach(i),n=u(t),a=E(t,"TBODY",{});var o=w(a);r(c.$$.fragment,o),m=u(o),r(h.$$.fragment,o),x=u(o),r(k.$$.fragment,o),b=u(o),r(D.$$.fragment,o),C=u(o),r(O.$$.fragment,o),T=u(o),r(S.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,a,s),o(c,a,null),v(a,m),o(h,a,null),v(a,x),o(k,a,null),v(a,b),o(D,a,null),v(a,C),o(O,a,null),v(a,T),o(S,a,null),N=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),h.$set(r);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),k.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),D.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),O.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l)},i(t){N||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(k.$$.fragment,t),f(D.$$.fragment,t),f(O.$$.fragment,t),f(S.$$.fragment,t),N=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(k.$$.fragment,t),l(D.$$.fragment,t),l(O.$$.fragment,t),l(S.$$.fragment,t),N=!1},d(t){t&&i(e),p($),t&&i(n),t&&i(a),p(c),p(h),p(k),p(D),p(O),p(S)}}}function n$(t){let e,$,n,a,c,m,h,x,y,E,w,k,v,b,D,T,N,P,F,H,M,U,I,K,q,_,J,Q,X,Z,tt,et,$t,nt,st,rt,ot,at,ct,ft;return e=new C({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),n=new O({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),c=new A({props:{components:a$}}),h=new S({props:{$$slots:{source:[Y],showcase:[V]},$$scope:{ctx:t}}}),y=new j({props:{id:"properties",$$slots:{default:[z]},$$scope:{ctx:t}}}),w=new R({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),v=new G({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),D=new R({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),N=new G({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),F=new R({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),M=new O({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),I=new O({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),q=new G({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),J=new j({props:{id:"events",$$slots:{default:[ue]},$$scope:{ctx:t}}}),X=new G({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),tt=new j({props:{id:"slots",$$slots:{default:[be]},$$scope:{ctx:t}}}),$t=new R({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),st=new O({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),ot=new j({props:{id:"scss-variables",$$slots:{default:[Oe]},$$scope:{ctx:t}}}),ct=new G({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment),x=g(),s(y.$$.fragment),E=g(),s(w.$$.fragment),k=g(),s(v.$$.fragment),b=g(),s(D.$$.fragment),T=g(),s(N.$$.fragment),P=g(),s(F.$$.fragment),H=g(),s(M.$$.fragment),U=g(),s(I.$$.fragment),K=g(),s(q.$$.fragment),_=g(),s(J.$$.fragment),Q=g(),s(X.$$.fragment),Z=g(),s(tt.$$.fragment),et=g(),s($t.$$.fragment),nt=g(),s(st.$$.fragment),rt=g(),s(ot.$$.fragment),at=g(),s(ct.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t),x=u(t),r(y.$$.fragment,t),E=u(t),r(w.$$.fragment,t),k=u(t),r(v.$$.fragment,t),b=u(t),r(D.$$.fragment,t),T=u(t),r(N.$$.fragment,t),P=u(t),r(F.$$.fragment,t),H=u(t),r(M.$$.fragment,t),U=u(t),r(I.$$.fragment,t),K=u(t),r(q.$$.fragment,t),_=u(t),r(J.$$.fragment,t),Q=u(t),r(X.$$.fragment,t),Z=u(t),r(tt.$$.fragment,t),et=u(t),r($t.$$.fragment,t),nt=u(t),r(st.$$.fragment,t),rt=u(t),r(ot.$$.fragment,t),at=u(t),r(ct.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),d(t,x,s),o(y,t,s),d(t,E,s),o(w,t,s),d(t,k,s),o(v,t,s),d(t,b,s),o(D,t,s),d(t,T,s),o(N,t,s),d(t,P,s),o(F,t,s),d(t,H,s),o(M,t,s),d(t,U,s),o(I,t,s),d(t,K,s),o(q,t,s),d(t,_,s),o(J,t,s),d(t,Q,s),o(X,t,s),d(t,Z,s),o(tt,t,s),d(t,et,s),o($t,t,s),d(t,nt,s),o(st,t,s),d(t,rt,s),o(ot,t,s),d(t,at,s),o(ct,t,s),ft=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),h.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),y.$set(a);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),w.$set(c);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),v.$set(f);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),D.$set(l);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),N.$set(p);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),F.$set(m);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),M.$set(g);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),I.$set(u);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),q.$set(d);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),J.$set(i);const x={};2&$&&(x.$$scope={dirty:$,ctx:t}),X.$set(x);const E={};2&$&&(E.$$scope={dirty:$,ctx:t}),tt.$set(E);const k={};2&$&&(k.$$scope={dirty:$,ctx:t}),$t.$set(k);const b={};2&$&&(b.$$scope={dirty:$,ctx:t}),st.$set(b);const C={};2&$&&(C.$$scope={dirty:$,ctx:t}),ot.$set(C);const O={};2&$&&(O.$$scope={dirty:$,ctx:t}),ct.$set(O)},i(t){ft||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(y.$$.fragment,t),f(w.$$.fragment,t),f(v.$$.fragment,t),f(D.$$.fragment,t),f(N.$$.fragment,t),f(F.$$.fragment,t),f(M.$$.fragment,t),f(I.$$.fragment,t),f(q.$$.fragment,t),f(J.$$.fragment,t),f(X.$$.fragment,t),f(tt.$$.fragment,t),f($t.$$.fragment,t),f(st.$$.fragment,t),f(ot.$$.fragment,t),f(ct.$$.fragment,t),ft=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(y.$$.fragment,t),l(w.$$.fragment,t),l(v.$$.fragment,t),l(D.$$.fragment,t),l(N.$$.fragment,t),l(F.$$.fragment,t),l(M.$$.fragment,t),l(I.$$.fragment,t),l(q.$$.fragment,t),l(J.$$.fragment,t),l(X.$$.fragment,t),l(tt.$$.fragment,t),l($t.$$.fragment,t),l(st.$$.fragment,t),l(ot.$$.fragment,t),l(ct.$$.fragment,t),ft=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t),t&&i(x),p(y,t),t&&i(E),p(w,t),t&&i(k),p(v,t),t&&i(b),p(D,t),t&&i(T),p(N,t),t&&i(P),p(F,t),t&&i(H),p(M,t),t&&i(U),p(I,t),t&&i(K),p(q,t),t&&i(_),p(J,t),t&&i(Q),p(X,t),t&&i(Z),p(tt,t),t&&i(et),p($t,t),t&&i(nt),p(st,t),t&&i(rt),p(ot,t),t&&i(at),p(ct,t)}}}function s$(t){let e,$;const m=[t[0],r$];let g={$$slots:{default:[n$]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)g=n(g,m[t]);return e=new D({props:g}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p(t,[$]){const n=1&$?a(m,[1&$&&c(t[0]),0&$&&c(r$)]):{};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}const r$={name:"Checkbox",relatedComponents:[{name:"CheckboxGroup",link:"./docs/components/checkbox-group"}]},{name:o$,relatedComponents:a$}=r$;function c$(t,e,$){return t.$$set=t=>{$(0,e=n(n({},e),m(t)))},[e=m(e)]}class f$ extends t{constructor(t){super(),e(this,t,c$,s$,$,{})}}export{f$ as default,r$ as metadata};
diff --git a/376/client/chip-a57ac15c.css b/376/client/chip-a57ac15c.css
new file mode 100644
index 000000000..05c8974dc
--- /dev/null
+++ b/376/client/chip-a57ac15c.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-er5vl1{align-items:flex-start;display:flex}[slot=showcase].svelte-er5vl1 .chip{margin-right:0.5em}
diff --git a/376/client/chip-f8706e31.css b/376/client/chip-f8706e31.css
new file mode 100644
index 000000000..a72cdd98b
--- /dev/null
+++ b/376/client/chip-f8706e31.css
@@ -0,0 +1 @@
+.chip.svelte-oww5en{background:rgba(0, 0, 0, 0.08);border-radius:1.5625em;color:#656565;font-family:"Ubuntu", sans-serif;font-weight:500;padding:0.6em 0.9em}.chip.small.svelte-oww5en{font-size:0.9rem;min-width:0.9em;padding:0.4em 0.6em;text-align:center}.chip.outline.svelte-oww5en{background:transparent;border:1px solid #4300b0}.chip.no-padding.svelte-oww5en{padding:0}
diff --git a/376/client/chip.863185cf.js b/376/client/chip.863185cf.js
new file mode 100644
index 000000000..1851532d8
--- /dev/null
+++ b/376/client/chip.863185cf.js
@@ -0,0 +1 @@
+import{S as s,i as a,s as l,M as n,h as i,k as o,b as t,d as e,e as c,X as d,O as u,f as r,Q as p,R as m,T as h,t as $,p as f}from"./client.0d36a0cf.js";import{c as g}from"./classes.2453fa25.js";function v(s){let a,l,v;const w=s[5].default,P=n(w,s,s[4],null);return{c(){a=i("div"),P&&P.c(),this.h()},l(s){a=o(s,"DIV",{class:!0});var l=t(a);P&&P.l(l),l.forEach(e),this.h()},h(){c(a,"class",l=d(g("chip",s[0]))+" svelte-oww5en"),u(a,"small",s[1]),u(a,"outline",s[2]),u(a,"no-padding",s[3])},m(s,l){r(s,a,l),P&&P.m(a,null),v=!0},p(s,[n]){P&&P.p&&(!v||16&n)&&p(P,w,s,s[4],v?h(w,s[4],n,null):m(s[4]),null),(!v||1&n&&l!==(l=d(g("chip",s[0]))+" svelte-oww5en"))&&c(a,"class",l),(!v||3&n)&&u(a,"small",s[1]),(!v||5&n)&&u(a,"outline",s[2]),(!v||9&n)&&u(a,"no-padding",s[3])},i(s){v||($(P,s),v=!0)},o(s){f(P,s),v=!1},d(s){s&&e(a),P&&P.d(s)}}}function w(s,a,l){let{$$slots:n={},$$scope:i}=a,{class:o=null}=a,{small:t=!1}=a,{outline:e=!1}=a,{noPadding:c=!1}=a;return s.$$set=s=>{"class"in s&&l(0,o=s.class),"small"in s&&l(1,t=s.small),"outline"in s&&l(2,e=s.outline),"noPadding"in s&&l(3,c=s.noPadding),"$$scope"in s&&l(4,i=s.$$scope)},[o,t,e,c,i,n]}var P=class extends s{constructor(s){super(),a(this,s,w,v,l,{class:0,small:1,outline:2,noPadding:3})}};export{P as C};
diff --git a/376/client/chip.88f40a4b.js b/376/client/chip.88f40a4b.js
new file mode 100644
index 000000000..efd4892b0
--- /dev/null
+++ b/376/client/chip.88f40a4b.js
@@ -0,0 +1 @@
+import{S as t,i as $,s as e,K as n,j as r,l as s,m as o,U as a,a0 as c,t as f,p,q as l,L as m,u as g,w as i,f as d,d as u,v as h,x,h as y,k as w,b as E,e as v,g as C,n as b}from"./client.0d36a0cf.js";import{L as D,H as k,P as O}from"./layout.b2760304.js";import{C as T}from"./chip.863185cf.js";import{S}from"./showcase.8eb3893d.js";import{C as R}from"./color-preview.278d2729.js";import{R as G}from"./related-components.2f822d5e.js";import{H as N}from"./h2.122c8b9f.js";import{H as j}from"./h3.1e03849b.js";import{T as A,a as P,b as H,c as M}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./button.743a388a.js";import"./card.72b37821.js";function U(t){let $;return{c(){$=h("Chip")},l(t){$=x(t,"Chip")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function B(t){let $;return{c(){$=h("Tiny piece of additional information.")},l(t){$=x(t,"Tiny piece of additional information.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function F(t){let $,e,n,r,s,o,a,c,f,p,l;return{c(){$=h("For radio/checkbox selecting capabilities, take a look at "),e=y("a"),n=y("mark"),r=y("code"),s=h("RadioChipGroup"),o=h(" and "),a=y("a"),c=y("mark"),f=y("code"),p=h("CheckboxChipGroup"),l=h(" components."),this.h()},l(t){$=x(t,"For radio/checkbox selecting capabilities, take a look at "),e=w(t,"A",{href:!0});var m=E(e);n=w(m,"MARK",{});var g=E(n);r=w(g,"CODE",{});var i=E(r);s=x(i,"RadioChipGroup"),i.forEach(u),g.forEach(u),m.forEach(u),o=x(t," and "),a=w(t,"A",{href:!0});var d=E(a);c=w(d,"MARK",{});var h=E(c);f=w(h,"CODE",{});var y=E(f);p=x(y,"CheckboxChipGroup"),y.forEach(u),h.forEach(u),d.forEach(u),l=x(t," components."),this.h()},h(){v(e,"href","./docs/components/radio-chip-group"),v(a,"href","./docs/components/checkbox-chip-group")},m(t,m){d(t,$,m),d(t,e,m),C(e,n),C(n,r),C(r,s),d(t,o,m),d(t,a,m),C(a,c),C(c,f),C(f,p),d(t,l,m)},p:b,d(t){t&&u($),t&&u(e),t&&u(o),t&&u(a),t&&u(l)}}}function V(t){let $;return{c(){$=h("ayy")},l(t){$=x(t,"ayy")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function K(t){let $;return{c(){$=h("that small?")},l(t){$=x(t,"that small?")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function L(t){let $,e,n,a,c;return e=new T({props:{outline:!0,$$slots:{default:[V]},$$scope:{ctx:t}}}),a=new T({props:{small:!0,$$slots:{default:[K]},$$scope:{ctx:t}}}),{c(){$=y("div"),r(e.$$.fragment),n=g(),r(a.$$.fragment),this.h()},l(t){$=w(t,"DIV",{slot:!0,class:!0});var r=E($);s(e.$$.fragment,r),n=i(r),s(a.$$.fragment,r),r.forEach(u),this.h()},h(){v($,"slot","showcase"),v($,"class","padded svelte-er5vl1")},m(t,r){d(t,$,r),o(e,$,null),C($,n),o(a,$,null),c=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r)},i(t){c||(f(e.$$.fragment,t),f(a.$$.fragment,t),c=!0)},o(t){p(e.$$.fragment,t),p(a.$$.fragment,t),c=!1},d(t){t&&u($),l(e),l(a)}}}function Y(t){let $,e;return{c(){$=y("div"),e=y("pre"),this.h()},l(t){$=w(t,"DIV",{slot:!0});var n=E($);e=w(n,"PRE",{class:!0}),E(e).forEach(u),n.forEach(u),this.h()},h(){v(e,"class","language-svelte"),v($,"slot","source")},m(t,n){d(t,$,n),C($,e),e.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Chip</span> <span class="token attr-name">outline</span><span class="token punctuation">></span></span>ayy<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Chip</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Chip</span> <span class="token attr-name">small</span><span class="token punctuation">></span></span>that small?<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Chip</span><span class="token punctuation">></span></span></code>'},p:b,d(t){t&&u($)}}}function I(t){let $;return{c(){$=h("Properties")},l(t){$=x(t,"Properties")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function q(t){let $;return{c(){$=h("Style Properties")},l(t){$=x(t,"Style Properties")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function z(t){let $;return{c(){$=h("Name")},l(t){$=x(t,"Name")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function J(t){let $;return{c(){$=h("Default")},l(t){$=x(t,"Default")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Q(t){let $;return{c(){$=h("Type")},l(t){$=x(t,"Type")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function W(t){let $;return{c(){$=h("Description")},l(t){$=x(t,"Description")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function X(t){let $,e,n,a,c,m,h,x;return $=new H({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t),t&&u(m),l(h,t)}}}function Z(t){let $,e,n;return{c(){$=y("strong"),e=y("code"),n=h("small")},l(t){$=w(t,"STRONG",{});var r=E($);e=w(r,"CODE",{});var s=E(e);n=x(s,"small"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),C($,e),C(e,n)},p:b,d(t){t&&u($)}}}function _(t){let $,e;return{c(){$=y("code"),e=h("false")},l(t){$=w(t,"CODE",{});var n=E($);e=x(n,"false"),n.forEach(u)},m(t,n){d(t,$,n),C($,e)},p:b,d(t){t&&u($)}}}function tt(t){let $,e;return{c(){$=y("code"),e=h("boolean")},l(t){$=w(t,"CODE",{});var n=E($);e=x(n,"boolean"),n.forEach(u)},m(t,n){d(t,$,n),C($,e)},p:b,d(t){t&&u($)}}}function $t(t){let $;return{c(){$=h("Makes the chip smaller.")},l(t){$=x(t,"Makes the chip smaller.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function et(t){let $,e,n,a,c,m,h,x;return $=new M({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t),t&&u(m),l(h,t)}}}function nt(t){let $,e,n;return{c(){$=y("strong"),e=y("code"),n=h("outline")},l(t){$=w(t,"STRONG",{});var r=E($);e=w(r,"CODE",{});var s=E(e);n=x(s,"outline"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),C($,e),C(e,n)},p:b,d(t){t&&u($)}}}function rt(t){let $,e;return{c(){$=y("code"),e=h("false")},l(t){$=w(t,"CODE",{});var n=E($);e=x(n,"false"),n.forEach(u)},m(t,n){d(t,$,n),C($,e)},p:b,d(t){t&&u($)}}}function st(t){let $,e;return{c(){$=y("code"),e=h("boolean")},l(t){$=w(t,"CODE",{});var n=E($);e=x(n,"boolean"),n.forEach(u)},m(t,n){d(t,$,n),C($,e)},p:b,d(t){t&&u($)}}}function ot(t){let $;return{c(){$=h("Adds a border to the chip instead of the background.")},l(t){$=x(t,"Adds a border to the chip instead of the background.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function at(t){let $,e,n,a,c,m,h,x;return $=new M({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t),t&&u(m),l(h,t)}}}function ct(t){let $,e,n;return{c(){$=y("strong"),e=y("code"),n=h("noPadding")},l(t){$=w(t,"STRONG",{});var r=E($);e=w(r,"CODE",{});var s=E(e);n=x(s,"noPadding"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),C($,e),C(e,n)},p:b,d(t){t&&u($)}}}function ft(t){let $,e;return{c(){$=y("code"),e=h("false")},l(t){$=w(t,"CODE",{});var n=E($);e=x(n,"false"),n.forEach(u)},m(t,n){d(t,$,n),C($,e)},p:b,d(t){t&&u($)}}}function pt(t){let $,e;return{c(){$=y("code"),e=h("boolean")},l(t){$=w(t,"CODE",{});var n=E($);e=x(n,"boolean"),n.forEach(u)},m(t,n){d(t,$,n),C($,e)},p:b,d(t){t&&u($)}}}function lt(t){let $;return{c(){$=h("Clears the internal padding. Useful if you want to handle spacing yourself.")},l(t){$=x(t,"Clears the internal padding. Useful if you want to handle spacing yourself.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function mt(t){let $,e,n,a,c,m,h,x;return $=new M({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t),t&&u(m),l(h,t)}}}function gt(t){let $,e,n,a,c,m,h,x,v,b;return e=new P({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),v=new P({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){$=y("thead"),r(e.$$.fragment),n=g(),a=y("tbody"),r(c.$$.fragment),m=g(),r(h.$$.fragment),x=g(),r(v.$$.fragment)},l(t){$=w(t,"THEAD",{});var r=E($);s(e.$$.fragment,r),r.forEach(u),n=i(t),a=w(t,"TBODY",{});var o=E(a);s(c.$$.fragment,o),m=i(o),s(h.$$.fragment,o),x=i(o),s(v.$$.fragment,o),o.forEach(u)},m(t,r){d(t,$,r),o(e,$,null),d(t,n,r),d(t,a,r),o(c,a,null),C(a,m),o(h,a,null),C(a,x),o(v,a,null),b=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),v.$set(o)},i(t){b||(f(e.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(v.$$.fragment,t),b=!0)},o(t){p(e.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),p(v.$$.fragment,t),b=!1},d(t){t&&u($),l(e),t&&u(n),t&&u(a),l(c),l(h),l(v)}}}function it(t){let $;return{c(){$=h("Class Properties")},l(t){$=x(t,"Class Properties")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function dt(t){let $,e,n,r,s,o,a;return{c(){$=h("All "),e=y("code"),n=h("<Chip>"),r=h(" components use the "),s=y("code"),o=h(".chip"),a=h(" class.")},l(t){$=x(t,"All "),e=w(t,"CODE",{});var c=E(e);n=x(c,"<Chip>"),c.forEach(u),r=x(t," components use the "),s=w(t,"CODE",{});var f=E(s);o=x(f,".chip"),f.forEach(u),a=x(t," class.")},m(t,c){d(t,$,c),d(t,e,c),C(e,n),d(t,r,c),d(t,s,c),C(s,o),d(t,a,c)},p:b,d(t){t&&u($),t&&u(e),t&&u(r),t&&u(s),t&&u(a)}}}function ut(t){let $;return{c(){$=h("Falsy values passed to classes will be disregarded.")},l(t){$=x(t,"Falsy values passed to classes will be disregarded.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function ht(t){let $;return{c(){$=h("Name")},l(t){$=x(t,"Name")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function xt(t){let $;return{c(){$=h("Default")},l(t){$=x(t,"Default")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function yt(t){let $;return{c(){$=h("Type")},l(t){$=x(t,"Type")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function wt(t){let $;return{c(){$=h("Description")},l(t){$=x(t,"Description")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Et(t){let $,e,n,a,c,m,h,x;return $=new H({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t),t&&u(m),l(h,t)}}}function vt(t){let $,e,n;return{c(){$=y("strong"),e=y("code"),n=h("class")},l(t){$=w(t,"STRONG",{});var r=E($);e=w(r,"CODE",{});var s=E(e);n=x(s,"class"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),C($,e),C(e,n)},p:b,d(t){t&&u($)}}}function Ct(t){let $,e;return{c(){$=y("code"),e=h("null")},l(t){$=w(t,"CODE",{});var n=E($);e=x(n,"null"),n.forEach(u)},m(t,n){d(t,$,n),C($,e)},p:b,d(t){t&&u($)}}}function bt(t){let $,e;return{c(){$=y("code"),e=h("string")},l(t){$=w(t,"CODE",{});var n=E($);e=x(n,"string"),n.forEach(u)},m(t,n){d(t,$,n),C($,e)},p:b,d(t){t&&u($)}}}function Dt(t){let $;return{c(){$=h("A class string to add to the component.")},l(t){$=x(t,"A class string to add to the component.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function kt(t){let $,e,n,a,c,m,h,x;return $=new M({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t),t&&u(m),l(h,t)}}}function Ot(t){let $,e,n,a,c,m;return e=new P({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){$=y("thead"),r(e.$$.fragment),n=g(),a=y("tbody"),r(c.$$.fragment)},l(t){$=w(t,"THEAD",{});var r=E($);s(e.$$.fragment,r),r.forEach(u),n=i(t),a=w(t,"TBODY",{});var o=E(a);s(c.$$.fragment,o),o.forEach(u)},m(t,r){d(t,$,r),o(e,$,null),d(t,n,r),d(t,a,r),o(c,a,null),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(f(e.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&u($),l(e),t&&u(n),t&&u(a),l(c)}}}function Tt(t){let $;return{c(){$=h("Slots")},l(t){$=x(t,"Slots")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function St(t){let $;return{c(){$=h("Default slot")},l(t){$=x(t,"Default slot")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Rt(t){let $;return{c(){$=h("The content of the chip.")},l(t){$=x(t,"The content of the chip.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Gt(t){let $;return{c(){$=h("SCSS Variables")},l(t){$=x(t,"SCSS Variables")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Nt(t){let $;return{c(){$=h("Name")},l(t){$=x(t,"Name")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function jt(t){let $;return{c(){$=h("Description")},l(t){$=x(t,"Description")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function At(t){let $;return{c(){$=h("Default")},l(t){$=x(t,"Default")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Pt(t){let $,e,n,a,c,m;return $=new H({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t)}}}function Ht(t){let $,e,n;return{c(){$=y("strong"),e=y("code"),n=h("$chip-bg")},l(t){$=w(t,"STRONG",{});var r=E($);e=w(r,"CODE",{});var s=E(e);n=x(s,"$chip-bg"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),C($,e),C(e,n)},p:b,d(t){t&&u($)}}}function Mt(t){let $;return{c(){$=h("The background color of a non-outline chip.")},l(t){$=x(t,"The background color of a non-outline chip.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Ut(t){let $,e;return $=new R({props:{value:"rgba(0, 0, 0, .08)"}}),{c(){r($.$$.fragment)},l(t){s($.$$.fragment,t)},m(t,n){o($,t,n),e=!0},p:b,i(t){e||(f($.$$.fragment,t),e=!0)},o(t){p($.$$.fragment,t),e=!1},d(t){l($,t)}}}function Bt(t){let $,e,n,a,c,m;return $=new M({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t)}}}function Ft(t){let $,e,n;return{c(){$=y("strong"),e=y("code"),n=h("$chip-fg")},l(t){$=w(t,"STRONG",{});var r=E($);e=w(r,"CODE",{});var s=E(e);n=x(s,"$chip-fg"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),C($,e),C(e,n)},p:b,d(t){t&&u($)}}}function Vt(t){let $;return{c(){$=h("The text color of a chip.")},l(t){$=x(t,"The text color of a chip.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Kt(t){let $,e;return $=new R({props:{value:"#656565"}}),{c(){r($.$$.fragment)},l(t){s($.$$.fragment,t)},m(t,n){o($,t,n),e=!0},p:b,i(t){e||(f($.$$.fragment,t),e=!0)},o(t){p($.$$.fragment,t),e=!1},d(t){l($,t)}}}function Lt(t){let $,e,n,a,c,m;return $=new M({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t)}}}function Yt(t){let $,e,n;return{c(){$=y("strong"),e=y("code"),n=h("$chip-radius")},l(t){$=w(t,"STRONG",{});var r=E($);e=w(r,"CODE",{});var s=E(e);n=x(s,"$chip-radius"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),C($,e),C(e,n)},p:b,d(t){t&&u($)}}}function It(t){let $;return{c(){$=h("The curvature radius of a chip.")},l(t){$=x(t,"The curvature radius of a chip.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function qt(t){let $,e;return{c(){$=y("code"),e=h("1.5625em")},l(t){$=w(t,"CODE",{});var n=E($);e=x(n,"1.5625em"),n.forEach(u)},m(t,n){d(t,$,n),C($,e)},p:b,d(t){t&&u($)}}}function zt(t){let $,e,n,a,c,m;return $=new M({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t)}}}function Jt(t){let $,e,n;return{c(){$=y("strong"),e=y("code"),n=h("$font")},l(t){$=w(t,"STRONG",{});var r=E($);e=w(r,"CODE",{});var s=E(e);n=x(s,"$font"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),C($,e),C(e,n)},p:b,d(t){t&&u($)}}}function Qt(t){let $;return{c(){$=h("The font of the chip text.")},l(t){$=x(t,"The font of the chip text.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Wt(t){let $,e;return{c(){$=y("code"),e=h("'Ubuntu'")},l(t){$=w(t,"CODE",{});var n=E($);e=x(n,"'Ubuntu'"),n.forEach(u)},m(t,n){d(t,$,n),C($,e)},p:b,d(t){t&&u($)}}}function Xt(t){let $,e,n,a,c,m;return $=new M({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t)}}}function Zt(t){let $,e,n;return{c(){$=y("strong"),e=y("code"),n=h("$main")},l(t){$=w(t,"STRONG",{});var r=E($);e=w(r,"CODE",{});var s=E(e);n=x(s,"$main"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),C($,e),C(e,n)},p:b,d(t){t&&u($)}}}function _t(t){let $;return{c(){$=h("The border color of outline chips.")},l(t){$=x(t,"The border color of outline chips.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function t$(t){let $,e;return $=new R({props:{value:"#4300B0"}}),{c(){r($.$$.fragment)},l(t){s($.$$.fragment,t)},m(t,n){o($,t,n),e=!0},p:b,i(t){e||(f($.$$.fragment,t),e=!0)},o(t){p($.$$.fragment,t),e=!1},d(t){l($,t)}}}function $$(t){let $,e,n,a,c,m;return $=new M({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t)}}}function e$(t){let $,e,n;return{c(){$=y("strong"),e=y("code"),n=h("$bold-font-weight")},l(t){$=w(t,"STRONG",{});var r=E($);e=w(r,"CODE",{});var s=E(e);n=x(s,"$bold-font-weight"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),C($,e),C(e,n)},p:b,d(t){t&&u($)}}}function n$(t){let $;return{c(){$=h("The bold font weight of the chips.")},l(t){$=x(t,"The bold font weight of the chips.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function r$(t){let $,e;return{c(){$=y("code"),e=h("500")},l(t){$=w(t,"CODE",{});var n=E($);e=x(n,"500"),n.forEach(u)},m(t,n){d(t,$,n),C($,e)},p:b,d(t){t&&u($)}}}function s$(t){let $,e,n,a,c,m;return $=new M({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[n$]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[r$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t)}}}function o$(t){let $,e,n,a,c,m,h,x,v,b,D,k,O,T,S,R;return e=new P({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),v=new P({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),D=new P({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),O=new P({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),S=new P({props:{$$slots:{default:[s$]},$$scope:{ctx:t}}}),{c(){$=y("thead"),r(e.$$.fragment),n=g(),a=y("tbody"),r(c.$$.fragment),m=g(),r(h.$$.fragment),x=g(),r(v.$$.fragment),b=g(),r(D.$$.fragment),k=g(),r(O.$$.fragment),T=g(),r(S.$$.fragment)},l(t){$=w(t,"THEAD",{});var r=E($);s(e.$$.fragment,r),r.forEach(u),n=i(t),a=w(t,"TBODY",{});var o=E(a);s(c.$$.fragment,o),m=i(o),s(h.$$.fragment,o),x=i(o),s(v.$$.fragment,o),b=i(o),s(D.$$.fragment,o),k=i(o),s(O.$$.fragment,o),T=i(o),s(S.$$.fragment,o),o.forEach(u)},m(t,r){d(t,$,r),o(e,$,null),d(t,n,r),d(t,a,r),o(c,a,null),C(a,m),o(h,a,null),C(a,x),o(v,a,null),C(a,b),o(D,a,null),C(a,k),o(O,a,null),C(a,T),o(S,a,null),R=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),v.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),D.$set(a);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),O.$set(f);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),S.$set(p)},i(t){R||(f(e.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(v.$$.fragment,t),f(D.$$.fragment,t),f(O.$$.fragment,t),f(S.$$.fragment,t),R=!0)},o(t){p(e.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),p(v.$$.fragment,t),p(D.$$.fragment,t),p(O.$$.fragment,t),p(S.$$.fragment,t),R=!1},d(t){t&&u($),l(e),t&&u(n),t&&u(a),l(c),l(h),l(v),l(D),l(O),l(S)}}}function a$(t){let $,e,n,a,c,m,h,x,y,w,E,v,C,b,D,T,R,P,H,M,V,K,z,J,Q,W,X,Z,_,tt,$t,et,nt,rt;return $=new k({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),n=new O({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),c=new O({props:{$$slots:{default:[F]},$$scope:{ctx:t}}}),h=new G({props:{components:l$}}),y=new S({props:{$$slots:{source:[Y],showcase:[L]},$$scope:{ctx:t}}}),E=new N({props:{id:"properties",$$slots:{default:[I]},$$scope:{ctx:t}}}),C=new j({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),D=new A({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),R=new j({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),H=new O({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),V=new O({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),z=new A({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),Q=new N({props:{id:"slots",$$slots:{default:[Tt]},$$scope:{ctx:t}}}),X=new j({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),_=new O({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),$t=new N({props:{id:"scss-variables",$$slots:{default:[Gt]},$$scope:{ctx:t}}}),nt=new A({props:{$$slots:{default:[o$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment),x=g(),r(y.$$.fragment),w=g(),r(E.$$.fragment),v=g(),r(C.$$.fragment),b=g(),r(D.$$.fragment),T=g(),r(R.$$.fragment),P=g(),r(H.$$.fragment),M=g(),r(V.$$.fragment),K=g(),r(z.$$.fragment),J=g(),r(Q.$$.fragment),W=g(),r(X.$$.fragment),Z=g(),r(_.$$.fragment),tt=g(),r($t.$$.fragment),et=g(),r(nt.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t),x=i(t),s(y.$$.fragment,t),w=i(t),s(E.$$.fragment,t),v=i(t),s(C.$$.fragment,t),b=i(t),s(D.$$.fragment,t),T=i(t),s(R.$$.fragment,t),P=i(t),s(H.$$.fragment,t),M=i(t),s(V.$$.fragment,t),K=i(t),s(z.$$.fragment,t),J=i(t),s(Q.$$.fragment,t),W=i(t),s(X.$$.fragment,t),Z=i(t),s(_.$$.fragment,t),tt=i(t),s($t.$$.fragment,t),et=i(t),s(nt.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),d(t,x,r),o(y,t,r),d(t,w,r),o(E,t,r),d(t,v,r),o(C,t,r),d(t,b,r),o(D,t,r),d(t,T,r),o(R,t,r),d(t,P,r),o(H,t,r),d(t,M,r),o(V,t,r),d(t,K,r),o(z,t,r),d(t,J,r),o(Q,t,r),d(t,W,r),o(X,t,r),d(t,Z,r),o(_,t,r),d(t,tt,r),o($t,t,r),d(t,et,r),o(nt,t,r),rt=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),y.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),E.$set(f);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),C.$set(p);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),D.$set(l);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),R.$set(m);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),H.$set(g);const i={};2&e&&(i.$$scope={dirty:e,ctx:t}),V.$set(i);const d={};2&e&&(d.$$scope={dirty:e,ctx:t}),z.$set(d);const u={};2&e&&(u.$$scope={dirty:e,ctx:t}),Q.$set(u);const h={};2&e&&(h.$$scope={dirty:e,ctx:t}),X.$set(h);const x={};2&e&&(x.$$scope={dirty:e,ctx:t}),_.$set(x);const w={};2&e&&(w.$$scope={dirty:e,ctx:t}),$t.$set(w);const v={};2&e&&(v.$$scope={dirty:e,ctx:t}),nt.$set(v)},i(t){rt||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(y.$$.fragment,t),f(E.$$.fragment,t),f(C.$$.fragment,t),f(D.$$.fragment,t),f(R.$$.fragment,t),f(H.$$.fragment,t),f(V.$$.fragment,t),f(z.$$.fragment,t),f(Q.$$.fragment,t),f(X.$$.fragment,t),f(_.$$.fragment,t),f($t.$$.fragment,t),f(nt.$$.fragment,t),rt=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),p(y.$$.fragment,t),p(E.$$.fragment,t),p(C.$$.fragment,t),p(D.$$.fragment,t),p(R.$$.fragment,t),p(H.$$.fragment,t),p(V.$$.fragment,t),p(z.$$.fragment,t),p(Q.$$.fragment,t),p(X.$$.fragment,t),p(_.$$.fragment,t),p($t.$$.fragment,t),p(nt.$$.fragment,t),rt=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t),t&&u(m),l(h,t),t&&u(x),l(y,t),t&&u(w),l(E,t),t&&u(v),l(C,t),t&&u(b),l(D,t),t&&u(T),l(R,t),t&&u(P),l(H,t),t&&u(M),l(V,t),t&&u(K),l(z,t),t&&u(J),l(Q,t),t&&u(W),l(X,t),t&&u(Z),l(_,t),t&&u(tt),l($t,t),t&&u(et),l(nt,t)}}}function c$(t){let $,e;const m=[t[0],f$];let g={$$slots:{default:[a$]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)g=n(g,m[t]);return $=new D({props:g}),{c(){r($.$$.fragment)},l(t){s($.$$.fragment,t)},m(t,n){o($,t,n),e=!0},p(t,[e]){const n=1&e?a(m,[1&e&&c(t[0]),0&e&&c(f$)]):{};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n)},i(t){e||(f($.$$.fragment,t),e=!0)},o(t){p($.$$.fragment,t),e=!1},d(t){l($,t)}}}const f$={name:"Chip",relatedComponents:[{name:"RadioChip",link:"./docs/components/radio-chip"},{name:"RadioChipGroup",link:"./docs/components/radio-chip-group"},{name:"CheckboxChip",link:"./docs/components/checkbox-chip"},{name:"CheckboxChipGroup",link:"./docs/components/checkbox-chip-group"}]},{name:p$,relatedComponents:l$}=f$;function m$(t,$,e){return t.$$set=t=>{e(0,$=n(n({},$),m(t)))},[$=m($)]}class g$ extends t{constructor(t){super(),$(this,t,m$,c$,e,{})}}export{g$ as default,f$ as metadata};
diff --git a/376/client/classes.2453fa25.js b/376/client/classes.2453fa25.js
new file mode 100644
index 000000000..230a0c7cf
--- /dev/null
+++ b/376/client/classes.2453fa25.js
@@ -0,0 +1 @@
+function n(...n){return n.filter((n=>!!n)).join(" ")}export{n as c};
diff --git a/376/client/client.0d36a0cf.js b/376/client/client.0d36a0cf.js
new file mode 100644
index 000000000..99188358e
--- /dev/null
+++ b/376/client/client.0d36a0cf.js
@@ -0,0 +1,18 @@
+function e(){}const t=e=>e;function n(e,t){for(const n in t)e[n]=t[n];return e}function f(e){return e()}function o(){return Object.create(null)}function r(e){e.forEach(f)}function s(e){return"function"==typeof e}function i(e,t){return e!=e?t==t:e!==t||e&&"object"==typeof e||"function"==typeof e}let c;function a(e,t){return c||(c=document.createElement("a")),c.href=t,e===c.href}function l(t,n,f){t.$$.on_destroy.push(function(t,...n){if(null==t)return e;const f=t.subscribe(...n);return f.unsubscribe?()=>f.unsubscribe():f}(n,f))}function u(e,t,n,f){if(e){const o=_(e,t,n,f);return e[0](o)}}function _(e,t,f,o){return e[1]&&o?n(f.ctx.slice(),e[1](o(t))):f.ctx}function d(e,t,n,f){if(e[2]&&f){const o=e[2](f(n));if(void 0===t.dirty)return o;if("object"==typeof o){const e=[],n=Math.max(t.dirty.length,o.length);for(let f=0;f<n;f+=1)e[f]=t.dirty[f]|o[f];return e}return t.dirty|o}return t.dirty}function p(e,t,n,f,o,r){if(o){const s=_(t,n,f,r);e.p(s,o)}}function h(e){if(e.ctx.length>32){const t=[],n=e.ctx.length/32;for(let e=0;e<n;e++)t[e]=-1;return t}return-1}function m(e){const t={};for(const n in e)"$"!==n[0]&&(t[n]=e[n]);return t}function b(e,t){const n={};t=new Set(t);for(const f in e)t.has(f)||"$"===f[0]||(n[f]=e[f]);return n}function g(e){return null==e?"":e}function $(t){return t&&s(t.destroy)?t.destroy:e}function S(e){const t="string"==typeof e&&e.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);return t?[parseFloat(t[1]),t[2]||"px"]:[e,"px"]}const P="undefined"!=typeof window;let E=P?()=>window.performance.now():()=>Date.now(),N=P?e=>requestAnimationFrame(e):e;const y=new Set;function C(e){y.forEach((t=>{t.c(e)||(y.delete(t),t.f())})),0!==y.size&&N(C)}function j(e){let t;return 0===y.size&&N(C),{promise:new Promise((n=>{y.add(t={c:e,f:n})})),abort(){y.delete(t)}}}const I="undefined"!=typeof window?window:"undefined"!=typeof globalThis?globalThis:global;let v=!1;function T(e,t,n,f){for(;e<t;){const o=e+(t-e>>1);n(o)<=f?e=o+1:t=o}return e}function A(e){if(!e)return document;const t=e.getRootNode?e.getRootNode():e.ownerDocument;return t&&t.host?t:e.ownerDocument}function R(e){const t=L("style");return function(e,t){(function(e,t){e.appendChild(t)})(e.head||e,t),t.sheet}(A(e),t),t.sheet}function x(e,t){if(v){for(!function(e){if(e.hydrate_init)return;e.hydrate_init=!0;let t=e.childNodes;if("HEAD"===e.nodeName){const e=[];for(let n=0;n<t.length;n++){const f=t[n];void 0!==f.claim_order&&e.push(f)}t=e}const n=new Int32Array(t.length+1),f=new Int32Array(t.length);n[0]=-1;let o=0;for(let e=0;e<t.length;e++){const r=t[e].claim_order,s=(o>0&&t[n[o]].claim_order<=r?o+1:T(1,o,(e=>t[n[e]].claim_order),r))-1;f[e]=n[s]+1;const i=s+1;n[i]=e,o=Math.max(i,o)}const r=[],s=[];let i=t.length-1;for(let e=n[o]+1;0!=e;e=f[e-1]){for(r.push(t[e-1]);i>=e;i--)s.push(t[i]);i--}for(;i>=0;i--)s.push(t[i]);r.reverse(),s.sort(((e,t)=>e.claim_order-t.claim_order));for(let t=0,n=0;t<s.length;t++){for(;n<r.length&&s[t].claim_order>=r[n].claim_order;)n++;const f=n<r.length?r[n]:null;e.insertBefore(s[t],f)}}(e),(void 0===e.actual_end_child||null!==e.actual_end_child&&e.actual_end_child.parentNode!==e)&&(e.actual_end_child=e.firstChild);null!==e.actual_end_child&&void 0===e.actual_end_child.claim_order;)e.actual_end_child=e.actual_end_child.nextSibling;t!==e.actual_end_child?void 0===t.claim_order&&t.parentNode===e||e.insertBefore(t,e.actual_end_child):e.actual_end_child=t.nextSibling}else t.parentNode===e&&null===t.nextSibling||e.appendChild(t)}function O(e,t,n){e.insertBefore(t,n||null)}function w(e,t,n){v&&!n?x(e,t):t.parentNode===e&&t.nextSibling==n||e.insertBefore(t,n||null)}function J(e){e.parentNode&&e.parentNode.removeChild(e)}function k(e,t){for(let n=0;n<e.length;n+=1)e[n]&&e[n].d(t)}function L(e){return document.createElement(e)}function M(e){return document.createElementNS("http://www.w3.org/2000/svg",e)}function U(e){return document.createTextNode(e)}function D(){return U(" ")}function q(){return U("")}function z(e,t,n,f){return e.addEventListener(t,n,f),()=>e.removeEventListener(t,n,f)}function B(e){return function(t){return t.preventDefault(),e.call(this,t)}}function H(e){return function(t){return t.stopPropagation(),e.call(this,t)}}function K(e){return function(t){t.target===this&&e.call(this,t)}}function F(e,t,n){null==n?e.removeAttribute(t):e.getAttribute(t)!==n&&e.setAttribute(t,n)}const G=["width","height"];function V(e,t){const n=Object.getOwnPropertyDescriptors(e.__proto__);for(const f in t)null==t[f]?e.removeAttribute(f):"style"===f?e.style.cssText=t[f]:"__value"===f?e.value=e[f]=t[f]:n[f]&&n[f].set&&-1===G.indexOf(f)?e[f]=t[f]:F(e,f,t[f])}function W(e){let t;return{p(...n){t=n,t.forEach((t=>e.push(t)))},r(){t.forEach((t=>e.splice(e.indexOf(t),1)))}}}function Y(e){return Array.from(e.childNodes)}function X(e){void 0===e.claim_info&&(e.claim_info={last_index:0,total_claimed:0})}function Q(e,t,n,f,o=!1){X(e);const r=(()=>{for(let f=e.claim_info.last_index;f<e.length;f++){const r=e[f];if(t(r)){const t=n(r);return void 0===t?e.splice(f,1):e[f]=t,o||(e.claim_info.last_index=f),r}}for(let f=e.claim_info.last_index-1;f>=0;f--){const r=e[f];if(t(r)){const t=n(r);return void 0===t?e.splice(f,1):e[f]=t,o?void 0===t&&e.claim_info.last_index--:e.claim_info.last_index=f,r}}return f()})();return r.claim_order=e.claim_info.total_claimed,e.claim_info.total_claimed+=1,r}function Z(e,t,n,f){return Q(e,(e=>e.nodeName===t),(e=>{const t=[];for(let f=0;f<e.attributes.length;f++){const o=e.attributes[f];n[o.name]||t.push(o.name)}t.forEach((t=>e.removeAttribute(t)))}),(()=>f(t)))}function ee(e,t,n){return Z(e,t,n,L)}function te(e,t,n){return Z(e,t,n,M)}function ne(e,t){return Q(e,(e=>3===e.nodeType),(e=>{const n=""+t;if(e.data.startsWith(n)){if(e.data.length!==n.length)return e.splitText(n.length)}else e.data=n}),(()=>U(t)),!0)}function fe(e){return ne(e," ")}function oe(e,t,n){for(let f=n;f<e.length;f+=1){const n=e[f];if(8===n.nodeType&&n.textContent.trim()===t)return f}return e.length}function re(e,t){const n=oe(e,"HTML_TAG_START",0),f=oe(e,"HTML_TAG_END",n);if(n===f)return new de(void 0,t);X(e);const o=e.splice(n,f-n+1);J(o[0]),J(o[o.length-1]);const r=o.slice(1,o.length-1);for(const t of r)t.claim_order=e.claim_info.total_claimed,e.claim_info.total_claimed+=1;return new de(r,t)}function se(e,t){t=""+t,e.data!==t&&(e.data=t)}function ie(e,t){e.value=null==t?"":t}function ce(e,t,n,f){null==n?e.style.removeProperty(t):e.style.setProperty(t,n,f?"important":"")}function ae(e,t,n){e.classList[n?"add":"remove"](t)}function le(e,t,{bubbles:n=!1,cancelable:f=!1}={}){const o=document.createEvent("CustomEvent");return o.initCustomEvent(e,n,f,t),o}function ue(e,t){const n=[];let f=0;for(const o of t.childNodes)if(8===o.nodeType){const t=o.textContent.trim();t===`HEAD_${e}_END`?(f-=1,n.push(o)):t===`HEAD_${e}_START`&&(f+=1,n.push(o))}else f>0&&n.push(o);return n}class _e{constructor(e=!1){this.is_svg=!1,this.is_svg=e,this.e=this.n=null}c(e){this.h(e)}m(e,t,n=null){this.e||(this.is_svg?this.e=M(t.nodeName):this.e=L(11===t.nodeType?"TEMPLATE":t.nodeName),this.t="TEMPLATE"!==t.tagName?t:t.content,this.c(e)),this.i(n)}h(e){this.e.innerHTML=e,this.n=Array.from("TEMPLATE"===this.e.nodeName?this.e.content.childNodes:this.e.childNodes)}i(e){for(let t=0;t<this.n.length;t+=1)O(this.t,this.n[t],e)}p(e){this.d(),this.h(e),this.i(this.a)}d(){this.n.forEach(J)}}class de extends _e{constructor(e,t=!1){super(t),this.e=this.n=null,this.l=e}c(e){this.l?this.n=this.l:super.c(e)}i(e){for(let t=0;t<this.n.length;t+=1)w(this.t,this.n[t],e)}}function pe(e,t){return new e(t)}const he=new Map;let me,be=0;function ge(e,t,n,f,o,r,s,i=0){const c=16.666/f;let a="{\n";for(let e=0;e<=1;e+=c){const f=t+(n-t)*r(e);a+=100*e+`%{${s(f,1-f)}}\n`}const l=a+`100% {${s(n,1-n)}}\n}`,u=`__svelte_${function(e){let t=5381,n=e.length;for(;n--;)t=(t<<5)-t^e.charCodeAt(n);return t>>>0}(l)}_${i}`,_=A(e),{stylesheet:d,rules:p}=he.get(_)||function(e,t){const n={stylesheet:R(t),rules:{}};return he.set(e,n),n}(_,e);p[u]||(p[u]=!0,d.insertRule(`@keyframes ${u} ${l}`,d.cssRules.length));const h=e.style.animation||"";return e.style.animation=`${h?`${h}, `:""}${u} ${f}ms linear ${o}ms 1 both`,be+=1,u}function $e(e,t){const n=(e.style.animation||"").split(", "),f=n.filter(t?e=>e.indexOf(t)<0:e=>-1===e.indexOf("__svelte")),o=n.length-f.length;o&&(e.style.animation=f.join(", "),be-=o,be||N((()=>{be||(he.forEach((e=>{const{ownerNode:t}=e.stylesheet;t&&J(t)})),he.clear())})))}function Se(e){me=e}function Pe(){if(!me)throw new Error("Function called outside component initialization");return me}function Ee(e){Pe().$$.on_mount.push(e)}function Ne(){const e=Pe();return(t,n,{cancelable:f=!1}={})=>{const o=e.$$.callbacks[t];if(o){const r=le(t,n,{cancelable:f});return o.slice().forEach((t=>{t.call(e,r)})),!r.defaultPrevented}return!0}}function ye(e,t){return Pe().$$.context.set(e,t),t}function Ce(e){return Pe().$$.context.get(e)}function je(e,t){const n=e.$$.callbacks[t.type];n&&n.slice().forEach((e=>e.call(this,t)))}const Ie=[],ve=[];let Te=[];const Ae=[],Re=Promise.resolve();let xe=!1;function Oe(e){Te.push(e)}function we(e){Ae.push(e)}const Je=new Set;let ke,Le=0;function Me(){if(0!==Le)return;const e=me;do{try{for(;Le<Ie.length;){const e=Ie[Le];Le++,Se(e),Ue(e.$$)}}catch(e){throw Ie.length=0,Le=0,e}for(Se(null),Ie.length=0,Le=0;ve.length;)ve.pop()();for(let e=0;e<Te.length;e+=1){const t=Te[e];Je.has(t)||(Je.add(t),t())}Te.length=0}while(Ie.length);for(;Ae.length;)Ae.pop()();xe=!1,Je.clear(),Se(e)}function Ue(e){if(null!==e.fragment){e.update(),r(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(Oe)}}function De(e,t,n){e.dispatchEvent(le(`${t?"intro":"outro"}${n}`))}const qe=new Set;let ze;function Be(){ze={r:0,c:[],p:ze}}function He(){ze.r||r(ze.c),ze=ze.p}function Ke(e,t){e&&e.i&&(qe.delete(e),e.i(t))}function Fe(e,t,n,f){if(e&&e.o){if(qe.has(e))return;qe.add(e),ze.c.push((()=>{qe.delete(e),f&&(n&&e.d(1),f())})),e.o(t)}else f&&f()}const Ge={duration:0};function Ve(n,f,o,i){const c={direction:"both"};let a=f(n,o,c),l=i?0:1,u=null,_=null,d=null;function p(){d&&$e(n,d)}function h(e,t){const n=e.b-l;return t*=Math.abs(n),{a:l,b:e.b,d:n,duration:t,start:e.start,end:e.start+t,group:e.group}}function m(f){const{delay:o=0,duration:s=300,easing:i=t,tick:c=e,css:m}=a||Ge,b={start:E()+o,b:f};f||(b.group=ze,ze.r+=1),u||_?_=b:(m&&(p(),d=ge(n,l,f,s,o,i,m)),f&&c(0,1),u=h(b,s),Oe((()=>De(n,f,"start"))),j((e=>{if(_&&e>_.start&&(u=h(_,s),_=null,De(n,u.b,"start"),m&&(p(),d=ge(n,l,u.b,u.duration,0,i,a.css))),u)if(e>=u.end)c(l=u.b,1-l),De(n,u.b,"end"),_||(u.b?p():--u.group.r||r(u.group.c)),u=null;else if(e>=u.start){const t=e-u.start;l=u.a+u.d*i(t/u.duration),c(l,1-l)}return!(!u&&!_)})))}return{run(e){s(a)?(ke||(ke=Promise.resolve(),ke.then((()=>{ke=null}))),ke).then((()=>{a=a(c),m(e)})):m(e)},end(){p(),u=_=null}}}function We(e,t){const n=t.token={};function f(e,f,o,r){if(t.token!==n)return;t.resolved=r;let s=t.ctx;void 0!==o&&(s=s.slice(),s[o]=r);const i=e&&(t.current=e)(s);let c=!1;t.block&&(t.blocks?t.blocks.forEach(((e,n)=>{n!==f&&e&&(Be(),Fe(e,1,1,(()=>{t.blocks[n]===e&&(t.blocks[n]=null)})),He())})):t.block.d(1),i.c(),Ke(i,1),i.m(t.mount(),t.anchor),c=!0),t.block=i,t.blocks&&(t.blocks[f]=i),c&&Me()}if(!(o=e)||"object"!=typeof o&&"function"!=typeof o||"function"!=typeof o.then){if(t.current!==t.then)return f(t.then,1,t.value,e),!0;t.resolved=e}else{const n=Pe();if(e.then((e=>{Se(n),f(t.then,1,t.value,e),Se(null)}),(e=>{if(Se(n),f(t.catch,2,t.error,e),Se(null),!t.hasCatch)throw e})),t.current!==t.pending)return f(t.pending,0),!0}var o}function Ye(e,t,n){const f=t.slice(),{resolved:o}=e;e.current===e.then&&(f[e.value]=o),e.current===e.catch&&(f[e.error]=o),e.block.p(f,n)}function Xe(e,t){e.d(1),t.delete(e.key)}function Qe(e,t){Fe(e,1,1,(()=>{t.delete(e.key)}))}function Ze(e,t,n,f,o,s,i,c,a,l,u,_){let d=e.length,p=s.length,h=d;const m={};for(;h--;)m[e[h].key]=h;const b=[],g=new Map,$=new Map,S=[];for(h=p;h--;){const e=_(o,s,h),r=n(e);let c=i.get(r);c?f&&S.push((()=>c.p(e,t))):(c=l(r,e),c.c()),g.set(r,b[h]=c),r in m&&$.set(r,Math.abs(h-m[r]))}const P=new Set,E=new Set;function N(e){Ke(e,1),e.m(c,u),i.set(e.key,e),u=e.first,p--}for(;d&&p;){const t=b[p-1],n=e[d-1],f=t.key,o=n.key;t===n?(u=t.first,d--,p--):g.has(o)?!i.has(f)||P.has(f)?N(t):E.has(o)?d--:$.get(f)>$.get(o)?(E.add(f),N(t)):(P.add(o),d--):(a(n,i),d--)}for(;d--;){const t=e[d];g.has(t.key)||a(t,i)}for(;p;)N(b[p-1]);return r(S),b}function et(e,t){const n={},f={},o={$$scope:1};let r=e.length;for(;r--;){const s=e[r],i=t[r];if(i){for(const e in s)e in i||(f[e]=1);for(const e in i)o[e]||(n[e]=i[e],o[e]=1);e[r]=i}else for(const e in s)o[e]=1}for(const e in f)e in n||(n[e]=void 0);return n}function tt(e){return"object"==typeof e&&null!==e?e:{}}function nt(e,t,n){const f=e.$$.props[t];void 0!==f&&(e.$$.bound[f]=n,n(e.$$.ctx[f]))}function ft(e){e&&e.c()}function ot(e,t){e&&e.l(t)}function rt(e,t,n,o){const{fragment:i,after_update:c}=e.$$;i&&i.m(t,n),o||Oe((()=>{const t=e.$$.on_mount.map(f).filter(s);e.$$.on_destroy?e.$$.on_destroy.push(...t):r(t),e.$$.on_mount=[]})),c.forEach(Oe)}function st(e,t){const n=e.$$;null!==n.fragment&&(!function(e){const t=[],n=[];Te.forEach((f=>-1===e.indexOf(f)?t.push(f):n.push(f))),n.forEach((e=>e())),Te=t}(n.after_update),r(n.on_destroy),n.fragment&&n.fragment.d(t),n.on_destroy=n.fragment=null,n.ctx=[])}function it(e,t){-1===e.$$.dirty[0]&&(Ie.push(e),xe||(xe=!0,Re.then(Me)),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31}function ct(t,n,f,s,i,c,a,l=[-1]){const u=me;Se(t);const _=t.$$={fragment:null,ctx:[],props:c,update:e,not_equal:i,bound:o(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(n.context||(u?u.$$.context:[])),callbacks:o(),dirty:l,skip_bound:!1,root:n.target||u.$$.root};a&&a(_.root);let d=!1;if(_.ctx=f?f(t,n.props||{},((e,n,...f)=>{const o=f.length?f[0]:n;return _.ctx&&i(_.ctx[e],_.ctx[e]=o)&&(!_.skip_bound&&_.bound[e]&&_.bound[e](o),d&&it(t,e)),n})):[],_.update(),d=!0,r(_.before_update),_.fragment=!!s&&s(_.ctx),n.target){if(n.hydrate){v=!0;const e=Y(n.target);_.fragment&&_.fragment.l(e),e.forEach(J)}else _.fragment&&_.fragment.c();n.intro&&Ke(t.$$.fragment),rt(t,n.target,n.anchor,n.customElement),v=!1,Me()}Se(u)}class at{$destroy(){st(this,1),this.$destroy=e}$on(t,n){if(!s(n))return e;const f=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return f.push(n),()=>{const e=f.indexOf(n);-1!==e&&f.splice(e,1)}}$set(e){var t;this.$$set&&(t=e,0!==Object.keys(t).length)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}const lt=[];function ut(t,n=e){let f;const o=new Set;function r(e){if(i(t,e)&&(t=e,f)){const e=!lt.length;for(const e of o)e[1](),lt.push(e,t);if(e){for(let e=0;e<lt.length;e+=2)lt[e][0](lt[e+1]);lt.length=0}}}return{set:r,update:function(e){r(e(t))},subscribe:function(s,i=e){const c=[s,i];return o.add(c),1===o.size&&(f=n(r)||e),s(t),()=>{o.delete(c),0===o.size&&f&&(f(),f=null)}}}}const _t={};function dt(e){let t;const n=e[1].default,f=u(n,e,e[0],null);return{c(){f&&f.c()},l(e){f&&f.l(e)},m(e,n){f&&f.m(e,n),t=!0},p(e,[o]){f&&f.p&&(!t||1&o)&&p(f,n,e,e[0],t?d(n,e[0],o,null):h(e[0]),null)},i(e){t||(Ke(f,e),t=!0)},o(e){Fe(f,e),t=!1},d(e){f&&f.d(e)}}}function pt(e,t,n){let{$$slots:f={},$$scope:o}=t;return e.$$set=e=>{"$$scope"in e&&n(0,o=e.$$scope)},[o,f]}class ht extends at{constructor(e){super(),ct(this,e,pt,dt,i,{})}}function mt(e){let t,n,f=e[1].stack+"";return{c(){t=L("pre"),n=U(f)},l(e){t=ee(e,"PRE",{});var o=Y(t);n=ne(o,f),o.forEach(J)},m(e,f){w(e,t,f),x(t,n)},p(e,t){2&t&&f!==(f=e[1].stack+"")&&se(n,f)},d(e){e&&J(t)}}}function bt(t){let n,f,o,r,s,i,c,a,l,u=t[1].message+"";document.title=n=t[0];let _=t[2]&&t[1].stack&&mt(t);return{c(){f=D(),o=L("h1"),r=U(t[0]),s=D(),i=L("p"),c=U(u),a=D(),_&&_.c(),l=q()},l(e){ue("svelte-1moakz",document.head).forEach(J),f=fe(e),o=ee(e,"H1",{});var n=Y(o);r=ne(n,t[0]),n.forEach(J),s=fe(e),i=ee(e,"P",{});var d=Y(i);c=ne(d,u),d.forEach(J),a=fe(e),_&&_.l(e),l=q()},m(e,t){w(e,f,t),w(e,o,t),x(o,r),w(e,s,t),w(e,i,t),x(i,c),w(e,a,t),_&&_.m(e,t),w(e,l,t)},p(e,[t]){1&t&&n!==(n=e[0])&&(document.title=n),1&t&&se(r,e[0]),2&t&&u!==(u=e[1].message+"")&&se(c,u),e[2]&&e[1].stack?_?_.p(e,t):(_=mt(e),_.c(),_.m(l.parentNode,l)):_&&(_.d(1),_=null)},i:e,o:e,d(e){e&&J(f),e&&J(o),e&&J(s),e&&J(i),e&&J(a),_&&_.d(e),e&&J(l)}}}function gt(e,t,n){let{status:f}=t,{error:o}=t;return e.$$set=e=>{"status"in e&&n(0,f=e.status),"error"in e&&n(1,o=e.error)},[f,o,false]}class $t extends at{constructor(e){super(),ct(this,e,gt,bt,i,{status:0,error:1})}}function St(e){let t,f,o;const r=[{segment:e[2][1]},e[4].props];var s=e[4].component;function i(e){let t={$$slots:{default:[Nt]},$$scope:{ctx:e}};for(let e=0;e<r.length;e+=1)t=n(t,r[e]);return{props:t}}return s&&(t=pe(s,i(e))),{c(){t&&ft(t.$$.fragment),f=q()},l(e){t&&ot(t.$$.fragment,e),f=q()},m(e,n){t&&rt(t,e,n),w(e,f,n),o=!0},p(e,n){const o=20&n?et(r,[4&n&&{segment:e[2][1]},16&n&&tt(e[4].props)]):{};if(288&n&&(o.$$scope={dirty:n,ctx:e}),16&n&&s!==(s=e[4].component)){if(t){Be();const e=t;Fe(e.$$.fragment,1,0,(()=>{st(e,1)})),He()}s?(t=pe(s,i(e)),ft(t.$$.fragment),Ke(t.$$.fragment,1),rt(t,f.parentNode,f)):t=null}else s&&t.$set(o)},i(e){o||(t&&Ke(t.$$.fragment,e),o=!0)},o(e){t&&Fe(t.$$.fragment,e),o=!1},d(e){e&&J(f),t&&st(t,e)}}}function Pt(e){let t,n;return t=new $t({props:{error:e[0],status:e[1]}}),{c(){ft(t.$$.fragment)},l(e){ot(t.$$.fragment,e)},m(e,f){rt(t,e,f),n=!0},p(e,n){const f={};1&n&&(f.error=e[0]),2&n&&(f.status=e[1]),t.$set(f)},i(e){n||(Ke(t.$$.fragment,e),n=!0)},o(e){Fe(t.$$.fragment,e),n=!1},d(e){st(t,e)}}}function Et(e){let t,f,o;const r=[e[5].props];var s=e[5].component;function i(e){let t={};for(let e=0;e<r.length;e+=1)t=n(t,r[e]);return{props:t}}return s&&(t=pe(s,i())),{c(){t&&ft(t.$$.fragment),f=q()},l(e){t&&ot(t.$$.fragment,e),f=q()},m(e,n){t&&rt(t,e,n),w(e,f,n),o=!0},p(e,n){const o=32&n?et(r,[tt(e[5].props)]):{};if(32&n&&s!==(s=e[5].component)){if(t){Be();const e=t;Fe(e.$$.fragment,1,0,(()=>{st(e,1)})),He()}s?(t=pe(s,i()),ft(t.$$.fragment),Ke(t.$$.fragment,1),rt(t,f.parentNode,f)):t=null}else s&&t.$set(o)},i(e){o||(t&&Ke(t.$$.fragment,e),o=!0)},o(e){t&&Fe(t.$$.fragment,e),o=!1},d(e){e&&J(f),t&&st(t,e)}}}function Nt(e){let t,n,f=e[5]&&Et(e);return{c(){f&&f.c(),t=q()},l(e){f&&f.l(e),t=q()},m(e,o){f&&f.m(e,o),w(e,t,o),n=!0},p(e,n){e[5]?f?(f.p(e,n),32&n&&Ke(f,1)):(f=Et(e),f.c(),Ke(f,1),f.m(t.parentNode,t)):f&&(Be(),Fe(f,1,1,(()=>{f=null})),He())},i(e){n||(Ke(f),n=!0)},o(e){Fe(f),n=!1},d(e){f&&f.d(e),e&&J(t)}}}function yt(e){let t,n,f,o;const r=[Pt,St],s=[];function i(e,t){return e[0]?0:1}return t=i(e),n=s[t]=r[t](e),{c(){n.c(),f=q()},l(e){n.l(e),f=q()},m(e,n){s[t].m(e,n),w(e,f,n),o=!0},p(e,o){let c=t;t=i(e),t===c?s[t].p(e,o):(Be(),Fe(s[c],1,1,(()=>{s[c]=null})),He(),n=s[t],n?n.p(e,o):(n=s[t]=r[t](e),n.c()),Ke(n,1),n.m(f.parentNode,f))},i(e){o||(Ke(n),o=!0)},o(e){Fe(n),o=!1},d(e){s[t].d(e),e&&J(f)}}}function Ct(e){let t,f;const o=[{segment:e[2][0]},e[3].props];let r={$$slots:{default:[yt]},$$scope:{ctx:e}};for(let e=0;e<o.length;e+=1)r=n(r,o[e]);return t=new ht({props:r}),{c(){ft(t.$$.fragment)},l(e){ot(t.$$.fragment,e)},m(e,n){rt(t,e,n),f=!0},p(e,[n]){const f=12&n?et(o,[4&n&&{segment:e[2][0]},8&n&&tt(e[3].props)]):{};311&n&&(f.$$scope={dirty:n,ctx:e}),t.$set(f)},i(e){f||(Ke(t.$$.fragment,e),f=!0)},o(e){Fe(t.$$.fragment,e),f=!1},d(e){st(t,e)}}}function jt(e,t,n){let{stores:f}=t,{error:o}=t,{status:r}=t,{segments:s}=t,{level0:i}=t,{level1:c=null}=t,{level2:a=null}=t,{notify:l}=t;var u;return u=l,Pe().$$.after_update.push(u),ye(_t,f),e.$$set=e=>{"stores"in e&&n(6,f=e.stores),"error"in e&&n(0,o=e.error),"status"in e&&n(1,r=e.status),"segments"in e&&n(2,s=e.segments),"level0"in e&&n(3,i=e.level0),"level1"in e&&n(4,c=e.level1),"level2"in e&&n(5,a=e.level2),"notify"in e&&n(7,l=e.notify)},[o,r,s,i,c,a,f,l]}class It extends at{constructor(e){super(),ct(this,e,jt,Ct,i,{stores:6,error:0,status:1,segments:2,level0:3,level1:4,level2:5,notify:7})}}const vt=[],Tt=[{js:()=>Promise.all([import("./index.e26e9cd7.js"),__inject_styles(["button-00dad5c4.css","card-8c29b4bb.css","subhead-0a618575.css","text-field-02b3c03b.css","radio-button-c2103ad3.css","radio-group-81700fe9.css","checkbox-ad14e938.css","checkbox-group-1dcd50f7.css","dropdown-bd15e717.css","switch-cc3afc23.css","chip-f8706e31.css","radio-chip-92b65bc3.css","radio-chip-group-14098d62.css","checkbox-chip-084dc1b9.css","checkbox-chip-group-14098d62.css","accordion-section-0252b389.css","modal-cc12f30d.css","label-80bd345d.css","table-5fc11a35.css","tab-182d5aba.css","tabs-0c50dbbb.css","dot-828763f8.css","divider-63da41a9.css","snackbar-7eb85ef0.css","star-rating-8a706d86.css","dialog-1b6f27ab.css","popover-1d6d4d80.css","popover-button-877eb4d7.css","file-input-613c787e.css","file-tile-b3753d1d.css","file-dropzone-d14af357.css","calendar-a20becc1.css","date-picker-fc3df446.css","time-picker-0982fd05.css","form-field-eca10035.css","loading-0b856d23.css","autocomplete-option-c8b73499.css","autocomplete-field-e04fe3a8.css","autocomplete-f5c17156.css","badge-bdbb1862.css","breadcrumbs-c35afc8f.css","pagination-121bc747.css","slider-dd4ec7e1.css","index-f552dbeb.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./_layout.00c9ee93.js"),__inject_styles(["button-00dad5c4.css","breadcrumbs-c35afc8f.css","dropdown-bd15e717.css","tab-182d5aba.css","accordion-section-0252b389.css","_layout-5c5a4906.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./index.43e68bf4.js"),__inject_styles(["layout-8e1ef5b9.css","ul-82208b9a.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./custom-elements.171ed626.js"),__inject_styles(["layout-8e1ef5b9.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./migration-guide.9250112d.js"),__inject_styles(["layout-8e1ef5b9.css","h2-af7b8c59.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./installation.8077cb29.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","tab-182d5aba.css","tabs-0c50dbbb.css","label-80bd345d.css","copyable-code-28a0f74e.css","installation-41b9ba7c.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./autocomplete-option.3b716a81.js"),__inject_styles(["layout-8e1ef5b9.css","autocomplete-option-c8b73499.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./checkbox-chip-group.5b5264a6.js"),__inject_styles(["layout-8e1ef5b9.css","checkbox-chip-084dc1b9.css","checkbox-chip-group-14098d62.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./autocomplete-field.f6b367d4.js"),__inject_styles(["layout-8e1ef5b9.css","dropdown-bd15e717.css","button-00dad5c4.css","loading-0b856d23.css","autocomplete-option-c8b73499.css","autocomplete-field-e04fe3a8.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","autocomplete-field-a7e9e263.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./snackbar-container.18608f95.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","snackbar-7eb85ef0.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","card-8c29b4bb.css","related-components-3b88a506.css","ul-82208b9a.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./accordion-section.f50fee33.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","accordion-section-0252b389.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","accordion-section-b4845174.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./radio-chip-group.28cabddc.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","radio-chip-92b65bc3.css","radio-chip-group-14098d62.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./checkbox-group.9eec4075.js"),__inject_styles(["layout-8e1ef5b9.css","checkbox-ad14e938.css","checkbox-group-1dcd50f7.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","card-8c29b4bb.css","related-components-3b88a506.css","color-preview-dae771a6.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","checkbox-group-d674ad69.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./dropdown-shell.bd7e5faf.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","dropdown-bd15e717.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","dropdown-shell-b030b22a.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./popover-button.57ef9f3b.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","popover-1d6d4d80.css","popover-button-877eb4d7.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","shadow-preview-8f373d1e.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./checkbox-chip.843f9214.js"),__inject_styles(["layout-8e1ef5b9.css","checkbox-chip-084dc1b9.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","checkbox-chip-a57ac15c.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./file-dropzone.d4c713a1.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","file-tile-b3753d1d.css","file-dropzone-d14af357.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","popover-1d6d4d80.css","shadow-preview-8f373d1e.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","file-dropzone-e3e07ae7.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./autocomplete.3d85732e.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","chip-f8706e31.css","dropdown-bd15e717.css","loading-0b856d23.css","autocomplete-option-c8b73499.css","autocomplete-field-e04fe3a8.css","autocomplete-f5c17156.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","autocomplete-a7e9e263.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./radio-button.de297014.js"),__inject_styles(["layout-8e1ef5b9.css","radio-button-c2103ad3.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./breadcrumbs.b7f0270a.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","chip-f8706e31.css","breadcrumbs-c35afc8f.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./date-picker.115fae37.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","text-field-02b3c03b.css","dropdown-bd15e717.css","calendar-a20becc1.css","date-picker-fc3df446.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","popover-1d6d4d80.css","shadow-preview-8f373d1e.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","date-picker-c1a7c2e7.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./radio-group.f21f4813.js"),__inject_styles(["layout-8e1ef5b9.css","radio-button-c2103ad3.css","radio-group-81700fe9.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","radio-group-b76d3ad4.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./star-rating.fae16850.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","star-rating-8a706d86.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./time-picker.182aad83.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","label-80bd345d.css","text-field-02b3c03b.css","dropdown-bd15e717.css","tab-182d5aba.css","time-picker-0982fd05.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","popover-1d6d4d80.css","shadow-preview-8f373d1e.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","time-picker-a6acbd1d.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./file-input.c1ad6f27.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","file-input-613c787e.css","file-tile-b3753d1d.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","file-input-95dfbf7b.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./form-field.f4d613fb.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","text-field-02b3c03b.css","switch-cc3afc23.css","form-field-eca10035.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","form-field-a7e9e263.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./pagination.85687501.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","text-field-02b3c03b.css","pagination-121bc747.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./radio-chip.8c9e8504.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","radio-chip-92b65bc3.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","radio-chip-a57ac15c.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./text-field.96c93937.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","text-field-02b3c03b.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","text-field-140b4d4d.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./typography.f073f943.js"),__inject_styles(["layout-8e1ef5b9.css","subhead-0a618575.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./accordion.0425a0fb.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","accordion-section-0252b389.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","accordion-b4845174.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./file-tile.02de9ba2.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","file-tile-b3753d1d.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","popover-1d6d4d80.css","shadow-preview-8f373d1e.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","file-tile-95dfbf7b.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./calendar.445ca53b.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","calendar-a20becc1.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./checkbox.a3d1bd39.js"),__inject_styles(["layout-8e1ef5b9.css","checkbox-ad14e938.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./dropdown.d797a15c.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","dropdown-bd15e717.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","popover-1d6d4d80.css","shadow-preview-8f373d1e.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","dropdown-b030b22a.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./snackbar.08a95ab7.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","snackbar-7eb85ef0.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","popover-1d6d4d80.css","shadow-preview-8f373d1e.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","snackbar-53ccead6.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./divider.ebcefaaf.js"),__inject_styles(["layout-8e1ef5b9.css","divider-63da41a9.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./loading.13a3d6a1.js"),__inject_styles(["layout-8e1ef5b9.css","loading-0b856d23.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./popover.5c43b946.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","popover-1d6d4d80.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./button.418e95ca.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","copyable-code-28a0f74e.css","label-80bd345d.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","popover-1d6d4d80.css","shadow-preview-8f373d1e.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","button-231e7b4e.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./dialog.8a4c71ee.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","dialog-1b6f27ab.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","popover-1d6d4d80.css","shadow-preview-8f373d1e.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./slider.60bf8240.js"),__inject_styles(["layout-8e1ef5b9.css","slider-dd4ec7e1.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","h3-c29d4685.css","table-4b993a74.css","h2-af7b8c59.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./switch.9d04d675.js"),__inject_styles(["layout-8e1ef5b9.css","switch-cc3afc23.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./badge.8f22ec2e.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","badge-bdbb1862.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","popover-1d6d4d80.css","shadow-preview-8f373d1e.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./modal.d93132a1.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","modal-cc12f30d.css","dialog-1b6f27ab.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./table.8e98240c.js"),__inject_styles(["layout-8e1ef5b9.css","label-80bd345d.css","table-5fc11a35.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./card.296f67fc.js"),__inject_styles(["layout-8e1ef5b9.css","card-8c29b4bb.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","popover-1d6d4d80.css","shadow-preview-8f373d1e.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./chip.88f40a4b.js"),__inject_styles(["layout-8e1ef5b9.css","chip-f8706e31.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","chip-a57ac15c.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./tabs.a8d9b606.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","tab-182d5aba.css","tabs-0c50dbbb.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./dot.376eae02.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","dot-828763f8.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./tab.e6473c76.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","tab-182d5aba.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./changelog.9b6cfd5e.js"),__inject_styles(["layout-8e1ef5b9.css","h2-af7b8c59.css","h3-c29d4685.css","ul-82208b9a.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./utilities.1f2e532b.js"),__inject_styles(["layout-8e1ef5b9.css","label-80bd345d.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./theming.035e44f5.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","copyable-code-28a0f74e.css","h2-af7b8c59.css"])]).then((function(e){return e[0]}))}],At=[{pattern:/^\/$/,parts:[{i:0}]},{pattern:/^\/docs\/?$/,parts:[{i:1},{i:2}]},{pattern:/^\/docs\/custom-elements\/?$/,parts:[{i:1},{i:3}]},{pattern:/^\/docs\/migration-guide\/?$/,parts:[{i:1},{i:4}]},{pattern:/^\/docs\/installation\/?$/,parts:[{i:1},{i:5}]},{pattern:/^\/docs\/components\/autocomplete-option\/?$/,parts:[{i:1},null,{i:6}]},{pattern:/^\/docs\/components\/checkbox-chip-group\/?$/,parts:[{i:1},null,{i:7}]},{pattern:/^\/docs\/components\/autocomplete-field\/?$/,parts:[{i:1},null,{i:8}]},{pattern:/^\/docs\/components\/snackbar-container\/?$/,parts:[{i:1},null,{i:9}]},{pattern:/^\/docs\/components\/accordion-section\/?$/,parts:[{i:1},null,{i:10}]},{pattern:/^\/docs\/components\/radio-chip-group\/?$/,parts:[{i:1},null,{i:11}]},{pattern:/^\/docs\/components\/checkbox-group\/?$/,parts:[{i:1},null,{i:12}]},{pattern:/^\/docs\/components\/dropdown-shell\/?$/,parts:[{i:1},null,{i:13}]},{pattern:/^\/docs\/components\/popover-button\/?$/,parts:[{i:1},null,{i:14}]},{pattern:/^\/docs\/components\/checkbox-chip\/?$/,parts:[{i:1},null,{i:15}]},{pattern:/^\/docs\/components\/file-dropzone\/?$/,parts:[{i:1},null,{i:16}]},{pattern:/^\/docs\/components\/autocomplete\/?$/,parts:[{i:1},null,{i:17}]},{pattern:/^\/docs\/components\/radio-button\/?$/,parts:[{i:1},null,{i:18}]},{pattern:/^\/docs\/components\/breadcrumbs\/?$/,parts:[{i:1},null,{i:19}]},{pattern:/^\/docs\/components\/date-picker\/?$/,parts:[{i:1},null,{i:20}]},{pattern:/^\/docs\/components\/radio-group\/?$/,parts:[{i:1},null,{i:21}]},{pattern:/^\/docs\/components\/star-rating\/?$/,parts:[{i:1},null,{i:22}]},{pattern:/^\/docs\/components\/time-picker\/?$/,parts:[{i:1},null,{i:23}]},{pattern:/^\/docs\/components\/file-input\/?$/,parts:[{i:1},null,{i:24}]},{pattern:/^\/docs\/components\/form-field\/?$/,parts:[{i:1},null,{i:25}]},{pattern:/^\/docs\/components\/pagination\/?$/,parts:[{i:1},null,{i:26}]},{pattern:/^\/docs\/components\/radio-chip\/?$/,parts:[{i:1},null,{i:27}]},{pattern:/^\/docs\/components\/text-field\/?$/,parts:[{i:1},null,{i:28}]},{pattern:/^\/docs\/components\/typography\/?$/,parts:[{i:1},null,{i:29}]},{pattern:/^\/docs\/components\/accordion\/?$/,parts:[{i:1},null,{i:30}]},{pattern:/^\/docs\/components\/file-tile\/?$/,parts:[{i:1},null,{i:31}]},{pattern:/^\/docs\/components\/calendar\/?$/,parts:[{i:1},null,{i:32}]},{pattern:/^\/docs\/components\/checkbox\/?$/,parts:[{i:1},null,{i:33}]},{pattern:/^\/docs\/components\/dropdown\/?$/,parts:[{i:1},null,{i:34}]},{pattern:/^\/docs\/components\/snackbar\/?$/,parts:[{i:1},null,{i:35}]},{pattern:/^\/docs\/components\/divider\/?$/,parts:[{i:1},null,{i:36}]},{pattern:/^\/docs\/components\/loading\/?$/,parts:[{i:1},null,{i:37}]},{pattern:/^\/docs\/components\/popover\/?$/,parts:[{i:1},null,{i:38}]},{pattern:/^\/docs\/components\/button\/?$/,parts:[{i:1},null,{i:39}]},{pattern:/^\/docs\/components\/dialog\/?$/,parts:[{i:1},null,{i:40}]},{pattern:/^\/docs\/components\/slider\/?$/,parts:[{i:1},null,{i:41}]},{pattern:/^\/docs\/components\/switch\/?$/,parts:[{i:1},null,{i:42}]},{pattern:/^\/docs\/components\/badge\/?$/,parts:[{i:1},null,{i:43}]},{pattern:/^\/docs\/components\/modal\/?$/,parts:[{i:1},null,{i:44}]},{pattern:/^\/docs\/components\/table\/?$/,parts:[{i:1},null,{i:45}]},{pattern:/^\/docs\/components\/card\/?$/,parts:[{i:1},null,{i:46}]},{pattern:/^\/docs\/components\/chip\/?$/,parts:[{i:1},null,{i:47}]},{pattern:/^\/docs\/components\/tabs\/?$/,parts:[{i:1},null,{i:48}]},{pattern:/^\/docs\/components\/dot\/?$/,parts:[{i:1},null,{i:49}]},{pattern:/^\/docs\/components\/tab\/?$/,parts:[{i:1},null,{i:50}]},{pattern:/^\/docs\/changelog\/?$/,parts:[{i:1},{i:51}]},{pattern:/^\/docs\/utilities\/?$/,parts:[{i:1},{i:52}]},{pattern:/^\/docs\/theming\/?$/,parts:[{i:1},{i:53}]}];
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+function Rt(e,t,n,f){return new(n||(n=Promise))((function(o,r){function s(e){try{c(f.next(e))}catch(e){r(e)}}function i(e){try{c(f.throw(e))}catch(e){r(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(s,i)}c((f=f.apply(e,t||[])).next())}))}function xt(e){for(;e&&"A"!==e.nodeName.toUpperCase();)e=e.parentNode;return e}let Ot,wt=1;const Jt="undefined"!=typeof history?history:{pushState:()=>{},replaceState:()=>{},scrollRestoration:"auto"},kt={};let Lt,Mt;const Ut=e=>"undefined"!=typeof URLSearchParams?[...new URLSearchParams(e).entries()]:e.slice(1).split("&").map((e=>{const[,t,n=""]=/([^=]*)(?:=([\S\s]*))?/.exec(decodeURIComponent(e.replace(/\+/g," ")));return[t,n]}));function Dt(e){const t=Object.create(null);return e.length?Ut(e).reduce(((e,[t,n])=>("string"==typeof e[t]&&(e[t]=[e[t]]),"object"==typeof e[t]?e[t].push(n):e[t]=n,e)),t):t}function qt(e){if(e.origin!==location.origin)return null;if(!e.pathname.startsWith(Lt))return null;let t=e.pathname.slice(Lt.length);if(""===t&&(t="/"),!vt.some((e=>e.test(t))))for(let n=0;n<At.length;n+=1){const f=At[n],o=f.pattern.exec(t);if(o){const n=Dt(e.search),r=f.parts[f.parts.length-1],s=r.params?r.params(o):{},i={host:location.host,path:t,query:n,params:s};return{href:e.href,route:f,match:o,page:i}}}}function zt(e){if(1!==function(e){return null===e.which?e.button:e.which}(e))return;if(e.metaKey||e.ctrlKey||e.shiftKey||e.altKey)return;if(e.defaultPrevented)return;const t=xt(e.target);if(!t)return;if(!t.href)return;const n="object"==typeof t.href&&"SVGAnimatedString"===t.href.constructor.name,f=String(n?t.href.baseVal:t.href);if(f===location.href)return void(location.hash||e.preventDefault());if(t.hasAttribute("download")||"external"===t.getAttribute("rel"))return;if(n?t.target.baseVal:t.target)return;const o=new URL(f);if(o.pathname===location.pathname&&o.search===location.search)return;const r=qt(o);if(r){Kt(r,null,t.hasAttribute("sapper:noscroll"),o.hash),e.preventDefault(),Jt.pushState({id:Ot},"",o.href)}}function Bt(){return{x:pageXOffset,y:pageYOffset}}function Ht(e){if(kt[Ot]=Bt(),e.state){const t=qt(new URL(location.href));t?Kt(t,e.state.id):location.href=location.href}else wt=wt+1,function(e){Ot=e}(wt),Jt.replaceState({id:Ot},"",location.href)}function Kt(e,t,n,f){return Rt(this,void 0,void 0,(function*(){const o=!!t;if(o)Ot=t;else{const e=Bt();kt[Ot]=e,Ot=t=++wt,kt[Ot]=n?e:{x:0,y:0}}if(yield Mt(e),document.activeElement&&document.activeElement instanceof HTMLElement&&document.activeElement.blur(),!n){let e,n=kt[t];f&&(e=document.getElementById(f.slice(1)),e&&(n={x:0,y:e.getBoundingClientRect().top+scrollY})),kt[Ot]=n,n&&(o||e)?scrollTo(n.x,n.y):scrollTo(0,0)}}))}function Ft(e){let t=e.baseURI;if(!t){const n=e.getElementsByTagName("base");t=n.length?n[0].href:e.URL}return t}let Gt,Vt=null;function Wt(e){const t=xt(e.target);t&&t.hasAttribute("sapper:prefetch")&&function(e){const t=qt(new URL(e,Ft(document)));if(t)Vt&&e===Vt.href||(Vt={href:e,promise:dn(t)}),Vt.promise}(t.href)}function Yt(e){clearTimeout(Gt),Gt=setTimeout((()=>{Wt(e)}),20)}function Xt(e,t={noscroll:!1,replaceState:!1}){const n=qt(new URL(e,Ft(document)));if(n){const f=Kt(n,null,t.noscroll);return Jt[t.replaceState?"replaceState":"pushState"]({id:Ot},"",e),f}return location.href=e,new Promise((()=>{}))}const Qt="undefined"!=typeof __SAPPER__&&__SAPPER__;let Zt,en,tn,nn=!1,fn=[],on="{}";const rn={page:function(e){const t=ut(e);let n=!0;return{notify:function(){n=!0,t.update((e=>e))},set:function(e){n=!1,t.set(e)},subscribe:function(e){let f;return t.subscribe((t=>{(void 0===f||n&&t!==f)&&e(f=t)}))}}}({}),preloading:ut(null),session:ut(Qt&&Qt.session)};let sn,cn,an;function ln(e,t){const{error:n}=e;return Object.assign({error:n},t)}function un(e){return Rt(this,void 0,void 0,(function*(){Zt&&rn.preloading.set(!0);const t=function(e){return Vt&&Vt.href===e.href?Vt.promise:dn(e)}(e),n=en={},f=yield t,{redirect:o}=f;if(n===en)if(o)yield Xt(o.location,{replaceState:!0});else{const{props:t,branch:n}=f;yield _n(n,t,ln(t,e.page))}}))}function _n(e,t,n){return Rt(this,void 0,void 0,(function*(){rn.page.set(n),rn.preloading.set(!1),Zt?Zt.$set(t):(t.stores={page:{subscribe:rn.page.subscribe},preloading:{subscribe:rn.preloading.subscribe},session:rn.session},t.level0={props:yield tn},t.notify=rn.page.notify,Zt=new It({target:an,props:t,hydrate:!0})),fn=e,on=JSON.stringify(n.query),nn=!0,cn=!1}))}function dn(e){return Rt(this,void 0,void 0,(function*(){const{route:t,page:n}=e,f=n.path.split("/").filter(Boolean);let o=null;const r={error:null,status:200,segments:[f[0]]},s={fetch:(e,t)=>fetch(e,t),redirect:(e,t)=>{if(o&&(o.statusCode!==e||o.location!==t))throw new Error("Conflicting redirects");o={statusCode:e,location:t}},error:(e,t)=>{r.error="string"==typeof t?new Error(t):t,r.status=e}};if(!tn){const e=()=>({});tn=Qt.preloaded[0]||e.call(s,{host:n.host,path:n.path,query:n.query,params:{}},sn)}let i,c=1;try{const o=JSON.stringify(n.query),a=t.pattern.exec(n.path);let l=!1;i=yield Promise.all(t.parts.map(((t,i)=>Rt(this,void 0,void 0,(function*(){const u=f[i];if(function(e,t,n,f){if(f!==on)return!0;const o=fn[e];return!!o&&(t!==o.segment||!(!o.match||JSON.stringify(o.match.slice(1,e+2))===JSON.stringify(n.slice(1,e+2)))||void 0)}(i,u,a,o)&&(l=!0),r.segments[c]=f[i+1],!t)return{segment:u};const _=c++;let d;if(cn||l||!fn[i]||fn[i].part!==t.i){l=!1;const{default:f,preload:o}=yield Tt[t.i].js();let r;r=nn||!Qt.preloaded[i+1]?o?yield o.call(s,{host:n.host,path:n.path,query:n.query,params:t.params?t.params(e.match):{}},sn):{}:Qt.preloaded[i+1],d={component:f,props:r,segment:u,match:a,part:t.i}}else d=fn[i];return r[`level${_}`]=d})))))}catch(e){r.error=e,r.status=500,i=[]}return{redirect:o,props:r,branch:i}}))}rn.session.subscribe((e=>Rt(void 0,void 0,void 0,(function*(){if(sn=e,!nn)return;cn=!0;const t=qt(new URL(location.href)),n=en={},{redirect:f,props:o,branch:r}=yield dn(t);n===en&&(f?yield Xt(f.location,{replaceState:!0}):yield _n(r,o,ln(o,t.page)))}))));const pn=()=>Ce(_t);var hn,mn,bn;hn={target:document.querySelector("body")},mn=hn.target,an=mn,bn=Qt.baseUrl,Lt=bn,Mt=un,"scrollRestoration"in Jt&&(Jt.scrollRestoration="manual"),addEventListener("beforeunload",(()=>{Jt.scrollRestoration="auto"})),addEventListener("load",(()=>{Jt.scrollRestoration="manual"})),addEventListener("click",zt),addEventListener("popstate",Ht),addEventListener("touchstart",Wt),addEventListener("mousemove",Yt),Qt.error?Promise.resolve().then((()=>function(){const{host:e,pathname:t,search:n}=location,{session:f,preloaded:o,status:r,error:s}=Qt;tn||(tn=o&&o[0]);const i={error:s,status:r,session:f,level0:{props:tn},level1:{props:{status:r,error:s},component:$t},segments:o},c=Dt(n);_n([],i,{host:e,path:t,query:c,params:{},error:s})}())):Promise.resolve().then((()=>{const{hash:e,href:t}=location;Jt.replaceState({id:wt},"",t);const n=qt(new URL(location.href));if(n)return Kt(n,wt,!0,e)}));export{nt as $,se as A,Xt as B,We as C,Ye as D,Ee as E,ue as F,a as G,q as H,b as I,Ne as J,n as K,m as L,u as M,V as N,ae as O,$ as P,p as Q,h as R,at as S,d as T,et as U,s as V,r as W,g as X,ve as Y,Ze as Z,Qe as _,M as a,tt as a0,we as a1,je as a2,W as a3,ye as a4,ut as a5,Ce as a6,l as a7,K as a8,k as a9,S as aa,Oe as ab,Ve as ac,H as ad,B as ae,Xe as af,ie as ag,E as ah,j as ai,t as aj,I as ak,pn as al,de as am,re as an,ce as ao,Y as b,te as c,J as d,F as e,w as f,x as g,L as h,ct as i,ft as j,ee as k,ot as l,rt as m,e as n,z as o,Fe as p,st as q,pe as r,i as s,Ke as t,D as u,U as v,fe as w,ne as x,Be as y,He as z};
+
+import __inject_styles from './inject_styles.803b7e80.js';
\ No newline at end of file
diff --git a/376/client/color-picker-styles.7cf55314.js b/376/client/color-picker-styles.7cf55314.js
new file mode 100644
index 000000000..acd3f6326
--- /dev/null
+++ b/376/client/color-picker-styles.7cf55314.js
@@ -0,0 +1 @@
+function r(r){if(null==r)return null;if(7!==r.length)return console.error("Values of colored radio groups must be #XXXXXX hex colors."),null;let e,o,n,l,s,t;const $=e=parseInt(r.slice(1,3),16),c=o=parseInt(r.slice(3,5),16),u=n=parseInt(r.slice(5,7),16);l=s=t=255;return e>240&&o>240&&n>240&&(e=o=n=l=s=t=153),`background-color: rgb(${$}, ${c}, ${u});\n          border-color: rgb(${e}, ${o}, ${n});\n          --r: ${e}; --g: ${o}; --b: ${n};\n          --before-r: ${l};\n          --before-g: ${s};\n          --before-b: ${t};`}export{r as g};
diff --git a/376/client/color-preview-dae771a6.css b/376/client/color-preview-dae771a6.css
new file mode 100644
index 000000000..c2eb7048f
--- /dev/null
+++ b/376/client/color-preview-dae771a6.css
@@ -0,0 +1 @@
+.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono", monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:0.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}
diff --git a/376/client/color-preview.278d2729.js b/376/client/color-preview.278d2729.js
new file mode 100644
index 000000000..2b416b220
--- /dev/null
+++ b/376/client/color-preview.278d2729.js
@@ -0,0 +1 @@
+import{S as s,i as a,s as e,h as r,u as o,v as t,k as d,b as c,d as l,w as u,x as i,e as n,ao as v,O as b,f as h,g as f,A as p,n as g}from"./client.0d36a0cf.js";function k(s){let a,e,k,m;return{c(){a=r("div"),e=r("div"),k=o(),m=t(s[0]),this.h()},l(r){a=d(r,"DIV",{class:!0});var o=c(a);e=d(o,"DIV",{class:!0,style:!0}),c(e).forEach(l),k=u(o),m=i(o,s[0]),o.forEach(l),this.h()},h(){n(e,"class","color svelte-oytuu9"),v(e,"background",s[0]),b(e,"bordered",s[1]),n(a,"class","preview svelte-oytuu9")},m(s,r){h(s,a,r),f(a,e),f(a,k),f(a,m)},p(s,[a]){1&a&&v(e,"background",s[0]),2&a&&b(e,"bordered",s[1]),1&a&&p(m,s[0])},i:g,o:g,d(s){s&&l(a)}}}function m(s,a,e){let{value:r}=a,{bordered:o=!1}=a;return s.$$set=s=>{"value"in s&&e(0,r=s.value),"bordered"in s&&e(1,o=s.bordered)},[r,o]}class x extends s{constructor(s){super(),a(this,s,m,k,e,{value:0,bordered:1})}}export{x as C};
diff --git a/376/client/copyable-code-28a0f74e.css b/376/client/copyable-code-28a0f74e.css
new file mode 100644
index 000000000..75af5bd6f
--- /dev/null
+++ b/376/client/copyable-code-28a0f74e.css
@@ -0,0 +1 @@
+.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:0.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:0.8em;font-weight:500;padding:0.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:0.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:0.3em;top:0.3em}
diff --git a/376/client/copyable-code.1fddc954.js b/376/client/copyable-code.1fddc954.js
new file mode 100644
index 000000000..801120503
--- /dev/null
+++ b/376/client/copyable-code.1fddc954.js
@@ -0,0 +1,15 @@
+import{S as e,i as t,s as n,a as i,c as r,b as s,d as o,e as l,f as a,g as c,n as h,M as u,h as d,u as f,j as p,k as m,w as v,l as w,m as x,y as g,p as y,z as $,t as k,Q as b,R as E,T as z,q as C,E as W,H as j,Y as D,v as T,x as B,A as I}from"./client.0d36a0cf.js";import{B as S}from"./button.743a388a.js";function A(e){let t,n,u;return{c(){t=i("svg"),n=i("polyline"),this.h()},l(e){t=r(e,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var i=s(t);n=r(i,"polyline",{points:!0}),s(n).forEach(o),i.forEach(o),this.h()},h(){l(n,"points","20 6 9 17 4 12"),l(t,"xmlns","http://www.w3.org/2000/svg"),l(t,"width",e[0]),l(t,"height",e[0]),l(t,"fill","none"),l(t,"viewBox","0 0 24 24"),l(t,"stroke","currentColor"),l(t,"stroke-width",e[1]),l(t,"stroke-linecap","round"),l(t,"stroke-linejoin","round"),l(t,"class",u="feather feather-check "+e[2])},m(e,i){a(e,t,i),c(t,n)},p(e,[n]){1&n&&l(t,"width",e[0]),1&n&&l(t,"height",e[0]),2&n&&l(t,"stroke-width",e[1]),4&n&&u!==(u="feather feather-check "+e[2])&&l(t,"class",u)},i:h,o:h,d(e){e&&o(t)}}}function R(e,t,n){let{size:i="100%"}=t,{strokeWidth:r=2}=t,{class:s=""}=t;return"100%"!==i&&(i="x"===i.slice(-1)?i.slice(0,i.length-1)+"em":parseInt(i)+"px"),e.$$set=e=>{"size"in e&&n(0,i=e.size),"strokeWidth"in e&&n(1,r=e.strokeWidth),"class"in e&&n(2,s=e.class)},[i,r,s]}class V extends e{constructor(e){super(),t(this,e,R,A,n,{size:0,strokeWidth:1,class:2})}}function H(e){let t,n,u,d;return{c(){t=i("svg"),n=i("rect"),u=i("path"),this.h()},l(e){t=r(e,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var i=s(t);n=r(i,"rect",{x:!0,y:!0,width:!0,height:!0,rx:!0,ry:!0}),s(n).forEach(o),u=r(i,"path",{d:!0}),s(u).forEach(o),i.forEach(o),this.h()},h(){l(n,"x","9"),l(n,"y","9"),l(n,"width","13"),l(n,"height","13"),l(n,"rx","2"),l(n,"ry","2"),l(u,"d","M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"),l(t,"xmlns","http://www.w3.org/2000/svg"),l(t,"width",e[0]),l(t,"height",e[0]),l(t,"fill","none"),l(t,"viewBox","0 0 24 24"),l(t,"stroke","currentColor"),l(t,"stroke-width",e[1]),l(t,"stroke-linecap","round"),l(t,"stroke-linejoin","round"),l(t,"class",d="feather feather-copy "+e[2])},m(e,i){a(e,t,i),c(t,n),c(t,u)},p(e,[n]){1&n&&l(t,"width",e[0]),1&n&&l(t,"height",e[0]),2&n&&l(t,"stroke-width",e[1]),4&n&&d!==(d="feather feather-copy "+e[2])&&l(t,"class",d)},i:h,o:h,d(e){e&&o(t)}}}function M(e,t,n){let{size:i="100%"}=t,{strokeWidth:r=2}=t,{class:s=""}=t;return"100%"!==i&&(i="x"===i.slice(-1)?i.slice(0,i.length-1)+"em":parseInt(i)+"px"),e.$$set=e=>{"size"in e&&n(0,i=e.size),"strokeWidth"in e&&n(1,r=e.strokeWidth),"class"in e&&n(2,s=e.class)},[i,r,s]}class N extends e{constructor(e){super(),t(this,e,M,H,n,{size:0,strokeWidth:1,class:2})}}function L(e){let t,n,u,d,f,p,m;return{c(){t=i("svg"),n=i("path"),u=i("polyline"),d=i("line"),f=i("line"),p=i("polyline"),this.h()},l(e){t=r(e,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var i=s(t);n=r(i,"path",{d:!0}),s(n).forEach(o),u=r(i,"polyline",{points:!0}),s(u).forEach(o),d=r(i,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),s(d).forEach(o),f=r(i,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),s(f).forEach(o),p=r(i,"polyline",{points:!0}),s(p).forEach(o),i.forEach(o),this.h()},h(){l(n,"d","M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"),l(u,"points","14 2 14 8 20 8"),l(d,"x1","16"),l(d,"y1","13"),l(d,"x2","8"),l(d,"y2","13"),l(f,"x1","16"),l(f,"y1","17"),l(f,"x2","8"),l(f,"y2","17"),l(p,"points","10 9 9 9 8 9"),l(t,"xmlns","http://www.w3.org/2000/svg"),l(t,"width",e[0]),l(t,"height",e[0]),l(t,"fill","none"),l(t,"viewBox","0 0 24 24"),l(t,"stroke","currentColor"),l(t,"stroke-width",e[1]),l(t,"stroke-linecap","round"),l(t,"stroke-linejoin","round"),l(t,"class",m="feather feather-file-text "+e[2])},m(e,i){a(e,t,i),c(t,n),c(t,u),c(t,d),c(t,f),c(t,p)},p(e,[n]){1&n&&l(t,"width",e[0]),1&n&&l(t,"height",e[0]),2&n&&l(t,"stroke-width",e[1]),4&n&&m!==(m="feather feather-file-text "+e[2])&&l(t,"class",m)},i:h,o:h,d(e){e&&o(t)}}}function q(e,t,n){let{size:i="100%"}=t,{strokeWidth:r=2}=t,{class:s=""}=t;return"100%"!==i&&(i="x"===i.slice(-1)?i.slice(0,i.length-1)+"em":parseInt(i)+"px"),e.$$set=e=>{"size"in e&&n(0,i=e.size),"strokeWidth"in e&&n(1,r=e.strokeWidth),"class"in e&&n(2,s=e.class)},[i,r,s]}class G extends e{constructor(e){super(),t(this,e,q,L,n,{size:0,strokeWidth:1,class:2})}}function O(e){let t,n,u,d;return{c(){t=i("svg"),n=i("polyline"),u=i("line"),this.h()},l(e){t=r(e,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var i=s(t);n=r(i,"polyline",{points:!0}),s(n).forEach(o),u=r(i,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),s(u).forEach(o),i.forEach(o),this.h()},h(){l(n,"points","4 17 10 11 4 5"),l(u,"x1","12"),l(u,"y1","19"),l(u,"x2","20"),l(u,"y2","19"),l(t,"xmlns","http://www.w3.org/2000/svg"),l(t,"width",e[0]),l(t,"height",e[0]),l(t,"fill","none"),l(t,"viewBox","0 0 24 24"),l(t,"stroke","currentColor"),l(t,"stroke-width",e[1]),l(t,"stroke-linecap","round"),l(t,"stroke-linejoin","round"),l(t,"class",d="feather feather-terminal "+e[2])},m(e,i){a(e,t,i),c(t,n),c(t,u)},p(e,[n]){1&n&&l(t,"width",e[0]),1&n&&l(t,"height",e[0]),2&n&&l(t,"stroke-width",e[1]),4&n&&d!==(d="feather feather-terminal "+e[2])&&l(t,"class",d)},i:h,o:h,d(e){e&&o(t)}}}function P(e,t,n){let{size:i="100%"}=t,{strokeWidth:r=2}=t,{class:s=""}=t;return"100%"!==i&&(i="x"===i.slice(-1)?i.slice(0,i.length-1)+"em":parseInt(i)+"px"),e.$$set=e=>{"size"in e&&n(0,i=e.size),"strokeWidth"in e&&n(1,r=e.strokeWidth),"class"in e&&n(2,s=e.class)},[i,r,s]}class Q extends e{constructor(e){super(),t(this,e,P,O,n,{size:0,strokeWidth:1,class:2})}}
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */function Y(e,t,n,i){return new(n||(n=Promise))((function(r,s){function o(e){try{a(i.next(e))}catch(e){s(e)}}function l(e){try{a(i.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,l)}a((i=i.apply(e,t||[])).next())}))}function F(e,t){var n,i,r,s,o={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return s={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(s[Symbol.iterator]=function(){return this}),s;function l(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o;)try{if(n=1,i&&(r=2&s[0]?i.return:s[0]?i.throw||((r=i.return)&&r.call(i),0):i.next)&&!(r=r.call(i,s[1])).done)return r;switch(i=0,r&&(s=[2&s[0],r.value]),s[0]){case 0:case 1:r=s;break;case 4:return o.label++,{value:s[1],done:!1};case 5:o.label++,i=s[1],s=[0];continue;case 7:s=o.ops.pop(),o.trys.pop();continue;default:if(!((r=(r=o.trys).length>0&&r[r.length-1])||6!==s[0]&&2!==s[0])){o=0;continue}if(3===s[0]&&(!r||s[1]>r[0]&&s[1]<r[3])){o.label=s[1];break}if(6===s[0]&&o.label<r[1]){o.label=r[1],r=s;break}if(r&&o.label<r[2]){o.label=r[2],o.ops.push(s);break}r[2]&&o.ops.pop(),o.trys.pop();continue}s=t.call(e,o)}catch(e){s=[6,e],i=0}finally{n=r=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(function(){(console.warn||console.log).apply(console,arguments)}).bind("[clipboard-polyfill]");var J,K,U,X,Z="undefined"==typeof navigator?void 0:navigator,_=null==Z?void 0:Z.clipboard;null===(J=null==_?void 0:_.read)||void 0===J||J.bind(_),null===(K=null==_?void 0:_.readText)||void 0===K||K.bind(_),null===(U=null==_?void 0:_.write)||void 0===U||U.bind(_);var ee=null===(X=null==_?void 0:_.writeText)||void 0===X?void 0:X.bind(_),te="undefined"==typeof window?void 0:window;null==te||te.ClipboardItem;var ne=te;var ie=function(){this.success=!1};function re(e,t,n){for(var i in e.success=!0,t){var r=t[i],s=n.clipboardData;s.setData(i,r),"text/plain"===i&&s.getData(i)!==r&&(e.success=!1)}n.preventDefault()}function se(e){var t=new ie,n=re.bind(this,t,e);document.addEventListener("copy",n);try{document.execCommand("copy")}finally{document.removeEventListener("copy",n)}return t.success}function oe(e,t){le(e);var n=se(t);return ae(),n}function le(e){var t=document.getSelection();if(t){var n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}}function ae(){var e=document.getSelection();e&&e.removeAllRanges()}function ce(e){return Y(this,void 0,void 0,(function(){var t;return F(this,(function(n){if(t="text/plain"in e,"undefined"==typeof ClipboardEvent&&void 0!==ne.clipboardData&&void 0!==ne.clipboardData.setData){if(!t)throw new Error("No `text/plain` value was specified.");if(i=e["text/plain"],ne.clipboardData.setData("Text",i))return[2,!0];throw new Error("Copying failed, possibly because the user rejected it.")}var i;return se(e)||navigator.userAgent.indexOf("Edge")>-1||oe(document.body,e)||function(e){var t=document.createElement("div");t.setAttribute("style","-webkit-user-select: text !important"),t.textContent="temporary element",document.body.appendChild(t);var n=oe(t,e);return document.body.removeChild(t),n}(e)||function(e){var t=document.createElement("div");t.setAttribute("style","-webkit-user-select: text !important");var n=t;t.attachShadow&&(n=t.attachShadow({mode:"open"}));var i=document.createElement("span");i.innerText=e,n.appendChild(i),document.body.appendChild(t),le(i);var r=document.execCommand("copy");return ae(),document.body.removeChild(t),r}(e["text/plain"])?[2,!0]:[2,!1]}))}))}function he(e){let t,n,i,r;return n=new Q({props:{size:"16",class:"mr"}}),{c(){t=d("div"),p(n.$$.fragment),i=T("\n      Terminal"),this.h()},l(e){t=m(e,"DIV",{class:!0});var r=s(t);w(n.$$.fragment,r),i=B(r,"\n      Terminal"),r.forEach(o),this.h()},h(){l(t,"class","filename svelte-1wwtcst")},m(e,s){a(e,t,s),x(n,t,null),c(t,i),r=!0},p:h,i(e){r||(k(n.$$.fragment,e),r=!0)},o(e){y(n.$$.fragment,e),r=!1},d(e){e&&o(t),C(n)}}}function ue(e){let t,n,i,r,h;return n=new G({props:{size:"16",class:"mr"}}),{c(){t=d("div"),p(n.$$.fragment),i=f(),r=T(e[0]),this.h()},l(l){t=m(l,"DIV",{class:!0});var a=s(t);w(n.$$.fragment,a),i=v(a),r=B(a,e[0]),a.forEach(o),this.h()},h(){l(t,"class","filename svelte-1wwtcst")},m(e,s){a(e,t,s),x(n,t,null),c(t,i),c(t,r),h=!0},p(e,t){(!h||1&t)&&I(r,e[0])},i(e){h||(k(n.$$.fragment,e),h=!0)},o(e){y(n.$$.fragment,e),h=!1},d(e){e&&o(t),C(n)}}}function de(e){let t,n;return t=new N({props:{size:"20"}}),{c(){p(t.$$.fragment)},l(e){w(t.$$.fragment,e)},m(e,i){x(t,e,i),n=!0},i(e){n||(k(t.$$.fragment,e),n=!0)},o(e){y(t.$$.fragment,e),n=!1},d(e){C(t,e)}}}function fe(e){let t,n;return t=new V({props:{size:"20"}}),{c(){p(t.$$.fragment)},l(e){w(t.$$.fragment,e)},m(e,i){x(t,e,i),n=!0},i(e){n||(k(t.$$.fragment,e),n=!0)},o(e){y(t.$$.fragment,e),n=!1},d(e){C(t,e)}}}function pe(e){let t,n,i,r;const s=[fe,de],l=[];function c(e,t){return e[3]?0:1}return t=c(e),n=l[t]=s[t](e),{c(){n.c(),i=j()},l(e){n.l(e),i=j()},m(e,n){l[t].m(e,n),a(e,i,n),r=!0},p(e,r){let o=t;t=c(e),t!==o&&(g(),y(l[o],1,1,(()=>{l[o]=null})),$(),n=l[t],n||(n=l[t]=s[t](e),n.c()),k(n,1),n.m(i.parentNode,i))},i(e){r||(k(n),r=!0)},o(e){y(n),r=!1},d(e){l[t].d(e),e&&o(i)}}}function me(e){let t,n,i,r,h,W,j;const D=[ue,he],T=[];function B(e,t){return null!=e[0]?0:e[1]?1:-1}~(n=B(e))&&(i=T[n]=D[n](e));const I=e[5].default,A=u(I,e,e[7],null);return W=new S({props:{small:!0,round:!0,title:"Copy",$$slots:{default:[pe]},$$scope:{ctx:e}}}),W.$on("click",e[4]),{c(){t=d("div"),i&&i.c(),r=f(),A&&A.c(),h=f(),p(W.$$.fragment),this.h()},l(e){t=m(e,"DIV",{class:!0});var n=s(t);i&&i.l(n),r=v(n),A&&A.l(n),h=v(n),w(W.$$.fragment,n),n.forEach(o),this.h()},h(){l(t,"class","copyable svelte-1wwtcst")},m(i,s){a(i,t,s),~n&&T[n].m(t,null),c(t,r),A&&A.m(t,null),c(t,h),x(W,t,null),e[6](t),j=!0},p(e,[s]){let o=n;n=B(e),n===o?~n&&T[n].p(e,s):(i&&(g(),y(T[o],1,1,(()=>{T[o]=null})),$()),~n?(i=T[n],i?i.p(e,s):(i=T[n]=D[n](e),i.c()),k(i,1),i.m(t,r)):i=null),A&&A.p&&(!j||128&s)&&b(A,I,e,e[7],j?z(I,e[7],s,null):E(e[7]),null);const l={};136&s&&(l.$$scope={dirty:s,ctx:e}),W.$set(l)},i(e){j||(k(i),k(A,e),k(W.$$.fragment,e),j=!0)},o(e){y(i),y(A,e),y(W.$$.fragment,e),j=!1},d(i){i&&o(t),~n&&T[n].d(),A&&A.d(i),C(W),e[6](null)}}}function ve(e,t,n){let i,{$$slots:r={},$$scope:s}=t,o=null,l=!1,{filename:a=null}=t,{terminal:c=!1}=t;return W((()=>{const e=null==a&&0==c?0:1;o=i.children[e].textContent})),e.$$set=e=>{"filename"in e&&n(0,a=e.filename),"terminal"in e&&n(1,c=e.terminal),"$$scope"in e&&n(7,s=e.$$scope)},[a,c,i,l,async function(){if(null!=o)try{await function(e){return Y(this,void 0,void 0,(function(){return F(this,(function(t){if(ee)return[2,ee(e)];if(!ce(function(e){var t={};return t["text/plain"]=e,t}(e)))throw new Error("writeText() failed");return[2]}))}))}(o),n(3,l=!0),setTimeout((()=>n(3,l=!1)),1e3)}catch(e){console.error(e)}},r,function(e){D[e?"unshift":"push"]((()=>{i=e,n(2,i)}))},s]}class we extends e{constructor(e){super(),t(this,e,ve,me,n,{filename:0,terminal:1})}}export{we as C,V as a};
diff --git a/376/client/custom-elements.171ed626.js b/376/client/custom-elements.171ed626.js
new file mode 100644
index 000000000..6390ab76d
--- /dev/null
+++ b/376/client/custom-elements.171ed626.js
@@ -0,0 +1 @@
+import{S as n,i as s,s as a,K as t,j as p,l as o,m as e,U as c,a0 as l,t as u,p as i,q as k,L as r,u as g,h as m,w as d,k as $,b as h,d as f,e as y,f as w,v,x as b,g as x,n as E}from"./client.0d36a0cf.js";import{L as C,H as q,P as A}from"./layout.b2760304.js";function L(n){let s;return{c(){s=v("Custom Elements")},l(n){s=b(n,"Custom Elements")},m(n,a){w(n,s,a)},d(n){n&&f(s)}}}function j(n){let s,a,t,p,o,e,c;return{c(){s=v("Attractions components can also be used as Web Components directly using the "),a=m("a"),t=v("Custom Elements API"),p=v(". This use case is most convenient when a quick prototype is needed without including any frameworks or bundlers, where you just need to include a "),o=m("code"),e=v("script"),c=v(" tag and then use the components right away.\nAn example usage is as follows:"),this.h()},l(n){s=b(n,"Attractions components can also be used as Web Components directly using the "),a=$(n,"A",{href:!0,rel:!0});var l=h(a);t=b(l,"Custom Elements API"),l.forEach(f),p=b(n,". This use case is most convenient when a quick prototype is needed without including any frameworks or bundlers, where you just need to include a "),o=$(n,"CODE",{});var u=h(o);e=b(u,"script"),u.forEach(f),c=b(n," tag and then use the components right away.\nAn example usage is as follows:"),this.h()},h(){y(a,"href","https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements"),y(a,"rel","nofollow")},m(n,l){w(n,s,l),w(n,a,l),x(a,t),w(n,p,l),w(n,o,l),x(o,e),w(n,c,l)},p:E,d(n){n&&f(s),n&&f(a),n&&f(p),n&&f(o),n&&f(c)}}}function O(n){let s,a,t,p,o,e,c,l,u,i;return{c(){s=v("As shown in the example above, events must be listened to using "),a=m("code"),t=v("$on"),p=v(" and not "),o=m("code"),e=v("addEventListener"),c=v(". Additionally, props that are passed in the HTML are only limited to props with lowercase string names. For any other props, use "),l=m("code"),u=v("$$set"),i=v(".")},l(n){s=b(n,"As shown in the example above, events must be listened to using "),a=$(n,"CODE",{});var k=h(a);t=b(k,"$on"),k.forEach(f),p=b(n," and not "),o=$(n,"CODE",{});var r=h(o);e=b(r,"addEventListener"),r.forEach(f),c=b(n,". Additionally, props that are passed in the HTML are only limited to props with lowercase string names. For any other props, use "),l=$(n,"CODE",{});var g=h(l);u=b(g,"$$set"),g.forEach(f),i=b(n,".")},m(n,k){w(n,s,k),w(n,a,k),x(a,t),w(n,p,k),w(n,o,k),x(o,e),w(n,c,k),w(n,l,k),x(l,u),w(n,i,k)},p:E,d(n){n&&f(s),n&&f(a),n&&f(p),n&&f(o),n&&f(c),n&&f(l),n&&f(i)}}}function T(n){let s,a,t,c,l,r,v,b;return s=new q({props:{$$slots:{default:[L]},$$scope:{ctx:n}}}),t=new A({props:{$$slots:{default:[j]},$$scope:{ctx:n}}}),v=new A({props:{$$slots:{default:[O]},$$scope:{ctx:n}}}),{c(){p(s.$$.fragment),a=g(),p(t.$$.fragment),c=g(),l=m("pre"),r=g(),p(v.$$.fragment),this.h()},l(n){o(s.$$.fragment,n),a=d(n),o(t.$$.fragment,n),c=d(n),l=$(n,"PRE",{class:!0}),h(l).forEach(f),r=d(n),o(v.$$.fragment,n),this.h()},h(){y(l,"class","language-html")},m(n,p){e(s,n,p),w(n,a,p),e(t,n,p),w(n,c,p),w(n,l,p),l.innerHTML='<code class="language-html"><span class="token doctype"><span class="token punctuation">&lt;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/attractions<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>head</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>body</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-card</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-button</span> <span class="token attr-name">filled</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span> <span class="token attr-name">danger</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n      Alert\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-dot</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">margin-left</span><span class="token punctuation">:</span> 10px<span class="token punctuation">;</span></span><span class="token punctuation">"</span></span></span> <span class="token attr-name">attention</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>attention<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-button</span><span class="token punctuation">></span></span>\n\n    <span class="token comment">&lt;!-- camelCase props do not work (HTML is case-insensitive) --\x3e</span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-switch</span> <span class="token attr-name">slotLeft</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n      On?\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-switch</span><span class="token punctuation">></span></span>\n\n    <span class="token comment">&lt;!-- Cannot use the self-closing syntax! --\x3e</span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-divider</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-divider</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-calendar</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>calendar<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-calendar</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-card</span><span class="token punctuation">></span></span>\n\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>container<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n    <span class="token comment">&lt;!-- more elements will be injected here --\x3e</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n    <span class="token comment">// Or using the normal constructor</span>\n    <span class="token keyword">const</span> <span class="token punctuation">&#123;</span> Button <span class="token punctuation">&#125;</span> <span class="token operator">=</span> attractions<span class="token punctuation">;</span>\n    <span class="token keyword">new</span> <span class="token class-name">Button</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n      <span class="token literal-property property">target</span><span class="token operator">:</span> document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">\'container\'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n      <span class="token literal-property property">props</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n        <span class="token literal-property property">filled</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>\n      <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n\n    <span class="token keyword">const</span> calendar <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">\'calendar\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n    <span class="token comment">// Setting props that aren\'t string</span>\n    calendar<span class="token punctuation">.</span><span class="token function">$$set</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n      <span class="token literal-property property">year</span><span class="token operator">:</span> <span class="token number">2020</span><span class="token punctuation">,</span>\n      <span class="token literal-property property">month</span><span class="token operator">:</span> <span class="token number">11</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n\n    <span class="token comment">// Listening to events</span>\n    calendar<span class="token punctuation">.</span><span class="token function">$on</span><span class="token punctuation">(</span><span class="token string">\'day-select\'</span><span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token parameter">e</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">&#123;</span>\n      <span class="token function">alert</span><span class="token punctuation">(</span><span class="token template-string"><span class="token template-punctuation string">&#96;</span><span class="token string">You selected </span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">$&#123;</span>e<span class="token punctuation">.</span>detail<span class="token interpolation-punctuation punctuation">&#125;</span></span><span class="token template-punctuation string">&#96;</span></span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n    <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n\n    <span class="token comment">// Utils are also exposed</span>\n    <span class="token keyword">const</span> <span class="token punctuation">&#123;</span> range <span class="token punctuation">&#125;</span> <span class="token operator">=</span> attractions<span class="token punctuation">.</span>utils<span class="token punctuation">;</span>\n    <span class="token keyword">for</span> <span class="token punctuation">(</span><span class="token keyword">const</span> val <span class="token keyword">of</span> <span class="token function">range</span><span class="token punctuation">(</span><span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">9</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">&#123;</span>\n      console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>val<span class="token punctuation">)</span><span class="token punctuation">;</span>\n    <span class="token punctuation">&#125;</span>\n  </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">></span></span></code>',w(n,r,p),e(v,n,p),b=!0},p(n,a){const p={};2&a&&(p.$$scope={dirty:a,ctx:n}),s.$set(p);const o={};2&a&&(o.$$scope={dirty:a,ctx:n}),t.$set(o);const e={};2&a&&(e.$$scope={dirty:a,ctx:n}),v.$set(e)},i(n){b||(u(s.$$.fragment,n),u(t.$$.fragment,n),u(v.$$.fragment,n),b=!0)},o(n){i(s.$$.fragment,n),i(t.$$.fragment,n),i(v.$$.fragment,n),b=!1},d(n){k(s,n),n&&f(a),k(t,n),n&&f(c),n&&f(l),n&&f(r),k(v,n)}}}function D(n){let s,a;const r=[n[0],H];let g={$$slots:{default:[T]},$$scope:{ctx:n}};for(let n=0;n<r.length;n+=1)g=t(g,r[n]);return s=new C({props:g}),{c(){p(s.$$.fragment)},l(n){o(s.$$.fragment,n)},m(n,t){e(s,n,t),a=!0},p(n,[a]){const t=1&a?c(r,[1&a&&l(n[0]),0&a&&l(H)]):{};2&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(u(s.$$.fragment,n),a=!0)},o(n){i(s.$$.fragment,n),a=!1},d(n){k(s,n)}}}const H={name:"Custom Elements"};function B(n,s,a){return n.$$set=n=>{a(0,s=t(t({},s),r(n)))},[s=r(s)]}class I extends n{constructor(n){super(),s(this,n,B,D,a,{})}}export{I as default,H as metadata};
diff --git a/376/client/date-picker-c1a7c2e7.css b/376/client/date-picker-c1a7c2e7.css
new file mode 100644
index 000000000..38c12957f
--- /dev/null
+++ b/376/client/date-picker-c1a7c2e7.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-1g4er90{align-items:flex-start;display:flex;flex-direction:column;overflow:visible !important}@media only screen and (max-width: 340px){[slot=showcase].svelte-1g4er90{padding:0.25em !important}}
diff --git a/376/client/date-picker-fc3df446.css b/376/client/date-picker-fc3df446.css
new file mode 100644
index 000000000..026a3ec7e
--- /dev/null
+++ b/376/client/date-picker-fc3df446.css
@@ -0,0 +1 @@
+.date-picker.svelte-1im6fcv.svelte-1im6fcv{display:inline-block}.date-picker.svelte-1im6fcv .dropdown-shell .handle{align-items:center;display:flex}.date-picker.svelte-1im6fcv .dropdown-shell .handle>span{margin:1em}.date-picker.svelte-1im6fcv .dropdown-shell .handle .text-field.in-focus input{background-color:#e1e1e1;border-bottom-width:0.125em;border-color:#4800bd;padding-bottom:0}.date-picker.svelte-1im6fcv .shown-on-focus.svelte-1im6fcv{display:flex;justify-content:center}.date-picker.svelte-1im6fcv .shown-on-focus.svelte-1im6fcv>.btn{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.date-picker.svelte-1im6fcv .shown-on-focus.svelte-1im6fcv>.btn:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.date-picker.svelte-1im6fcv .month-header.svelte-1im6fcv{align-items:center;color:#4300b0;display:flex;font-weight:500;justify-content:space-between;padding:0 1rem 0.5em}.date-picker.svelte-1im6fcv .month-header.svelte-1im6fcv .btn{flex:0}.date-picker.svelte-1im6fcv .month-header .month-display.svelte-1im6fcv{min-width:12em;text-align:center}.date-picker.svelte-1im6fcv .calendar{padding:0.5em 0 1em}.date-picker.svelte-1im6fcv .text-field{width:7em}
diff --git a/376/client/date-picker.115fae37.js b/376/client/date-picker.115fae37.js
new file mode 100644
index 000000000..76e53e1b6
--- /dev/null
+++ b/376/client/date-picker.115fae37.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as r,j as n,l as o,m as a,U as s,a0 as c,t as f,p as l,q as m,L as p,u as d,w as g,f as i,d as u,v as h,x,h as w,k as E,b as y,e as v,g as D,n as O}from"./client.0d36a0cf.js";import{L as C,H as b,P as T}from"./layout.b2760304.js";import{D as k}from"./date-picker.69cac3f7.js";import{S}from"./showcase.8eb3893d.js";import{C as F}from"./color-preview.278d2729.js";import{S as A}from"./shadow-preview.f1e703b1.js";import{R as N}from"./related-components.2f822d5e.js";import{H as R}from"./h2.122c8b9f.js";import{H as G}from"./h3.1e03849b.js";import{T as j,a as L,b as P,c as B}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./button.743a388a.js";import"./text-field.37ad5edd.js";import"./dropdown.68df1ffe.js";import"./calendar.d88aafe1.js";import"./datetime-utils.e026cf1b.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./popover.156a947e.js";import"./card.72b37821.js";function M(t){let e;return{c(){e=h("DatePicker")},l(t){e=x(t,"DatePicker")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function Y(t){let e;return{c(){e=h("A date picker that supports both text input and a dropdown calendar.")},l(t){e=x(t,"A date picker that supports both text input and a dropdown calendar.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function I(t){let e,$,r,n,o;return{c(){e=h("If you need to display the calendar differently, check out the "),$=w("a"),r=w("code"),n=h("Calendar"),o=h(" component."),this.h()},l(t){e=x(t,"If you need to display the calendar differently, check out the "),$=E(t,"A",{href:!0});var a=y($);r=E(a,"CODE",{});var s=y(r);n=x(s,"Calendar"),s.forEach(u),a.forEach(u),o=x(t," component."),this.h()},h(){v($,"href","./docs/components/calendar")},m(t,a){i(t,e,a),i(t,$,a),D($,r),D(r,n),i(t,o,a)},p:O,d(t){t&&u(e),t&&u($),t&&u(o)}}}function H(t){let e,$,r,s,c,p,h;return $=new k({props:{format:"%m/%d/%Y",closeOnSelection:!0}}),s=new k({props:{format:"%m/%d",noCalendar:!0}}),p=new k({props:{range:!0,top:!0}}),{c(){e=w("div"),n($.$$.fragment),r=d(),n(s.$$.fragment),c=d(),n(p.$$.fragment),this.h()},l(t){e=E(t,"DIV",{slot:!0,class:!0});var n=y(e);o($.$$.fragment,n),r=g(n),o(s.$$.fragment,n),c=g(n),o(p.$$.fragment,n),n.forEach(u),this.h()},h(){v(e,"slot","showcase"),v(e,"class","padded svelte-1g4er90")},m(t,n){i(t,e,n),a($,e,null),D(e,r),a(s,e,null),D(e,c),a(p,e,null),h=!0},p:O,i(t){h||(f($.$$.fragment,t),f(s.$$.fragment,t),f(p.$$.fragment,t),h=!0)},o(t){l($.$$.fragment,t),l(s.$$.fragment,t),l(p.$$.fragment,t),h=!1},d(t){t&&u(e),m($),m(s),m(p)}}}function W(t){let e,$;return{c(){e=w("div"),$=w("pre"),this.h()},l(t){e=E(t,"DIV",{slot:!0});var r=y(e);$=E(r,"PRE",{class:!0}),y($).forEach(u),r.forEach(u),this.h()},h(){v($,"class","language-svelte"),v(e,"slot","source")},m(t,r){i(t,e,r),D(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DatePicker</span> <span class="token attr-name">format</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>%m/%d/%Y<span class="token punctuation">"</span></span> <span class="token attr-name">closeOnSelection</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DatePicker</span> <span class="token attr-name">format</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>%m/%d<span class="token punctuation">"</span></span> <span class="token attr-name">noCalendar</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DatePicker</span> <span class="token attr-name">range</span> <span class="token attr-name">top</span> <span class="token punctuation">/></span></span></code>'},p:O,d(t){t&&u(e)}}}function U(t){let e;return{c(){e=h("Properties")},l(t){e=x(t,"Properties")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function V(t){let e;return{c(){e=h("Style Properties")},l(t){e=x(t,"Style Properties")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function K(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function q(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function z(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function J(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function Q(t){let e,$,r,s,c,p,h,x;return e=new P({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),r=new P({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function X(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("noCalendar")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"noCalendar"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function Z(t){let e,$;return{c(){e=w("code"),$=h("false")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"false"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function _(t){let e,$;return{c(){e=w("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"boolean"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function tt(t){let e;return{c(){e=h("Whether to hide the calendar dropdown and only keep the text input.")},l(t){e=x(t,"Whether to hide the calendar dropdown and only keep the text input.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function et(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function $t(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("top")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"top"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function rt(t){let e,$;return{c(){e=w("code"),$=h("false")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"false"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function nt(t){let e,$;return{c(){e=w("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"boolean"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function ot(t){let e;return{c(){e=h("Whether to show the calendar dropdown above or below the text field.")},l(t){e=x(t,"Whether to show the calendar dropdown above or below the text field.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function at(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function st(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("right")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"right"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function ct(t){let e,$;return{c(){e=w("code"),$=h("false")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"false"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function ft(t){let e,$;return{c(){e=w("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"boolean"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function lt(t){let e;return{c(){e=h("Whether to align the calendar dropdown to the right or the left side of the text field.")},l(t){e=x(t,"Whether to align the calendar dropdown to the right or the left side of the text field.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function mt(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function pt(t){let e,$,r,s,c,p,h,x,v,O;return $=new L({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),h=new L({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),v=new L({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){e=w("thead"),n($.$$.fragment),r=d(),s=w("tbody"),n(c.$$.fragment),p=d(),n(h.$$.fragment),x=d(),n(v.$$.fragment)},l(t){e=E(t,"THEAD",{});var n=y(e);o($.$$.fragment,n),n.forEach(u),r=g(t),s=E(t,"TBODY",{});var a=y(s);o(c.$$.fragment,a),p=g(a),o(h.$$.fragment,a),x=g(a),o(v.$$.fragment,a),a.forEach(u)},m(t,n){i(t,e,n),a($,e,null),i(t,r,n),i(t,s,n),a(c,s,null),D(s,p),a(h,s,null),D(s,x),a(v,s,null),O=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),v.$set(a)},i(t){O||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(v.$$.fragment,t),O=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(v.$$.fragment,t),O=!1},d(t){t&&u(e),m($),t&&u(r),t&&u(s),m(c),m(h),m(v)}}}function dt(t){let e;return{c(){e=h("Functional Properties")},l(t){e=x(t,"Functional Properties")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function gt(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function it(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function ut(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function ht(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function xt(t){let e,$,r,s,c,p,h,x;return e=new P({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),r=new P({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function wt(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("range")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"range"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function Et(t){let e,$;return{c(){e=w("code"),$=h("false")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"false"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function yt(t){let e,$;return{c(){e=w("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"boolean"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function vt(t){let e;return{c(){e=h("If this is set, the date picker will have two fields – for the start and the end of the date range.")},l(t){e=x(t,"If this is set, the date picker will have two fields – for the start and the end of the date range.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function Dt(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function Ot(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("value")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"value"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function Ct(t){let e,$;return{c(){e=w("code"),$=h("null")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"null"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function bt(t){let e,$,r,n,o;return{c(){e=w("code"),$=h("Date"),r=h(" or "),n=w("code"),o=h("{ start, end }")},l(t){e=E(t,"CODE",{});var a=y(e);$=x(a,"Date"),a.forEach(u),r=x(t," or "),n=E(t,"CODE",{});var s=y(n);o=x(s,"{ start, end }"),s.forEach(u)},m(t,a){i(t,e,a),D(e,$),i(t,r,a),i(t,n,a),D(n,o)},p:O,d(t){t&&u(e),t&&u(r),t&&u(n)}}}function Tt(t){let e,$,r,n,o,a,s,c,f,l,m;return{c(){e=h("Depending on the value of the "),$=w("mark"),r=w("code"),n=h("range"),o=h(" prop, this is either a Date object or an object with two fields, "),a=w("code"),s=h("start"),c=h(" and "),f=w("code"),l=h("end"),m=h(", containing Date objects.")},l(t){e=x(t,"Depending on the value of the "),$=E(t,"MARK",{});var p=y($);r=E(p,"CODE",{});var d=y(r);n=x(d,"range"),d.forEach(u),p.forEach(u),o=x(t," prop, this is either a Date object or an object with two fields, "),a=E(t,"CODE",{});var g=y(a);s=x(g,"start"),g.forEach(u),c=x(t," and "),f=E(t,"CODE",{});var i=y(f);l=x(i,"end"),i.forEach(u),m=x(t,", containing Date objects.")},m(t,p){i(t,e,p),i(t,$,p),D($,r),D(r,n),i(t,o,p),i(t,a,p),D(a,s),i(t,c,p),i(t,f,p),D(f,l),i(t,m,p)},p:O,d(t){t&&u(e),t&&u($),t&&u(o),t&&u(a),t&&u(c),t&&u(f),t&&u(m)}}}function kt(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function St(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("locale")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"locale"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function Ft(t){let e,$;return{c(){e=w("code"),$=h("undefined")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"undefined"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function At(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"string"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function Nt(t){let e,$,r,n,o,a,s,c,f;return{c(){e=h("The language tag defining the desired locale (e.g., "),$=w("code"),r=h("en-US"),n=h("). If left "),o=w("code"),a=h("undefined"),s=h(", the user's locale will be used. "),c=w("br"),f=h(" This will affect the weekdays and the day number representations as well as the spelling of the selected month.")},l(t){e=x(t,"The language tag defining the desired locale (e.g., "),$=E(t,"CODE",{});var l=y($);r=x(l,"en-US"),l.forEach(u),n=x(t,"). If left "),o=E(t,"CODE",{});var m=y(o);a=x(m,"undefined"),m.forEach(u),s=x(t,", the user's locale will be used. "),c=E(t,"BR",{}),f=x(t," This will affect the weekdays and the day number representations as well as the spelling of the selected month.")},m(t,l){i(t,e,l),i(t,$,l),D($,r),i(t,n,l),i(t,o,l),D(o,a),i(t,s,l),i(t,c,l),i(t,f,l)},p:O,d(t){t&&u(e),t&&u($),t&&u(n),t&&u(o),t&&u(s),t&&u(c),t&&u(f)}}}function Rt(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function Gt(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("firstWeekday")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"firstWeekday"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function jt(t){let e,$;return{c(){e=w("code"),$=h("1")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"1"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function Lt(t){let e,$;return{c(){e=w("code"),$=h("number")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"number"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function Pt(t){let e,$,r;return{c(){e=h("The index of the weekday to start the week at. "),$=w("br"),r=h(" 0 is for Sunday and 6 is for Saturday.")},l(t){e=x(t,"The index of the weekday to start the week at. "),$=E(t,"BR",{}),r=x(t," 0 is for Sunday and 6 is for Saturday.")},m(t,n){i(t,e,n),i(t,$,n),i(t,r,n)},p:O,d(t){t&&u(e),t&&u($),t&&u(r)}}}function Bt(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function Mt(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("disabledDates")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"disabledDates"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function Yt(t){let e,$;return{c(){e=w("code"),$=h("[]")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"[]"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function It(t){let e,$;return{c(){e=w("code"),$=h(ur)},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,ur),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function Ht(t){let e;return{c(){e=h("A range of dates (or date ranges) for which to disable selection.")},l(t){e=x(t,"A range of dates (or date ranges) for which to disable selection.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function Wt(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function Ut(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("closeOnSelection")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"closeOnSelection"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function Vt(t){let e,$;return{c(){e=w("code"),$=h("false")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"false"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function Kt(t){let e,$;return{c(){e=w("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"boolean"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function qt(t){let e,$,r,n;return{c(){e=h("If "),$=w("code"),r=h("true"),n=h(", the dropdown will be automatically closed after a date is selected.")},l(t){e=x(t,"If "),$=E(t,"CODE",{});var o=y($);r=x(o,"true"),o.forEach(u),n=x(t,", the dropdown will be automatically closed after a date is selected.")},m(t,o){i(t,e,o),i(t,$,o),D($,r),i(t,n,o)},p:O,d(t){t&&u(e),t&&u($),t&&u(n)}}}function zt(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function Jt(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("format")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"format"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function Qt(t){let e,$;return{c(){e=w("code"),$=h("'%d.%m.%Y'")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"'%d.%m.%Y'"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function Xt(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"string"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function Zt(t){let e,$,r,n,o,a,s,c,f,l,m,p,d,g,C,b,T,k,S;return{c(){e=h("The format string for the text input and representation. The "),$=w("code"),r=h("%"),n=h("-specifiers are a subset of "),o=w("a"),a=h("C date format specifiers"),s=h(", with only "),c=w("code"),f=h("%d"),l=h(", "),m=w("code"),p=h("%m"),d=h(", "),g=w("code"),C=h("%y"),b=h(" and "),T=w("code"),k=h("%Y"),S=h(" allowed."),this.h()},l(t){e=x(t,"The format string for the text input and representation. The "),$=E(t,"CODE",{});var i=y($);r=x(i,"%"),i.forEach(u),n=x(t,"-specifiers are a subset of "),o=E(t,"A",{href:!0,rel:!0});var h=y(o);a=x(h,"C date format specifiers"),h.forEach(u),s=x(t,", with only "),c=E(t,"CODE",{});var w=y(c);f=x(w,"%d"),w.forEach(u),l=x(t,", "),m=E(t,"CODE",{});var v=y(m);p=x(v,"%m"),v.forEach(u),d=x(t,", "),g=E(t,"CODE",{});var D=y(g);C=x(D,"%y"),D.forEach(u),b=x(t," and "),T=E(t,"CODE",{});var O=y(T);k=x(O,"%Y"),O.forEach(u),S=x(t," allowed."),this.h()},h(){v(o,"href","http://www.cplusplus.com/reference/ctime/strftime/"),v(o,"rel","nofollow")},m(t,u){i(t,e,u),i(t,$,u),D($,r),i(t,n,u),i(t,o,u),D(o,a),i(t,s,u),i(t,c,u),D(c,f),i(t,l,u),i(t,m,u),D(m,p),i(t,d,u),i(t,g,u),D(g,C),i(t,b,u),i(t,T,u),D(T,k),i(t,S,u)},p:O,d(t){t&&u(e),t&&u($),t&&u(n),t&&u(o),t&&u(s),t&&u(c),t&&u(l),t&&u(m),t&&u(d),t&&u(g),t&&u(b),t&&u(T),t&&u(S)}}}function _t(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function te(t){let e,$,r,s,c,p,h,x,v,O,C,b,T,k,S,F,A,N;return $=new L({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),h=new L({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),v=new L({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),C=new L({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),T=new L({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),S=new L({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),A=new L({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),{c(){e=w("thead"),n($.$$.fragment),r=d(),s=w("tbody"),n(c.$$.fragment),p=d(),n(h.$$.fragment),x=d(),n(v.$$.fragment),O=d(),n(C.$$.fragment),b=d(),n(T.$$.fragment),k=d(),n(S.$$.fragment),F=d(),n(A.$$.fragment)},l(t){e=E(t,"THEAD",{});var n=y(e);o($.$$.fragment,n),n.forEach(u),r=g(t),s=E(t,"TBODY",{});var a=y(s);o(c.$$.fragment,a),p=g(a),o(h.$$.fragment,a),x=g(a),o(v.$$.fragment,a),O=g(a),o(C.$$.fragment,a),b=g(a),o(T.$$.fragment,a),k=g(a),o(S.$$.fragment,a),F=g(a),o(A.$$.fragment,a),a.forEach(u)},m(t,n){i(t,e,n),a($,e,null),i(t,r,n),i(t,s,n),a(c,s,null),D(s,p),a(h,s,null),D(s,x),a(v,s,null),D(s,O),a(C,s,null),D(s,b),a(T,s,null),D(s,k),a(S,s,null),D(s,F),a(A,s,null),N=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),v.$set(a);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),C.$set(s);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),T.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),A.$set(m)},i(t){N||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(v.$$.fragment,t),f(C.$$.fragment,t),f(T.$$.fragment,t),f(S.$$.fragment,t),f(A.$$.fragment,t),N=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(v.$$.fragment,t),l(C.$$.fragment,t),l(T.$$.fragment,t),l(S.$$.fragment,t),l(A.$$.fragment,t),N=!1},d(t){t&&u(e),m($),t&&u(r),t&&u(s),m(c),m(h),m(v),m(C),m(T),m(S),m(A)}}}function ee(t){let e;return{c(){e=h("Class Properties")},l(t){e=x(t,"Class Properties")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function $e(t){let e,$,r,n,o,a,s;return{c(){e=h("All "),$=w("code"),r=h("<DatePicker>"),n=h(" components use the "),o=w("code"),a=h(".date-picker"),s=h(" class.")},l(t){e=x(t,"All "),$=E(t,"CODE",{});var c=y($);r=x(c,"<DatePicker>"),c.forEach(u),n=x(t," components use the "),o=E(t,"CODE",{});var f=y(o);a=x(f,".date-picker"),f.forEach(u),s=x(t," class.")},m(t,c){i(t,e,c),i(t,$,c),D($,r),i(t,n,c),i(t,o,c),D(o,a),i(t,s,c)},p:O,d(t){t&&u(e),t&&u($),t&&u(n),t&&u(o),t&&u(s)}}}function re(t){let e;return{c(){e=h("Falsy values passed to classes will be disregarded.")},l(t){e=x(t,"Falsy values passed to classes will be disregarded.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function ne(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function oe(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function ae(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function se(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function ce(t){let e,$,r,s,c,p,h,x;return e=new P({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),r=new P({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function fe(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("class")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"class"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function le(t){let e,$;return{c(){e=w("code"),$=h("null")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"null"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function me(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"string"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function pe(t){let e;return{c(){e=h("A class string to add to the component.")},l(t){e=x(t,"A class string to add to the component.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function de(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function ge(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("weekdaysClass")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"weekdaysClass"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function ie(t){let e,$;return{c(){e=w("code"),$=h("null")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"null"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function ue(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"string"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function he(t){let e;return{c(){e=h("A class string to add to the list of weekdays above the calendar.")},l(t){e=x(t,"A class string to add to the list of weekdays above the calendar.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function xe(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function we(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("weekClass")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"weekClass"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function Ee(t){let e,$;return{c(){e=w("code"),$=h("null")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"null"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function ye(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"string"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function ve(t){let e;return{c(){e=h("A class string to add to each element containing a row of days in the calendar.")},l(t){e=x(t,"A class string to add to each element containing a row of days in the calendar.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function De(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function Oe(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("dayClass")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"dayClass"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function Ce(t){let e,$;return{c(){e=w("code"),$=h("null")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"null"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function be(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"string"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function Te(t){let e;return{c(){e=h("A class string to add to each day in the calendar.")},l(t){e=x(t,"A class string to add to each day in the calendar.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function ke(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function Se(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("inputClass")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"inputClass"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function Fe(t){let e,$;return{c(){e=w("code"),$=h("null")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"null"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function Ae(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"string"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function Ne(t){let e,$,r,n;return{c(){e=h("A class string to pass down to the "),$=w("code"),r=h("TextField"),n=h("(s).")},l(t){e=x(t,"A class string to pass down to the "),$=E(t,"CODE",{});var o=y($);r=x(o,"TextField"),o.forEach(u),n=x(t,"(s).")},m(t,o){i(t,e,o),i(t,$,o),D($,r),i(t,n,o)},p:O,d(t){t&&u(e),t&&u($),t&&u(n)}}}function Re(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function Ge(t){let e,$,r,s,c,p,h,x,v,O,C,b,T,k;return $=new L({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),h=new L({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),v=new L({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),C=new L({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),T=new L({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),{c(){e=w("thead"),n($.$$.fragment),r=d(),s=w("tbody"),n(c.$$.fragment),p=d(),n(h.$$.fragment),x=d(),n(v.$$.fragment),O=d(),n(C.$$.fragment),b=d(),n(T.$$.fragment)},l(t){e=E(t,"THEAD",{});var n=y(e);o($.$$.fragment,n),n.forEach(u),r=g(t),s=E(t,"TBODY",{});var a=y(s);o(c.$$.fragment,a),p=g(a),o(h.$$.fragment,a),x=g(a),o(v.$$.fragment,a),O=g(a),o(C.$$.fragment,a),b=g(a),o(T.$$.fragment,a),a.forEach(u)},m(t,n){i(t,e,n),a($,e,null),i(t,r,n),i(t,s,n),a(c,s,null),D(s,p),a(h,s,null),D(s,x),a(v,s,null),D(s,O),a(C,s,null),D(s,b),a(T,s,null),k=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),v.$set(a);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),C.$set(s);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),T.$set(f)},i(t){k||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(v.$$.fragment,t),f(C.$$.fragment,t),f(T.$$.fragment,t),k=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(v.$$.fragment,t),l(C.$$.fragment,t),l(T.$$.fragment,t),k=!1},d(t){t&&u(e),m($),t&&u(r),t&&u(s),m(c),m(h),m(v),m(C),m(T)}}}function je(t){let e;return{c(){e=h("Events")},l(t){e=x(t,"Events")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function Le(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function Pe(t){let e;return{c(){e=h("Event Detail")},l(t){e=x(t,"Event Detail")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function Be(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function Me(t){let e,$,r,s,c,p;return e=new P({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),r=new P({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function Ye(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("change")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"change"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function Ie(t){let e,$;return{c(){e=w("code"),$=h("{ value }")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"{ value }"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function He(t){let e,$,r,n,o,a,s;return{c(){e=h("Fired when the value of the picker changes. For the range pickers, will only fire when both ends of the range are selected. The "),$=w("code"),r=h("value"),n=h(" field contains the same thing as the "),o=w("code"),a=h("value"),s=h(" property would contain.")},l(t){e=x(t,"Fired when the value of the picker changes. For the range pickers, will only fire when both ends of the range are selected. The "),$=E(t,"CODE",{});var c=y($);r=x(c,"value"),c.forEach(u),n=x(t," field contains the same thing as the "),o=E(t,"CODE",{});var f=y(o);a=x(f,"value"),f.forEach(u),s=x(t," property would contain.")},m(t,c){i(t,e,c),i(t,$,c),D($,r),i(t,n,c),i(t,o,c),D(o,a),i(t,s,c)},p:O,d(t){t&&u(e),t&&u($),t&&u(n),t&&u(o),t&&u(s)}}}function We(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function Ue(t){let e,$,r,s,c,p;return $=new L({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),{c(){e=w("thead"),n($.$$.fragment),r=d(),s=w("tbody"),n(c.$$.fragment)},l(t){e=E(t,"THEAD",{});var n=y(e);o($.$$.fragment,n),n.forEach(u),r=g(t),s=E(t,"TBODY",{});var a=y(s);o(c.$$.fragment,a),a.forEach(u)},m(t,n){i(t,e,n),a($,e,null),i(t,r,n),i(t,s,n),a(c,s,null),p=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n)},i(t){p||(f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){t&&u(e),m($),t&&u(r),t&&u(s),m(c)}}}function Ve(t){let e;return{c(){e=h("Slots")},l(t){e=x(t,"Slots")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function Ke(t){let e,$,r;return{c(){e=w("code"),$=h("between-inputs"),r=h(" slot")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"between-inputs"),n.forEach(u),r=x(t," slot")},m(t,n){i(t,e,n),D(e,$),i(t,r,n)},p:O,d(t){t&&u(e),t&&u(r)}}}function qe(t){let e,$,r,n;return{c(){e=h('The area between two text fields in a range picker. Defaults to the text "'),$=w("code"),r=h("to"),n=h('".')},l(t){e=x(t,'The area between two text fields in a range picker. Defaults to the text "'),$=E(t,"CODE",{});var o=y($);r=x(o,"to"),o.forEach(u),n=x(t,'".')},m(t,o){i(t,e,o),i(t,$,o),D($,r),i(t,n,o)},p:O,d(t){t&&u(e),t&&u($),t&&u(n)}}}function ze(t){let e,$,r;return{c(){e=w("code"),$=h("chevron-left"),r=h(" slot")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"chevron-left"),n.forEach(u),r=x(t," slot")},m(t,n){i(t,e,n),D(e,$),i(t,r,n)},p:O,d(t){t&&u(e),t&&u(r)}}}function Je(t){let e;return{c(){e=h("The icon to use for switching to the previous month in the calendar.")},l(t){e=x(t,"The icon to use for switching to the previous month in the calendar.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function Qe(t){let e,$,r;return{c(){e=w("code"),$=h("chevron-right"),r=h(" slot")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"chevron-right"),n.forEach(u),r=x(t," slot")},m(t,n){i(t,e,n),D(e,$),i(t,r,n)},p:O,d(t){t&&u(e),t&&u(r)}}}function Xe(t){let e;return{c(){e=h("The icon to use for switching to the next month in the calendar.")},l(t){e=x(t,"The icon to use for switching to the next month in the calendar.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function Ze(t){let e;return{c(){e=h("SCSS Variables")},l(t){e=x(t,"SCSS Variables")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function _e(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function t$(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function e$(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function $$(t){let e,$,r,s,c,p;return e=new P({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),r=new P({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function r$(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("$textfield-bg")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"$textfield-bg"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function n$(t){let e;return{c(){e=h("The background color of the text field.")},l(t){e=x(t,"The background color of the text field.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function o$(t){let e,$;return e=new F({props:{value:"#F5F5F5"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){a(e,t,r),$=!0},p:O,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function a$(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[r$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[n$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[o$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function s$(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("$main")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"$main"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function c$(t){let e;return{c(){e=h("The color of the bottom border of the focused text field and calendar selection.")},l(t){e=x(t,"The color of the bottom border of the focused text field and calendar selection.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function f$(t){let e,$;return e=new F({props:{value:"#4300B0"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){a(e,t,r),$=!0},p:O,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function l$(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[s$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[c$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[f$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function m$(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("$bold-font-weight")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"$bold-font-weight"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function p$(t){let e;return{c(){e=h("The bold font weight of the selected month in the calendar.")},l(t){e=x(t,"The bold font weight of the selected month in the calendar.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function d$(t){let e,$;return{c(){e=w("code"),$=h("500")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"500"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function g$(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[m$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[p$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[d$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function i$(t){let e,$,r,n,o,a,s,c,f;return{c(){e=w("strong"),$=w("code"),r=h("$dark"),n=d(),o=w("small"),a=h("From "),s=w("a"),c=w("code"),f=h("Calendar"),this.h()},l(t){e=E(t,"STRONG",{});var l=y(e);$=E(l,"CODE",{});var m=y($);r=x(m,"$dark"),m.forEach(u),l.forEach(u),n=g(t),o=E(t,"SMALL",{});var p=y(o);a=x(p,"From "),s=E(p,"A",{href:!0});var d=y(s);c=E(d,"CODE",{});var i=y(c);f=x(i,"Calendar"),i.forEach(u),d.forEach(u),p.forEach(u),this.h()},h(){v(s,"href","./docs/components/calendar")},m(t,l){i(t,e,l),D(e,$),D($,r),i(t,n,l),i(t,o,l),D(o,a),D(o,s),D(s,c),D(c,f)},p:O,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function u$(t){let e;return{c(){e=h("The text color of the days in the calendar.")},l(t){e=x(t,"The text color of the days in the calendar.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function h$(t){let e,$;return e=new F({props:{value:"#333333"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){a(e,t,r),$=!0},p:O,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function x$(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[i$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[u$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[h$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function w$(t){let e,$,r,n,o,a,s,c,f;return{c(){e=w("strong"),$=w("code"),r=h("$disabled"),n=d(),o=w("small"),a=h("From "),s=w("a"),c=w("code"),f=h("Calendar"),this.h()},l(t){e=E(t,"STRONG",{});var l=y(e);$=E(l,"CODE",{});var m=y($);r=x(m,"$disabled"),m.forEach(u),l.forEach(u),n=g(t),o=E(t,"SMALL",{});var p=y(o);a=x(p,"From "),s=E(p,"A",{href:!0});var d=y(s);c=E(d,"CODE",{});var i=y(c);f=x(i,"Calendar"),i.forEach(u),d.forEach(u),p.forEach(u),this.h()},h(){v(s,"href","./docs/components/calendar")},m(t,l){i(t,e,l),D(e,$),D($,r),i(t,n,l),i(t,o,l),D(o,a),D(o,s),D(s,c),D(c,f)},p:O,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function E$(t){let e;return{c(){e=h("The text color of the days in the calendar outside the current month.")},l(t){e=x(t,"The text color of the days in the calendar outside the current month.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function y$(t){let e,$;return e=new F({props:{value:"#888888"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){a(e,t,r),$=!0},p:O,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function v$(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[w$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[E$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[y$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function D$(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("$danger")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"$danger"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function O$(t){let e;return{c(){e=h("The color of the disabled days in the calendar.")},l(t){e=x(t,"The color of the disabled days in the calendar.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function C$(t){let e,$;return e=new F({props:{value:"#B80000"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){a(e,t,r),$=!0},p:O,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function b$(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[D$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[O$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[C$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function T$(t){let e,$,r,n,o,a,s,c,f;return{c(){e=w("strong"),$=w("code"),r=h("$main-text"),n=d(),o=w("small"),a=h("From "),s=w("a"),c=w("code"),f=h("Calendar"),this.h()},l(t){e=E(t,"STRONG",{});var l=y(e);$=E(l,"CODE",{});var m=y($);r=x(m,"$main-text"),m.forEach(u),l.forEach(u),n=g(t),o=E(t,"SMALL",{});var p=y(o);a=x(p,"From "),s=E(p,"A",{href:!0});var d=y(s);c=E(d,"CODE",{});var i=y(c);f=x(i,"Calendar"),i.forEach(u),d.forEach(u),p.forEach(u),this.h()},h(){v(s,"href","./docs/components/calendar")},m(t,l){i(t,e,l),D(e,$),D($,r),i(t,n,l),i(t,o,l),D(o,a),D(o,s),D(s,c),D(c,f)},p:O,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function k$(t){let e;return{c(){e=h("The text color of the selected days in the calendar.")},l(t){e=x(t,"The text color of the selected days in the calendar.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function S$(t){let e,$;return e=new F({props:{value:"#FFFFFF",bordered:!0}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){a(e,t,r),$=!0},p:O,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function F$(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[T$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[k$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[S$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function A$(t){let e,$,r,n,o,a,s,c,f;return{c(){e=w("strong"),$=w("code"),r=h("$regular-font-weight"),n=d(),o=w("small"),a=h("From "),s=w("a"),c=w("code"),f=h("Calendar"),this.h()},l(t){e=E(t,"STRONG",{});var l=y(e);$=E(l,"CODE",{});var m=y($);r=x(m,"$regular-font-weight"),m.forEach(u),l.forEach(u),n=g(t),o=E(t,"SMALL",{});var p=y(o);a=x(p,"From "),s=E(p,"A",{href:!0});var d=y(s);c=E(d,"CODE",{});var i=y(c);f=x(i,"Calendar"),i.forEach(u),d.forEach(u),p.forEach(u),this.h()},h(){v(s,"href","./docs/components/calendar")},m(t,l){i(t,e,l),D(e,$),D($,r),i(t,n,l),i(t,o,l),D(o,a),D(o,s),D(s,c),D(c,f)},p:O,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function N$(t){let e;return{c(){e=h("The font weight of the days.")},l(t){e=x(t,"The font weight of the days.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function R$(t){let e,$;return{c(){e=w("code"),$=h("400")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"400"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function G$(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[A$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[N$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[R$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function j$(t){let e,$,r,n,o,a,s,c,f;return{c(){e=w("strong"),$=w("code"),r=h("$font"),n=d(),o=w("small"),a=h("From "),s=w("a"),c=w("code"),f=h("Button"),this.h()},l(t){e=E(t,"STRONG",{});var l=y(e);$=E(l,"CODE",{});var m=y($);r=x(m,"$font"),m.forEach(u),l.forEach(u),n=g(t),o=E(t,"SMALL",{});var p=y(o);a=x(p,"From "),s=E(p,"A",{href:!0});var d=y(s);c=E(d,"CODE",{});var i=y(c);f=x(i,"Button"),i.forEach(u),d.forEach(u),p.forEach(u),this.h()},h(){v(s,"href","./docs/components/button")},m(t,l){i(t,e,l),D(e,$),D($,r),i(t,n,l),i(t,o,l),D(o,a),D(o,s),D(s,c),D(c,f)},p:O,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function L$(t){let e;return{c(){e=h("The font of the days in the calendar and the text of the text field.")},l(t){e=x(t,"The font of the days in the calendar and the text of the text field.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function P$(t){let e,$;return{c(){e=w("code"),$=h("'Ubuntu'")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"'Ubuntu'"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function B$(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[j$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[L$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[P$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function M$(t){let e,$,r,n,o,a,s,c,f;return{c(){e=w("strong"),$=w("code"),r=h("$button-radius"),n=d(),o=w("small"),a=h("From "),s=w("a"),c=w("code"),f=h("Button"),this.h()},l(t){e=E(t,"STRONG",{});var l=y(e);$=E(l,"CODE",{});var m=y($);r=x(m,"$button-radius"),m.forEach(u),l.forEach(u),n=g(t),o=E(t,"SMALL",{});var p=y(o);a=x(p,"From "),s=E(p,"A",{href:!0});var d=y(s);c=E(d,"CODE",{});var i=y(c);f=x(i,"Button"),i.forEach(u),d.forEach(u),p.forEach(u),this.h()},h(){v(s,"href","./docs/components/button")},m(t,l){i(t,e,l),D(e,$),D($,r),i(t,n,l),i(t,o,l),D(o,a),D(o,s),D(s,c),D(c,f)},p:O,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function Y$(t){let e;return{c(){e=h("The curvature radius of a button.")},l(t){e=x(t,"The curvature radius of a button.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function I$(t){let e,$;return{c(){e=w("code"),$=h("1.5625em")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"1.5625em"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function H$(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[M$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Y$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[I$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function W$(t){let e,$,r,n,o,a,s,c,f;return{c(){e=w("strong"),$=w("code"),r=h("$background"),n=d(),o=w("small"),a=h("From "),s=w("a"),c=w("code"),f=h("Dropdown"),this.h()},l(t){e=E(t,"STRONG",{});var l=y(e);$=E(l,"CODE",{});var m=y($);r=x(m,"$background"),m.forEach(u),l.forEach(u),n=g(t),o=E(t,"SMALL",{});var p=y(o);a=x(p,"From "),s=E(p,"A",{href:!0});var d=y(s);c=E(d,"CODE",{});var i=y(c);f=x(i,"Dropdown"),i.forEach(u),d.forEach(u),p.forEach(u),this.h()},h(){v(s,"href","./docs/components/dropdown")},m(t,l){i(t,e,l),D(e,$),D($,r),i(t,n,l),i(t,o,l),D(o,a),D(o,s),D(s,c),D(c,f)},p:O,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function U$(t){let e;return{c(){e=h("The background color of the dropdown content")},l(t){e=x(t,"The background color of the dropdown content")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function V$(t){let e,$;return e=new F({props:{value:"#FFFFFF",bordered:!0}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){a(e,t,r),$=!0},p:O,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function K$(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[W$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[U$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[V$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function q$(t){let e,$,r,n,o,a,s,c,f;return{c(){e=w("strong"),$=w("code"),r=h("$shadow-raised"),n=d(),o=w("small"),a=h("From "),s=w("a"),c=w("code"),f=h("Dropdown"),this.h()},l(t){e=E(t,"STRONG",{});var l=y(e);$=E(l,"CODE",{});var m=y($);r=x(m,"$shadow-raised"),m.forEach(u),l.forEach(u),n=g(t),o=E(t,"SMALL",{});var p=y(o);a=x(p,"From "),s=E(p,"A",{href:!0});var d=y(s);c=E(d,"CODE",{});var i=y(c);f=x(i,"Dropdown"),i.forEach(u),d.forEach(u),p.forEach(u),this.h()},h(){v(s,"href","./docs/components/dropdown")},m(t,l){i(t,e,l),D(e,$),D($,r),i(t,n,l),i(t,o,l),D(o,a),D(o,s),D(s,c),D(c,f)},p:O,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function z$(t){let e;return{c(){e=h("The shadow of the dropdown.")},l(t){e=x(t,"The shadow of the dropdown.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function J$(t){let e,$;return e=new A({props:{value:ir}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){a(e,t,r),$=!0},p:O,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function Q$(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[q$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[z$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[J$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function X$(t){let e,$,r,n,o,a,s,c,f;return{c(){e=w("strong"),$=w("code"),r=h("$card-radius"),n=d(),o=w("small"),a=h("From "),s=w("a"),c=w("code"),f=h("Dropdown"),this.h()},l(t){e=E(t,"STRONG",{});var l=y(e);$=E(l,"CODE",{});var m=y($);r=x(m,"$card-radius"),m.forEach(u),l.forEach(u),n=g(t),o=E(t,"SMALL",{});var p=y(o);a=x(p,"From "),s=E(p,"A",{href:!0});var d=y(s);c=E(d,"CODE",{});var i=y(c);f=x(i,"Dropdown"),i.forEach(u),d.forEach(u),p.forEach(u),this.h()},h(){v(s,"href","./docs/components/dropdown")},m(t,l){i(t,e,l),D(e,$),D($,r),i(t,n,l),i(t,o,l),D(o,a),D(o,s),D(s,c),D(c,f)},p:O,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function Z$(t){let e;return{c(){e=h("The curvature radius of the dropdown.")},l(t){e=x(t,"The curvature radius of the dropdown.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function _$(t){let e,$;return{c(){e=w("code"),$=h("1.25em")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"1.25em"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function tr(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[X$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Z$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[_$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function er(t){let e,$,r,n,o,a,s,c,f;return{c(){e=w("strong"),$=w("code"),r=h("$textfield-border"),n=d(),o=w("small"),a=h("From "),s=w("a"),c=w("code"),f=h("TextField"),this.h()},l(t){e=E(t,"STRONG",{});var l=y(e);$=E(l,"CODE",{});var m=y($);r=x(m,"$textfield-border"),m.forEach(u),l.forEach(u),n=g(t),o=E(t,"SMALL",{});var p=y(o);a=x(p,"From "),s=E(p,"A",{href:!0});var d=y(s);c=E(d,"CODE",{});var i=y(c);f=x(i,"TextField"),i.forEach(u),d.forEach(u),p.forEach(u),this.h()},h(){v(s,"href","./docs/components/text-field")},m(t,l){i(t,e,l),D(e,$),D($,r),i(t,n,l),i(t,o,l),D(o,a),D(o,s),D(s,c),D(c,f)},p:O,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function $r(t){let e;return{c(){e=h("The color of the bottom border of the unfocused text field.")},l(t){e=x(t,"The color of the bottom border of the unfocused text field.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function rr(t){let e,$;return e=new F({props:{value:"rgba(0, 0, 0, .42)"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){a(e,t,r),$=!0},p:O,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function nr(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[er]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[$r]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[rr]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function or(t){let e,$,r,n,o,a,s,c,f;return{c(){e=w("strong"),$=w("code"),r=h("$thin-font-weight"),n=d(),o=w("small"),a=h("From "),s=w("a"),c=w("code"),f=h("TextField"),this.h()},l(t){e=E(t,"STRONG",{});var l=y(e);$=E(l,"CODE",{});var m=y($);r=x(m,"$thin-font-weight"),m.forEach(u),l.forEach(u),n=g(t),o=E(t,"SMALL",{});var p=y(o);a=x(p,"From "),s=E(p,"A",{href:!0});var d=y(s);c=E(d,"CODE",{});var i=y(c);f=x(i,"TextField"),i.forEach(u),d.forEach(u),p.forEach(u),this.h()},h(){v(s,"href","./docs/components/text-field")},m(t,l){i(t,e,l),D(e,$),D($,r),i(t,n,l),i(t,o,l),D(o,a),D(o,s),D(s,c),D(c,f)},p:O,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function ar(t){let e;return{c(){e=h("The thin font weight for the text inside the text field.")},l(t){e=x(t,"The thin font weight for the text inside the text field.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function sr(t){let e,$;return{c(){e=w("code"),$=h("300")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"300"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function cr(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[or]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[ar]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[sr]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function fr(t){let e,$,r,s,c,p,h,x,v,O,C,b,T,k,S,F,A,N,R,G,j,P,B,M,Y,I,H,W,U,V,K,q,z,J;return $=new L({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[a$]},$$scope:{ctx:t}}}),h=new L({props:{$$slots:{default:[l$]},$$scope:{ctx:t}}}),v=new L({props:{$$slots:{default:[g$]},$$scope:{ctx:t}}}),C=new L({props:{$$slots:{default:[x$]},$$scope:{ctx:t}}}),T=new L({props:{$$slots:{default:[v$]},$$scope:{ctx:t}}}),S=new L({props:{$$slots:{default:[b$]},$$scope:{ctx:t}}}),A=new L({props:{$$slots:{default:[F$]},$$scope:{ctx:t}}}),R=new L({props:{$$slots:{default:[G$]},$$scope:{ctx:t}}}),j=new L({props:{$$slots:{default:[B$]},$$scope:{ctx:t}}}),B=new L({props:{$$slots:{default:[H$]},$$scope:{ctx:t}}}),Y=new L({props:{$$slots:{default:[K$]},$$scope:{ctx:t}}}),H=new L({props:{$$slots:{default:[Q$]},$$scope:{ctx:t}}}),U=new L({props:{$$slots:{default:[tr]},$$scope:{ctx:t}}}),K=new L({props:{$$slots:{default:[nr]},$$scope:{ctx:t}}}),z=new L({props:{$$slots:{default:[cr]},$$scope:{ctx:t}}}),{c(){e=w("thead"),n($.$$.fragment),r=d(),s=w("tbody"),n(c.$$.fragment),p=d(),n(h.$$.fragment),x=d(),n(v.$$.fragment),O=d(),n(C.$$.fragment),b=d(),n(T.$$.fragment),k=d(),n(S.$$.fragment),F=d(),n(A.$$.fragment),N=d(),n(R.$$.fragment),G=d(),n(j.$$.fragment),P=d(),n(B.$$.fragment),M=d(),n(Y.$$.fragment),I=d(),n(H.$$.fragment),W=d(),n(U.$$.fragment),V=d(),n(K.$$.fragment),q=d(),n(z.$$.fragment)},l(t){e=E(t,"THEAD",{});var n=y(e);o($.$$.fragment,n),n.forEach(u),r=g(t),s=E(t,"TBODY",{});var a=y(s);o(c.$$.fragment,a),p=g(a),o(h.$$.fragment,a),x=g(a),o(v.$$.fragment,a),O=g(a),o(C.$$.fragment,a),b=g(a),o(T.$$.fragment,a),k=g(a),o(S.$$.fragment,a),F=g(a),o(A.$$.fragment,a),N=g(a),o(R.$$.fragment,a),G=g(a),o(j.$$.fragment,a),P=g(a),o(B.$$.fragment,a),M=g(a),o(Y.$$.fragment,a),I=g(a),o(H.$$.fragment,a),W=g(a),o(U.$$.fragment,a),V=g(a),o(K.$$.fragment,a),q=g(a),o(z.$$.fragment,a),a.forEach(u)},m(t,n){i(t,e,n),a($,e,null),i(t,r,n),i(t,s,n),a(c,s,null),D(s,p),a(h,s,null),D(s,x),a(v,s,null),D(s,O),a(C,s,null),D(s,b),a(T,s,null),D(s,k),a(S,s,null),D(s,F),a(A,s,null),D(s,N),a(R,s,null),D(s,G),a(j,s,null),D(s,P),a(B,s,null),D(s,M),a(Y,s,null),D(s,I),a(H,s,null),D(s,W),a(U,s,null),D(s,V),a(K,s,null),D(s,q),a(z,s,null),J=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),v.$set(a);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),C.$set(s);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),T.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),A.$set(m);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),R.$set(p);const d={};2&e&&(d.$$scope={dirty:e,ctx:t}),j.$set(d);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),B.$set(g);const i={};2&e&&(i.$$scope={dirty:e,ctx:t}),Y.$set(i);const u={};2&e&&(u.$$scope={dirty:e,ctx:t}),H.$set(u);const x={};2&e&&(x.$$scope={dirty:e,ctx:t}),U.$set(x);const w={};2&e&&(w.$$scope={dirty:e,ctx:t}),K.$set(w);const E={};2&e&&(E.$$scope={dirty:e,ctx:t}),z.$set(E)},i(t){J||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(v.$$.fragment,t),f(C.$$.fragment,t),f(T.$$.fragment,t),f(S.$$.fragment,t),f(A.$$.fragment,t),f(R.$$.fragment,t),f(j.$$.fragment,t),f(B.$$.fragment,t),f(Y.$$.fragment,t),f(H.$$.fragment,t),f(U.$$.fragment,t),f(K.$$.fragment,t),f(z.$$.fragment,t),J=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(v.$$.fragment,t),l(C.$$.fragment,t),l(T.$$.fragment,t),l(S.$$.fragment,t),l(A.$$.fragment,t),l(R.$$.fragment,t),l(j.$$.fragment,t),l(B.$$.fragment,t),l(Y.$$.fragment,t),l(H.$$.fragment,t),l(U.$$.fragment,t),l(K.$$.fragment,t),l(z.$$.fragment,t),J=!1},d(t){t&&u(e),m($),t&&u(r),t&&u(s),m(c),m(h),m(v),m(C),m(T),m(S),m(A),m(R),m(j),m(B),m(Y),m(H),m(U),m(K),m(z)}}}function lr(t){let e,$,r,s,c,p,h,x,w,E,y,v,D,O,C,k,F,A,L,P,B,K,q,z,J,Q,X,Z,_,tt,et,$t,rt,nt,ot,at,st,ct,ft,lt,mt,gt,it,ut,ht,xt,wt,Et,yt,vt;return e=new b({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),r=new T({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),c=new T({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),h=new N({props:{components:gr}}),w=new S({props:{$$slots:{source:[W],showcase:[H]},$$scope:{ctx:t}}}),y=new R({props:{id:"properties",$$slots:{default:[U]},$$scope:{ctx:t}}}),D=new G({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),C=new j({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),F=new G({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),L=new j({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),B=new G({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),q=new T({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),J=new T({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),X=new j({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),_=new R({props:{id:"events",$$slots:{default:[je]},$$scope:{ctx:t}}}),et=new j({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),rt=new R({props:{id:"slots",$$slots:{default:[Ve]},$$scope:{ctx:t}}}),ot=new G({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),st=new T({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),ft=new G({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),mt=new T({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),it=new G({props:{$$slots:{default:[Qe]},$$scope:{ctx:t}}}),ht=new T({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),wt=new R({props:{id:"scss-variables",$$slots:{default:[Ze]},$$scope:{ctx:t}}}),yt=new j({props:{$$slots:{default:[fr]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment),x=d(),n(w.$$.fragment),E=d(),n(y.$$.fragment),v=d(),n(D.$$.fragment),O=d(),n(C.$$.fragment),k=d(),n(F.$$.fragment),A=d(),n(L.$$.fragment),P=d(),n(B.$$.fragment),K=d(),n(q.$$.fragment),z=d(),n(J.$$.fragment),Q=d(),n(X.$$.fragment),Z=d(),n(_.$$.fragment),tt=d(),n(et.$$.fragment),$t=d(),n(rt.$$.fragment),nt=d(),n(ot.$$.fragment),at=d(),n(st.$$.fragment),ct=d(),n(ft.$$.fragment),lt=d(),n(mt.$$.fragment),gt=d(),n(it.$$.fragment),ut=d(),n(ht.$$.fragment),xt=d(),n(wt.$$.fragment),Et=d(),n(yt.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t),x=g(t),o(w.$$.fragment,t),E=g(t),o(y.$$.fragment,t),v=g(t),o(D.$$.fragment,t),O=g(t),o(C.$$.fragment,t),k=g(t),o(F.$$.fragment,t),A=g(t),o(L.$$.fragment,t),P=g(t),o(B.$$.fragment,t),K=g(t),o(q.$$.fragment,t),z=g(t),o(J.$$.fragment,t),Q=g(t),o(X.$$.fragment,t),Z=g(t),o(_.$$.fragment,t),tt=g(t),o(et.$$.fragment,t),$t=g(t),o(rt.$$.fragment,t),nt=g(t),o(ot.$$.fragment,t),at=g(t),o(st.$$.fragment,t),ct=g(t),o(ft.$$.fragment,t),lt=g(t),o(mt.$$.fragment,t),gt=g(t),o(it.$$.fragment,t),ut=g(t),o(ht.$$.fragment,t),xt=g(t),o(wt.$$.fragment,t),Et=g(t),o(yt.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),i(t,x,n),a(w,t,n),i(t,E,n),a(y,t,n),i(t,v,n),a(D,t,n),i(t,O,n),a(C,t,n),i(t,k,n),a(F,t,n),i(t,A,n),a(L,t,n),i(t,P,n),a(B,t,n),i(t,K,n),a(q,t,n),i(t,z,n),a(J,t,n),i(t,Q,n),a(X,t,n),i(t,Z,n),a(_,t,n),i(t,tt,n),a(et,t,n),i(t,$t,n),a(rt,t,n),i(t,nt,n),a(ot,t,n),i(t,at,n),a(st,t,n),i(t,ct,n),a(ft,t,n),i(t,lt,n),a(mt,t,n),i(t,gt,n),a(it,t,n),i(t,ut,n),a(ht,t,n),i(t,xt,n),a(wt,t,n),i(t,Et,n),a(yt,t,n),vt=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),w.$set(s);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),y.$set(f);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),D.$set(l);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),C.$set(m);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),F.$set(p);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),L.$set(d);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),B.$set(g);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),q.$set(i);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),J.$set(u);const h={};2&$&&(h.$$scope={dirty:$,ctx:t}),X.$set(h);const x={};2&$&&(x.$$scope={dirty:$,ctx:t}),_.$set(x);const E={};2&$&&(E.$$scope={dirty:$,ctx:t}),et.$set(E);const v={};2&$&&(v.$$scope={dirty:$,ctx:t}),rt.$set(v);const O={};2&$&&(O.$$scope={dirty:$,ctx:t}),ot.$set(O);const b={};2&$&&(b.$$scope={dirty:$,ctx:t}),st.$set(b);const T={};2&$&&(T.$$scope={dirty:$,ctx:t}),ft.$set(T);const k={};2&$&&(k.$$scope={dirty:$,ctx:t}),mt.$set(k);const S={};2&$&&(S.$$scope={dirty:$,ctx:t}),it.$set(S);const A={};2&$&&(A.$$scope={dirty:$,ctx:t}),ht.$set(A);const N={};2&$&&(N.$$scope={dirty:$,ctx:t}),wt.$set(N);const R={};2&$&&(R.$$scope={dirty:$,ctx:t}),yt.$set(R)},i(t){vt||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(w.$$.fragment,t),f(y.$$.fragment,t),f(D.$$.fragment,t),f(C.$$.fragment,t),f(F.$$.fragment,t),f(L.$$.fragment,t),f(B.$$.fragment,t),f(q.$$.fragment,t),f(J.$$.fragment,t),f(X.$$.fragment,t),f(_.$$.fragment,t),f(et.$$.fragment,t),f(rt.$$.fragment,t),f(ot.$$.fragment,t),f(st.$$.fragment,t),f(ft.$$.fragment,t),f(mt.$$.fragment,t),f(it.$$.fragment,t),f(ht.$$.fragment,t),f(wt.$$.fragment,t),f(yt.$$.fragment,t),vt=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(w.$$.fragment,t),l(y.$$.fragment,t),l(D.$$.fragment,t),l(C.$$.fragment,t),l(F.$$.fragment,t),l(L.$$.fragment,t),l(B.$$.fragment,t),l(q.$$.fragment,t),l(J.$$.fragment,t),l(X.$$.fragment,t),l(_.$$.fragment,t),l(et.$$.fragment,t),l(rt.$$.fragment,t),l(ot.$$.fragment,t),l(st.$$.fragment,t),l(ft.$$.fragment,t),l(mt.$$.fragment,t),l(it.$$.fragment,t),l(ht.$$.fragment,t),l(wt.$$.fragment,t),l(yt.$$.fragment,t),vt=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t),t&&u(x),m(w,t),t&&u(E),m(y,t),t&&u(v),m(D,t),t&&u(O),m(C,t),t&&u(k),m(F,t),t&&u(A),m(L,t),t&&u(P),m(B,t),t&&u(K),m(q,t),t&&u(z),m(J,t),t&&u(Q),m(X,t),t&&u(Z),m(_,t),t&&u(tt),m(et,t),t&&u($t),m(rt,t),t&&u(nt),m(ot,t),t&&u(at),m(st,t),t&&u(ct),m(ft,t),t&&u(lt),m(mt,t),t&&u(gt),m(it,t),t&&u(ut),m(ht,t),t&&u(xt),m(wt,t),t&&u(Et),m(yt,t)}}}function mr(t){let e,$;const p=[t[0],pr];let d={$$slots:{default:[lr]},$$scope:{ctx:t}};for(let t=0;t<p.length;t+=1)d=r(d,p[t]);return e=new C({props:d}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){a(e,t,r),$=!0},p(t,[$]){const r=1&$?s(p,[1&$&&c(t[0]),0&$&&c(pr)]):{};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}const pr={name:"DatePicker",relatedComponents:[{name:"Calendar",link:"./docs/components/calendar"},{name:"TimePicker",link:"./docs/components/time-picker"}],shadowRaised:"0 2px 4px -1px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);"},{name:dr,relatedComponents:gr,shadowRaised:ir}=pr,ur="Array<Date | {start?: Date; end?: Date}>";function hr(t,e,$){return t.$$set=t=>{$(0,e=r(r({},e),p(t)))},[e=p(e)]}class xr extends t{constructor(t){super(),e(this,t,hr,mr,$,{})}}export{xr as default,pr as metadata};
diff --git a/376/client/date-picker.69cac3f7.js b/376/client/date-picker.69cac3f7.js
new file mode 100644
index 000000000..8ce2b75e4
--- /dev/null
+++ b/376/client/date-picker.69cac3f7.js
@@ -0,0 +1 @@
+import{S as e,i as t,s,a as n,c as a,b as l,d as o,e as r,f as i,g as c,n as $,h as f,j as d,k as u,l as p,X as m,m as h,t as g,p as v,q as w,J as y,u as k,H as C,w as x,y as D,z as j,M as E,Q as b,R as M,T as S,v as I,x as W,A as Y}from"./client.0d36a0cf.js";import{c as B}from"./classes.2453fa25.js";import{B as F}from"./button.743a388a.js";import{T as V}from"./text-field.37ad5edd.js";import{D as O,a as N}from"./dropdown.68df1ffe.js";import{C as T}from"./calendar.d88aafe1.js";import{f as A,c as P,a as R,d as q,p as z}from"./datetime-utils.e026cf1b.js";function H(e){let t,s;return{c(){t=n("svg"),s=n("polyline"),this.h()},l(e){t=a(e,"svg",{xmlns:!0,width:!0,height:!0,viewBox:!0,fill:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0});var n=l(t);s=a(n,"polyline",{points:!0}),l(s).forEach(o),n.forEach(o),this.h()},h(){r(s,"points","15 18 9 12 15 6"),r(t,"xmlns","http://www.w3.org/2000/svg"),r(t,"width","24"),r(t,"height","24"),r(t,"viewBox","0 0 24 24"),r(t,"fill","none"),r(t,"stroke","currentColor"),r(t,"stroke-width","2"),r(t,"stroke-linecap","round"),r(t,"stroke-linejoin","round")},m(e,n){i(e,t,n),c(t,s)},p:$,i:$,o:$,d(e){e&&o(t)}}}var J=class extends e{constructor(e){super(),t(this,e,null,H,s,{})}};function Q(e){let t,s;return{c(){t=n("svg"),s=n("polyline"),this.h()},l(e){t=a(e,"svg",{xmlns:!0,width:!0,height:!0,viewBox:!0,fill:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0});var n=l(t);s=a(n,"polyline",{points:!0}),l(s).forEach(o),n.forEach(o),this.h()},h(){r(s,"points","9 18 15 12 9 6"),r(t,"xmlns","http://www.w3.org/2000/svg"),r(t,"width","24"),r(t,"height","24"),r(t,"viewBox","0 0 24 24"),r(t,"fill","none"),r(t,"stroke","currentColor"),r(t,"stroke-width","2"),r(t,"stroke-linecap","round"),r(t,"stroke-linejoin","round")},m(e,n){i(e,t,n),c(t,s)},p:$,i:$,o:$,d(e){e&&o(t)}}}var X=class extends e{constructor(e){super(),t(this,e,null,Q,s,{})}};const G=e=>({}),K=e=>({}),L=e=>({}),U=e=>({}),Z=e=>({}),_=e=>({});function ee(e){let t,s,n;const a=e[28]["between-inputs"],r=E(a,e,e[33],_),m=r||function(e){let t,s;return{c(){t=f("span"),s=I("to")},l(e){t=u(e,"SPAN",{});var n=l(t);s=W(n,"to"),n.forEach(o)},m(e,n){i(e,t,n),c(t,s)},p:$,d(e){e&&o(t)}}}();return s=new V({props:{placeholder:e[18],value:A(e[14],e[12]),class:B(e[16]&&"in-focus"),inputClass:e[4]}}),s.$on("focus",e[31]),s.$on("change",e[32]),{c(){m&&m.c(),t=k(),d(s.$$.fragment)},l(e){m&&m.l(e),t=x(e),p(s.$$.fragment,e)},m(e,a){m&&m.m(e,a),i(e,t,a),h(s,e,a),n=!0},p(e,t){r&&r.p&&(!n||4&t[1])&&b(r,a,e,e[33],n?S(a,e[33],t,Z):M(e[33]),_);const l={};262144&t[0]&&(l.placeholder=e[18]),20480&t[0]&&(l.value=A(e[14],e[12])),65536&t[0]&&(l.class=B(e[16]&&"in-focus")),16&t[0]&&(l.inputClass=e[4]),s.$set(l)},i(e){n||(g(m,e),g(s.$$.fragment,e),n=!0)},o(e){v(m,e),v(s.$$.fragment,e),n=!1},d(e){m&&m.d(e),e&&o(t),w(s,e)}}}function te(e){let t,s;return t=new N({props:{class:"calendar",top:e[9],right:e[10],$$slots:{default:[le]},$$scope:{ctx:e}}}),{c(){d(t.$$.fragment)},l(e){p(t.$$.fragment,e)},m(e,n){h(t,e,n),s=!0},p(e,s){const n={};512&s[0]&&(n.top=e[9]),1024&s[0]&&(n.right=e[10]),157902&s[0]|4&s[1]&&(n.$$scope={dirty:s,ctx:e}),t.$set(n)},i(e){s||(g(t.$$.fragment,e),s=!0)},o(e){v(t.$$.fragment,e),s=!1},d(e){w(t,e)}}}function se(e){let t;return{c(){t=I("close the date picker")},l(e){t=W(e,"close the date picker")},m(e,s){i(e,t,s)},d(e){e&&o(t)}}}function ne(e){let t;const s=e[28]["chevron-left"],n=E(s,e,e[33],U),a=n||function(e){let t,s;return t=new J({}),{c(){d(t.$$.fragment)},l(e){p(t.$$.fragment,e)},m(e,n){h(t,e,n),s=!0},i(e){s||(g(t.$$.fragment,e),s=!0)},o(e){v(t.$$.fragment,e),s=!1},d(e){w(t,e)}}}();return{c(){a&&a.c()},l(e){a&&a.l(e)},m(e,s){a&&a.m(e,s),t=!0},p(e,a){n&&n.p&&(!t||4&a[1])&&b(n,s,e,e[33],t?S(s,e[33],a,L):M(e[33]),U)},i(e){t||(g(a,e),t=!0)},o(e){v(a,e),t=!1},d(e){a&&a.d(e)}}}function ae(e){let t;const s=e[28]["chevron-right"],n=E(s,e,e[33],K),a=n||function(e){let t,s;return t=new X({}),{c(){d(t.$$.fragment)},l(e){p(t.$$.fragment,e)},m(e,n){h(t,e,n),s=!0},i(e){s||(g(t.$$.fragment,e),s=!0)},o(e){v(t.$$.fragment,e),s=!1},d(e){w(t,e)}}}();return{c(){a&&a.c()},l(e){a&&a.l(e)},m(e,s){a&&a.m(e,s),t=!0},p(e,a){n&&n.p&&(!t||4&a[1])&&b(n,s,e,e[33],t?S(s,e[33],a,G):M(e[33]),K)},i(e){t||(g(a,e),t=!0)},o(e){v(a,e),t=!1},d(e){a&&a.d(e)}}}function le(e){let t,s,n,a,$,m,y,C,D,j,E,b,M,S=e[25].format(e[17])+"";return s=new F({props:{noRipple:!0,$$slots:{default:[se]},$$scope:{ctx:e}}}),s.$on("click",e[19]),$=new F({props:{round:!0,small:!0,title:"Previous month",$$slots:{default:[ne]},$$scope:{ctx:e}}}),$.$on("click",e[23]),j=new F({props:{round:!0,small:!0,title:"Next month",$$slots:{default:[ae]},$$scope:{ctx:e}}}),j.$on("click",e[24]),b=new T({props:{locale:e[6],firstWeekday:e[7],month:e[17].getMonth(),year:e[17].getFullYear(),selectionStart:e[13],selectionEnd:e[14],disabledDates:e[11],weekdaysClass:e[1],weekClass:e[2],dayClass:e[3]}}),b.$on("day-select",e[20]),{c(){t=f("div"),d(s.$$.fragment),n=k(),a=f("div"),d($.$$.fragment),m=k(),y=f("div"),C=I(S),D=k(),d(j.$$.fragment),E=k(),d(b.$$.fragment),this.h()},l(e){t=u(e,"DIV",{class:!0});var r=l(t);p(s.$$.fragment,r),r.forEach(o),n=x(e),a=u(e,"DIV",{class:!0});var i=l(a);p($.$$.fragment,i),m=x(i),y=u(i,"DIV",{class:!0});var c=l(y);C=W(c,S),c.forEach(o),D=x(i),p(j.$$.fragment,i),i.forEach(o),E=x(e),p(b.$$.fragment,e),this.h()},h(){r(t,"class","shown-on-focus svelte-1im6fcv"),r(y,"class","month-display svelte-1im6fcv"),r(a,"class","month-header svelte-1im6fcv")},m(e,l){i(e,t,l),h(s,t,null),i(e,n,l),i(e,a,l),h($,a,null),c(a,m),c(a,y),c(y,C),c(a,D),h(j,a,null),i(e,E,l),h(b,e,l),M=!0},p(e,t){const n={};4&t[1]&&(n.$$scope={dirty:t,ctx:e}),s.$set(n);const a={};4&t[1]&&(a.$$scope={dirty:t,ctx:e}),$.$set(a),(!M||131072&t[0])&&S!==(S=e[25].format(e[17])+"")&&Y(C,S);const l={};4&t[1]&&(l.$$scope={dirty:t,ctx:e}),j.$set(l);const o={};64&t[0]&&(o.locale=e[6]),128&t[0]&&(o.firstWeekday=e[7]),131072&t[0]&&(o.month=e[17].getMonth()),131072&t[0]&&(o.year=e[17].getFullYear()),8192&t[0]&&(o.selectionStart=e[13]),16384&t[0]&&(o.selectionEnd=e[14]),2048&t[0]&&(o.disabledDates=e[11]),2&t[0]&&(o.weekdaysClass=e[1]),4&t[0]&&(o.weekClass=e[2]),8&t[0]&&(o.dayClass=e[3]),b.$set(o)},i(e){M||(g(s.$$.fragment,e),g($.$$.fragment,e),g(j.$$.fragment,e),g(b.$$.fragment,e),M=!0)},o(e){v(s.$$.fragment,e),v($.$$.fragment,e),v(j.$$.fragment,e),v(b.$$.fragment,e),M=!1},d(e){e&&o(t),w(s),e&&o(n),e&&o(a),w($),w(j),e&&o(E),w(b,e)}}}function oe(e){let t,s,n,a,$,m;s=new V({props:{placeholder:e[18],value:A(e[13],e[12]),class:B(e[15]&&"in-focus"),inputClass:e[4]}}),s.$on("focus",e[29]),s.$on("change",e[30]);let y=e[5]&&ee(e),E=!e[8]&&te(e);return{c(){t=f("div"),d(s.$$.fragment),n=k(),y&&y.c(),a=k(),E&&E.c(),$=C(),this.h()},l(e){t=u(e,"DIV",{class:!0});var r=l(t);p(s.$$.fragment,r),n=x(r),y&&y.l(r),r.forEach(o),a=x(e),E&&E.l(e),$=C(),this.h()},h(){r(t,"class","handle")},m(e,l){i(e,t,l),h(s,t,null),c(t,n),y&&y.m(t,null),i(e,a,l),E&&E.m(e,l),i(e,$,l),m=!0},p(e,n){const a={};262144&n[0]&&(a.placeholder=e[18]),12288&n[0]&&(a.value=A(e[13],e[12])),32768&n[0]&&(a.class=B(e[15]&&"in-focus")),16&n[0]&&(a.inputClass=e[4]),s.$set(a),e[5]?y?(y.p(e,n),32&n[0]&&g(y,1)):(y=ee(e),y.c(),g(y,1),y.m(t,null)):y&&(D(),v(y,1,1,(()=>{y=null})),j()),e[8]?E&&(D(),v(E,1,1,(()=>{E=null})),j()):E?(E.p(e,n),256&n[0]&&g(E,1)):(E=te(e),E.c(),g(E,1),E.m($.parentNode,$))},i(e){m||(g(s.$$.fragment,e),g(y),g(E),m=!0)},o(e){v(s.$$.fragment,e),v(y),v(E),m=!1},d(e){e&&o(t),w(s),y&&y.d(),e&&o(a),E&&E.d(e),e&&o($)}}}function re(e){let t,s,n,a;return s=new O({props:{open:e[15]||e[16],$$slots:{default:[oe]},$$scope:{ctx:e}}}),s.$on("change",e[19]),{c(){t=f("div"),d(s.$$.fragment),this.h()},l(e){t=u(e,"DIV",{class:!0});var n=l(t);p(s.$$.fragment,n),n.forEach(o),this.h()},h(){r(t,"class",n=m(B("date-picker",e[0]))+" svelte-1im6fcv")},m(e,n){i(e,t,n),h(s,t,null),a=!0},p(e,l){const o={};98304&l[0]&&(o.open=e[15]||e[16]),524286&l[0]|4&l[1]&&(o.$$scope={dirty:l,ctx:e}),s.$set(o),(!a||1&l[0]&&n!==(n=m(B("date-picker",e[0]))+" svelte-1im6fcv"))&&r(t,"class",n)},i(e){a||(g(s.$$.fragment,e),a=!0)},o(e){v(s.$$.fragment,e),a=!1},d(e){e&&o(t),w(s)}}}function ie(e,t,s){let n,a,l,{$$slots:o={},$$scope:r}=t,{class:i=null}=t,{weekdaysClass:c=null}=t,{weekClass:$=null}=t,{dayClass:f=null}=t,{inputClass:d=null}=t,{range:u=!1}=t,{locale:p}=t,{firstWeekday:m=1}=t,{noCalendar:h=!1}=t,{top:g=!1}=t,{right:v=!1}=t,{value:w=null}=t,{disabledDates:k=[]}=t,{closeOnSelection:C=!1}=t,{format:x="%d.%m.%Y"}=t,D=!1,j=!1,E=(u&&null!=w?w.start:w)||new Date;function b(){if(null!=a&&null!=l&&a>l){const e=a;s(13,a=l),s(14,l=e)}}function M(e){null!=e&&(E.setFullYear(e.getFullYear()),E.setMonth(e.getMonth()),s(17,E))}const S=Intl.DateTimeFormat(p,{month:"long",year:"numeric"}),I=y();return e.$$set=e=>{"class"in e&&s(0,i=e.class),"weekdaysClass"in e&&s(1,c=e.weekdaysClass),"weekClass"in e&&s(2,$=e.weekClass),"dayClass"in e&&s(3,f=e.dayClass),"inputClass"in e&&s(4,d=e.inputClass),"range"in e&&s(5,u=e.range),"locale"in e&&s(6,p=e.locale),"firstWeekday"in e&&s(7,m=e.firstWeekday),"noCalendar"in e&&s(8,h=e.noCalendar),"top"in e&&s(9,g=e.top),"right"in e&&s(10,v=e.right),"value"in e&&s(26,w=e.value),"disabledDates"in e&&s(11,k=e.disabledDates),"closeOnSelection"in e&&s(27,C=e.closeOnSelection),"format"in e&&s(12,x=e.format),"$$scope"in e&&s(33,r=e.$$scope)},e.$$.update=()=>{4096&e.$$.dirty[0]&&s(18,n=x.replace("%d","dd").replace("%m","mm").replace("%y","yy").replace("%Y","yyyy").replace("%%","%")),67108864&e.$$.dirty[0]&&function(e){s(13,a=P(u?e&&e.start:e)),s(14,l=P(u?e&&e.end:null))}(w),24576&e.$$.dirty[0]&&function(e,t){if(null==w){if(null==e&&null==t)return}else if(u){const s=w;if(q(e,s.start)&&q(t,s.end))return}else if(q(e,w))return;s(26,w=u?{start:P(e),end:P(t)}:P(e)),(!u||null!=e&&null!=t)&&I("change",{value:w})}(a,l)},[i,c,$,f,d,u,p,m,h,g,v,k,x,a,l,D,j,E,n,function({detail:e}){e.value||(s(15,D=!1),s(16,j=!1))},function({detail:e}){D?(s(13,a=R(e,a)),u&&null==l&&(s(15,D=!1),s(16,j=!0))):(s(14,l=R(e,l)),u&&null==a&&(s(16,j=!1),s(15,D=!0))),!C||null==a||u&&null==l||s(15,D=s(16,j=!1)),u&&b(),M(e)},b,M,function(){E.setMonth(E.getMonth()-1),s(17,E)},function(){E.setMonth(E.getMonth()+1),s(17,E)},S,w,C,o,()=>{s(15,D=!0),s(16,j=!1)},({detail:e})=>{s(13,a=R(z(e.value,x,a),a)),b(),M(a)},()=>{s(15,D=!1),s(16,j=!0)},({detail:e})=>{s(14,l=R(z(e.value,x,l),l)),b(),M(l)},r]}var ce=class extends e{constructor(e){super(),t(this,e,ie,re,s,{class:0,weekdaysClass:1,weekClass:2,dayClass:3,inputClass:4,range:5,locale:6,firstWeekday:7,noCalendar:8,top:9,right:10,value:26,disabledDates:11,closeOnSelection:27,format:12},null,[-1,-1])}};export{ce as D};
diff --git a/376/client/datetime-utils.e026cf1b.js b/376/client/datetime-utils.e026cf1b.js
new file mode 100644
index 000000000..08c6c25f0
--- /dev/null
+++ b/376/client/datetime-utils.e026cf1b.js
@@ -0,0 +1 @@
+const e=/\d+/g,t=/%[HMSpPdmyY%]/g;function n(n,r,a){const l=Math.floor((new Date).getFullYear()/100);let s=!1;if(""===n)return null;const u=r.split(t);let o=0,g=0;const c=new Date(0);for(const t of u){if(!n.startsWith(t,o))return a;if(o+=t.length,o===n.length){if(g!==r.length)return a;break}if("%"!==r[g+t.length])break;if(g+=t.length+1,"%"===r[g]){if("%"!==n[o])return a;o++}else if("p"===r[g].toLowerCase()){const e=n.substr(o,2).toUpperCase();if("AM"===e)s=!1,c.getHours()>=12&&c.setHours(c.getHours()-12);else{if("PM"!==e)return a;s=!0,c.getHours()<12&&c.setHours(c.getHours()+12)}}else{e.lastIndex=o;const t=e.exec(n);if(null==t)return a;switch(r[g]){case"H":c.setHours(parseInt(t[0])+12*s);break;case"M":c.setMinutes(t[0]);break;case"S":c.setSeconds(t[0]);break;case"d":c.setDate(t[0]);break;case"m":c.setMonth(t[0]-1);break;case"y":c.setFullYear(100*l+parseInt(t[0]));break;case"Y":c.setFullYear(t[0])}o+=t[0].length}g++}return isNaN(c.valueOf())?a:c}function r(e,t){if(null==e)return null;let n=e.getHours();return/%p/i.test(t)&&(n%=12,0===n&&(n=12)),t.replace("%Y",e.getFullYear()).replace("%y",(e.getFullYear()%100).toString().padStart(2,"0")).replace("%m",(e.getMonth()+1).toString().padStart(2,"0")).replace("%d",e.getDate().toString().padStart(2,"0")).replace("%H",n.toString().padStart(2,"0")).replace("%M",e.getMinutes().toString().padStart(2,"0")).replace("%S",e.getSeconds().toString().padStart(2,"0")).replace("%p",e.getHours()<12?"am":"pm").replace("%P",e.getHours()<12?"AM":"PM").replace("%%","%")}function a(e,t){const n=new Intl.DateTimeFormat(e,{weekday:"short"}),r=new Date(1970,0,1),a=[];for(let e=0;e<7;++e)r.setDate(5+t-1+e),a.push(n.format(r));return a}function l(e,t){return null!=e&&null!=t&&(e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate())}function s(e,t){return null!=e&&null!=t&&new Date(e.getFullYear(),e.getMonth(),e.getDate())<=new Date(t.getFullYear(),t.getMonth(),t.getDate())}function u(e,t){return t.some((t=>function(e){return e instanceof Date&&!isNaN(e.valueOf())}(t)?l(t,e):(null==t.start||s(t.start,e))&&(null==t.end||s(e,t.end))))}function o(e,t,n,r=[]){const a=[],l=new Date(t,e,1);l.setDate(1-(7+l.getDay()-n)%7);do{const t=[];for(let n=0;n<7;++n)t.push({value:new Date(l.valueOf()),outside:l.getMonth()!==e,disabled:u(l,r)}),l.setDate(l.getDate()+1);a.push(t)}while(l.getMonth()===e);return a}function g(e,t){return null==e||null==t?e:(t.setFullYear(e.getFullYear(),e.getMonth(),e.getDate()),t)}function c(e,t){return null==e||null==t?e:(t.setHours(e.getHours(),e.getMinutes(),e.getSeconds()),t)}function i(e){return null==e?null:new Date(e.valueOf())}export{g as a,a as b,i as c,l as d,s as e,r as f,o as g,c as h,n as p};
diff --git a/376/client/dialog-1b6f27ab.css b/376/client/dialog-1b6f27ab.css
new file mode 100644
index 000000000..ad1bd4f5b
--- /dev/null
+++ b/376/client/dialog-1b6f27ab.css
@@ -0,0 +1 @@
+.dialog.svelte-11akk9u.svelte-11akk9u{background-color:#fff;border-radius:1.5625em;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);padding:1.4em 2em;position:relative}.dialog.svelte-11akk9u .title.svelte-11akk9u{color:#4300b0;display:flex;font-size:1.2em;font-weight:500;margin-bottom:0.7em}.dialog.svelte-11akk9u .title.close-padded.svelte-11akk9u{padding-right:1.5em}.dialog.svelte-11akk9u .title.svelte-11akk9u svg{flex-shrink:0;margin-right:0.5em}.dialog.svelte-11akk9u>.btn.close{position:absolute;right:0.7em;top:0.7em}.dialog.constrain-width.svelte-11akk9u.svelte-11akk9u{max-width:30em}.dialog.danger.svelte-11akk9u .title.svelte-11akk9u{color:#b80000}.dialog.svelte-11akk9u .content.svelte-11akk9u{max-height:calc(100vh - 10em);overflow-y:auto;overscroll-behavior:contain}
diff --git a/376/client/dialog.8a4c71ee.js b/376/client/dialog.8a4c71ee.js
new file mode 100644
index 000000000..2d8ffab51
--- /dev/null
+++ b/376/client/dialog.8a4c71ee.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,a as n,c as s,b as a,d as o,e as r,f as c,g as l,n as f,K as p,j as i,l as m,m as u,U as g,a0 as d,t as h,p as x,q as w,L as y,u as E,w as v,v as k,x as D,h as b,k as O}from"./client.0d36a0cf.js";import{L as C,H as T,P as S}from"./layout.b2760304.js";import{B as A}from"./button.743a388a.js";import{D as N}from"./dialog.b792720c.js";import{S as j}from"./showcase.8eb3893d.js";import{C as R}from"./color-preview.278d2729.js";import{S as B}from"./shadow-preview.f1e703b1.js";import{H as G}from"./h2.122c8b9f.js";import{H as F}from"./h3.1e03849b.js";import{T as P,a as L,b as H,c as I}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./x.a2bf5f48.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./popover.156a947e.js";function z(t){let e,$,p,i,m;return{c(){e=n("svg"),$=n("path"),p=n("line"),i=n("line"),this.h()},l(t){e=s(t,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var n=a(e);$=s(n,"path",{d:!0}),a($).forEach(o),p=s(n,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),a(p).forEach(o),i=s(n,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),a(i).forEach(o),n.forEach(o),this.h()},h(){r($,"d","M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"),r(p,"x1","12"),r(p,"y1","9"),r(p,"x2","12"),r(p,"y2","13"),r(i,"x1","12"),r(i,"y1","17"),r(i,"x2","12.01"),r(i,"y2","17"),r(e,"xmlns","http://www.w3.org/2000/svg"),r(e,"width",t[0]),r(e,"height",t[0]),r(e,"fill","none"),r(e,"viewBox","0 0 24 24"),r(e,"stroke","currentColor"),r(e,"stroke-width",t[1]),r(e,"stroke-linecap","round"),r(e,"stroke-linejoin","round"),r(e,"class",m="feather feather-alert-triangle "+t[2])},m(t,n){c(t,e,n),l(e,$),l(e,p),l(e,i)},p(t,[$]){1&$&&r(e,"width",t[0]),1&$&&r(e,"height",t[0]),2&$&&r(e,"stroke-width",t[1]),4&$&&m!==(m="feather feather-alert-triangle "+t[2])&&r(e,"class",m)},i:f,o:f,d(t){t&&o(e)}}}function X(t,e,$){let{size:n="100%"}=e,{strokeWidth:s=2}=e,{class:a=""}=e;return"100%"!==n&&(n="x"===n.slice(-1)?n.slice(0,n.length-1)+"em":parseInt(n)+"px"),t.$$set=t=>{"size"in t&&$(0,n=t.size),"strokeWidth"in t&&$(1,s=t.strokeWidth),"class"in t&&$(2,a=t.class)},[n,s,a]}class Y extends t{constructor(t){super(),e(this,t,X,z,$,{size:0,strokeWidth:1,class:2})}}function W(t){let e;return{c(){e=k("Dialog")},l(t){e=D(t,"Dialog")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function V(t){let e;return{c(){e=k("A modal window that informs users about a task and can contain critical information or require actions.")},l(t){e=D(t,"A modal window that informs users about a task and can contain critical information or require actions.")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function q(t){let e;return{c(){e=k("yes, exit")},l(t){e=D(t,"yes, exit")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function M(t){let e,$,n,s,r,f,p,g,d,y,C;return y=new A({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),{c(){e=b("p"),$=k("You have not saved your changes yet."),n=E(),s=b("p"),r=k("If you exit without saving, changes will be lost."),f=E(),p=b("p"),g=k("Are you sure you want to exit?"),d=E(),i(y.$$.fragment)},l(t){e=O(t,"P",{});var c=a(e);$=D(c,"You have not saved your changes yet."),c.forEach(o),n=v(t),s=O(t,"P",{});var l=a(s);r=D(l,"If you exit without saving, changes will be lost."),l.forEach(o),f=v(t),p=O(t,"P",{});var i=a(p);g=D(i,"Are you sure you want to exit?"),i.forEach(o),d=v(t),m(y.$$.fragment,t)},m(t,a){c(t,e,a),l(e,$),c(t,n,a),c(t,s,a),l(s,r),c(t,f,a),c(t,p,a),l(p,g),c(t,d,a),u(y,t,a),C=!0},p(t,e){const $={};4&e&&($.$$scope={dirty:e,ctx:t}),y.$set($)},i(t){C||(h(y.$$.fragment,t),C=!0)},o(t){x(y.$$.fragment,t),C=!1},d(t){t&&o(e),t&&o(n),t&&o(s),t&&o(f),t&&o(p),t&&o(d),w(y,t)}}}function K(t){let e,$,n;return $=new Y({props:{size:"25"}}),{c(){e=b("div"),i($.$$.fragment),this.h()},l(t){e=O(t,"DIV",{slot:!0});var n=a(e);m($.$$.fragment,n),n.forEach(o),this.h()},h(){r(e,"slot","title-icon")},m(t,s){c(t,e,s),u($,e,null),n=!0},p:f,i(t){n||(h($.$$.fragment,t),n=!0)},o(t){x($.$$.fragment,t),n=!1},d(t){t&&o(e),w($)}}}function U(t){let e,$,n;return $=new N({props:{title:"Are you sure you want to exit?",danger:!0,closeCallback:t[1],$$slots:{"title-icon":[K],default:[M]},$$scope:{ctx:t}}}),{c(){e=b("div"),i($.$$.fragment),this.h()},l(t){e=O(t,"DIV",{slot:!0,class:!0});var n=a(e);m($.$$.fragment,n),n.forEach(o),this.h()},h(){r(e,"slot","showcase"),r(e,"class","padded")},m(t,s){c(t,e,s),u($,e,null),n=!0},p(t,e){const n={};4&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n)},i(t){n||(h($.$$.fragment,t),n=!0)},o(t){x($.$$.fragment,t),n=!1},d(t){t&&o(e),w($)}}}function J(t){let e,$;return{c(){e=b("div"),$=b("pre"),this.h()},l(t){e=O(t,"DIV",{slot:!0});var n=a(e);$=O(n,"PRE",{class:!0}),a($).forEach(o),n.forEach(o),this.h()},h(){r($,"class","language-svelte"),r(e,"slot","source")},m(t,n){c(t,e,n),l(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dialog</span>\n  <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Are you sure you want to exit?<span class="token punctuation">"</span></span>\n  <span class="token attr-name">closeCallback=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">\'Closing the dialog...\'</span><span class="token punctuation">)</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">danger</span>\n<span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>title-icon<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AlertTriangleIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>25<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>You have not saved your changes yet.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>If you exit without saving, changes will be lost.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>Are you sure you want to exit?<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>yes, exit<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Dialog</span><span class="token punctuation">></span></span></code>'},p:f,d(t){t&&o(e)}}}function Q(t){let e;return{c(){e=k("Properties")},l(t){e=D(t,"Properties")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Z(t){let e;return{c(){e=k("Style Properties")},l(t){e=D(t,"Style Properties")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function _(t){let e;return{c(){e=k("Name")},l(t){e=D(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function tt(t){let e;return{c(){e=k("Default")},l(t){e=D(t,"Default")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function et(t){let e;return{c(){e=k("Type")},l(t){e=D(t,"Type")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function $t(t){let e;return{c(){e=k("Description")},l(t){e=D(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function nt(t){let e,$,n,s,a,r,l,f;return e=new H({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),a=new H({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),l=new H({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment),r=E(),i(l.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t),r=v(t),m(l.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),c(t,r,o),u(l,t,o),f=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r);const c={};4&$&&(c.$$scope={dirty:$,ctx:t}),l.$set(c)},i(t){f||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),f=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),f=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t),t&&o(r),w(l,t)}}}function st(t){let e,$,n;return{c(){e=b("strong"),$=b("code"),n=k("danger")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var r=a($);n=D(r,"danger"),r.forEach(o),s.forEach(o)},m(t,s){c(t,e,s),l(e,$),l($,n)},p:f,d(t){t&&o(e)}}}function at(t){let e,$;return{c(){e=b("code"),$=k("false")},l(t){e=O(t,"CODE",{});var n=a(e);$=D(n,"false"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:f,d(t){t&&o(e)}}}function ot(t){let e,$;return{c(){e=b("code"),$=k("boolean")},l(t){e=O(t,"CODE",{});var n=a(e);$=D(n,"boolean"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:f,d(t){t&&o(e)}}}function rt(t){let e,$,n,s;return{c(){e=k("Applies the danger color to the title (including the icon slot if it is stylable with the CSS "),$=b("code"),n=k("color"),s=k(" property).")},l(t){e=D(t,"Applies the danger color to the title (including the icon slot if it is stylable with the CSS "),$=O(t,"CODE",{});var r=a($);n=D(r,"color"),r.forEach(o),s=D(t," property).")},m(t,a){c(t,e,a),c(t,$,a),l($,n),c(t,s,a)},p:f,d(t){t&&o(e),t&&o($),t&&o(s)}}}function ct(t){let e,$,n,s,a,r,l,f;return e=new I({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),l=new I({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment),r=E(),i(l.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t),r=v(t),m(l.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),c(t,r,o),u(l,t,o),f=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r);const c={};4&$&&(c.$$scope={dirty:$,ctx:t}),l.$set(c)},i(t){f||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),f=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),f=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t),t&&o(r),w(l,t)}}}function lt(t){let e,$,n;return{c(){e=b("strong"),$=b("code"),n=k("constrainWidth")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var r=a($);n=D(r,"constrainWidth"),r.forEach(o),s.forEach(o)},m(t,s){c(t,e,s),l(e,$),l($,n)},p:f,d(t){t&&o(e)}}}function ft(t){let e,$;return{c(){e=b("code"),$=k("false")},l(t){e=O(t,"CODE",{});var n=a(e);$=D(n,"false"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:f,d(t){t&&o(e)}}}function pt(t){let e,$;return{c(){e=b("code"),$=k("boolean")},l(t){e=O(t,"CODE",{});var n=a(e);$=D(n,"boolean"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:f,d(t){t&&o(e)}}}function it(t){let e,$,n,s,r,p,i;return{c(){e=k("Gives the dialog a "),$=b("code"),n=k("max-width"),s=k(" of "),r=b("code"),p=k("30em"),i=k(".")},l(t){e=D(t,"Gives the dialog a "),$=O(t,"CODE",{});var c=a($);n=D(c,"max-width"),c.forEach(o),s=D(t," of "),r=O(t,"CODE",{});var l=a(r);p=D(l,"30em"),l.forEach(o),i=D(t,".")},m(t,a){c(t,e,a),c(t,$,a),l($,n),c(t,s,a),c(t,r,a),l(r,p),c(t,i,a)},p:f,d(t){t&&o(e),t&&o($),t&&o(s),t&&o(r),t&&o(i)}}}function mt(t){let e,$,n,s,a,r,l,f;return e=new I({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),l=new I({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment),r=E(),i(l.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t),r=v(t),m(l.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),c(t,r,o),u(l,t,o),f=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r);const c={};4&$&&(c.$$scope={dirty:$,ctx:t}),l.$set(c)},i(t){f||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),f=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),f=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t),t&&o(r),w(l,t)}}}function ut(t){let e,$,n,s,r,f,p,g;return $=new L({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),r=new L({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),p=new L({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){e=b("thead"),i($.$$.fragment),n=E(),s=b("tbody"),i(r.$$.fragment),f=E(),i(p.$$.fragment)},l(t){e=O(t,"THEAD",{});var c=a(e);m($.$$.fragment,c),c.forEach(o),n=v(t),s=O(t,"TBODY",{});var l=a(s);m(r.$$.fragment,l),f=v(l),m(p.$$.fragment,l),l.forEach(o)},m(t,a){c(t,e,a),u($,e,null),c(t,n,a),c(t,s,a),u(r,s,null),l(s,f),u(p,s,null),g=!0},p(t,e){const n={};4&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),r.$set(s);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),p.$set(a)},i(t){g||(h($.$$.fragment,t),h(r.$$.fragment,t),h(p.$$.fragment,t),g=!0)},o(t){x($.$$.fragment,t),x(r.$$.fragment,t),x(p.$$.fragment,t),g=!1},d(t){t&&o(e),w($),t&&o(n),t&&o(s),w(r),w(p)}}}function gt(t){let e;return{c(){e=k("Functional Properties")},l(t){e=D(t,"Functional Properties")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function dt(t){let e;return{c(){e=k("Name")},l(t){e=D(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function ht(t){let e;return{c(){e=k("Default")},l(t){e=D(t,"Default")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function xt(t){let e;return{c(){e=k("Type")},l(t){e=D(t,"Type")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function wt(t){let e;return{c(){e=k("Description")},l(t){e=D(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function yt(t){let e,$,n,s,a,r,l,f;return e=new H({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),a=new H({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),l=new H({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment),r=E(),i(l.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t),r=v(t),m(l.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),c(t,r,o),u(l,t,o),f=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r);const c={};4&$&&(c.$$scope={dirty:$,ctx:t}),l.$set(c)},i(t){f||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),f=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),f=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t),t&&o(r),w(l,t)}}}function Et(t){let e,$,n;return{c(){e=b("strong"),$=b("code"),n=k("title")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var r=a($);n=D(r,"title"),r.forEach(o),s.forEach(o)},m(t,s){c(t,e,s),l(e,$),l($,n)},p:f,d(t){t&&o(e)}}}function vt(t){let e,$;return{c(){e=b("code"),$=k("null")},l(t){e=O(t,"CODE",{});var n=a(e);$=D(n,"null"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:f,d(t){t&&o(e)}}}function kt(t){let e,$;return{c(){e=b("code"),$=k("string")},l(t){e=O(t,"CODE",{});var n=a(e);$=D(n,"string"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:f,d(t){t&&o(e)}}}function Dt(t){let e;return{c(){e=k("Adds a title to the dialog.")},l(t){e=D(t,"Adds a title to the dialog.")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function bt(t){let e,$,n,s,a,r,l,f;return e=new I({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),l=new I({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment),r=E(),i(l.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t),r=v(t),m(l.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),c(t,r,o),u(l,t,o),f=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r);const c={};4&$&&(c.$$scope={dirty:$,ctx:t}),l.$set(c)},i(t){f||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),f=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),f=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t),t&&o(r),w(l,t)}}}function Ot(t){let e,$,n;return{c(){e=b("strong"),$=b("code"),n=k("closeCallback")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var r=a($);n=D(r,"closeCallback"),r.forEach(o),s.forEach(o)},m(t,s){c(t,e,s),l(e,$),l($,n)},p:f,d(t){t&&o(e)}}}function Ct(t){let e,$;return{c(){e=b("code"),$=k("null")},l(t){e=O(t,"CODE",{});var n=a(e);$=D(n,"null"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:f,d(t){t&&o(e)}}}function Tt(t){let e,$;return{c(){e=b("code"),$=k("Function")},l(t){e=O(t,"CODE",{});var n=a(e);$=D(n,"Function"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:f,d(t){t&&o(e)}}}function St(t){let e;return{c(){e=k("Adds a close button to the dialog and calls this function when it is clicked.")},l(t){e=D(t,"Adds a close button to the dialog and calls this function when it is clicked.")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function At(t){let e,$,n,s,a,r,l,f;return e=new I({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),l=new I({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment),r=E(),i(l.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t),r=v(t),m(l.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),c(t,r,o),u(l,t,o),f=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r);const c={};4&$&&(c.$$scope={dirty:$,ctx:t}),l.$set(c)},i(t){f||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),f=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),f=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t),t&&o(r),w(l,t)}}}function Nt(t){let e,$,n,s,r,f,p,g;return $=new L({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),r=new L({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),p=new L({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){e=b("thead"),i($.$$.fragment),n=E(),s=b("tbody"),i(r.$$.fragment),f=E(),i(p.$$.fragment)},l(t){e=O(t,"THEAD",{});var c=a(e);m($.$$.fragment,c),c.forEach(o),n=v(t),s=O(t,"TBODY",{});var l=a(s);m(r.$$.fragment,l),f=v(l),m(p.$$.fragment,l),l.forEach(o)},m(t,a){c(t,e,a),u($,e,null),c(t,n,a),c(t,s,a),u(r,s,null),l(s,f),u(p,s,null),g=!0},p(t,e){const n={};4&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),r.$set(s);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),p.$set(a)},i(t){g||(h($.$$.fragment,t),h(r.$$.fragment,t),h(p.$$.fragment,t),g=!0)},o(t){x($.$$.fragment,t),x(r.$$.fragment,t),x(p.$$.fragment,t),g=!1},d(t){t&&o(e),w($),t&&o(n),t&&o(s),w(r),w(p)}}}function jt(t){let e;return{c(){e=k("Class Properties")},l(t){e=D(t,"Class Properties")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Rt(t){let e,$,n,s,r,p,i;return{c(){e=k("All "),$=b("code"),n=k("<Dialog>"),s=k(" components use the "),r=b("code"),p=k(".dialog"),i=k(" class.")},l(t){e=D(t,"All "),$=O(t,"CODE",{});var c=a($);n=D(c,"<Dialog>"),c.forEach(o),s=D(t," components use the "),r=O(t,"CODE",{});var l=a(r);p=D(l,".dialog"),l.forEach(o),i=D(t," class.")},m(t,a){c(t,e,a),c(t,$,a),l($,n),c(t,s,a),c(t,r,a),l(r,p),c(t,i,a)},p:f,d(t){t&&o(e),t&&o($),t&&o(s),t&&o(r),t&&o(i)}}}function Bt(t){let e;return{c(){e=k("Falsy values passed to classes will be disregarded.")},l(t){e=D(t,"Falsy values passed to classes will be disregarded.")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Gt(t){let e;return{c(){e=k("Name")},l(t){e=D(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Ft(t){let e;return{c(){e=k("Default")},l(t){e=D(t,"Default")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Pt(t){let e;return{c(){e=k("Type")},l(t){e=D(t,"Type")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Lt(t){let e;return{c(){e=k("Description")},l(t){e=D(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Ht(t){let e,$,n,s,a,r,l,f;return e=new H({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),a=new H({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),l=new H({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment),r=E(),i(l.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t),r=v(t),m(l.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),c(t,r,o),u(l,t,o),f=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r);const c={};4&$&&(c.$$scope={dirty:$,ctx:t}),l.$set(c)},i(t){f||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),f=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),f=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t),t&&o(r),w(l,t)}}}function It(t){let e,$,n;return{c(){e=b("strong"),$=b("code"),n=k("class")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var r=a($);n=D(r,"class"),r.forEach(o),s.forEach(o)},m(t,s){c(t,e,s),l(e,$),l($,n)},p:f,d(t){t&&o(e)}}}function zt(t){let e,$;return{c(){e=b("code"),$=k("null")},l(t){e=O(t,"CODE",{});var n=a(e);$=D(n,"null"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:f,d(t){t&&o(e)}}}function Xt(t){let e,$;return{c(){e=b("code"),$=k("string")},l(t){e=O(t,"CODE",{});var n=a(e);$=D(n,"string"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:f,d(t){t&&o(e)}}}function Yt(t){let e;return{c(){e=k("A class string to add to the component.")},l(t){e=D(t,"A class string to add to the component.")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Wt(t){let e,$,n,s,a,r,l,f;return e=new I({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),l=new I({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment),r=E(),i(l.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t),r=v(t),m(l.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),c(t,r,o),u(l,t,o),f=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r);const c={};4&$&&(c.$$scope={dirty:$,ctx:t}),l.$set(c)},i(t){f||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),f=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),f=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t),t&&o(r),w(l,t)}}}function Vt(t){let e,$,n;return{c(){e=b("strong"),$=b("code"),n=k("titleClass")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var r=a($);n=D(r,"titleClass"),r.forEach(o),s.forEach(o)},m(t,s){c(t,e,s),l(e,$),l($,n)},p:f,d(t){t&&o(e)}}}function qt(t){let e,$;return{c(){e=b("code"),$=k("null")},l(t){e=O(t,"CODE",{});var n=a(e);$=D(n,"null"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:f,d(t){t&&o(e)}}}function Mt(t){let e,$;return{c(){e=b("code"),$=k("string")},l(t){e=O(t,"CODE",{});var n=a(e);$=D(n,"string"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:f,d(t){t&&o(e)}}}function Kt(t){let e,$,n,s;return{c(){e=k("A class string to add to the title "),$=b("code"),n=k("div"),s=k(".")},l(t){e=D(t,"A class string to add to the title "),$=O(t,"CODE",{});var r=a($);n=D(r,"div"),r.forEach(o),s=D(t,".")},m(t,a){c(t,e,a),c(t,$,a),l($,n),c(t,s,a)},p:f,d(t){t&&o(e),t&&o($),t&&o(s)}}}function Ut(t){let e,$,n,s,a,r,l,f;return e=new I({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),l=new I({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment),r=E(),i(l.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t),r=v(t),m(l.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),c(t,r,o),u(l,t,o),f=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r);const c={};4&$&&(c.$$scope={dirty:$,ctx:t}),l.$set(c)},i(t){f||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),f=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),f=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t),t&&o(r),w(l,t)}}}function Jt(t){let e,$,n,s,r,f,p,g;return $=new L({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),r=new L({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),p=new L({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){e=b("thead"),i($.$$.fragment),n=E(),s=b("tbody"),i(r.$$.fragment),f=E(),i(p.$$.fragment)},l(t){e=O(t,"THEAD",{});var c=a(e);m($.$$.fragment,c),c.forEach(o),n=v(t),s=O(t,"TBODY",{});var l=a(s);m(r.$$.fragment,l),f=v(l),m(p.$$.fragment,l),l.forEach(o)},m(t,a){c(t,e,a),u($,e,null),c(t,n,a),c(t,s,a),u(r,s,null),l(s,f),u(p,s,null),g=!0},p(t,e){const n={};4&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),r.$set(s);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),p.$set(a)},i(t){g||(h($.$$.fragment,t),h(r.$$.fragment,t),h(p.$$.fragment,t),g=!0)},o(t){x($.$$.fragment,t),x(r.$$.fragment,t),x(p.$$.fragment,t),g=!1},d(t){t&&o(e),w($),t&&o(n),t&&o(s),w(r),w(p)}}}function Qt(t){let e;return{c(){e=k("Slots")},l(t){e=D(t,"Slots")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Zt(t){let e;return{c(){e=k("Default slot")},l(t){e=D(t,"Default slot")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function _t(t){let e;return{c(){e=k("The content of the dialog.")},l(t){e=D(t,"The content of the dialog.")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function te(t){let e,$,n;return{c(){e=b("code"),$=k("close-icon"),n=k(" slot")},l(t){e=O(t,"CODE",{});var s=a(e);$=D(s,"close-icon"),s.forEach(o),n=D(t," slot")},m(t,s){c(t,e,s),l(e,$),c(t,n,s)},p:f,d(t){t&&o(e),t&&o(n)}}}function ee(t){let e,$,n,s,p,i,m,u,g,d;return{c(){e=k("The icon used inside the close button. Defaults to "),$=b("a"),n=k("Feather icons"),s=k("' "),p=b("code"),i=k("X"),m=k(". Only used when "),u=b("code"),g=k("closeCallback"),d=k(" is supplied."),this.h()},l(t){e=D(t,"The icon used inside the close button. Defaults to "),$=O(t,"A",{href:!0,rel:!0});var r=a($);n=D(r,"Feather icons"),r.forEach(o),s=D(t,"' "),p=O(t,"CODE",{});var c=a(p);i=D(c,"X"),c.forEach(o),m=D(t,". Only used when "),u=O(t,"CODE",{});var l=a(u);g=D(l,"closeCallback"),l.forEach(o),d=D(t," is supplied."),this.h()},h(){r($,"href","https://feathericons.com/?query=X"),r($,"rel","nofollow")},m(t,a){c(t,e,a),c(t,$,a),l($,n),c(t,s,a),c(t,p,a),l(p,i),c(t,m,a),c(t,u,a),l(u,g),c(t,d,a)},p:f,d(t){t&&o(e),t&&o($),t&&o(s),t&&o(p),t&&o(m),t&&o(u),t&&o(d)}}}function $e(t){let e,$,n;return{c(){e=b("code"),$=k("title-icon"),n=k(" slot")},l(t){e=O(t,"CODE",{});var s=a(e);$=D(s,"title-icon"),s.forEach(o),n=D(t," slot")},m(t,s){c(t,e,s),l(e,$),c(t,n,s)},p:f,d(t){t&&o(e),t&&o(n)}}}function ne(t){let e,$,n,s;return{c(){e=k("The icon prepended before the title. Only used when "),$=b("code"),n=k("title"),s=k(" is supplied.")},l(t){e=D(t,"The icon prepended before the title. Only used when "),$=O(t,"CODE",{});var r=a($);n=D(r,"title"),r.forEach(o),s=D(t," is supplied.")},m(t,a){c(t,e,a),c(t,$,a),l($,n),c(t,s,a)},p:f,d(t){t&&o(e),t&&o($),t&&o(s)}}}function se(t){let e;return{c(){e=k("SCSS Variables")},l(t){e=D(t,"SCSS Variables")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function ae(t){let e;return{c(){e=k("Name")},l(t){e=D(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function oe(t){let e;return{c(){e=k("Description")},l(t){e=D(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function re(t){let e;return{c(){e=k("Default")},l(t){e=D(t,"Default")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function ce(t){let e,$,n,s,a,r;return e=new H({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),a=new H({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),r=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r)},i(t){r||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),r=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),r=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t)}}}function le(t){let e,$,n;return{c(){e=b("strong"),$=b("code"),n=k("$main")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var r=a($);n=D(r,"$main"),r.forEach(o),s.forEach(o)},m(t,s){c(t,e,s),l(e,$),l($,n)},p:f,d(t){t&&o(e)}}}function fe(t){let e;return{c(){e=k("The color of the title (if supplied).")},l(t){e=D(t,"The color of the title (if supplied).")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function pe(t){let e,$;return e=new R({props:{value:"#4300B0"}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){u(e,t,n),$=!0},p:f,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){w(e,t)}}}function ie(t){let e,$,n,s,a,r;return e=new I({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),r=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r)},i(t){r||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),r=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),r=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t)}}}function me(t){let e,$,n;return{c(){e=b("strong"),$=b("code"),n=k("$shadow-raised")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var r=a($);n=D(r,"$shadow-raised"),r.forEach(o),s.forEach(o)},m(t,s){c(t,e,s),l(e,$),l($,n)},p:f,d(t){t&&o(e)}}}function ue(t){let e;return{c(){e=k("The shadow of the dialog.")},l(t){e=D(t,"The shadow of the dialog.")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function ge(t){let e,$;return e=new B({props:{value:Xe}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){u(e,t,n),$=!0},p:f,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){w(e,t)}}}function de(t){let e,$,n,s,a,r;return e=new I({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),r=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r)},i(t){r||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),r=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),r=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t)}}}function he(t){let e,$,n;return{c(){e=b("strong"),$=b("code"),n=k("$dialog-radius")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var r=a($);n=D(r,"$dialog-radius"),r.forEach(o),s.forEach(o)},m(t,s){c(t,e,s),l(e,$),l($,n)},p:f,d(t){t&&o(e)}}}function xe(t){let e;return{c(){e=k("The curvature radius of a dialog.")},l(t){e=D(t,"The curvature radius of a dialog.")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function we(t){let e,$;return{c(){e=b("code"),$=k("1.5625em")},l(t){e=O(t,"CODE",{});var n=a(e);$=D(n,"1.5625em"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:f,d(t){t&&o(e)}}}function ye(t){let e,$,n,s,a,r;return e=new I({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),r=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r)},i(t){r||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),r=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),r=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t)}}}function Ee(t){let e,$,n;return{c(){e=b("strong"),$=b("code"),n=k("$bold-font-weight")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var r=a($);n=D(r,"$bold-font-weight"),r.forEach(o),s.forEach(o)},m(t,s){c(t,e,s),l(e,$),l($,n)},p:f,d(t){t&&o(e)}}}function ve(t){let e;return{c(){e=k("The title's font weight.")},l(t){e=D(t,"The title's font weight.")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function ke(t){let e,$;return{c(){e=b("code"),$=k("500")},l(t){e=O(t,"CODE",{});var n=a(e);$=D(n,"500"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:f,d(t){t&&o(e)}}}function De(t){let e,$,n,s,a,r;return e=new I({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),r=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r)},i(t){r||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),r=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),r=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t)}}}function be(t){let e,$,n;return{c(){e=b("strong"),$=b("code"),n=k("$danger")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var r=a($);n=D(r,"$danger"),r.forEach(o),s.forEach(o)},m(t,s){c(t,e,s),l(e,$),l($,n)},p:f,d(t){t&&o(e)}}}function Oe(t){let e;return{c(){e=k("The color of the title when using the danger variant of a dialog.")},l(t){e=D(t,"The color of the title when using the danger variant of a dialog.")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Ce(t){let e,$;return e=new R({props:{value:"#B80000"}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){u(e,t,n),$=!0},p:f,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){w(e,t)}}}function Te(t){let e,$,n,s,a,r;return e=new I({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),r=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r)},i(t){r||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),r=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),r=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t)}}}function Se(t){let e,$,n,s,p,i,m,u,g;return{c(){e=b("strong"),$=b("code"),n=k("$button-radius"),s=E(),p=b("small"),i=k("From "),m=b("a"),u=b("code"),g=k("Button"),this.h()},l(t){e=O(t,"STRONG",{});var r=a(e);$=O(r,"CODE",{});var c=a($);n=D(c,"$button-radius"),c.forEach(o),r.forEach(o),s=v(t),p=O(t,"SMALL",{});var l=a(p);i=D(l,"From "),m=O(l,"A",{href:!0});var f=a(m);u=O(f,"CODE",{});var d=a(u);g=D(d,"Button"),d.forEach(o),f.forEach(o),l.forEach(o),this.h()},h(){r(m,"href","./docs/components/button")},m(t,a){c(t,e,a),l(e,$),l($,n),c(t,s,a),c(t,p,a),l(p,i),l(p,m),l(m,u),l(u,g)},p:f,d(t){t&&o(e),t&&o(s),t&&o(p)}}}function Ae(t){let e;return{c(){e=k("The curvature radius of the X button (if the close callback is supplied).")},l(t){e=D(t,"The curvature radius of the X button (if the close callback is supplied).")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Ne(t){let e,$;return{c(){e=b("code"),$=k("1.5625em")},l(t){e=O(t,"CODE",{});var n=a(e);$=D(n,"1.5625em"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:f,d(t){t&&o(e)}}}function je(t){let e,$,n,s,a,r;return e=new I({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),r=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r)},i(t){r||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),r=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),r=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t)}}}function Re(t){let e,$,n,s,p,i,m,u,g;return{c(){e=b("strong"),$=b("code"),n=k("$dark"),s=E(),p=b("small"),i=k("From "),m=b("a"),u=b("code"),g=k("Button"),this.h()},l(t){e=O(t,"STRONG",{});var r=a(e);$=O(r,"CODE",{});var c=a($);n=D(c,"$dark"),c.forEach(o),r.forEach(o),s=v(t),p=O(t,"SMALL",{});var l=a(p);i=D(l,"From "),m=O(l,"A",{href:!0});var f=a(m);u=O(f,"CODE",{});var d=a(u);g=D(d,"Button"),d.forEach(o),f.forEach(o),l.forEach(o),this.h()},h(){r(m,"href","./docs/components/button")},m(t,a){c(t,e,a),l(e,$),l($,n),c(t,s,a),c(t,p,a),l(p,i),l(p,m),l(m,u),l(u,g)},p:f,d(t){t&&o(e),t&&o(s),t&&o(p)}}}function Be(t){let e;return{c(){e=k("The color of the X button (if the close callback is supplied).")},l(t){e=D(t,"The color of the X button (if the close callback is supplied).")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Ge(t){let e,$;return e=new R({props:{value:"#333333"}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){u(e,t,n),$=!0},p:f,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){w(e,t)}}}function Fe(t){let e,$,n,s,a,r;return e=new I({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),r=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r)},i(t){r||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),r=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),r=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t)}}}function Pe(t){let e,$,n,s,r,f,p,g,d,y,k,D,C,T,S,A,N,j;return $=new L({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),r=new L({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),p=new L({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),d=new L({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),k=new L({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),C=new L({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),S=new L({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),N=new L({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),{c(){e=b("thead"),i($.$$.fragment),n=E(),s=b("tbody"),i(r.$$.fragment),f=E(),i(p.$$.fragment),g=E(),i(d.$$.fragment),y=E(),i(k.$$.fragment),D=E(),i(C.$$.fragment),T=E(),i(S.$$.fragment),A=E(),i(N.$$.fragment)},l(t){e=O(t,"THEAD",{});var c=a(e);m($.$$.fragment,c),c.forEach(o),n=v(t),s=O(t,"TBODY",{});var l=a(s);m(r.$$.fragment,l),f=v(l),m(p.$$.fragment,l),g=v(l),m(d.$$.fragment,l),y=v(l),m(k.$$.fragment,l),D=v(l),m(C.$$.fragment,l),T=v(l),m(S.$$.fragment,l),A=v(l),m(N.$$.fragment,l),l.forEach(o)},m(t,a){c(t,e,a),u($,e,null),c(t,n,a),c(t,s,a),u(r,s,null),l(s,f),u(p,s,null),l(s,g),u(d,s,null),l(s,y),u(k,s,null),l(s,D),u(C,s,null),l(s,T),u(S,s,null),l(s,A),u(N,s,null),j=!0},p(t,e){const n={};4&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),r.$set(s);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),p.$set(a);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),d.$set(o);const c={};4&e&&(c.$$scope={dirty:e,ctx:t}),k.$set(c);const l={};4&e&&(l.$$scope={dirty:e,ctx:t}),C.$set(l);const f={};4&e&&(f.$$scope={dirty:e,ctx:t}),S.$set(f);const i={};4&e&&(i.$$scope={dirty:e,ctx:t}),N.$set(i)},i(t){j||(h($.$$.fragment,t),h(r.$$.fragment,t),h(p.$$.fragment,t),h(d.$$.fragment,t),h(k.$$.fragment,t),h(C.$$.fragment,t),h(S.$$.fragment,t),h(N.$$.fragment,t),j=!0)},o(t){x($.$$.fragment,t),x(r.$$.fragment,t),x(p.$$.fragment,t),x(d.$$.fragment,t),x(k.$$.fragment,t),x(C.$$.fragment,t),x(S.$$.fragment,t),x(N.$$.fragment,t),j=!1},d(t){t&&o(e),w($),t&&o(n),t&&o(s),w(r),w(p),w(d),w(k),w(C),w(S),w(N)}}}function Le(t){let e,$,n,s,a,r,l,f,p,g,d,y,k,D,b,O,C,A,N,R,B,L,H,I,z,X,Y,q,M,K,_,tt,et,$t,nt,st,at,ot,rt,ct,lt,ft;return e=new T({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),n=new S({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),a=new j({props:{$$slots:{source:[J],showcase:[U]},$$scope:{ctx:t}}}),l=new G({props:{id:"properties",$$slots:{default:[Q]},$$scope:{ctx:t}}}),p=new F({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),d=new P({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),k=new F({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),b=new P({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),C=new F({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),N=new S({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),B=new S({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),H=new P({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),z=new G({props:{id:"slots",$$slots:{default:[Qt]},$$scope:{ctx:t}}}),Y=new F({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),M=new S({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),_=new F({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),et=new S({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),nt=new F({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),at=new S({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),rt=new G({props:{id:"scss-variables",$$slots:{default:[se]},$$scope:{ctx:t}}}),lt=new P({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment),r=E(),i(l.$$.fragment),f=E(),i(p.$$.fragment),g=E(),i(d.$$.fragment),y=E(),i(k.$$.fragment),D=E(),i(b.$$.fragment),O=E(),i(C.$$.fragment),A=E(),i(N.$$.fragment),R=E(),i(B.$$.fragment),L=E(),i(H.$$.fragment),I=E(),i(z.$$.fragment),X=E(),i(Y.$$.fragment),q=E(),i(M.$$.fragment),K=E(),i(_.$$.fragment),tt=E(),i(et.$$.fragment),$t=E(),i(nt.$$.fragment),st=E(),i(at.$$.fragment),ot=E(),i(rt.$$.fragment),ct=E(),i(lt.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t),r=v(t),m(l.$$.fragment,t),f=v(t),m(p.$$.fragment,t),g=v(t),m(d.$$.fragment,t),y=v(t),m(k.$$.fragment,t),D=v(t),m(b.$$.fragment,t),O=v(t),m(C.$$.fragment,t),A=v(t),m(N.$$.fragment,t),R=v(t),m(B.$$.fragment,t),L=v(t),m(H.$$.fragment,t),I=v(t),m(z.$$.fragment,t),X=v(t),m(Y.$$.fragment,t),q=v(t),m(M.$$.fragment,t),K=v(t),m(_.$$.fragment,t),tt=v(t),m(et.$$.fragment,t),$t=v(t),m(nt.$$.fragment,t),st=v(t),m(at.$$.fragment,t),ot=v(t),m(rt.$$.fragment,t),ct=v(t),m(lt.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),c(t,r,o),u(l,t,o),c(t,f,o),u(p,t,o),c(t,g,o),u(d,t,o),c(t,y,o),u(k,t,o),c(t,D,o),u(b,t,o),c(t,O,o),u(C,t,o),c(t,A,o),u(N,t,o),c(t,R,o),u(B,t,o),c(t,L,o),u(H,t,o),c(t,I,o),u(z,t,o),c(t,X,o),u(Y,t,o),c(t,q,o),u(M,t,o),c(t,K,o),u(_,t,o),c(t,tt,o),u(et,t,o),c(t,$t,o),u(nt,t,o),c(t,st,o),u(at,t,o),c(t,ot,o),u(rt,t,o),c(t,ct,o),u(lt,t,o),ft=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r);const c={};4&$&&(c.$$scope={dirty:$,ctx:t}),l.$set(c);const f={};4&$&&(f.$$scope={dirty:$,ctx:t}),p.$set(f);const i={};4&$&&(i.$$scope={dirty:$,ctx:t}),d.$set(i);const m={};4&$&&(m.$$scope={dirty:$,ctx:t}),k.$set(m);const u={};4&$&&(u.$$scope={dirty:$,ctx:t}),b.$set(u);const g={};4&$&&(g.$$scope={dirty:$,ctx:t}),C.$set(g);const h={};4&$&&(h.$$scope={dirty:$,ctx:t}),N.$set(h);const x={};4&$&&(x.$$scope={dirty:$,ctx:t}),B.$set(x);const w={};4&$&&(w.$$scope={dirty:$,ctx:t}),H.$set(w);const y={};4&$&&(y.$$scope={dirty:$,ctx:t}),z.$set(y);const E={};4&$&&(E.$$scope={dirty:$,ctx:t}),Y.$set(E);const v={};4&$&&(v.$$scope={dirty:$,ctx:t}),M.$set(v);const D={};4&$&&(D.$$scope={dirty:$,ctx:t}),_.$set(D);const O={};4&$&&(O.$$scope={dirty:$,ctx:t}),et.$set(O);const T={};4&$&&(T.$$scope={dirty:$,ctx:t}),nt.$set(T);const S={};4&$&&(S.$$scope={dirty:$,ctx:t}),at.$set(S);const A={};4&$&&(A.$$scope={dirty:$,ctx:t}),rt.$set(A);const j={};4&$&&(j.$$scope={dirty:$,ctx:t}),lt.$set(j)},i(t){ft||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),h(p.$$.fragment,t),h(d.$$.fragment,t),h(k.$$.fragment,t),h(b.$$.fragment,t),h(C.$$.fragment,t),h(N.$$.fragment,t),h(B.$$.fragment,t),h(H.$$.fragment,t),h(z.$$.fragment,t),h(Y.$$.fragment,t),h(M.$$.fragment,t),h(_.$$.fragment,t),h(et.$$.fragment,t),h(nt.$$.fragment,t),h(at.$$.fragment,t),h(rt.$$.fragment,t),h(lt.$$.fragment,t),ft=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),x(p.$$.fragment,t),x(d.$$.fragment,t),x(k.$$.fragment,t),x(b.$$.fragment,t),x(C.$$.fragment,t),x(N.$$.fragment,t),x(B.$$.fragment,t),x(H.$$.fragment,t),x(z.$$.fragment,t),x(Y.$$.fragment,t),x(M.$$.fragment,t),x(_.$$.fragment,t),x(et.$$.fragment,t),x(nt.$$.fragment,t),x(at.$$.fragment,t),x(rt.$$.fragment,t),x(lt.$$.fragment,t),ft=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t),t&&o(r),w(l,t),t&&o(f),w(p,t),t&&o(g),w(d,t),t&&o(y),w(k,t),t&&o(D),w(b,t),t&&o(O),w(C,t),t&&o(A),w(N,t),t&&o(R),w(B,t),t&&o(L),w(H,t),t&&o(I),w(z,t),t&&o(X),w(Y,t),t&&o(q),w(M,t),t&&o(K),w(_,t),t&&o(tt),w(et,t),t&&o($t),w(nt,t),t&&o(st),w(at,t),t&&o(ot),w(rt,t),t&&o(ct),w(lt,t)}}}function He(t){let e,$;const n=[t[0],Ie];let s={$$slots:{default:[Le]},$$scope:{ctx:t}};for(let t=0;t<n.length;t+=1)s=p(s,n[t]);return e=new C({props:s}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){u(e,t,n),$=!0},p(t,[$]){const s=1&$?g(n,[1&$&&d(t[0]),0&$&&d(Ie)]):{};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s)},i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){w(e,t)}}}const Ie={name:"Dialog",shadowRaised:"0 2px 4px -1px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);"},{name:ze,shadowRaised:Xe}=Ie;function Ye(t,e,$){return t.$$set=t=>{$(0,e=p(p({},e),y(t)))},[e=y(e),()=>console.log("Closing the dialog...")]}class We extends t{constructor(t){super(),e(this,t,Ye,He,$,{})}}export{We as default,Ie as metadata};
diff --git a/376/client/dialog.b792720c.js b/376/client/dialog.b792720c.js
new file mode 100644
index 000000000..c2f81d3af
--- /dev/null
+++ b/376/client/dialog.b792720c.js
@@ -0,0 +1 @@
+import{S as s,i as l,s as a,M as t,h as n,u as e,k as c,b as i,w as o,d as r,e as u,X as d,O as $,f as m,g as f,t as p,y as h,p as g,z as k,Q as v,R as C,T as b,V as x,j,l as w,m as W,q as y,v as D,x as V,A as E}from"./client.0d36a0cf.js";import{B as I}from"./button.743a388a.js";import{X as q}from"./x.a2bf5f48.js";import{c as z}from"./classes.2453fa25.js";const A=s=>({}),B=s=>({}),M=s=>({}),O=s=>({});function Q(s){let l,a;return l=new I({props:{neutral:!0,round:!0,class:"close",$$slots:{default:[R]},$$scope:{ctx:s}}}),l.$on("click",(function(){x(s[3])&&s[3].apply(this,arguments)})),{c(){j(l.$$.fragment)},l(s){w(l.$$.fragment,s)},m(s,t){W(l,s,t),a=!0},p(a,t){s=a;const n={};128&t&&(n.$$scope={dirty:t,ctx:s}),l.$set(n)},i(s){a||(p(l.$$.fragment,s),a=!0)},o(s){g(l.$$.fragment,s),a=!1},d(s){y(l,s)}}}function R(s){let l;const a=s[6]["close-icon"],n=t(a,s,s[7],O),e=n||function(s){let l,a;return l=new q({}),{c(){j(l.$$.fragment)},l(s){w(l.$$.fragment,s)},m(s,t){W(l,s,t),a=!0},i(s){a||(p(l.$$.fragment,s),a=!0)},o(s){g(l.$$.fragment,s),a=!1},d(s){y(l,s)}}}();return{c(){e&&e.c()},l(s){e&&e.l(s)},m(s,a){e&&e.m(s,a),l=!0},p(s,t){n&&n.p&&(!l||128&t)&&v(n,a,s,s[7],l?b(a,s[7],t,M):C(s[7]),O)},i(s){l||(p(e,s),l=!0)},o(s){g(e,s),l=!1},d(s){e&&e.d(s)}}}function S(s){let l,a,$,h,k;const x=s[6]["title-icon"],j=t(x,s,s[7],B);return{c(){l=n("div"),j&&j.c(),a=e(),$=D(s[4]),this.h()},l(t){l=c(t,"DIV",{class:!0});var n=i(l);j&&j.l(n),a=o(n),$=V(n,s[4]),n.forEach(r),this.h()},h(){u(l,"class",h=d(z("title",null!=s[3]&&"close-padded",s[1]))+" svelte-11akk9u")},m(s,t){m(s,l,t),j&&j.m(l,null),f(l,a),f(l,$),k=!0},p(s,a){j&&j.p&&(!k||128&a)&&v(j,x,s,s[7],k?b(x,s[7],a,A):C(s[7]),B),(!k||16&a)&&E($,s[4]),(!k||10&a&&h!==(h=d(z("title",null!=s[3]&&"close-padded",s[1]))+" svelte-11akk9u"))&&u(l,"class",h)},i(s){k||(p(j,s),k=!0)},o(s){g(j,s),k=!1},d(s){s&&r(l),j&&j.d(s)}}}function T(s){let l,a,x,j,w,W=null!=s[3]&&Q(s),y=null!=s[4]&&S(s);const D=s[6].default,V=t(D,s,s[7],null);return{c(){l=n("div"),W&&W.c(),a=e(),y&&y.c(),x=e(),V&&V.c(),this.h()},l(s){l=c(s,"DIV",{class:!0});var t=i(l);W&&W.l(t),a=o(t),y&&y.l(t),x=o(t),V&&V.l(t),t.forEach(r),this.h()},h(){u(l,"class",j=d(z("dialog",s[0]))+" svelte-11akk9u"),$(l,"danger",s[2]),$(l,"constrain-width",s[5])},m(s,t){m(s,l,t),W&&W.m(l,null),f(l,a),y&&y.m(l,null),f(l,x),V&&V.m(l,null),w=!0},p(s,[t]){null!=s[3]?W?(W.p(s,t),8&t&&p(W,1)):(W=Q(s),W.c(),p(W,1),W.m(l,a)):W&&(h(),g(W,1,1,(()=>{W=null})),k()),null!=s[4]?y?(y.p(s,t),16&t&&p(y,1)):(y=S(s),y.c(),p(y,1),y.m(l,x)):y&&(h(),g(y,1,1,(()=>{y=null})),k()),V&&V.p&&(!w||128&t)&&v(V,D,s,s[7],w?b(D,s[7],t,null):C(s[7]),null),(!w||1&t&&j!==(j=d(z("dialog",s[0]))+" svelte-11akk9u"))&&u(l,"class",j),(!w||5&t)&&$(l,"danger",s[2]),(!w||33&t)&&$(l,"constrain-width",s[5])},i(s){w||(p(W),p(y),p(V,s),w=!0)},o(s){g(W),g(y),g(V,s),w=!1},d(s){s&&r(l),W&&W.d(),y&&y.d(),V&&V.d(s)}}}function X(s,l,a){let{$$slots:t={},$$scope:n}=l,{class:e=null}=l,{titleClass:c=null}=l,{danger:i=!1}=l,{closeCallback:o=null}=l,{title:r=null}=l,{constrainWidth:u=!1}=l;return s.$$set=s=>{"class"in s&&a(0,e=s.class),"titleClass"in s&&a(1,c=s.titleClass),"danger"in s&&a(2,i=s.danger),"closeCallback"in s&&a(3,o=s.closeCallback),"title"in s&&a(4,r=s.title),"constrainWidth"in s&&a(5,u=s.constrainWidth),"$$scope"in s&&a(7,n=s.$$scope)},[e,c,i,o,r,u,t,n]}var F=class extends s{constructor(s){super(),l(this,s,X,T,a,{class:0,titleClass:1,danger:2,closeCallback:3,title:4,constrainWidth:5})}};export{F as D};
diff --git a/376/client/divider-63da41a9.css b/376/client/divider-63da41a9.css
new file mode 100644
index 000000000..e1b477299
--- /dev/null
+++ b/376/client/divider-63da41a9.css
@@ -0,0 +1 @@
+hr.svelte-lhyupy{border:0 solid #ddd;border-top-width:1px;margin-top:1em;width:100%}hr[data-text].svelte-lhyupy{overflow:visible;position:relative}hr[data-text].svelte-lhyupy::after{background:#fff;content:attr(data-text);font-size:0.85rem;left:50%;padding:0 0.4em;position:absolute;top:0;transform:translate(-50%, -55%)}
diff --git a/376/client/divider.67a9a120.js b/376/client/divider.67a9a120.js
new file mode 100644
index 000000000..fd7d3c3b7
--- /dev/null
+++ b/376/client/divider.67a9a120.js
@@ -0,0 +1 @@
+import{S as t,i as s,s as a,K as e,h as n,k as l,N as r,O as h,f as i,U as o,n as x,d as c,I as u,L as d}from"./client.0d36a0cf.js";function f(t){let s,a=[{"data-text":t[0]},t[1]],u={};for(let t=0;t<a.length;t+=1)u=e(u,a[t]);return{c(){s=n("hr"),this.h()},l(t){s=l(t,"HR",{"data-text":!0}),this.h()},h(){r(s,u),h(s,"svelte-lhyupy",!0)},m(t,a){i(t,s,a)},p(t,[e]){r(s,u=o(a,[1&e&&{"data-text":t[0]},2&e&&t[1]])),h(s,"svelte-lhyupy",!0)},i:x,o:x,d(t){t&&c(s)}}}function p(t,s,a){const n=["text"];let l=u(s,n),{text:r=null}=s;return t.$$set=t=>{s=e(e({},s),d(t)),a(1,l=u(s,n)),"text"in t&&a(0,r=t.text)},[r,l]}var y=class extends t{constructor(t){super(),s(this,t,p,f,a,{text:0})}};export{y as D};
diff --git a/376/client/divider.ebcefaaf.js b/376/client/divider.ebcefaaf.js
new file mode 100644
index 000000000..39e41175b
--- /dev/null
+++ b/376/client/divider.ebcefaaf.js
@@ -0,0 +1 @@
+import{S as t,i as n,s as e,K as s,j as $,l as a,m as o,U as r,a0 as c,t as p,p as l,q as f,L as m,u as i,w as u,f as g,d,v as h,x,h as k,k as w,b as y,e as v,g as D,n as E}from"./client.0d36a0cf.js";import{L as T,H as b,P as O}from"./layout.b2760304.js";import{D as S}from"./divider.67a9a120.js";import{S as j}from"./showcase.8eb3893d.js";import{C}from"./color-preview.278d2729.js";import{H}from"./h2.122c8b9f.js";import{H as F}from"./h3.1e03849b.js";import{T as N,a as P,b as A,c as R}from"./table.e069c294.js";import"./label.16b4782e.js";import"./classes.2453fa25.js";import"./copyable-code.1fddc954.js";import"./button.743a388a.js";function z(t){let n;return{c(){n=h("Divider")},l(t){n=x(t,"Divider")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function G(t){let n;return{c(){n=h("A thin horizontal line used to separate sections and group content, with optional text to display in the middle.")},l(t){n=x(t,"A thin horizontal line used to separate sections and group content, with optional text to display in the middle.")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function V(t){let n,e,s,r,c,m,T,b,O,j,C,H,F,N,P,A;return c=new S({props:{text:"Section 1"}}),j=new S({props:{text:"Conclusion"}}),P=new S({}),{c(){n=k("div"),e=k("p"),s=h("This is some introduction to something"),r=i(),$(c.$$.fragment),m=i(),T=k("p"),b=h("This is the 1st section. Have fun"),O=i(),$(j.$$.fragment),C=i(),H=k("p"),F=h("This ends our test"),N=i(),$(P.$$.fragment),this.h()},l(t){n=w(t,"DIV",{slot:!0,class:!0});var $=y(n);e=w($,"P",{});var o=y(e);s=x(o,"This is some introduction to something"),o.forEach(d),r=u($),a(c.$$.fragment,$),m=u($),T=w($,"P",{});var p=y(T);b=x(p,"This is the 1st section. Have fun"),p.forEach(d),O=u($),a(j.$$.fragment,$),C=u($),H=w($,"P",{});var l=y(H);F=x(l,"This ends our test"),l.forEach(d),N=u($),a(P.$$.fragment,$),$.forEach(d),this.h()},h(){v(n,"slot","showcase"),v(n,"class","padded")},m(t,$){g(t,n,$),D(n,e),D(e,s),D(n,r),o(c,n,null),D(n,m),D(n,T),D(T,b),D(n,O),o(j,n,null),D(n,C),D(n,H),D(H,F),D(n,N),o(P,n,null),A=!0},p:E,i(t){A||(p(c.$$.fragment,t),p(j.$$.fragment,t),p(P.$$.fragment,t),A=!0)},o(t){l(c.$$.fragment,t),l(j.$$.fragment,t),l(P.$$.fragment,t),A=!1},d(t){t&&d(n),f(c),f(j),f(P)}}}function L(t){let n,e;return{c(){n=k("div"),e=k("pre"),this.h()},l(t){n=w(t,"DIV",{slot:!0});var s=y(n);e=w(s,"PRE",{class:!0}),y(e).forEach(d),s.forEach(d),this.h()},h(){v(e,"class","language-svelte"),v(n,"slot","source")},m(t,s){g(t,n,s),D(n,e),e.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>This is some introduction to something<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Divider</span> <span class="token attr-name">text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Section 1<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>This is the 1st section. Have fun<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Divider</span> <span class="token attr-name">text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Conclusion<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>This ends our test<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Divider</span> <span class="token punctuation">/></span></span></code>'},p:E,d(t){t&&d(n)}}}function B(t){let n;return{c(){n=h("Properties")},l(t){n=x(t,"Properties")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function I(t){let n;return{c(){n=h("Functional Properties")},l(t){n=x(t,"Functional Properties")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function Y(t){let n;return{c(){n=h("Name")},l(t){n=x(t,"Name")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function q(t){let n;return{c(){n=h("Default")},l(t){n=x(t,"Default")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function K(t){let n;return{c(){n=h("Type")},l(t){n=x(t,"Type")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function M(t){let n;return{c(){n=h("Description")},l(t){n=x(t,"Description")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function U(t){let n,e,s,r,c,m,h,x;return n=new A({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),s=new A({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),c=new A({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),h=new A({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),{c(){$(n.$$.fragment),e=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment),m=i(),$(h.$$.fragment)},l(t){a(n.$$.fragment,t),e=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(h.$$.fragment,t)},m(t,$){o(n,t,$),g(t,e,$),o(s,t,$),g(t,r,$),o(c,t,$),g(t,m,$),o(h,t,$),x=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),s.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),h.$set(r)},i(t){x||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(r),f(c,t),t&&d(m),f(h,t)}}}function J(t){let n,e,s;return{c(){n=k("strong"),e=k("code"),s=h("text")},l(t){n=w(t,"STRONG",{});var $=y(n);e=w($,"CODE",{});var a=y(e);s=x(a,"text"),a.forEach(d),$.forEach(d)},m(t,$){g(t,n,$),D(n,e),D(e,s)},p:E,d(t){t&&d(n)}}}function Q(t){let n,e;return{c(){n=k("code"),e=h("null")},l(t){n=w(t,"CODE",{});var s=y(n);e=x(s,"null"),s.forEach(d)},m(t,s){g(t,n,s),D(n,e)},p:E,d(t){t&&d(n)}}}function W(t){let n,e;return{c(){n=k("code"),e=h("string")},l(t){n=w(t,"CODE",{});var s=y(n);e=x(s,"string"),s.forEach(d)},m(t,s){g(t,n,s),D(n,e)},p:E,d(t){t&&d(n)}}}function X(t){let n;return{c(){n=h("Adds a text to the middle of the line.")},l(t){n=x(t,"Adds a text to the middle of the line.")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function Z(t){let n,e,s,r,c,m,h,x;return n=new R({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),s=new R({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),c=new R({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),h=new R({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),{c(){$(n.$$.fragment),e=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment),m=i(),$(h.$$.fragment)},l(t){a(n.$$.fragment,t),e=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(h.$$.fragment,t)},m(t,$){o(n,t,$),g(t,e,$),o(s,t,$),g(t,r,$),o(c,t,$),g(t,m,$),o(h,t,$),x=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),s.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),h.$set(r)},i(t){x||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(r),f(c,t),t&&d(m),f(h,t)}}}function _(t){let n,e,s;return{c(){n=k("strong"),e=k("code"),s=h("...")},l(t){n=w(t,"STRONG",{});var $=y(n);e=w($,"CODE",{});var a=y(e);s=x(a,"..."),a.forEach(d),$.forEach(d)},m(t,$){g(t,n,$),D(n,e),D(e,s)},p:E,d(t){t&&d(n)}}}function tt(t){let n,e;return{c(){n=k("code"),e=h("any")},l(t){n=w(t,"CODE",{});var s=y(n);e=x(s,"any"),s.forEach(d)},m(t,s){g(t,n,s),D(n,e)},p:E,d(t){t&&d(n)}}}function nt(t){let n,e,s,$;return{c(){n=h("Everything else will be passed to the underlying "),e=k("code"),s=h("<hr>"),$=h(" element.")},l(t){n=x(t,"Everything else will be passed to the underlying "),e=w(t,"CODE",{});var a=y(e);s=x(a,"<hr>"),a.forEach(d),$=x(t," element.")},m(t,a){g(t,n,a),g(t,e,a),D(e,s),g(t,$,a)},p:E,d(t){t&&d(n),t&&d(e),t&&d($)}}}function et(t){let n,e,s,r,c,m,h,x;return n=new R({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),s=new R({}),c=new R({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),h=new R({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),{c(){$(n.$$.fragment),e=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment),m=i(),$(h.$$.fragment)},l(t){a(n.$$.fragment,t),e=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(h.$$.fragment,t)},m(t,$){o(n,t,$),g(t,e,$),o(s,t,$),g(t,r,$),o(c,t,$),g(t,m,$),o(h,t,$),x=!0},p(t,e){const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};2&e&&($.$$scope={dirty:e,ctx:t}),c.$set($);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a)},i(t){x||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(r),f(c,t),t&&d(m),f(h,t)}}}function st(t){let n,e,s,r,c,m,h,x;return e=new P({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),{c(){n=k("thead"),$(e.$$.fragment),s=i(),r=k("tbody"),$(c.$$.fragment),m=i(),$(h.$$.fragment)},l(t){n=w(t,"THEAD",{});var $=y(n);a(e.$$.fragment,$),$.forEach(d),s=u(t),r=w(t,"TBODY",{});var o=y(r);a(c.$$.fragment,o),m=u(o),a(h.$$.fragment,o),o.forEach(d)},m(t,$){g(t,n,$),o(e,n,null),g(t,s,$),g(t,r,$),o(c,r,null),D(r,m),o(h,r,null),x=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};2&n&&($.$$scope={dirty:n,ctx:t}),c.$set($);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),h.$set(a)},i(t){x||(p(e.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){t&&d(n),f(e),t&&d(s),t&&d(r),f(c),f(h)}}}function $t(t){let n;return{c(){n=h("SCSS Variables")},l(t){n=x(t,"SCSS Variables")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function at(t){let n;return{c(){n=h("Name")},l(t){n=x(t,"Name")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function ot(t){let n;return{c(){n=h("Description")},l(t){n=x(t,"Description")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function rt(t){let n;return{c(){n=h("Default")},l(t){n=x(t,"Default")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function ct(t){let n,e,s,r,c,m;return n=new A({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),s=new A({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),c=new A({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),{c(){$(n.$$.fragment),e=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment)},l(t){a(n.$$.fragment,t),e=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,$){o(n,t,$),g(t,e,$),o(s,t,$),g(t,r,$),o(c,t,$),m=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),s.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(r),f(c,t)}}}function pt(t){let n,e,s;return{c(){n=k("strong"),e=k("code"),s=h("$light-contrast")},l(t){n=w(t,"STRONG",{});var $=y(n);e=w($,"CODE",{});var a=y(e);s=x(a,"$light-contrast"),a.forEach(d),$.forEach(d)},m(t,$){g(t,n,$),D(n,e),D(e,s)},p:E,d(t){t&&d(n)}}}function lt(t){let n;return{c(){n=h("The color of the horizontal rule")},l(t){n=x(t,"The color of the horizontal rule")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function ft(t){let n,e;return n=new C({props:{value:"#DDDDDD"}}),{c(){$(n.$$.fragment)},l(t){a(n.$$.fragment,t)},m(t,s){o(n,t,s),e=!0},p:E,i(t){e||(p(n.$$.fragment,t),e=!0)},o(t){l(n.$$.fragment,t),e=!1},d(t){f(n,t)}}}function mt(t){let n,e,s,r,c,m;return n=new R({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),s=new R({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),c=new R({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),{c(){$(n.$$.fragment),e=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment)},l(t){a(n.$$.fragment,t),e=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,$){o(n,t,$),g(t,e,$),o(s,t,$),g(t,r,$),o(c,t,$),m=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),s.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(r),f(c,t)}}}function it(t){let n,e,s;return{c(){n=k("strong"),e=k("code"),s=h("$background")},l(t){n=w(t,"STRONG",{});var $=y(n);e=w($,"CODE",{});var a=y(e);s=x(a,"$background"),a.forEach(d),$.forEach(d)},m(t,$){g(t,n,$),D(n,e),D(e,s)},p:E,d(t){t&&d(n)}}}function ut(t){let n;return{c(){n=h("The background color of the text.")},l(t){n=x(t,"The background color of the text.")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function gt(t){let n,e;return n=new C({props:{value:"#FFFFFF"}}),{c(){$(n.$$.fragment)},l(t){a(n.$$.fragment,t)},m(t,s){o(n,t,s),e=!0},p:E,i(t){e||(p(n.$$.fragment,t),e=!0)},o(t){l(n.$$.fragment,t),e=!1},d(t){f(n,t)}}}function dt(t){let n,e,s,r,c,m;return n=new R({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),s=new R({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),c=new R({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),{c(){$(n.$$.fragment),e=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment)},l(t){a(n.$$.fragment,t),e=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,$){o(n,t,$),g(t,e,$),o(s,t,$),g(t,r,$),o(c,t,$),m=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),s.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(r),f(c,t)}}}function ht(t){let n,e,s,r,c,m,h,x;return e=new P({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),{c(){n=k("thead"),$(e.$$.fragment),s=i(),r=k("tbody"),$(c.$$.fragment),m=i(),$(h.$$.fragment)},l(t){n=w(t,"THEAD",{});var $=y(n);a(e.$$.fragment,$),$.forEach(d),s=u(t),r=w(t,"TBODY",{});var o=y(r);a(c.$$.fragment,o),m=u(o),a(h.$$.fragment,o),o.forEach(d)},m(t,$){g(t,n,$),o(e,n,null),g(t,s,$),g(t,r,$),o(c,r,null),D(r,m),o(h,r,null),x=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};2&n&&($.$$scope={dirty:n,ctx:t}),c.$set($);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),h.$set(a)},i(t){x||(p(e.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){t&&d(n),f(e),t&&d(s),t&&d(r),f(c),f(h)}}}function xt(t){let n,e,s,r,c,m,h,x,k,w,y,v,D,E,T,S;return n=new b({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),s=new O({props:{$$slots:{default:[G]},$$scope:{ctx:t}}}),c=new j({props:{$$slots:{source:[L],showcase:[V]},$$scope:{ctx:t}}}),h=new H({props:{id:"properties",$$slots:{default:[B]},$$scope:{ctx:t}}}),k=new F({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),y=new N({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),D=new H({props:{id:"scss-variables",$$slots:{default:[$t]},$$scope:{ctx:t}}}),T=new N({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),{c(){$(n.$$.fragment),e=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment),m=i(),$(h.$$.fragment),x=i(),$(k.$$.fragment),w=i(),$(y.$$.fragment),v=i(),$(D.$$.fragment),E=i(),$(T.$$.fragment)},l(t){a(n.$$.fragment,t),e=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(h.$$.fragment,t),x=u(t),a(k.$$.fragment,t),w=u(t),a(y.$$.fragment,t),v=u(t),a(D.$$.fragment,t),E=u(t),a(T.$$.fragment,t)},m(t,$){o(n,t,$),g(t,e,$),o(s,t,$),g(t,r,$),o(c,t,$),g(t,m,$),o(h,t,$),g(t,x,$),o(k,t,$),g(t,w,$),o(y,t,$),g(t,v,$),o(D,t,$),g(t,E,$),o(T,t,$),S=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),s.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),h.$set(r);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),k.$set(p);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),y.$set(l);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),D.$set(f);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),T.$set(m)},i(t){S||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),p(k.$$.fragment,t),p(y.$$.fragment,t),p(D.$$.fragment,t),p(T.$$.fragment,t),S=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(k.$$.fragment,t),l(y.$$.fragment,t),l(D.$$.fragment,t),l(T.$$.fragment,t),S=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(r),f(c,t),t&&d(m),f(h,t),t&&d(x),f(k,t),t&&d(w),f(y,t),t&&d(v),f(D,t),t&&d(E),f(T,t)}}}function kt(t){let n,e;const m=[t[0],wt];let i={$$slots:{default:[xt]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=s(i,m[t]);return n=new T({props:i}),{c(){$(n.$$.fragment)},l(t){a(n.$$.fragment,t)},m(t,s){o(n,t,s),e=!0},p(t,[e]){const s=1&e?r(m,[1&e&&c(t[0]),0&e&&c(wt)]):{};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s)},i(t){e||(p(n.$$.fragment,t),e=!0)},o(t){l(n.$$.fragment,t),e=!1},d(t){f(n,t)}}}const wt={name:"Divider"};function yt(t,n,e){return t.$$set=t=>{e(0,n=s(s({},n),m(t)))},[n=m(n)]}class vt extends t{constructor(t){super(),n(this,t,yt,kt,e,{})}}export{vt as default,wt as metadata};
diff --git a/376/client/dot-828763f8.css b/376/client/dot-828763f8.css
new file mode 100644
index 000000000..ab61ae072
--- /dev/null
+++ b/376/client/dot-828763f8.css
@@ -0,0 +1 @@
+.dot.svelte-1rux4jd{background:#4300b0;border-radius:50%;height:0.625em;width:0.625em}.dot.info.svelte-1rux4jd{background:#86d3ff}.dot.attention.svelte-1rux4jd{background:#ffb359}.dot.success.svelte-1rux4jd{background:#9cde70}.dot.danger.svelte-1rux4jd{background:#b80000}.dot.small.svelte-1rux4jd{height:0.375em;width:0.375em}
diff --git a/376/client/dot.376eae02.js b/376/client/dot.376eae02.js
new file mode 100644
index 000000000..4b2fec057
--- /dev/null
+++ b/376/client/dot.376eae02.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as s,l as a,m as o,U as r,a0 as c,t as p,p as f,q as l,L as m,u as g,w as u,f as d,d as i,v as x,x as h,h as y,k as w,b as E,e as v,g as k,n as D}from"./client.0d36a0cf.js";import{L as O,H as C,P as T}from"./layout.b2760304.js";import{B as b}from"./button.743a388a.js";import{D as S}from"./dot.4b1a4e36.js";import{S as N}from"./showcase.8eb3893d.js";import{C as A}from"./color-preview.278d2729.js";import{H as B}from"./h2.122c8b9f.js";import{H as R}from"./h3.1e03849b.js";import{T as j,a as G,b as P,c as F}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";function H(t){let e;return{c(){e=x("Dot")},l(t){e=h(t,"Dot")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function M(t){let e;return{c(){e=x("A colorful dot to signal about all your important events.")},l(t){e=h(t,"A colorful dot to signal about all your important events.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function K(t){let e,$,n;return $=new S({props:{class:"ml"}}),{c(){e=x("Plain ol' dot: "),s($.$$.fragment)},l(t){e=h(t,"Plain ol' dot: "),a($.$$.fragment,t)},m(t,s){d(t,e,s),o($,t,s),n=!0},p:D,i(t){n||(p($.$$.fragment,t),n=!0)},o(t){f($.$$.fragment,t),n=!1},d(t){t&&i(e),l($,t)}}}function V(t){let e,$,n;return $=new S({props:{info:!0,class:"ml"}}),{c(){e=x("New info "),s($.$$.fragment)},l(t){e=h(t,"New info "),a($.$$.fragment,t)},m(t,s){d(t,e,s),o($,t,s),n=!0},p:D,i(t){n||(p($.$$.fragment,t),n=!0)},o(t){f($.$$.fragment,t),n=!1},d(t){t&&i(e),l($,t)}}}function Y(t){let e,$,n;return e=new S({props:{success:!0,class:"mr"}}),{c(){s(e.$$.fragment),$=x("Mission accomplished")},l(t){a(e.$$.fragment,t),$=h(t,"Mission accomplished")},m(t,s){o(e,t,s),d(t,$,s),n=!0},p:D,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t),t&&i($)}}}function L(t){let e,$,n;return $=new S({props:{attention:!0,class:"ml"}}),{c(){e=x("Take care! "),s($.$$.fragment)},l(t){e=h(t,"Take care! "),a($.$$.fragment,t)},m(t,s){d(t,e,s),o($,t,s),n=!0},p:D,i(t){n||(p($.$$.fragment,t),n=!0)},o(t){f($.$$.fragment,t),n=!1},d(t){t&&i(e),l($,t)}}}function z(t){let e,$,n;return $=new S({props:{danger:!0,small:!0,class:"ml"}}),{c(){e=x("Small warning "),s($.$$.fragment)},l(t){e=h(t,"Small warning "),a($.$$.fragment,t)},m(t,s){d(t,e,s),o($,t,s),n=!0},p:D,i(t){n||(p($.$$.fragment,t),n=!0)},o(t){f($.$$.fragment,t),n=!1},d(t){t&&i(e),l($,t)}}}function I(t){let e,$,n,r,c,m,x,h,D,O,C;return $=new b({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),r=new b({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),m=new b({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),h=new b({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),O=new b({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),{c(){e=y("div"),s($.$$.fragment),n=g(),s(r.$$.fragment),c=g(),s(m.$$.fragment),x=g(),s(h.$$.fragment),D=g(),s(O.$$.fragment),this.h()},l(t){e=w(t,"DIV",{slot:!0,class:!0});var s=E(e);a($.$$.fragment,s),n=u(s),a(r.$$.fragment,s),c=u(s),a(m.$$.fragment,s),x=u(s),a(h.$$.fragment,s),D=u(s),a(O.$$.fragment,s),s.forEach(i),this.h()},h(){v(e,"slot","showcase"),v(e,"class","padded")},m(t,s){d(t,e,s),o($,e,null),k(e,n),o(r,e,null),k(e,c),o(m,e,null),k(e,x),o(h,e,null),k(e,D),o(O,e,null),C=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),r.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),m.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),O.$set(c)},i(t){C||(p($.$$.fragment,t),p(r.$$.fragment,t),p(m.$$.fragment,t),p(h.$$.fragment,t),p(O.$$.fragment,t),C=!0)},o(t){f($.$$.fragment,t),f(r.$$.fragment,t),f(m.$$.fragment,t),f(h.$$.fragment,t),f(O.$$.fragment,t),C=!1},d(t){t&&i(e),l($),l(r),l(m),l(h),l(O)}}}function q(t){let e,$;return{c(){e=y("div"),$=y("pre"),this.h()},l(t){e=w(t,"DIV",{slot:!0});var n=E(e);$=w(n,"PRE",{class:!0}),E($).forEach(i),n.forEach(i),this.h()},h(){v($,"class","language-svelte"),v(e,"slot","source")},m(t,n){d(t,e,n),k(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>\n  Plain ol\' dot: <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dot</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>\n  New info <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dot</span> <span class="token attr-name">info</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dot</span> <span class="token attr-name">success</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>mr<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>Mission accomplished\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>\n  Take care! <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dot</span> <span class="token attr-name">attention</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>\n  Small warning <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dot</span> <span class="token attr-name">danger</span> <span class="token attr-name">small</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span></code>'},p:D,d(t){t&&i(e)}}}function U(t){let e;return{c(){e=x("Properties")},l(t){e=h(t,"Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function J(t){let e;return{c(){e=x("Style Properties")},l(t){e=h(t,"Style Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Q(t){let e,$,n,s,a,o,r,c,p,f,l,m,g,u,v,O,C;return{c(){e=x("Only one of "),$=y("mark"),n=y("code"),s=x("info"),a=x(", "),o=y("mark"),r=y("code"),c=x("attention"),p=x(", "),f=y("mark"),l=y("code"),m=x("danger"),g=x(", and "),u=y("mark"),v=y("code"),O=x("success"),C=x(" props may be specified at a time.")},l(t){e=h(t,"Only one of "),$=w(t,"MARK",{});var d=E($);n=w(d,"CODE",{});var x=E(n);s=h(x,"info"),x.forEach(i),d.forEach(i),a=h(t,", "),o=w(t,"MARK",{});var y=E(o);r=w(y,"CODE",{});var k=E(r);c=h(k,"attention"),k.forEach(i),y.forEach(i),p=h(t,", "),f=w(t,"MARK",{});var D=E(f);l=w(D,"CODE",{});var T=E(l);m=h(T,"danger"),T.forEach(i),D.forEach(i),g=h(t,", and "),u=w(t,"MARK",{});var b=E(u);v=w(b,"CODE",{});var S=E(v);O=h(S,"success"),S.forEach(i),b.forEach(i),C=h(t," props may be specified at a time.")},m(t,i){d(t,e,i),d(t,$,i),k($,n),k(n,s),d(t,a,i),d(t,o,i),k(o,r),k(r,c),d(t,p,i),d(t,f,i),k(f,l),k(l,m),d(t,g,i),d(t,u,i),k(u,v),k(v,O),d(t,C,i)},p:D,d(t){t&&i(e),t&&i($),t&&i(a),t&&i(o),t&&i(p),t&&i(f),t&&i(g),t&&i(u),t&&i(C)}}}function W(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function X(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Z(t){let e;return{c(){e=x("Type")},l(t){e=h(t,"Type")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function _(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function tt(t){let e,$,n,r,c,m,x,h;return e=new P({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),x=new P({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t),t&&i(m),l(x,t)}}}function et(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("info")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"info"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),k(e,$),k($,n)},p:D,d(t){t&&i(e)}}}function $t(t){let e,$;return{c(){e=y("code"),$=x("false")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"false"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function nt(t){let e,$;return{c(){e=y("code"),$=x("boolean")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"boolean"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function st(t){let e,$,n,s;return{c(){e=x("Applies the "),$=y("code"),n=x("$info"),s=x(" color to the dot")},l(t){e=h(t,"Applies the "),$=w(t,"CODE",{});var a=E($);n=h(a,"$info"),a.forEach(i),s=h(t," color to the dot")},m(t,a){d(t,e,a),d(t,$,a),k($,n),d(t,s,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(s)}}}function at(t){let e,$,n,r,c,m,x,h;return e=new F({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),x=new F({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t),t&&i(m),l(x,t)}}}function ot(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("attention")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"attention"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),k(e,$),k($,n)},p:D,d(t){t&&i(e)}}}function rt(t){let e,$;return{c(){e=y("code"),$=x("false")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"false"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function ct(t){let e,$;return{c(){e=y("code"),$=x("boolean")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"boolean"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function pt(t){let e,$,n,s;return{c(){e=x("Applies the "),$=y("code"),n=x("$attention"),s=x(" color to the dot")},l(t){e=h(t,"Applies the "),$=w(t,"CODE",{});var a=E($);n=h(a,"$attention"),a.forEach(i),s=h(t," color to the dot")},m(t,a){d(t,e,a),d(t,$,a),k($,n),d(t,s,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(s)}}}function ft(t){let e,$,n,r,c,m,x,h;return e=new F({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),x=new F({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t),t&&i(m),l(x,t)}}}function lt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("danger")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"danger"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),k(e,$),k($,n)},p:D,d(t){t&&i(e)}}}function mt(t){let e,$;return{c(){e=y("code"),$=x("false")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"false"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function gt(t){let e,$;return{c(){e=y("code"),$=x("boolean")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"boolean"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function ut(t){let e,$,n,s;return{c(){e=x("Applies the "),$=y("code"),n=x("$danger"),s=x(" color to the dot")},l(t){e=h(t,"Applies the "),$=w(t,"CODE",{});var a=E($);n=h(a,"$danger"),a.forEach(i),s=h(t," color to the dot")},m(t,a){d(t,e,a),d(t,$,a),k($,n),d(t,s,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(s)}}}function dt(t){let e,$,n,r,c,m,x,h;return e=new F({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),x=new F({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t),t&&i(m),l(x,t)}}}function it(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("success")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"success"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),k(e,$),k($,n)},p:D,d(t){t&&i(e)}}}function xt(t){let e,$;return{c(){e=y("code"),$=x("false")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"false"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function ht(t){let e,$;return{c(){e=y("code"),$=x("boolean")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"boolean"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function yt(t){let e,$,n,s;return{c(){e=x("Applies the "),$=y("code"),n=x("$success"),s=x(" color to the dot")},l(t){e=h(t,"Applies the "),$=w(t,"CODE",{});var a=E($);n=h(a,"$success"),a.forEach(i),s=h(t," color to the dot")},m(t,a){d(t,e,a),d(t,$,a),k($,n),d(t,s,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(s)}}}function wt(t){let e,$,n,r,c,m,x,h;return e=new F({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),x=new F({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t),t&&i(m),l(x,t)}}}function Et(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("small")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"small"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),k(e,$),k($,n)},p:D,d(t){t&&i(e)}}}function vt(t){let e,$;return{c(){e=y("code"),$=x("false")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"false"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function kt(t){let e,$;return{c(){e=y("code"),$=x("boolean")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"boolean"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function Dt(t){let e;return{c(){e=x("Decreases the size of the dot")},l(t){e=h(t,"Decreases the size of the dot")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Ot(t){let e,$,n,r,c,m,x,h;return e=new F({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),x=new F({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t),t&&i(m),l(x,t)}}}function Ct(t){let e,$,n,r,c,m,x,h,v,D,O,C,T,b;return $=new G({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),x=new G({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),v=new G({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),O=new G({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),T=new G({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),r=y("tbody"),s(c.$$.fragment),m=g(),s(x.$$.fragment),h=g(),s(v.$$.fragment),D=g(),s(O.$$.fragment),C=g(),s(T.$$.fragment)},l(t){e=w(t,"THEAD",{});var s=E(e);a($.$$.fragment,s),s.forEach(i),n=u(t),r=w(t,"TBODY",{});var o=E(r);a(c.$$.fragment,o),m=u(o),a(x.$$.fragment,o),h=u(o),a(v.$$.fragment,o),D=u(o),a(O.$$.fragment,o),C=u(o),a(T.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,r,s),o(c,r,null),k(r,m),o(x,r,null),k(r,h),o(v,r,null),k(r,D),o(O,r,null),k(r,C),o(T,r,null),b=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),x.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),v.$set(o);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),O.$set(r);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),T.$set(p)},i(t){b||(p($.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),p(v.$$.fragment,t),p(O.$$.fragment,t),p(T.$$.fragment,t),b=!0)},o(t){f($.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),f(v.$$.fragment,t),f(O.$$.fragment,t),f(T.$$.fragment,t),b=!1},d(t){t&&i(e),l($),t&&i(n),t&&i(r),l(c),l(x),l(v),l(O),l(T)}}}function Tt(t){let e;return{c(){e=x("Functional Properties")},l(t){e=h(t,"Functional Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function bt(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function St(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Nt(t){let e;return{c(){e=x("Type")},l(t){e=h(t,"Type")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function At(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Bt(t){let e,$,n,r,c,m,x,h;return e=new P({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),x=new P({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t),t&&i(m),l(x,t)}}}function Rt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("...")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"..."),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),k(e,$),k($,n)},p:D,d(t){t&&i(e)}}}function jt(t){let e,$;return{c(){e=y("code"),$=x("any")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"any"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function Gt(t){let e,$,n,s;return{c(){e=x("Everything else will be passed to the underlying "),$=y("code"),n=x("<div>"),s=x(" element.")},l(t){e=h(t,"Everything else will be passed to the underlying "),$=w(t,"CODE",{});var a=E($);n=h(a,"<div>"),a.forEach(i),s=h(t," element.")},m(t,a){d(t,e,a),d(t,$,a),k($,n),d(t,s,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(s)}}}function Pt(t){let e,$,n,r,c,m,x,h;return e=new F({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),n=new F({}),c=new F({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),x=new F({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),x.$set(a)},i(t){h||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t),t&&i(m),l(x,t)}}}function Ft(t){let e,$,n,r,c,m;return $=new G({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),r=y("tbody"),s(c.$$.fragment)},l(t){e=w(t,"THEAD",{});var s=E(e);a($.$$.fragment,s),s.forEach(i),n=u(t),r=w(t,"TBODY",{});var o=E(r);a(c.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,r,s),o(c,r,null),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&i(e),l($),t&&i(n),t&&i(r),l(c)}}}function Ht(t){let e;return{c(){e=x("Class Properties")},l(t){e=h(t,"Class Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Mt(t){let e,$,n,s,a,o,r;return{c(){e=x("All "),$=y("code"),n=x("<Dot>"),s=x(" components use the "),a=y("code"),o=x(".dot"),r=x(" class.")},l(t){e=h(t,"All "),$=w(t,"CODE",{});var c=E($);n=h(c,"<Dot>"),c.forEach(i),s=h(t," components use the "),a=w(t,"CODE",{});var p=E(a);o=h(p,".dot"),p.forEach(i),r=h(t," class.")},m(t,c){d(t,e,c),d(t,$,c),k($,n),d(t,s,c),d(t,a,c),k(a,o),d(t,r,c)},p:D,d(t){t&&i(e),t&&i($),t&&i(s),t&&i(a),t&&i(r)}}}function Kt(t){let e;return{c(){e=x("Falsy values passed to classes will be disregarded.")},l(t){e=h(t,"Falsy values passed to classes will be disregarded.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Vt(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Yt(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Lt(t){let e;return{c(){e=x("Type")},l(t){e=h(t,"Type")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function zt(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function It(t){let e,$,n,r,c,m,x,h;return e=new P({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),x=new P({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t),t&&i(m),l(x,t)}}}function qt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("class")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"class"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),k(e,$),k($,n)},p:D,d(t){t&&i(e)}}}function Ut(t){let e,$;return{c(){e=y("code"),$=x("null")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"null"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function Jt(t){let e,$;return{c(){e=y("code"),$=x("string")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"string"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function Qt(t){let e,$,n,s;return{c(){e=x("A class string to add to the dot "),$=y("code"),n=x("<div>"),s=x(" element.")},l(t){e=h(t,"A class string to add to the dot "),$=w(t,"CODE",{});var a=E($);n=h(a,"<div>"),a.forEach(i),s=h(t," element.")},m(t,a){d(t,e,a),d(t,$,a),k($,n),d(t,s,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(s)}}}function Wt(t){let e,$,n,r,c,m,x,h;return e=new F({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),x=new F({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t),t&&i(m),l(x,t)}}}function Xt(t){let e,$,n,r,c,m;return $=new G({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),r=y("tbody"),s(c.$$.fragment)},l(t){e=w(t,"THEAD",{});var s=E(e);a($.$$.fragment,s),s.forEach(i),n=u(t),r=w(t,"TBODY",{});var o=E(r);a(c.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,r,s),o(c,r,null),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&i(e),l($),t&&i(n),t&&i(r),l(c)}}}function Zt(t){let e;return{c(){e=x("SCSS Variables")},l(t){e=h(t,"SCSS Variables")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function _t(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function te(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function ee(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function $e(t){let e,$,n,r,c,m;return e=new P({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t)}}}function ne(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("$main")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"$main"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),k(e,$),k($,n)},p:D,d(t){t&&i(e)}}}function se(t){let e;return{c(){e=x("The color of the plain variant of the dot")},l(t){e=h(t,"The color of the plain variant of the dot")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function ae(t){let e,$;return e=new A({props:{value:"#4300B0"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:D,i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){f(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function oe(t){let e,$,n,r,c,m;return e=new F({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t)}}}function re(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("$info")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"$info"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),k(e,$),k($,n)},p:D,d(t){t&&i(e)}}}function ce(t){let e,$,n,s;return{c(){e=x("The color of the "),$=y("code"),n=x("info"),s=x(" variant of the dot")},l(t){e=h(t,"The color of the "),$=w(t,"CODE",{});var a=E($);n=h(a,"info"),a.forEach(i),s=h(t," variant of the dot")},m(t,a){d(t,e,a),d(t,$,a),k($,n),d(t,s,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(s)}}}function pe(t){let e,$;return e=new A({props:{value:"#86D3FF"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:D,i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){f(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function fe(t){let e,$,n,r,c,m;return e=new F({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t)}}}function le(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("$attention")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"$attention"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),k(e,$),k($,n)},p:D,d(t){t&&i(e)}}}function me(t){let e,$,n,s;return{c(){e=x("The color of the "),$=y("code"),n=x("attention"),s=x(" variant of the dot")},l(t){e=h(t,"The color of the "),$=w(t,"CODE",{});var a=E($);n=h(a,"attention"),a.forEach(i),s=h(t," variant of the dot")},m(t,a){d(t,e,a),d(t,$,a),k($,n),d(t,s,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(s)}}}function ge(t){let e,$;return e=new A({props:{value:"#FFB359"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:D,i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){f(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function ue(t){let e,$,n,r,c,m;return e=new F({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t)}}}function de(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("$success")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"$success"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),k(e,$),k($,n)},p:D,d(t){t&&i(e)}}}function ie(t){let e,$,n,s;return{c(){e=x("The color of the "),$=y("code"),n=x("success"),s=x(" variant of the dot")},l(t){e=h(t,"The color of the "),$=w(t,"CODE",{});var a=E($);n=h(a,"success"),a.forEach(i),s=h(t," variant of the dot")},m(t,a){d(t,e,a),d(t,$,a),k($,n),d(t,s,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(s)}}}function xe(t){let e,$;return e=new A({props:{value:"#9CDE70"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:D,i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){f(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function he(t){let e,$,n,r,c,m;return e=new F({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t)}}}function ye(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("$danger")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"$danger"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),k(e,$),k($,n)},p:D,d(t){t&&i(e)}}}function we(t){let e,$,n,s;return{c(){e=x("The color of the "),$=y("code"),n=x("danger"),s=x(" variant of the dot")},l(t){e=h(t,"The color of the "),$=w(t,"CODE",{});var a=E($);n=h(a,"danger"),a.forEach(i),s=h(t," variant of the dot")},m(t,a){d(t,e,a),d(t,$,a),k($,n),d(t,s,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(s)}}}function Ee(t){let e,$;return e=new A({props:{value:"#B80000"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:D,i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){f(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function ve(t){let e,$,n,r,c,m;return e=new F({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t)}}}function ke(t){let e,$,n,r,c,m,x,h,v,D,O,C,T,b;return $=new G({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),x=new G({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),v=new G({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),O=new G({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),T=new G({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),r=y("tbody"),s(c.$$.fragment),m=g(),s(x.$$.fragment),h=g(),s(v.$$.fragment),D=g(),s(O.$$.fragment),C=g(),s(T.$$.fragment)},l(t){e=w(t,"THEAD",{});var s=E(e);a($.$$.fragment,s),s.forEach(i),n=u(t),r=w(t,"TBODY",{});var o=E(r);a(c.$$.fragment,o),m=u(o),a(x.$$.fragment,o),h=u(o),a(v.$$.fragment,o),D=u(o),a(O.$$.fragment,o),C=u(o),a(T.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,r,s),o(c,r,null),k(r,m),o(x,r,null),k(r,h),o(v,r,null),k(r,D),o(O,r,null),k(r,C),o(T,r,null),b=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),x.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),v.$set(o);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),O.$set(r);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),T.$set(p)},i(t){b||(p($.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),p(v.$$.fragment,t),p(O.$$.fragment,t),p(T.$$.fragment,t),b=!0)},o(t){f($.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),f(v.$$.fragment,t),f(O.$$.fragment,t),f(T.$$.fragment,t),b=!1},d(t){t&&i(e),l($),t&&i(n),t&&i(r),l(c),l(x),l(v),l(O),l(T)}}}function De(t){let e,$,n,r,c,m,x,h,y,w,E,v,k,D,O,b,S,A,G,P,F,K,V,Y,L,z,W,X,Z,_;return e=new C({props:{$$slots:{default:[H]},$$scope:{ctx:t}}}),n=new T({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),c=new N({props:{$$slots:{source:[q],showcase:[I]},$$scope:{ctx:t}}}),x=new B({props:{id:"properties",$$slots:{default:[U]},$$scope:{ctx:t}}}),y=new R({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),E=new T({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),k=new j({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),O=new R({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),S=new j({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),G=new R({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),F=new T({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),V=new T({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),L=new j({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),W=new B({props:{id:"scss-variables",$$slots:{default:[Zt]},$$scope:{ctx:t}}}),Z=new j({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment),h=g(),s(y.$$.fragment),w=g(),s(E.$$.fragment),v=g(),s(k.$$.fragment),D=g(),s(O.$$.fragment),b=g(),s(S.$$.fragment),A=g(),s(G.$$.fragment),P=g(),s(F.$$.fragment),K=g(),s(V.$$.fragment),Y=g(),s(L.$$.fragment),z=g(),s(W.$$.fragment),X=g(),s(Z.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t),h=u(t),a(y.$$.fragment,t),w=u(t),a(E.$$.fragment,t),v=u(t),a(k.$$.fragment,t),D=u(t),a(O.$$.fragment,t),b=u(t),a(S.$$.fragment,t),A=u(t),a(G.$$.fragment,t),P=u(t),a(F.$$.fragment,t),K=u(t),a(V.$$.fragment,t),Y=u(t),a(L.$$.fragment,t),z=u(t),a(W.$$.fragment,t),X=u(t),a(Z.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),d(t,h,s),o(y,t,s),d(t,w,s),o(E,t,s),d(t,v,s),o(k,t,s),d(t,D,s),o(O,t,s),d(t,b,s),o(S,t,s),d(t,A,s),o(G,t,s),d(t,P,s),o(F,t,s),d(t,K,s),o(V,t,s),d(t,Y,s),o(L,t,s),d(t,z,s),o(W,t,s),d(t,X,s),o(Z,t,s),_=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),y.$set(p);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),E.$set(f);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),k.$set(l);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),O.$set(m);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),S.$set(g);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),G.$set(u);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),F.$set(d);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),V.$set(i);const h={};2&$&&(h.$$scope={dirty:$,ctx:t}),L.$set(h);const w={};2&$&&(w.$$scope={dirty:$,ctx:t}),W.$set(w);const v={};2&$&&(v.$$scope={dirty:$,ctx:t}),Z.$set(v)},i(t){_||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),p(y.$$.fragment,t),p(E.$$.fragment,t),p(k.$$.fragment,t),p(O.$$.fragment,t),p(S.$$.fragment,t),p(G.$$.fragment,t),p(F.$$.fragment,t),p(V.$$.fragment,t),p(L.$$.fragment,t),p(W.$$.fragment,t),p(Z.$$.fragment,t),_=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),f(y.$$.fragment,t),f(E.$$.fragment,t),f(k.$$.fragment,t),f(O.$$.fragment,t),f(S.$$.fragment,t),f(G.$$.fragment,t),f(F.$$.fragment,t),f(V.$$.fragment,t),f(L.$$.fragment,t),f(W.$$.fragment,t),f(Z.$$.fragment,t),_=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t),t&&i(m),l(x,t),t&&i(h),l(y,t),t&&i(w),l(E,t),t&&i(v),l(k,t),t&&i(D),l(O,t),t&&i(b),l(S,t),t&&i(A),l(G,t),t&&i(P),l(F,t),t&&i(K),l(V,t),t&&i(Y),l(L,t),t&&i(z),l(W,t),t&&i(X),l(Z,t)}}}function Oe(t){let e,$;const m=[t[0],Ce];let g={$$slots:{default:[De]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)g=n(g,m[t]);return e=new O({props:g}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p(t,[$]){const n=1&$?r(m,[1&$&&c(t[0]),0&$&&c(Ce)]):{};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){f(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}const Ce={name:"Dot"};function Te(t,e,$){return t.$$set=t=>{$(0,e=n(n({},e),m(t)))},[e=m(e)]}class be extends t{constructor(t){super(),e(this,t,Te,Oe,$,{})}}export{be as default,Ce as metadata};
diff --git a/376/client/dot.4b1a4e36.js b/376/client/dot.4b1a4e36.js
new file mode 100644
index 000000000..f7392913f
--- /dev/null
+++ b/376/client/dot.4b1a4e36.js
@@ -0,0 +1 @@
+import{S as s,i as a,s as n,K as t,h as e,k as c,b as o,d as l,N as i,O as r,f as d,U as f,n as u,I as m,L as h}from"./client.0d36a0cf.js";import{c as g}from"./classes.2453fa25.js";function p(s){let a,n,m=[{class:n=g("dot",s[0])},s[6]],h={};for(let s=0;s<m.length;s+=1)h=t(h,m[s]);return{c(){a=e("div"),this.h()},l(s){a=c(s,"DIV",{class:!0}),o(a).forEach(l),this.h()},h(){i(a,h),r(a,"info",s[1]),r(a,"attention",s[2]),r(a,"success",s[4]),r(a,"danger",s[3]),r(a,"small",s[5]),r(a,"svelte-1rux4jd",!0)},m(s,n){d(s,a,n)},p(s,[t]){i(a,h=f(m,[1&t&&n!==(n=g("dot",s[0]))&&{class:n},64&t&&s[6]])),r(a,"info",s[1]),r(a,"attention",s[2]),r(a,"success",s[4]),r(a,"danger",s[3]),r(a,"small",s[5]),r(a,"svelte-1rux4jd",!0)},i:u,o:u,d(s){s&&l(a)}}}function v(s,a,n){const e=["class","info","attention","danger","success","small"];let c=m(a,e),{class:o=null}=a,{info:l=!1}=a,{attention:i=!1}=a,{danger:r=!1}=a,{success:d=!1}=a,{small:f=!1}=a;return+l+ +i+ +r+ +d>1&&console.warn("A dot can either be info, attention, danger or success, not several of them"),s.$$set=s=>{a=t(t({},a),h(s)),n(6,c=m(a,e)),"class"in s&&n(0,o=s.class),"info"in s&&n(1,l=s.info),"attention"in s&&n(2,i=s.attention),"danger"in s&&n(3,r=s.danger),"success"in s&&n(4,d=s.success),"small"in s&&n(5,f=s.small)},[o,l,i,r,d,f,c]}var j=class extends s{constructor(s){super(),a(this,s,v,p,n,{class:0,info:1,attention:2,danger:3,success:4,small:5})}};export{j as D};
diff --git a/376/client/dropdown-b030b22a.css b/376/client/dropdown-b030b22a.css
new file mode 100644
index 000000000..1210bc473
--- /dev/null
+++ b/376/client/dropdown-b030b22a.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-1etefcc.svelte-1etefcc{align-items:flex-start;display:flex;flex-direction:column;overflow:visible}[slot=showcase].svelte-1etefcc .padded.svelte-1etefcc{padding:1em}
diff --git a/376/client/dropdown-bd15e717.css b/376/client/dropdown-bd15e717.css
new file mode 100644
index 000000000..5a42dafb2
--- /dev/null
+++ b/376/client/dropdown-bd15e717.css
@@ -0,0 +1,2 @@
+.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-0.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}
+.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);margin-top:0.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-0.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}
diff --git a/376/client/dropdown-shell-b030b22a.css b/376/client/dropdown-shell-b030b22a.css
new file mode 100644
index 000000000..1210bc473
--- /dev/null
+++ b/376/client/dropdown-shell-b030b22a.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-1etefcc.svelte-1etefcc{align-items:flex-start;display:flex;flex-direction:column;overflow:visible}[slot=showcase].svelte-1etefcc .padded.svelte-1etefcc{padding:1em}
diff --git a/376/client/dropdown-shell.bd7e5faf.js b/376/client/dropdown-shell.bd7e5faf.js
new file mode 100644
index 000000000..e8707f37c
--- /dev/null
+++ b/376/client/dropdown-shell.bd7e5faf.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as s,j as $,l as a,m as o,U as r,a0 as c,t as p,p as l,q as f,L as m,u as d,h as g,v as i,w as u,k as h,b as x,x as w,d as y,f as k,g as v,e as E,n as D,V as b}from"./client.0d36a0cf.js";import{L as T,H as O,P as C}from"./layout.b2760304.js";import{B as S}from"./button.743a388a.js";import{D as j,a as A}from"./dropdown.68df1ffe.js";import{C as N}from"./ChevronDownIcon.fcf5cd50.js";import{S as B}from"./showcase.8eb3893d.js";import{R as F}from"./related-components.2f822d5e.js";import{H}from"./h2.122c8b9f.js";import{H as P}from"./h3.1e03849b.js";import{T as R,a as I,b as G,c as Y}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./card.72b37821.js";function U(t){let e;return{c(){e=i("DropdownShell")},l(t){e=w(t,"DropdownShell")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function V(t){let e,n,s,$,a;return{c(){e=i("The container for the "),n=g("a"),s=g("code"),$=i("Dropdown"),a=i(" and its activating handle."),this.h()},l(t){e=w(t,"The container for the "),n=h(t,"A",{href:!0});var o=x(n);s=h(o,"CODE",{});var r=x(s);$=w(r,"Dropdown"),r.forEach(y),o.forEach(y),a=w(t," and its activating handle."),this.h()},h(){E(n,"href","./docs/components/dropdown")},m(t,o){k(t,e,o),k(t,n,o),v(n,s),v(s,$),k(t,a,o)},p:D,d(t){t&&y(e),t&&y(n),t&&y(a)}}}function L(t){let e,n,s;return n=new N({props:{size:"24",class:"ml dropdown-chevron"}}),{c(){e=i("this is the handle\n        "),$(n.$$.fragment)},l(t){e=w(t,"this is the handle\n        "),a(n.$$.fragment,t)},m(t,$){k(t,e,$),o(n,t,$),s=!0},p:D,i(t){s||(p(n.$$.fragment,t),s=!0)},o(t){l(n.$$.fragment,t),s=!1},d(t){t&&y(e),f(n,t)}}}function z(t){let e,n;return{c(){e=g("div"),n=i("and this is the dropdown"),this.h()},l(t){e=h(t,"DIV",{class:!0});var s=x(e);n=w(s,"and this is the dropdown"),s.forEach(y),this.h()},h(){E(e,"class","padded svelte-1etefcc")},m(t,s){k(t,e,s),v(e,n)},p:D,d(t){t&&y(e)}}}function K(t){let e,n,s,r;return e=new S({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),e.$on("click",(function(){b(t[1])&&t[1].apply(this,arguments)})),s=new A({props:{right:!0,$$slots:{default:[z]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=d(),$(s.$$.fragment)},l(t){a(e.$$.fragment,t),n=u(t),a(s.$$.fragment,t)},m(t,$){o(e,t,$),k(t,n,$),o(s,t,$),r=!0},p(n,$){t=n;const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),e.$set(a);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){r||(p(e.$$.fragment,t),p(s.$$.fragment,t),r=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),r=!1},d(t){f(e,t),t&&y(n),f(s,t)}}}function M(t){let e,n,s;return{c(){e=i("Useless without a "),n=g("code"),s=i("<Dropdown />")},l(t){e=w(t,"Useless without a "),n=h(t,"CODE",{});var $=x(n);s=w($,"<Dropdown />"),$.forEach(y)},m(t,$){k(t,e,$),k(t,n,$),v(n,s)},p:D,d(t){t&&y(e),t&&y(n)}}}function q(t){let e,n,s,r,c;return n=new j({props:{$$slots:{default:[K,({toggle:t})=>({1:t}),({toggle:t})=>t?2:0]},$$scope:{ctx:t}}}),r=new j({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),{c(){e=g("div"),$(n.$$.fragment),s=d(),$(r.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var $=x(e);a(n.$$.fragment,$),s=u($),a(r.$$.fragment,$),$.forEach(y),this.h()},h(){E(e,"slot","showcase"),E(e,"class","padded svelte-1etefcc")},m(t,$){k(t,e,$),o(n,e,null),v(e,s),o(r,e,null),c=!0},p(t,e){const s={};6&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),r.$set($)},i(t){c||(p(n.$$.fragment,t),p(r.$$.fragment,t),c=!0)},o(t){l(n.$$.fragment,t),l(r.$$.fragment,t),c=!1},d(t){t&&y(e),f(n),f(r)}}}function J(t){let e,n;return{c(){e=g("div"),n=g("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var s=x(e);n=h(s,"PRE",{class:!0}),x(n).forEach(y),s.forEach(y),this.h()},h(){E(n,"class","language-svelte"),E(e,"slot","source")},m(t,s){k(t,e,s),v(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DropdownShell</span> <span class="token attr-name"><span class="token namespace">let:</span>toggle</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>toggle<span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n    this is the handle\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ChevronDownIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml dropdown-chevron<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dropdown</span> <span class="token attr-name">right</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>padded<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n      and this is the dropdown\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Dropdown</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>DropdownShell</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DropdownShell</span><span class="token punctuation">></span></span>\n  Useless without a <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>code</span><span class="token punctuation">></span></span><span class="token entity named-entity" title="&lt;">&amp;lt;</span>Dropdown /<span class="token entity named-entity" title="&gt;">&amp;gt;</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>code</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>DropdownShell</span><span class="token punctuation">></span></span></code>'},p:D,d(t){t&&y(e)}}}function Q(t){let e;return{c(){e=i("Properties")},l(t){e=w(t,"Properties")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function W(t){let e;return{c(){e=i("Functional Properties")},l(t){e=w(t,"Functional Properties")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function X(t){let e;return{c(){e=i("Name")},l(t){e=w(t,"Name")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Z(t){let e;return{c(){e=i("Default")},l(t){e=w(t,"Default")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function _(t){let e;return{c(){e=i("Type")},l(t){e=w(t,"Type")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function tt(t){let e;return{c(){e=i("Description")},l(t){e=w(t,"Description")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function et(t){let e,n,s,r,c,m,g,i;return e=new G({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),s=new G({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),g=new G({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=d(),$(s.$$.fragment),r=d(),$(c.$$.fragment),m=d(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),k(t,n,$),o(s,t,$),k(t,r,$),o(c,t,$),k(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function nt(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("open")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=w(a,"open"),a.forEach(y),$.forEach(y)},m(t,$){k(t,e,$),v(e,n),v(n,s)},p:D,d(t){t&&y(e)}}}function st(t){let e,n;return{c(){e=g("code"),n=i("false")},l(t){e=h(t,"CODE",{});var s=x(e);n=w(s,"false"),s.forEach(y)},m(t,s){k(t,e,s),v(e,n)},p:D,d(t){t&&y(e)}}}function $t(t){let e,n;return{c(){e=g("code"),n=i("boolean")},l(t){e=h(t,"CODE",{});var s=x(e);n=w(s,"boolean"),s.forEach(y)},m(t,s){k(t,e,s),v(e,n)},p:D,d(t){t&&y(e)}}}function at(t){let e;return{c(){e=i("Controls whether the dropdown content is shown or hidden.")},l(t){e=w(t,"Controls whether the dropdown content is shown or hidden.")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function ot(t){let e,n,s,r,c,m,g,i;return e=new Y({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),s=new Y({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),c=new Y({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),g=new Y({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=d(),$(s.$$.fragment),r=d(),$(c.$$.fragment),m=d(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),k(t,n,$),o(s,t,$),k(t,r,$),o(c,t,$),k(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function rt(t){let e,n,s,r,c,m;return n=new I({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=d(),r=g("tbody"),$(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(y),s=u(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),o.forEach(y)},m(t,$){k(t,e,$),o(n,e,null),k(t,s,$),k(t,r,$),o(c,r,null),m=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),c.$set($)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&y(e),f(n),t&&y(s),t&&y(r),f(c)}}}function ct(t){let e;return{c(){e=i("Class Properties")},l(t){e=w(t,"Class Properties")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function pt(t){let e,n,s,$,a,o,r;return{c(){e=i("All "),n=g("code"),s=i("<DropdownShell>"),$=i(" components use the "),a=g("code"),o=i(".dropdown-shell"),r=i(" class.")},l(t){e=w(t,"All "),n=h(t,"CODE",{});var c=x(n);s=w(c,"<DropdownShell>"),c.forEach(y),$=w(t," components use the "),a=h(t,"CODE",{});var p=x(a);o=w(p,".dropdown-shell"),p.forEach(y),r=w(t," class.")},m(t,c){k(t,e,c),k(t,n,c),v(n,s),k(t,$,c),k(t,a,c),v(a,o),k(t,r,c)},p:D,d(t){t&&y(e),t&&y(n),t&&y($),t&&y(a),t&&y(r)}}}function lt(t){let e;return{c(){e=i("Falsy values passed to classes will be disregarded.")},l(t){e=w(t,"Falsy values passed to classes will be disregarded.")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function ft(t){let e;return{c(){e=i("Name")},l(t){e=w(t,"Name")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function mt(t){let e;return{c(){e=i("Default")},l(t){e=w(t,"Default")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function dt(t){let e;return{c(){e=i("Type")},l(t){e=w(t,"Type")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function gt(t){let e;return{c(){e=i("Description")},l(t){e=w(t,"Description")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function it(t){let e,n,s,r,c,m,g,i;return e=new G({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),s=new G({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),g=new G({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=d(),$(s.$$.fragment),r=d(),$(c.$$.fragment),m=d(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),k(t,n,$),o(s,t,$),k(t,r,$),o(c,t,$),k(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function ut(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("class")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=w(a,"class"),a.forEach(y),$.forEach(y)},m(t,$){k(t,e,$),v(e,n),v(n,s)},p:D,d(t){t&&y(e)}}}function ht(t){let e,n;return{c(){e=g("code"),n=i("null")},l(t){e=h(t,"CODE",{});var s=x(e);n=w(s,"null"),s.forEach(y)},m(t,s){k(t,e,s),v(e,n)},p:D,d(t){t&&y(e)}}}function xt(t){let e,n;return{c(){e=g("code"),n=i("string")},l(t){e=h(t,"CODE",{});var s=x(e);n=w(s,"string"),s.forEach(y)},m(t,s){k(t,e,s),v(e,n)},p:D,d(t){t&&y(e)}}}function wt(t){let e,n,s,$;return{c(){e=i("A class string to add to the underlying "),n=g("code"),s=i("<div>"),$=i(" element.")},l(t){e=w(t,"A class string to add to the underlying "),n=h(t,"CODE",{});var a=x(n);s=w(a,"<div>"),a.forEach(y),$=w(t," element.")},m(t,a){k(t,e,a),k(t,n,a),v(n,s),k(t,$,a)},p:D,d(t){t&&y(e),t&&y(n),t&&y($)}}}function yt(t){let e,n,s,r,c,m,g,i;return e=new Y({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),s=new Y({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),c=new Y({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),g=new Y({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=d(),$(s.$$.fragment),r=d(),$(c.$$.fragment),m=d(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),k(t,n,$),o(s,t,$),k(t,r,$),o(c,t,$),k(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function kt(t){let e,n,s,r,c,m;return n=new I({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=d(),r=g("tbody"),$(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(y),s=u(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),o.forEach(y)},m(t,$){k(t,e,$),o(n,e,null),k(t,s,$),k(t,r,$),o(c,r,null),m=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),c.$set($)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&y(e),f(n),t&&y(s),t&&y(r),f(c)}}}function vt(t){let e;return{c(){e=i("Events")},l(t){e=w(t,"Events")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Et(t){let e;return{c(){e=i("Name")},l(t){e=w(t,"Name")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Dt(t){let e;return{c(){e=i("Event Detail")},l(t){e=w(t,"Event Detail")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function bt(t){let e;return{c(){e=i("Description")},l(t){e=w(t,"Description")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Tt(t){let e,n,s,r,c,m;return e=new G({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),s=new G({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=d(),$(s.$$.fragment),r=d(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),k(t,n,$),o(s,t,$),k(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function Ot(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("change")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=w(a,"change"),a.forEach(y),$.forEach(y)},m(t,$){k(t,e,$),v(e,n),v(n,s)},p:D,d(t){t&&y(e)}}}function Ct(t){let e,n;return{c(){e=g("code"),n=i("{ value }")},l(t){e=h(t,"CODE",{});var s=x(e);n=w(s,"{ value }"),s.forEach(y)},m(t,s){k(t,e,s),v(e,n)},p:D,d(t){t&&y(e)}}}function St(t){let e,n,s,$,a,o,r,c,p,l;return{c(){e=i("Fired when toggling the dropdown (with "),n=g("code"),s=i("value"),$=i(" being "),a=g("code"),o=i("true"),r=i(' for "open" and '),c=g("code"),p=i("false"),l=i(' for "closed").')},l(t){e=w(t,"Fired when toggling the dropdown (with "),n=h(t,"CODE",{});var f=x(n);s=w(f,"value"),f.forEach(y),$=w(t," being "),a=h(t,"CODE",{});var m=x(a);o=w(m,"true"),m.forEach(y),r=w(t,' for "open" and '),c=h(t,"CODE",{});var d=x(c);p=w(d,"false"),d.forEach(y),l=w(t,' for "closed").')},m(t,f){k(t,e,f),k(t,n,f),v(n,s),k(t,$,f),k(t,a,f),v(a,o),k(t,r,f),k(t,c,f),v(c,p),k(t,l,f)},p:D,d(t){t&&y(e),t&&y(n),t&&y($),t&&y(a),t&&y(r),t&&y(c),t&&y(l)}}}function jt(t){let e,n,s,r,c,m;return e=new Y({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),s=new Y({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),c=new Y({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=d(),$(s.$$.fragment),r=d(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),k(t,n,$),o(s,t,$),k(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function At(t){let e,n,s,r,c,m;return n=new I({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=d(),r=g("tbody"),$(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(y),s=u(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),o.forEach(y)},m(t,$){k(t,e,$),o(n,e,null),k(t,s,$),k(t,r,$),o(c,r,null),m=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),c.$set($)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&y(e),f(n),t&&y(s),t&&y(r),f(c)}}}function Nt(t){let e;return{c(){e=i("Slots")},l(t){e=w(t,"Slots")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Bt(t){let e;return{c(){e=i("Default slot")},l(t){e=w(t,"Default slot")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Ft(t){let e;return{c(){e=i("The shell of the dropdown. The dropdown itself must be inside it.")},l(t){e=w(t,"The shell of the dropdown. The dropdown itself must be inside it.")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Ht(t){let e;return{c(){e=i("Prop Name")},l(t){e=w(t,"Prop Name")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Pt(t){let e;return{c(){e=i("Type")},l(t){e=w(t,"Type")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Rt(t){let e;return{c(){e=i("Description")},l(t){e=w(t,"Description")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function It(t){let e,n,s,r,c,m;return e=new G({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),s=new G({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=d(),$(s.$$.fragment),r=d(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),k(t,n,$),o(s,t,$),k(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function Gt(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("toggle")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=w(a,"toggle"),a.forEach(y),$.forEach(y)},m(t,$){k(t,e,$),v(e,n),v(n,s)},p:D,d(t){t&&y(e)}}}function Yt(t){let e,n;return{c(){e=g("code"),n=i("Function")},l(t){e=h(t,"CODE",{});var s=x(e);n=w(s,"Function"),s.forEach(y)},m(t,s){k(t,e,s),v(e,n)},p:D,d(t){t&&y(e)}}}function Ut(t){let e;return{c(){e=i("A callback to toggle the open state of the dropdown.")},l(t){e=w(t,"A callback to toggle the open state of the dropdown.")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Vt(t){let e,n,s,r,c,m;return e=new Y({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),s=new Y({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),c=new Y({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=d(),$(s.$$.fragment),r=d(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),k(t,n,$),o(s,t,$),k(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function Lt(t){let e,n,s,r,c,m;return n=new I({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=d(),r=g("tbody"),$(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(y),s=u(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),o.forEach(y)},m(t,$){k(t,e,$),o(n,e,null),k(t,s,$),k(t,r,$),o(c,r,null),m=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),c.$set($)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&y(e),f(n),t&&y(s),t&&y(r),f(c)}}}function zt(t){let e;return{c(){e=i("Exported Attributes")},l(t){e=w(t,"Exported Attributes")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Kt(t){let e,n,s,$;return{c(){e=i("These attributes can be accessed from variables holding component instances bound using "),n=g("code"),s=i("bind:this"),$=i(" on the instance.")},l(t){e=w(t,"These attributes can be accessed from variables holding component instances bound using "),n=h(t,"CODE",{});var a=x(n);s=w(a,"bind:this"),a.forEach(y),$=w(t," on the instance.")},m(t,a){k(t,e,a),k(t,n,a),v(n,s),k(t,$,a)},p:D,d(t){t&&y(e),t&&y(n),t&&y($)}}}function Mt(t){let e;return{c(){e=i("Name")},l(t){e=w(t,"Name")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function qt(t){let e;return{c(){e=i("Type")},l(t){e=w(t,"Type")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Jt(t){let e;return{c(){e=i("Description")},l(t){e=w(t,"Description")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Qt(t){let e,n,s,r,c,m;return e=new G({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),s=new G({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=d(),$(s.$$.fragment),r=d(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),k(t,n,$),o(s,t,$),k(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function Wt(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("toggle")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=w(a,"toggle"),a.forEach(y),$.forEach(y)},m(t,$){k(t,e,$),v(e,n),v(n,s)},p:D,d(t){t&&y(e)}}}function Xt(t){let e,n;return{c(){e=g("code"),n=i("Function")},l(t){e=h(t,"CODE",{});var s=x(e);n=w(s,"Function"),s.forEach(y)},m(t,s){k(t,e,s),v(e,n)},p:D,d(t){t&&y(e)}}}function Zt(t){let e;return{c(){e=i('Toggles the dropdown\'s "open" state. In addition to being exposed as a slot prop, this function is exported to allow toggling the dropdown from same component where the shell is created.')},l(t){e=w(t,'Toggles the dropdown\'s "open" state. In addition to being exposed as a slot prop, this function is exported to allow toggling the dropdown from same component where the shell is created.')},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function _t(t){let e,n,s,r,c,m;return e=new Y({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),s=new Y({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),c=new Y({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=d(),$(s.$$.fragment),r=d(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),k(t,n,$),o(s,t,$),k(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function te(t){let e,n,s,r,c,m;return n=new I({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=d(),r=g("tbody"),$(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(y),s=u(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),o.forEach(y)},m(t,$){k(t,e,$),o(n,e,null),k(t,s,$),k(t,r,$),o(c,r,null),m=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),c.$set($)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&y(e),f(n),t&&y(s),t&&y(r),f(c)}}}function ee(t){let e,n,s,r,c,m,E,D,b,T,S,j,A,N,I,G,Y,L,z,K,M,X,Z,_,tt,et,nt,st,$t,at,ot,ft,mt,dt,gt,it,ut,ht,xt,wt,yt,Et,Dt;return e=new O({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),s=new C({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),c=new F({props:{components:ae}}),E=new B({props:{$$slots:{source:[J],showcase:[q]},$$scope:{ctx:t}}}),b=new H({props:{id:"properties",$$slots:{default:[Q]},$$scope:{ctx:t}}}),S=new P({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),A=new R({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),I=new P({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),Y=new C({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),z=new C({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),M=new R({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),et=new H({props:{id:"events",$$slots:{default:[vt]},$$scope:{ctx:t}}}),st=new R({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),at=new H({props:{id:"slots",$$slots:{default:[Nt]},$$scope:{ctx:t}}}),ft=new P({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),dt=new C({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),it=new R({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),ht=new H({props:{id:"exported",$$slots:{default:[zt]},$$scope:{ctx:t}}}),wt=new C({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),Et=new R({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=d(),$(s.$$.fragment),r=d(),$(c.$$.fragment),m=d(),$(E.$$.fragment),D=d(),$(b.$$.fragment),T=d(),$(S.$$.fragment),j=d(),$(A.$$.fragment),N=d(),$(I.$$.fragment),G=d(),$(Y.$$.fragment),L=d(),$(z.$$.fragment),K=d(),$(M.$$.fragment),X=d(),Z=g("mark"),_=i("Bonus"),tt=i(": use the `.dropdown-chevron` class for the chevrons on the dropdown handle to get a nice rotation animation (see showcase).\n"),$(et.$$.fragment),nt=d(),$(st.$$.fragment),$t=d(),$(at.$$.fragment),ot=d(),$(ft.$$.fragment),mt=d(),$(dt.$$.fragment),gt=d(),$(it.$$.fragment),ut=d(),$(ht.$$.fragment),xt=d(),$(wt.$$.fragment),yt=d(),$(Et.$$.fragment)},l(t){a(e.$$.fragment,t),n=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(E.$$.fragment,t),D=u(t),a(b.$$.fragment,t),T=u(t),a(S.$$.fragment,t),j=u(t),a(A.$$.fragment,t),N=u(t),a(I.$$.fragment,t),G=u(t),a(Y.$$.fragment,t),L=u(t),a(z.$$.fragment,t),K=u(t),a(M.$$.fragment,t),X=u(t),Z=h(t,"MARK",{});var $=x(Z);_=w($,"Bonus"),$.forEach(y),tt=w(t,": use the `.dropdown-chevron` class for the chevrons on the dropdown handle to get a nice rotation animation (see showcase).\n"),a(et.$$.fragment,t),nt=u(t),a(st.$$.fragment,t),$t=u(t),a(at.$$.fragment,t),ot=u(t),a(ft.$$.fragment,t),mt=u(t),a(dt.$$.fragment,t),gt=u(t),a(it.$$.fragment,t),ut=u(t),a(ht.$$.fragment,t),xt=u(t),a(wt.$$.fragment,t),yt=u(t),a(Et.$$.fragment,t)},m(t,$){o(e,t,$),k(t,n,$),o(s,t,$),k(t,r,$),o(c,t,$),k(t,m,$),o(E,t,$),k(t,D,$),o(b,t,$),k(t,T,$),o(S,t,$),k(t,j,$),o(A,t,$),k(t,N,$),o(I,t,$),k(t,G,$),o(Y,t,$),k(t,L,$),o(z,t,$),k(t,K,$),o(M,t,$),k(t,X,$),k(t,Z,$),v(Z,_),k(t,tt,$),o(et,t,$),k(t,nt,$),o(st,t,$),k(t,$t,$),o(at,t,$),k(t,ot,$),o(ft,t,$),k(t,mt,$),o(dt,t,$),k(t,gt,$),o(it,t,$),k(t,ut,$),o(ht,t,$),k(t,xt,$),o(wt,t,$),k(t,yt,$),o(Et,t,$),Dt=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),E.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),b.$set(r);const c={};4&n&&(c.$$scope={dirty:n,ctx:t}),S.$set(c);const p={};4&n&&(p.$$scope={dirty:n,ctx:t}),A.$set(p);const l={};4&n&&(l.$$scope={dirty:n,ctx:t}),I.$set(l);const f={};4&n&&(f.$$scope={dirty:n,ctx:t}),Y.$set(f);const m={};4&n&&(m.$$scope={dirty:n,ctx:t}),z.$set(m);const d={};4&n&&(d.$$scope={dirty:n,ctx:t}),M.$set(d);const g={};4&n&&(g.$$scope={dirty:n,ctx:t}),et.$set(g);const i={};4&n&&(i.$$scope={dirty:n,ctx:t}),st.$set(i);const u={};4&n&&(u.$$scope={dirty:n,ctx:t}),at.$set(u);const h={};4&n&&(h.$$scope={dirty:n,ctx:t}),ft.$set(h);const x={};4&n&&(x.$$scope={dirty:n,ctx:t}),dt.$set(x);const w={};4&n&&(w.$$scope={dirty:n,ctx:t}),it.$set(w);const y={};4&n&&(y.$$scope={dirty:n,ctx:t}),ht.$set(y);const k={};4&n&&(k.$$scope={dirty:n,ctx:t}),wt.$set(k);const v={};4&n&&(v.$$scope={dirty:n,ctx:t}),Et.$set(v)},i(t){Dt||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(E.$$.fragment,t),p(b.$$.fragment,t),p(S.$$.fragment,t),p(A.$$.fragment,t),p(I.$$.fragment,t),p(Y.$$.fragment,t),p(z.$$.fragment,t),p(M.$$.fragment,t),p(et.$$.fragment,t),p(st.$$.fragment,t),p(at.$$.fragment,t),p(ft.$$.fragment,t),p(dt.$$.fragment,t),p(it.$$.fragment,t),p(ht.$$.fragment,t),p(wt.$$.fragment,t),p(Et.$$.fragment,t),Dt=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(E.$$.fragment,t),l(b.$$.fragment,t),l(S.$$.fragment,t),l(A.$$.fragment,t),l(I.$$.fragment,t),l(Y.$$.fragment,t),l(z.$$.fragment,t),l(M.$$.fragment,t),l(et.$$.fragment,t),l(st.$$.fragment,t),l(at.$$.fragment,t),l(ft.$$.fragment,t),l(dt.$$.fragment,t),l(it.$$.fragment,t),l(ht.$$.fragment,t),l(wt.$$.fragment,t),l(Et.$$.fragment,t),Dt=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(E,t),t&&y(D),f(b,t),t&&y(T),f(S,t),t&&y(j),f(A,t),t&&y(N),f(I,t),t&&y(G),f(Y,t),t&&y(L),f(z,t),t&&y(K),f(M,t),t&&y(X),t&&y(Z),t&&y(tt),f(et,t),t&&y(nt),f(st,t),t&&y($t),f(at,t),t&&y(ot),f(ft,t),t&&y(mt),f(dt,t),t&&y(gt),f(it,t),t&&y(ut),f(ht,t),t&&y(xt),f(wt,t),t&&y(yt),f(Et,t)}}}function ne(t){let e,n;const m=[t[0],se];let d={$$slots:{default:[ee]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)d=s(d,m[t]);return e=new T({props:d}),{c(){$(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,s){o(e,t,s),n=!0},p(t,[n]){const s=1&n?r(m,[1&n&&c(t[0]),0&n&&c(se)]):{};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}const se={name:"DropdownShell",relatedComponents:[{name:"Dropdown",link:"./docs/components/dropdown"}]},{name:$e,relatedComponents:ae}=se;function oe(t,e,n){return t.$$set=t=>{n(0,e=s(s({},e),m(t)))},[e=m(e)]}class re extends t{constructor(t){super(),e(this,t,oe,ne,n,{})}}export{re as default,se as metadata};
diff --git a/376/client/dropdown.68df1ffe.js b/376/client/dropdown.68df1ffe.js
new file mode 100644
index 000000000..de57760ed
--- /dev/null
+++ b/376/client/dropdown.68df1ffe.js
@@ -0,0 +1 @@
+import{S as t,i as n,s as e,M as s,h as o,k as a,b as l,d as i,e as c,X as r,O as u,f as d,o as h,Q as p,R as f,T as $,t as g,p as T,J as m,a4 as O,a5 as A,Y as v,a6 as w,a7 as E}from"./client.0d36a0cf.js";import{c as y}from"./classes.2453fa25.js";const D={},U={},_=t=>({}),R=t=>({toggle:t[2]});function b(t){let n,e,m,O,A;const v=t[6].default,w=s(v,t,t[5],R);return{c(){n=o("div"),w&&w.c(),this.h()},l(t){n=a(t,"DIV",{class:!0});var e=l(n);w&&w.l(e),e.forEach(i),this.h()},h(){c(n,"class",e=r(y("dropdown-shell",t[1]))+" svelte-1j957tq"),u(n,"open",t[0])},m(e,s){d(e,n,s),w&&w.m(n,null),t[7](n),m=!0,O||(A=h(window,"click",t[4]),O=!0)},p(t,[s]){w&&w.p&&(!m||32&s)&&p(w,v,t,t[5],m?$(v,t[5],s,_):f(t[5]),R),(!m||2&s&&e!==(e=r(y("dropdown-shell",t[1]))+" svelte-1j957tq"))&&c(n,"class",e),(!m||3&s)&&u(n,"open",t[0])},i(t){m||(g(w,t),m=!0)},o(t){T(w,t),m=!1},d(e){e&&i(n),w&&w.d(e),t[7](null),O=!1,A()}}}function j(t,n,e){let{$$slots:s={},$$scope:o}=n,{class:a=null}=n,{open:l=!1}=n;function i(){e(0,l=!l)}let c=null;function r(t){"Escape"===t.key&&l&&(t.preventDefault(),i())}const u=m(),d=A(l);return O(D,(()=>c&&c.getBoundingClientRect())),O(U,d),t.$$set=t=>{"class"in t&&e(1,a=t.class),"open"in t&&e(0,l=t.open),"$$scope"in t&&e(5,o=t.$$scope)},t.$$.update=()=>{1&t.$$.dirty&&u("change",{value:l}),1&t.$$.dirty&&"undefined"!=typeof document&&(l?document.addEventListener("keydown",r):document.removeEventListener("keydown",r)),1&t.$$.dirty&&d.set(l)},[l,a,i,c,function(t){if(!c)return;!c.contains(t.target)&&l&&i()},o,s,function(t){v[t?"unshift":"push"]((()=>{c=t,e(3,c)}))}]}var q=class extends t{constructor(t){super(),n(this,t,j,b,e,{class:1,open:0,toggle:2})}get toggle(){return this.$$.ctx[2]}};const z={AUTO_START:"auto-start",AUTO_END:"auto-end",START:"start",END:"end"},B={AUTO_BOTTOM:"auto-bottom",AUTO_TOP:"auto-top",BOTTOM:"bottom",TOP:"top"};function k(t){let n,e,h;const m=t[11].default,O=s(m,t,t[10],null);return{c(){n=o("div"),O&&O.c(),this.h()},l(t){n=a(t,"DIV",{class:!0});var e=l(n);O&&O.l(e),e.forEach(i),this.h()},h(){c(n,"class",e=r(y("dropdown",t[0]))+" svelte-1fhqrqw"),u(n,"right",t[3]),u(n,"top",t[2])},m(e,s){d(e,n,s),O&&O.m(n,null),t[12](n),h=!0},p(t,[s]){O&&O.p&&(!h||1024&s)&&p(O,m,t,t[10],h?$(m,t[10],s,null):f(t[10]),null),(!h||1&s&&e!==(e=r(y("dropdown",t[0]))+" svelte-1fhqrqw"))&&c(n,"class",e),(!h||9&s)&&u(n,"right",t[3]),(!h||5&s)&&u(n,"top",t[2])},i(t){h||(g(O,t),h=!0)},o(t){T(O,t),h=!1},d(e){e&&i(n),O&&O.d(e),t[12](null)}}}function M(t,n,e){let s,{$$slots:o={},$$scope:a}=n,{class:l=null}=n,{right:i=!1}=n,{top:c=!1}=n,{horizontalAlignment:r=z.AUTO_START}=n,{verticalAlignment:u=B.AUTO_BOTTOM}=n;const d=w(U);E(t,d,(t=>e(9,s=t)));const h=w(D);let p,f,$;return t.$$set=t=>{"class"in t&&e(0,l=t.class),"right"in t&&e(5,i=t.right),"top"in t&&e(6,c=t.top),"horizontalAlignment"in t&&e(7,r=t.horizontalAlignment),"verticalAlignment"in t&&e(8,u=t.verticalAlignment),"$$scope"in t&&e(10,a=t.$$scope)},t.$$.update=()=>{if(610&t.$$.dirty&&s){const t=p.getBoundingClientRect(),n=h();e(2,f=c||function(t,n){const{height:e}=t,{top:s,bottom:o}=n;switch(u){case B.TOP:return!0;case B.BOTTOM:return!1;case B.AUTO_TOP:return e<=s;default:return e>window.innerHeight-o}}(t,n)),e(3,$=i||function(t,n){const{width:e}=t,{left:s,right:o}=n;switch(r){case z.END:return!0;case z.START:return!1;case z.AUTO_END:return e<=o;default:return e>window.innerWidth-s}}(t,n))}},[l,p,f,$,d,i,c,r,u,s,a,o,function(t){v[t?"unshift":"push"]((()=>{p=t,e(1,p)}))}]}Object.freeze(z),Object.freeze(B);var S=class extends t{constructor(t){super(),n(this,t,M,k,e,{class:0,right:5,top:6,horizontalAlignment:7,verticalAlignment:8})}};export{q as D,S as a};
diff --git a/376/client/dropdown.d797a15c.js b/376/client/dropdown.d797a15c.js
new file mode 100644
index 000000000..24dac8d23
--- /dev/null
+++ b/376/client/dropdown.d797a15c.js
@@ -0,0 +1 @@
+import{S as t,i as n,s as e,K as s,j as a,l as $,m as o,U as r,a0 as c,t as p,p as l,q as f,L as m,u as g,h as d,v as u,w as i,k as x,b as h,x as w,d as k,f as v,g as E,e as y,n as D,V as O}from"./client.0d36a0cf.js";import{L as T,H as b,P as A}from"./layout.b2760304.js";import{B as C}from"./button.743a388a.js";import{D as S,a as R}from"./dropdown.68df1ffe.js";import{C as N}from"./ChevronDownIcon.fcf5cd50.js";import{S as j}from"./showcase.8eb3893d.js";import{C as G}from"./color-preview.278d2729.js";import{S as B}from"./shadow-preview.f1e703b1.js";import{R as P}from"./related-components.2f822d5e.js";import{H}from"./h2.122c8b9f.js";import{H as I}from"./h3.1e03849b.js";import{T as F,a as z,b as V,c as L}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./popover.156a947e.js";import"./card.72b37821.js";function U(t){let n;return{c(){n=u("Dropdown")},l(t){n=w(t,"Dropdown")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function _(t){let n,e,s,a,$;return{c(){n=u("Toggleable, contextual overlays for displaying additional details or actions. Must be wrapped with a "),e=d("a"),s=d("code"),a=u("DropdownShell"),$=u(" for correct behavior."),this.h()},l(t){n=w(t,"Toggleable, contextual overlays for displaying additional details or actions. Must be wrapped with a "),e=x(t,"A",{href:!0});var o=h(e);s=x(o,"CODE",{});var r=h(s);a=w(r,"DropdownShell"),r.forEach(k),o.forEach(k),$=w(t," for correct behavior."),this.h()},h(){y(e,"href","./docs/components/dropdown-shell")},m(t,o){v(t,n,o),v(t,e,o),E(e,s),E(s,a),v(t,$,o)},p:D,d(t){t&&k(n),t&&k(e),t&&k($)}}}function M(t){let n,e,s;return e=new N({props:{size:"24",class:"ml dropdown-chevron"}}),{c(){n=u("I toggle a dropdown\n        "),a(e.$$.fragment)},l(t){n=w(t,"I toggle a dropdown\n        "),$(e.$$.fragment,t)},m(t,a){v(t,n,a),o(e,t,a),s=!0},p:D,i(t){s||(p(e.$$.fragment,t),s=!0)},o(t){l(e.$$.fragment,t),s=!1},d(t){t&&k(n),f(e,t)}}}function Y(t){let n,e;return{c(){n=d("div"),e=u("and I am the dropdown content"),this.h()},l(t){n=x(t,"DIV",{class:!0});var s=h(n);e=w(s,"and I am the dropdown content"),s.forEach(k),this.h()},h(){y(n,"class","padded svelte-1etefcc")},m(t,s){v(t,n,s),E(n,e)},p:D,d(t){t&&k(n)}}}function q(t){let n,e,s,r;return n=new C({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),n.$on("click",(function(){O(t[1])&&t[1].apply(this,arguments)})),s=new R({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),r=!0},p(e,a){t=e;const $={};4&a&&($.$$scope={dirty:a,ctx:t}),n.$set($);const o={};4&a&&(o.$$scope={dirty:a,ctx:t}),s.$set(o)},i(t){r||(p(n.$$.fragment,t),p(s.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(s,t)}}}function K(t){let n;return{c(){n=u("look up there")},l(t){n=w(t,"look up there")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function J(t){let n,e;return{c(){n=d("div"),e=u("right here"),this.h()},l(t){n=x(t,"DIV",{class:!0});var s=h(n);e=w(s,"right here"),s.forEach(k),this.h()},h(){y(n,"class","padded svelte-1etefcc")},m(t,s){v(t,n,s),E(n,e)},p:D,d(t){t&&k(n)}}}function Q(t){let n,e,s,r;return n=new C({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),n.$on("click",(function(){O(t[1])&&t[1].apply(this,arguments)})),s=new R({props:{verticalAlignment:"top",$$slots:{default:[J]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),r=!0},p(e,a){t=e;const $={};4&a&&($.$$scope={dirty:a,ctx:t}),n.$set($);const o={};4&a&&(o.$$scope={dirty:a,ctx:t}),s.$set(o)},i(t){r||(p(n.$$.fragment,t),p(s.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(s,t)}}}function W(t){let n;return{c(){n=u("look up if there is enough space")},l(t){n=w(t,"look up if there is enough space")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function X(t){let n,e;return{c(){n=d("div"),e=u("hello!"),this.h()},l(t){n=x(t,"DIV",{class:!0});var s=h(n);e=w(s,"hello!"),s.forEach(k),this.h()},h(){y(n,"class","padded svelte-1etefcc")},m(t,s){v(t,n,s),E(n,e)},p:D,d(t){t&&k(n)}}}function Z(t){let n,e,s,r;return n=new C({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),n.$on("click",(function(){O(t[1])&&t[1].apply(this,arguments)})),s=new R({props:{verticalAlignment:"auto-top",$$slots:{default:[X]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),r=!0},p(e,a){t=e;const $={};4&a&&($.$$scope={dirty:a,ctx:t}),n.$set($);const o={};4&a&&(o.$$scope={dirty:a,ctx:t}),s.$set(o)},i(t){r||(p(n.$$.fragment,t),p(s.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(s,t)}}}function tt(t){let n,e,s,r,c,m,u;return e=new S({props:{$$slots:{default:[q,({toggle:t})=>({1:t}),({toggle:t})=>t?2:0]},$$scope:{ctx:t}}}),r=new S({props:{$$slots:{default:[Q,({toggle:t})=>({1:t}),({toggle:t})=>t?2:0]},$$scope:{ctx:t}}}),m=new S({props:{$$slots:{default:[Z,({toggle:t})=>({1:t}),({toggle:t})=>t?2:0]},$$scope:{ctx:t}}}),{c(){n=d("div"),a(e.$$.fragment),s=g(),a(r.$$.fragment),c=g(),a(m.$$.fragment),this.h()},l(t){n=x(t,"DIV",{slot:!0,class:!0});var a=h(n);$(e.$$.fragment,a),s=i(a),$(r.$$.fragment,a),c=i(a),$(m.$$.fragment,a),a.forEach(k),this.h()},h(){y(n,"slot","showcase"),y(n,"class","padded svelte-1etefcc")},m(t,a){v(t,n,a),o(e,n,null),E(n,s),o(r,n,null),E(n,c),o(m,n,null),u=!0},p(t,n){const s={};6&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};6&n&&(a.$$scope={dirty:n,ctx:t}),r.$set(a);const $={};6&n&&($.$$scope={dirty:n,ctx:t}),m.$set($)},i(t){u||(p(e.$$.fragment,t),p(r.$$.fragment,t),p(m.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(m.$$.fragment,t),u=!1},d(t){t&&k(n),f(e),f(r),f(m)}}}function nt(t){let n,e;return{c(){n=d("div"),e=d("pre"),this.h()},l(t){n=x(t,"DIV",{slot:!0});var s=h(n);e=x(s,"PRE",{class:!0}),h(e).forEach(k),s.forEach(k),this.h()},h(){y(e,"class","language-svelte"),y(n,"slot","source")},m(t,s){v(t,n,s),E(n,e),e.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DropdownShell</span> <span class="token attr-name"><span class="token namespace">let:</span>toggle</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>toggle<span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n    I toggle a dropdown\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ChevronDownIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml dropdown-chevron<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dropdown</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>padded<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n      and I am the dropdown content\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Dropdown</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>DropdownShell</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DropdownShell</span> <span class="token attr-name"><span class="token namespace">let:</span>toggle</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>toggle<span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n    look up there\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dropdown</span> <span class="token attr-name">verticalAlignment</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>top<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>padded<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n      right here\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Dropdown</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>DropdownShell</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DropdownShell</span> <span class="token attr-name"><span class="token namespace">let:</span>toggle</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>toggle<span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n    look up if there is enough space\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dropdown</span> <span class="token attr-name">verticalAlignment</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>auto-top<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>padded<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n      hello!\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Dropdown</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>DropdownShell</span><span class="token punctuation">></span></span></code>'},p:D,d(t){t&&k(n)}}}function et(t){let n;return{c(){n=u("Properties")},l(t){n=w(t,"Properties")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function st(t){let n;return{c(){n=u("Style Properties")},l(t){n=w(t,"Style Properties")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function at(t){let n;return{c(){n=u("Name")},l(t){n=w(t,"Name")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function $t(t){let n;return{c(){n=u("Default")},l(t){n=w(t,"Default")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function ot(t){let n;return{c(){n=u("Type")},l(t){n=w(t,"Type")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function rt(t){let n;return{c(){n=u("Description")},l(t){n=w(t,"Description")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function ct(t){let n,e,s,r,c,m,d,u;return n=new V({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),s=new V({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),d=new V({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment),r=g(),a(c.$$.fragment),m=g(),a(d.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t),r=i(t),$(c.$$.fragment,t),m=i(t),$(d.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),v(t,r,a),o(c,t,a),v(t,m,a),o(d,t,a),u=!0},p(t,e){const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),s.$set($);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),d.$set(r)},i(t){u||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(d.$$.fragment,t),u=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){f(n,t),t&&k(e),f(s,t),t&&k(r),f(c,t),t&&k(m),f(d,t)}}}function pt(t){let n,e,s;return{c(){n=d("strong"),e=d("code"),s=u("horizontalAlignment")},l(t){n=x(t,"STRONG",{});var a=h(n);e=x(a,"CODE",{});var $=h(e);s=w($,"horizontalAlignment"),$.forEach(k),a.forEach(k)},m(t,a){v(t,n,a),E(n,e),E(e,s)},p:D,d(t){t&&k(n)}}}function lt(t){let n,e;return{c(){n=d("code"),e=u("auto-start")},l(t){n=x(t,"CODE",{});var s=h(n);e=w(s,"auto-start"),s.forEach(k)},m(t,s){v(t,n,s),E(n,e)},p:D,d(t){t&&k(n)}}}function ft(t){let n,e,s,a,$,o,r,c,p,l,f;return{c(){n=d("code"),e=u("auto-start"),s=u(" | "),a=d("code"),$=u("auto-end"),o=u(" | "),r=d("code"),c=u("start"),p=u(" | "),l=d("code"),f=u("end")},l(t){n=x(t,"CODE",{});var m=h(n);e=w(m,"auto-start"),m.forEach(k),s=w(t," | "),a=x(t,"CODE",{});var g=h(a);$=w(g,"auto-end"),g.forEach(k),o=w(t," | "),r=x(t,"CODE",{});var d=h(r);c=w(d,"start"),d.forEach(k),p=w(t," | "),l=x(t,"CODE",{});var u=h(l);f=w(u,"end"),u.forEach(k)},m(t,m){v(t,n,m),E(n,e),v(t,s,m),v(t,a,m),E(a,$),v(t,o,m),v(t,r,m),E(r,c),v(t,p,m),v(t,l,m),E(l,f)},p:D,d(t){t&&k(n),t&&k(s),t&&k(a),t&&k(o),t&&k(r),t&&k(p),t&&k(l)}}}function mt(t){let n;return{c(){n=u("Dropdown content alignment on horizontal axis.")},l(t){n=w(t,"Dropdown content alignment on horizontal axis.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function gt(t){let n,e,s,r,c,m,d,u;return n=new L({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),d=new L({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment),r=g(),a(c.$$.fragment),m=g(),a(d.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t),r=i(t),$(c.$$.fragment,t),m=i(t),$(d.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),v(t,r,a),o(c,t,a),v(t,m,a),o(d,t,a),u=!0},p(t,e){const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),s.$set($);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),d.$set(r)},i(t){u||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(d.$$.fragment,t),u=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){f(n,t),t&&k(e),f(s,t),t&&k(r),f(c,t),t&&k(m),f(d,t)}}}function dt(t){let n,e,s;return{c(){n=d("strong"),e=d("code"),s=u("verticalAlignment")},l(t){n=x(t,"STRONG",{});var a=h(n);e=x(a,"CODE",{});var $=h(e);s=w($,"verticalAlignment"),$.forEach(k),a.forEach(k)},m(t,a){v(t,n,a),E(n,e),E(e,s)},p:D,d(t){t&&k(n)}}}function ut(t){let n,e;return{c(){n=d("code"),e=u("auto-bottom")},l(t){n=x(t,"CODE",{});var s=h(n);e=w(s,"auto-bottom"),s.forEach(k)},m(t,s){v(t,n,s),E(n,e)},p:D,d(t){t&&k(n)}}}function it(t){let n,e,s,a,$,o,r,c,p,l,f;return{c(){n=d("code"),e=u("auto-bottom"),s=u(" | "),a=d("code"),$=u("auto-top"),o=u(" | "),r=d("code"),c=u("bottom"),p=u(" | "),l=d("code"),f=u("top")},l(t){n=x(t,"CODE",{});var m=h(n);e=w(m,"auto-bottom"),m.forEach(k),s=w(t," | "),a=x(t,"CODE",{});var g=h(a);$=w(g,"auto-top"),g.forEach(k),o=w(t," | "),r=x(t,"CODE",{});var d=h(r);c=w(d,"bottom"),d.forEach(k),p=w(t," | "),l=x(t,"CODE",{});var u=h(l);f=w(u,"top"),u.forEach(k)},m(t,m){v(t,n,m),E(n,e),v(t,s,m),v(t,a,m),E(a,$),v(t,o,m),v(t,r,m),E(r,c),v(t,p,m),v(t,l,m),E(l,f)},p:D,d(t){t&&k(n),t&&k(s),t&&k(a),t&&k(o),t&&k(r),t&&k(p),t&&k(l)}}}function xt(t){let n;return{c(){n=u("Dropdown content alignment on vertical axis.")},l(t){n=w(t,"Dropdown content alignment on vertical axis.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function ht(t){let n,e,s,r,c,m,d,u;return n=new L({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),d=new L({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment),r=g(),a(c.$$.fragment),m=g(),a(d.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t),r=i(t),$(c.$$.fragment,t),m=i(t),$(d.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),v(t,r,a),o(c,t,a),v(t,m,a),o(d,t,a),u=!0},p(t,e){const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),s.$set($);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),d.$set(r)},i(t){u||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(d.$$.fragment,t),u=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){f(n,t),t&&k(e),f(s,t),t&&k(r),f(c,t),t&&k(m),f(d,t)}}}function wt(t){let n,e,s,a;return{c(){n=d("del"),e=d("strong"),s=d("code"),a=u("right")},l(t){n=x(t,"DEL",{});var $=h(n);e=x($,"STRONG",{});var o=h(e);s=x(o,"CODE",{});var r=h(s);a=w(r,"right"),r.forEach(k),o.forEach(k),$.forEach(k)},m(t,$){v(t,n,$),E(n,e),E(e,s),E(s,a)},p:D,d(t){t&&k(n)}}}function kt(t){let n,e;return{c(){n=d("code"),e=u("false")},l(t){n=x(t,"CODE",{});var s=h(n);e=w(s,"false"),s.forEach(k)},m(t,s){v(t,n,s),E(n,e)},p:D,d(t){t&&k(n)}}}function vt(t){let n,e;return{c(){n=d("code"),e=u("boolean")},l(t){n=x(t,"CODE",{});var s=h(n);e=w(s,"boolean"),s.forEach(k)},m(t,s){v(t,n,s),E(n,e)},p:D,d(t){t&&k(n)}}}function Et(t){let n,e,s,a;return{c(){n=d("strong"),e=d("code"),s=u("DEPRECATED"),a=u(" Aligns the dropdown content with the right edge of the shell.")},l(t){n=x(t,"STRONG",{});var $=h(n);e=x($,"CODE",{});var o=h(e);s=w(o,"DEPRECATED"),o.forEach(k),$.forEach(k),a=w(t," Aligns the dropdown content with the right edge of the shell.")},m(t,$){v(t,n,$),E(n,e),E(e,s),v(t,a,$)},p:D,d(t){t&&k(n),t&&k(a)}}}function yt(t){let n,e,s,r,c,m,d,u;return n=new L({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),d=new L({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment),r=g(),a(c.$$.fragment),m=g(),a(d.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t),r=i(t),$(c.$$.fragment,t),m=i(t),$(d.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),v(t,r,a),o(c,t,a),v(t,m,a),o(d,t,a),u=!0},p(t,e){const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),s.$set($);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),d.$set(r)},i(t){u||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(d.$$.fragment,t),u=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){f(n,t),t&&k(e),f(s,t),t&&k(r),f(c,t),t&&k(m),f(d,t)}}}function Dt(t){let n,e,s,a;return{c(){n=d("del"),e=d("strong"),s=d("code"),a=u("top")},l(t){n=x(t,"DEL",{});var $=h(n);e=x($,"STRONG",{});var o=h(e);s=x(o,"CODE",{});var r=h(s);a=w(r,"top"),r.forEach(k),o.forEach(k),$.forEach(k)},m(t,$){v(t,n,$),E(n,e),E(e,s),E(s,a)},p:D,d(t){t&&k(n)}}}function Ot(t){let n,e;return{c(){n=d("code"),e=u("false")},l(t){n=x(t,"CODE",{});var s=h(n);e=w(s,"false"),s.forEach(k)},m(t,s){v(t,n,s),E(n,e)},p:D,d(t){t&&k(n)}}}function Tt(t){let n,e;return{c(){n=d("code"),e=u("boolean")},l(t){n=x(t,"CODE",{});var s=h(n);e=w(s,"boolean"),s.forEach(k)},m(t,s){v(t,n,s),E(n,e)},p:D,d(t){t&&k(n)}}}function bt(t){let n,e,s,a;return{c(){n=d("strong"),e=d("code"),s=u("DEPRECATED"),a=u(" Aligns the dropdown content such that it opens to the top of the shell, extending up.")},l(t){n=x(t,"STRONG",{});var $=h(n);e=x($,"CODE",{});var o=h(e);s=w(o,"DEPRECATED"),o.forEach(k),$.forEach(k),a=w(t," Aligns the dropdown content such that it opens to the top of the shell, extending up.")},m(t,$){v(t,n,$),E(n,e),E(e,s),v(t,a,$)},p:D,d(t){t&&k(n),t&&k(a)}}}function At(t){let n,e,s,r,c,m,d,u;return n=new L({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),d=new L({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment),r=g(),a(c.$$.fragment),m=g(),a(d.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t),r=i(t),$(c.$$.fragment,t),m=i(t),$(d.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),v(t,r,a),o(c,t,a),v(t,m,a),o(d,t,a),u=!0},p(t,e){const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),s.$set($);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),d.$set(r)},i(t){u||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(d.$$.fragment,t),u=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){f(n,t),t&&k(e),f(s,t),t&&k(r),f(c,t),t&&k(m),f(d,t)}}}function Ct(t){let n,e,s,r,c,m,u,w,y,D,O,T;return e=new z({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),c=new z({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),u=new z({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),y=new z({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),O=new z({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){n=d("thead"),a(e.$$.fragment),s=g(),r=d("tbody"),a(c.$$.fragment),m=g(),a(u.$$.fragment),w=g(),a(y.$$.fragment),D=g(),a(O.$$.fragment)},l(t){n=x(t,"THEAD",{});var a=h(n);$(e.$$.fragment,a),a.forEach(k),s=i(t),r=x(t,"TBODY",{});var o=h(r);$(c.$$.fragment,o),m=i(o),$(u.$$.fragment,o),w=i(o),$(y.$$.fragment,o),D=i(o),$(O.$$.fragment,o),o.forEach(k)},m(t,a){v(t,n,a),o(e,n,null),v(t,s,a),v(t,r,a),o(c,r,null),E(r,m),o(u,r,null),E(r,w),o(y,r,null),E(r,D),o(O,r,null),T=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),c.$set(a);const $={};4&n&&($.$$scope={dirty:n,ctx:t}),u.$set($);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),y.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),O.$set(r)},i(t){T||(p(e.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(y.$$.fragment,t),p(O.$$.fragment,t),T=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),l(y.$$.fragment,t),l(O.$$.fragment,t),T=!1},d(t){t&&k(n),f(e),t&&k(s),t&&k(r),f(c),f(u),f(y),f(O)}}}function St(t){let n;return{c(){n=u("Class Properties")},l(t){n=w(t,"Class Properties")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Rt(t){let n,e,s,a,$,o,r;return{c(){n=u("All "),e=d("code"),s=u("<Dropdown>"),a=u(" components use the "),$=d("code"),o=u(".dropdown"),r=u(" class.")},l(t){n=w(t,"All "),e=x(t,"CODE",{});var c=h(e);s=w(c,"<Dropdown>"),c.forEach(k),a=w(t," components use the "),$=x(t,"CODE",{});var p=h($);o=w(p,".dropdown"),p.forEach(k),r=w(t," class.")},m(t,c){v(t,n,c),v(t,e,c),E(e,s),v(t,a,c),v(t,$,c),E($,o),v(t,r,c)},p:D,d(t){t&&k(n),t&&k(e),t&&k(a),t&&k($),t&&k(r)}}}function Nt(t){let n;return{c(){n=u("Falsy values passed to classes will be disregarded.")},l(t){n=w(t,"Falsy values passed to classes will be disregarded.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function jt(t){let n;return{c(){n=u("Name")},l(t){n=w(t,"Name")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Gt(t){let n;return{c(){n=u("Default")},l(t){n=w(t,"Default")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Bt(t){let n;return{c(){n=u("Type")},l(t){n=w(t,"Type")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Pt(t){let n;return{c(){n=u("Description")},l(t){n=w(t,"Description")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Ht(t){let n,e,s,r,c,m,d,u;return n=new V({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),s=new V({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),d=new V({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment),r=g(),a(c.$$.fragment),m=g(),a(d.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t),r=i(t),$(c.$$.fragment,t),m=i(t),$(d.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),v(t,r,a),o(c,t,a),v(t,m,a),o(d,t,a),u=!0},p(t,e){const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),s.$set($);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),d.$set(r)},i(t){u||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(d.$$.fragment,t),u=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){f(n,t),t&&k(e),f(s,t),t&&k(r),f(c,t),t&&k(m),f(d,t)}}}function It(t){let n,e,s;return{c(){n=d("strong"),e=d("code"),s=u("class")},l(t){n=x(t,"STRONG",{});var a=h(n);e=x(a,"CODE",{});var $=h(e);s=w($,"class"),$.forEach(k),a.forEach(k)},m(t,a){v(t,n,a),E(n,e),E(e,s)},p:D,d(t){t&&k(n)}}}function Ft(t){let n,e;return{c(){n=d("code"),e=u("null")},l(t){n=x(t,"CODE",{});var s=h(n);e=w(s,"null"),s.forEach(k)},m(t,s){v(t,n,s),E(n,e)},p:D,d(t){t&&k(n)}}}function zt(t){let n,e;return{c(){n=d("code"),e=u("string")},l(t){n=x(t,"CODE",{});var s=h(n);e=w(s,"string"),s.forEach(k)},m(t,s){v(t,n,s),E(n,e)},p:D,d(t){t&&k(n)}}}function Vt(t){let n,e,s,a;return{c(){n=u("A class string to add to the underlying "),e=d("code"),s=u("<div>"),a=u(" element.")},l(t){n=w(t,"A class string to add to the underlying "),e=x(t,"CODE",{});var $=h(e);s=w($,"<div>"),$.forEach(k),a=w(t," element.")},m(t,$){v(t,n,$),v(t,e,$),E(e,s),v(t,a,$)},p:D,d(t){t&&k(n),t&&k(e),t&&k(a)}}}function Lt(t){let n,e,s,r,c,m,d,u;return n=new L({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),d=new L({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment),r=g(),a(c.$$.fragment),m=g(),a(d.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t),r=i(t),$(c.$$.fragment,t),m=i(t),$(d.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),v(t,r,a),o(c,t,a),v(t,m,a),o(d,t,a),u=!0},p(t,e){const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),s.$set($);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),d.$set(r)},i(t){u||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(d.$$.fragment,t),u=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){f(n,t),t&&k(e),f(s,t),t&&k(r),f(c,t),t&&k(m),f(d,t)}}}function Ut(t){let n,e,s,r,c,m;return e=new z({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),c=new z({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),{c(){n=d("thead"),a(e.$$.fragment),s=g(),r=d("tbody"),a(c.$$.fragment)},l(t){n=x(t,"THEAD",{});var a=h(n);$(e.$$.fragment,a),a.forEach(k),s=i(t),r=x(t,"TBODY",{});var o=h(r);$(c.$$.fragment,o),o.forEach(k)},m(t,a){v(t,n,a),o(e,n,null),v(t,s,a),v(t,r,a),o(c,r,null),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),c.$set(a)},i(t){m||(p(e.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&k(n),f(e),t&&k(s),t&&k(r),f(c)}}}function _t(t){let n;return{c(){n=u("Slots")},l(t){n=w(t,"Slots")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Mt(t){let n;return{c(){n=u("Default slot")},l(t){n=w(t,"Default slot")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Yt(t){let n;return{c(){n=u("The content of the dropdown.")},l(t){n=w(t,"The content of the dropdown.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function qt(t){let n;return{c(){n=u("Related Objects")},l(t){n=w(t,"Related Objects")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Kt(t){let n;return{c(){n=u("The following objects are available as named exports in 'attractions/dropdown'.")},l(t){n=w(t,"The following objects are available as named exports in 'attractions/dropdown'.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Jt(t){let n;return{c(){n=u("Dropdown alignment along the horizontal axis.")},l(t){n=w(t,"Dropdown alignment along the horizontal axis.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Qt(t){let n;return{c(){n=u("Field")},l(t){n=w(t,"Field")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Wt(t){let n;return{c(){n=u("Description")},l(t){n=w(t,"Description")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Xt(t){let n,e,s,r;return n=new V({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),s=new V({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),r=!0},p(t,e){const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),s.$set($)},i(t){r||(p(n.$$.fragment,t),p(s.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(s,t)}}}function Zt(t){let n,e,s;return{c(){n=d("strong"),e=d("code"),s=u("AUTO_START")},l(t){n=x(t,"STRONG",{});var a=h(n);e=x(a,"CODE",{});var $=h(e);s=w($,"AUTO_START"),$.forEach(k),a.forEach(k)},m(t,a){v(t,n,a),E(n,e),E(e,s)},p:D,d(t){t&&k(n)}}}function tn(t){let n;return{c(){n=u("Align the dropdown based on available space around, preferably, at text start (left edge for LTR languages).")},l(t){n=w(t,"Align the dropdown based on available space around, preferably, at text start (left edge for LTR languages).")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function nn(t){let n,e,s,r;return n=new L({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[tn]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),r=!0},p(t,e){const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),s.$set($)},i(t){r||(p(n.$$.fragment,t),p(s.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(s,t)}}}function en(t){let n,e,s;return{c(){n=d("strong"),e=d("code"),s=u("AUTO_END")},l(t){n=x(t,"STRONG",{});var a=h(n);e=x(a,"CODE",{});var $=h(e);s=w($,"AUTO_END"),$.forEach(k),a.forEach(k)},m(t,a){v(t,n,a),E(n,e),E(e,s)},p:D,d(t){t&&k(n)}}}function sn(t){let n;return{c(){n=u("Align dropdown based on available space around, preferably, at text end (right edge for LTR languages).")},l(t){n=w(t,"Align dropdown based on available space around, preferably, at text end (right edge for LTR languages).")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function an(t){let n,e,s,r;return n=new L({props:{$$slots:{default:[en]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[sn]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),r=!0},p(t,e){const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),s.$set($)},i(t){r||(p(n.$$.fragment,t),p(s.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(s,t)}}}function $n(t){let n,e,s;return{c(){n=d("strong"),e=d("code"),s=u("START")},l(t){n=x(t,"STRONG",{});var a=h(n);e=x(a,"CODE",{});var $=h(e);s=w($,"START"),$.forEach(k),a.forEach(k)},m(t,a){v(t,n,a),E(n,e),E(e,s)},p:D,d(t){t&&k(n)}}}function on(t){let n;return{c(){n=u("Align content start")},l(t){n=w(t,"Align content start")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function rn(t){let n,e,s,r;return n=new L({props:{$$slots:{default:[$n]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[on]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),r=!0},p(t,e){const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),s.$set($)},i(t){r||(p(n.$$.fragment,t),p(s.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(s,t)}}}function cn(t){let n,e,s;return{c(){n=d("strong"),e=d("code"),s=u("END")},l(t){n=x(t,"STRONG",{});var a=h(n);e=x(a,"CODE",{});var $=h(e);s=w($,"END"),$.forEach(k),a.forEach(k)},m(t,a){v(t,n,a),E(n,e),E(e,s)},p:D,d(t){t&&k(n)}}}function pn(t){let n;return{c(){n=u("Align content end.")},l(t){n=w(t,"Align content end.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function ln(t){let n,e,s,r;return n=new L({props:{$$slots:{default:[cn]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[pn]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),r=!0},p(t,e){const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),s.$set($)},i(t){r||(p(n.$$.fragment,t),p(s.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(s,t)}}}function fn(t){let n,e,s,r,c,m,u,w,y,D,O,T;return e=new z({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),c=new z({props:{$$slots:{default:[nn]},$$scope:{ctx:t}}}),u=new z({props:{$$slots:{default:[an]},$$scope:{ctx:t}}}),y=new z({props:{$$slots:{default:[rn]},$$scope:{ctx:t}}}),O=new z({props:{$$slots:{default:[ln]},$$scope:{ctx:t}}}),{c(){n=d("thead"),a(e.$$.fragment),s=g(),r=d("tbody"),a(c.$$.fragment),m=g(),a(u.$$.fragment),w=g(),a(y.$$.fragment),D=g(),a(O.$$.fragment)},l(t){n=x(t,"THEAD",{});var a=h(n);$(e.$$.fragment,a),a.forEach(k),s=i(t),r=x(t,"TBODY",{});var o=h(r);$(c.$$.fragment,o),m=i(o),$(u.$$.fragment,o),w=i(o),$(y.$$.fragment,o),D=i(o),$(O.$$.fragment,o),o.forEach(k)},m(t,a){v(t,n,a),o(e,n,null),v(t,s,a),v(t,r,a),o(c,r,null),E(r,m),o(u,r,null),E(r,w),o(y,r,null),E(r,D),o(O,r,null),T=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),c.$set(a);const $={};4&n&&($.$$scope={dirty:n,ctx:t}),u.$set($);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),y.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),O.$set(r)},i(t){T||(p(e.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(y.$$.fragment,t),p(O.$$.fragment,t),T=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),l(y.$$.fragment,t),l(O.$$.fragment,t),T=!1},d(t){t&&k(n),f(e),t&&k(s),t&&k(r),f(c),f(u),f(y),f(O)}}}function mn(t){let n;return{c(){n=u("Dropdown alignment along the vertical axis.")},l(t){n=w(t,"Dropdown alignment along the vertical axis.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function gn(t){let n;return{c(){n=u("Field")},l(t){n=w(t,"Field")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function dn(t){let n;return{c(){n=u("Description")},l(t){n=w(t,"Description")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function un(t){let n,e,s,r;return n=new V({props:{$$slots:{default:[gn]},$$scope:{ctx:t}}}),s=new V({props:{$$slots:{default:[dn]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),r=!0},p(t,e){const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),s.$set($)},i(t){r||(p(n.$$.fragment,t),p(s.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(s,t)}}}function xn(t){let n,e,s;return{c(){n=d("strong"),e=d("code"),s=u("AUTO_BOTTOM")},l(t){n=x(t,"STRONG",{});var a=h(n);e=x(a,"CODE",{});var $=h(e);s=w($,"AUTO_BOTTOM"),$.forEach(k),a.forEach(k)},m(t,a){v(t,n,a),E(n,e),E(e,s)},p:D,d(t){t&&k(n)}}}function hn(t){let n;return{c(){n=u("Align content based on available space, preferable bottom.")},l(t){n=w(t,"Align content based on available space, preferable bottom.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function wn(t){let n,e,s,r;return n=new L({props:{$$slots:{default:[xn]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[hn]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),r=!0},p(t,e){const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),s.$set($)},i(t){r||(p(n.$$.fragment,t),p(s.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(s,t)}}}function kn(t){let n,e,s;return{c(){n=d("strong"),e=d("code"),s=u("AUTO_TOP")},l(t){n=x(t,"STRONG",{});var a=h(n);e=x(a,"CODE",{});var $=h(e);s=w($,"AUTO_TOP"),$.forEach(k),a.forEach(k)},m(t,a){v(t,n,a),E(n,e),E(e,s)},p:D,d(t){t&&k(n)}}}function vn(t){let n;return{c(){n=u("Align content based on available space, preferable top.")},l(t){n=w(t,"Align content based on available space, preferable top.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function En(t){let n,e,s,r;return n=new L({props:{$$slots:{default:[kn]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[vn]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),r=!0},p(t,e){const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),s.$set($)},i(t){r||(p(n.$$.fragment,t),p(s.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(s,t)}}}function yn(t){let n,e,s;return{c(){n=d("strong"),e=d("code"),s=u("BOTTOM")},l(t){n=x(t,"STRONG",{});var a=h(n);e=x(a,"CODE",{});var $=h(e);s=w($,"BOTTOM"),$.forEach(k),a.forEach(k)},m(t,a){v(t,n,a),E(n,e),E(e,s)},p:D,d(t){t&&k(n)}}}function Dn(t){let n;return{c(){n=u("Align content bottom.")},l(t){n=w(t,"Align content bottom.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function On(t){let n,e,s,r;return n=new L({props:{$$slots:{default:[yn]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[Dn]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),r=!0},p(t,e){const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),s.$set($)},i(t){r||(p(n.$$.fragment,t),p(s.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(s,t)}}}function Tn(t){let n,e,s;return{c(){n=d("strong"),e=d("code"),s=u("TOP")},l(t){n=x(t,"STRONG",{});var a=h(n);e=x(a,"CODE",{});var $=h(e);s=w($,"TOP"),$.forEach(k),a.forEach(k)},m(t,a){v(t,n,a),E(n,e),E(e,s)},p:D,d(t){t&&k(n)}}}function bn(t){let n;return{c(){n=u("Align content top.")},l(t){n=w(t,"Align content top.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function An(t){let n,e,s,r;return n=new L({props:{$$slots:{default:[Tn]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[bn]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),r=!0},p(t,e){const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),s.$set($)},i(t){r||(p(n.$$.fragment,t),p(s.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(s,t)}}}function Cn(t){let n,e,s,r,c,m,u,w,y,D,O,T;return e=new z({props:{$$slots:{default:[un]},$$scope:{ctx:t}}}),c=new z({props:{$$slots:{default:[wn]},$$scope:{ctx:t}}}),u=new z({props:{$$slots:{default:[En]},$$scope:{ctx:t}}}),y=new z({props:{$$slots:{default:[On]},$$scope:{ctx:t}}}),O=new z({props:{$$slots:{default:[An]},$$scope:{ctx:t}}}),{c(){n=d("thead"),a(e.$$.fragment),s=g(),r=d("tbody"),a(c.$$.fragment),m=g(),a(u.$$.fragment),w=g(),a(y.$$.fragment),D=g(),a(O.$$.fragment)},l(t){n=x(t,"THEAD",{});var a=h(n);$(e.$$.fragment,a),a.forEach(k),s=i(t),r=x(t,"TBODY",{});var o=h(r);$(c.$$.fragment,o),m=i(o),$(u.$$.fragment,o),w=i(o),$(y.$$.fragment,o),D=i(o),$(O.$$.fragment,o),o.forEach(k)},m(t,a){v(t,n,a),o(e,n,null),v(t,s,a),v(t,r,a),o(c,r,null),E(r,m),o(u,r,null),E(r,w),o(y,r,null),E(r,D),o(O,r,null),T=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),c.$set(a);const $={};4&n&&($.$$scope={dirty:n,ctx:t}),u.$set($);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),y.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),O.$set(r)},i(t){T||(p(e.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(y.$$.fragment,t),p(O.$$.fragment,t),T=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),l(y.$$.fragment,t),l(O.$$.fragment,t),T=!1},d(t){t&&k(n),f(e),t&&k(s),t&&k(r),f(c),f(u),f(y),f(O)}}}function Sn(t){let n;return{c(){n=u("SCSS Variables")},l(t){n=w(t,"SCSS Variables")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Rn(t){let n;return{c(){n=u("Name")},l(t){n=w(t,"Name")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Nn(t){let n;return{c(){n=u("Description")},l(t){n=w(t,"Description")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function jn(t){let n;return{c(){n=u("Default")},l(t){n=w(t,"Default")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Gn(t){let n,e,s,r,c,m;return n=new V({props:{$$slots:{default:[Rn]},$$scope:{ctx:t}}}),s=new V({props:{$$slots:{default:[Nn]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[jn]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment),r=g(),a(c.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t),r=i(t),$(c.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),v(t,r,a),o(c,t,a),m=!0},p(t,e){const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),s.$set($);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(n,t),t&&k(e),f(s,t),t&&k(r),f(c,t)}}}function Bn(t){let n,e,s;return{c(){n=d("strong"),e=d("code"),s=u("$background")},l(t){n=x(t,"STRONG",{});var a=h(n);e=x(a,"CODE",{});var $=h(e);s=w($,"$background"),$.forEach(k),a.forEach(k)},m(t,a){v(t,n,a),E(n,e),E(e,s)},p:D,d(t){t&&k(n)}}}function Pn(t){let n;return{c(){n=u("The background color of the dropdown content")},l(t){n=w(t,"The background color of the dropdown content")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Hn(t){let n,e;return n=new G({props:{value:"#FFFFFF",bordered:!0}}),{c(){a(n.$$.fragment)},l(t){$(n.$$.fragment,t)},m(t,s){o(n,t,s),e=!0},p:D,i(t){e||(p(n.$$.fragment,t),e=!0)},o(t){l(n.$$.fragment,t),e=!1},d(t){f(n,t)}}}function In(t){let n,e,s,r,c,m;return n=new L({props:{$$slots:{default:[Bn]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[Pn]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Hn]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment),r=g(),a(c.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t),r=i(t),$(c.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),v(t,r,a),o(c,t,a),m=!0},p(t,e){const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),s.$set($);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(n,t),t&&k(e),f(s,t),t&&k(r),f(c,t)}}}function Fn(t){let n,e,s;return{c(){n=d("strong"),e=d("code"),s=u("$shadow-raised")},l(t){n=x(t,"STRONG",{});var a=h(n);e=x(a,"CODE",{});var $=h(e);s=w($,"$shadow-raised"),$.forEach(k),a.forEach(k)},m(t,a){v(t,n,a),E(n,e),E(e,s)},p:D,d(t){t&&k(n)}}}function zn(t){let n;return{c(){n=u("The shadow of the dropdown.")},l(t){n=w(t,"The shadow of the dropdown.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Vn(t){let n,e;return n=new B({props:{value:Zn}}),{c(){a(n.$$.fragment)},l(t){$(n.$$.fragment,t)},m(t,s){o(n,t,s),e=!0},p:D,i(t){e||(p(n.$$.fragment,t),e=!0)},o(t){l(n.$$.fragment,t),e=!1},d(t){f(n,t)}}}function Ln(t){let n,e,s,r,c,m;return n=new L({props:{$$slots:{default:[Fn]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[zn]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Vn]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment),r=g(),a(c.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t),r=i(t),$(c.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),v(t,r,a),o(c,t,a),m=!0},p(t,e){const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),s.$set($);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(n,t),t&&k(e),f(s,t),t&&k(r),f(c,t)}}}function Un(t){let n,e,s;return{c(){n=d("strong"),e=d("code"),s=u("$card-radius")},l(t){n=x(t,"STRONG",{});var a=h(n);e=x(a,"CODE",{});var $=h(e);s=w($,"$card-radius"),$.forEach(k),a.forEach(k)},m(t,a){v(t,n,a),E(n,e),E(e,s)},p:D,d(t){t&&k(n)}}}function _n(t){let n;return{c(){n=u("The curvature radius of the dropdown.")},l(t){n=w(t,"The curvature radius of the dropdown.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Mn(t){let n,e;return{c(){n=d("code"),e=u("1.25em")},l(t){n=x(t,"CODE",{});var s=h(n);e=w(s,"1.25em"),s.forEach(k)},m(t,s){v(t,n,s),E(n,e)},p:D,d(t){t&&k(n)}}}function Yn(t){let n,e,s,r,c,m;return n=new L({props:{$$slots:{default:[Un]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[_n]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Mn]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment),r=g(),a(c.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t),r=i(t),$(c.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),v(t,r,a),o(c,t,a),m=!0},p(t,e){const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),s.$set($);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(n,t),t&&k(e),f(s,t),t&&k(r),f(c,t)}}}function qn(t){let n,e,s,r,c,m,u,w,y,D;return e=new z({props:{$$slots:{default:[Gn]},$$scope:{ctx:t}}}),c=new z({props:{$$slots:{default:[In]},$$scope:{ctx:t}}}),u=new z({props:{$$slots:{default:[Ln]},$$scope:{ctx:t}}}),y=new z({props:{$$slots:{default:[Yn]},$$scope:{ctx:t}}}),{c(){n=d("thead"),a(e.$$.fragment),s=g(),r=d("tbody"),a(c.$$.fragment),m=g(),a(u.$$.fragment),w=g(),a(y.$$.fragment)},l(t){n=x(t,"THEAD",{});var a=h(n);$(e.$$.fragment,a),a.forEach(k),s=i(t),r=x(t,"TBODY",{});var o=h(r);$(c.$$.fragment,o),m=i(o),$(u.$$.fragment,o),w=i(o),$(y.$$.fragment,o),o.forEach(k)},m(t,a){v(t,n,a),o(e,n,null),v(t,s,a),v(t,r,a),o(c,r,null),E(r,m),o(u,r,null),E(r,w),o(y,r,null),D=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),c.$set(a);const $={};4&n&&($.$$scope={dirty:n,ctx:t}),u.$set($);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),y.$set(o)},i(t){D||(p(e.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(y.$$.fragment,t),D=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),l(y.$$.fragment,t),D=!1},d(t){t&&k(n),f(e),t&&k(s),t&&k(r),f(c),f(u),f(y)}}}function Kn(t){let n,e,s,r,c,m,y,D,O,T,C,S,R,N,G,B,z,V,L,M,Y,q,K,J,Q,W,X,Z,at,$t,ot,rt,ct,pt,lt,ft,mt,gt,dt,ut,it,xt,ht,wt,kt,vt,Et,yt,Dt,Ot;return n=new b({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),s=new A({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),c=new P({props:{components:Xn}}),y=new j({props:{$$slots:{source:[nt],showcase:[tt]},$$scope:{ctx:t}}}),O=new H({props:{id:"properties",$$slots:{default:[et]},$$scope:{ctx:t}}}),C=new I({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),R=new F({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),G=new I({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),z=new A({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),L=new A({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),Y=new F({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),K=new H({props:{id:"slots",$$slots:{default:[_t]},$$scope:{ctx:t}}}),Q=new I({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),X=new A({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),at=new I({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),ot=new A({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),ft=new A({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),gt=new F({props:{$$slots:{default:[fn]},$$scope:{ctx:t}}}),ht=new A({props:{$$slots:{default:[mn]},$$scope:{ctx:t}}}),kt=new F({props:{$$slots:{default:[Cn]},$$scope:{ctx:t}}}),Et=new H({props:{id:"scss-variables",$$slots:{default:[Sn]},$$scope:{ctx:t}}}),Dt=new F({props:{$$slots:{default:[qn]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=g(),a(s.$$.fragment),r=g(),a(c.$$.fragment),m=g(),a(y.$$.fragment),D=g(),a(O.$$.fragment),T=g(),a(C.$$.fragment),S=g(),a(R.$$.fragment),N=g(),a(G.$$.fragment),B=g(),a(z.$$.fragment),V=g(),a(L.$$.fragment),M=g(),a(Y.$$.fragment),q=g(),a(K.$$.fragment),J=g(),a(Q.$$.fragment),W=g(),a(X.$$.fragment),Z=g(),a(at.$$.fragment),$t=g(),a(ot.$$.fragment),rt=g(),ct=d("h4"),pt=u("HorizontalAlignment"),lt=g(),a(ft.$$.fragment),mt=g(),a(gt.$$.fragment),dt=g(),ut=d("h4"),it=u("VerticalAlignment"),xt=g(),a(ht.$$.fragment),wt=g(),a(kt.$$.fragment),vt=g(),a(Et.$$.fragment),yt=g(),a(Dt.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(s.$$.fragment,t),r=i(t),$(c.$$.fragment,t),m=i(t),$(y.$$.fragment,t),D=i(t),$(O.$$.fragment,t),T=i(t),$(C.$$.fragment,t),S=i(t),$(R.$$.fragment,t),N=i(t),$(G.$$.fragment,t),B=i(t),$(z.$$.fragment,t),V=i(t),$(L.$$.fragment,t),M=i(t),$(Y.$$.fragment,t),q=i(t),$(K.$$.fragment,t),J=i(t),$(Q.$$.fragment,t),W=i(t),$(X.$$.fragment,t),Z=i(t),$(at.$$.fragment,t),$t=i(t),$(ot.$$.fragment,t),rt=i(t),ct=x(t,"H4",{});var a=h(ct);pt=w(a,"HorizontalAlignment"),a.forEach(k),lt=i(t),$(ft.$$.fragment,t),mt=i(t),$(gt.$$.fragment,t),dt=i(t),ut=x(t,"H4",{});var o=h(ut);it=w(o,"VerticalAlignment"),o.forEach(k),xt=i(t),$(ht.$$.fragment,t),wt=i(t),$(kt.$$.fragment,t),vt=i(t),$(Et.$$.fragment,t),yt=i(t),$(Dt.$$.fragment,t)},m(t,a){o(n,t,a),v(t,e,a),o(s,t,a),v(t,r,a),o(c,t,a),v(t,m,a),o(y,t,a),v(t,D,a),o(O,t,a),v(t,T,a),o(C,t,a),v(t,S,a),o(R,t,a),v(t,N,a),o(G,t,a),v(t,B,a),o(z,t,a),v(t,V,a),o(L,t,a),v(t,M,a),o(Y,t,a),v(t,q,a),o(K,t,a),v(t,J,a),o(Q,t,a),v(t,W,a),o(X,t,a),v(t,Z,a),o(at,t,a),v(t,$t,a),o(ot,t,a),v(t,rt,a),v(t,ct,a),E(ct,pt),v(t,lt,a),o(ft,t,a),v(t,mt,a),o(gt,t,a),v(t,dt,a),v(t,ut,a),E(ut,it),v(t,xt,a),o(ht,t,a),v(t,wt,a),o(kt,t,a),v(t,vt,a),o(Et,t,a),v(t,yt,a),o(Dt,t,a),Ot=!0},p(t,e){const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),s.$set($);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),y.$set(o);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),O.$set(r);const c={};4&e&&(c.$$scope={dirty:e,ctx:t}),C.$set(c);const p={};4&e&&(p.$$scope={dirty:e,ctx:t}),R.$set(p);const l={};4&e&&(l.$$scope={dirty:e,ctx:t}),G.$set(l);const f={};4&e&&(f.$$scope={dirty:e,ctx:t}),z.$set(f);const m={};4&e&&(m.$$scope={dirty:e,ctx:t}),L.$set(m);const g={};4&e&&(g.$$scope={dirty:e,ctx:t}),Y.$set(g);const d={};4&e&&(d.$$scope={dirty:e,ctx:t}),K.$set(d);const u={};4&e&&(u.$$scope={dirty:e,ctx:t}),Q.$set(u);const i={};4&e&&(i.$$scope={dirty:e,ctx:t}),X.$set(i);const x={};4&e&&(x.$$scope={dirty:e,ctx:t}),at.$set(x);const h={};4&e&&(h.$$scope={dirty:e,ctx:t}),ot.$set(h);const w={};4&e&&(w.$$scope={dirty:e,ctx:t}),ft.$set(w);const k={};4&e&&(k.$$scope={dirty:e,ctx:t}),gt.$set(k);const v={};4&e&&(v.$$scope={dirty:e,ctx:t}),ht.$set(v);const E={};4&e&&(E.$$scope={dirty:e,ctx:t}),kt.$set(E);const D={};4&e&&(D.$$scope={dirty:e,ctx:t}),Et.$set(D);const T={};4&e&&(T.$$scope={dirty:e,ctx:t}),Dt.$set(T)},i(t){Ot||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(y.$$.fragment,t),p(O.$$.fragment,t),p(C.$$.fragment,t),p(R.$$.fragment,t),p(G.$$.fragment,t),p(z.$$.fragment,t),p(L.$$.fragment,t),p(Y.$$.fragment,t),p(K.$$.fragment,t),p(Q.$$.fragment,t),p(X.$$.fragment,t),p(at.$$.fragment,t),p(ot.$$.fragment,t),p(ft.$$.fragment,t),p(gt.$$.fragment,t),p(ht.$$.fragment,t),p(kt.$$.fragment,t),p(Et.$$.fragment,t),p(Dt.$$.fragment,t),Ot=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(y.$$.fragment,t),l(O.$$.fragment,t),l(C.$$.fragment,t),l(R.$$.fragment,t),l(G.$$.fragment,t),l(z.$$.fragment,t),l(L.$$.fragment,t),l(Y.$$.fragment,t),l(K.$$.fragment,t),l(Q.$$.fragment,t),l(X.$$.fragment,t),l(at.$$.fragment,t),l(ot.$$.fragment,t),l(ft.$$.fragment,t),l(gt.$$.fragment,t),l(ht.$$.fragment,t),l(kt.$$.fragment,t),l(Et.$$.fragment,t),l(Dt.$$.fragment,t),Ot=!1},d(t){f(n,t),t&&k(e),f(s,t),t&&k(r),f(c,t),t&&k(m),f(y,t),t&&k(D),f(O,t),t&&k(T),f(C,t),t&&k(S),f(R,t),t&&k(N),f(G,t),t&&k(B),f(z,t),t&&k(V),f(L,t),t&&k(M),f(Y,t),t&&k(q),f(K,t),t&&k(J),f(Q,t),t&&k(W),f(X,t),t&&k(Z),f(at,t),t&&k($t),f(ot,t),t&&k(rt),t&&k(ct),t&&k(lt),f(ft,t),t&&k(mt),f(gt,t),t&&k(dt),t&&k(ut),t&&k(xt),f(ht,t),t&&k(wt),f(kt,t),t&&k(vt),f(Et,t),t&&k(yt),f(Dt,t)}}}function Jn(t){let n,e;const m=[t[0],Qn];let g={$$slots:{default:[Kn]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)g=s(g,m[t]);return n=new T({props:g}),{c(){a(n.$$.fragment)},l(t){$(n.$$.fragment,t)},m(t,s){o(n,t,s),e=!0},p(t,[e]){const s=1&e?r(m,[1&e&&c(t[0]),0&e&&c(Qn)]):{};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s)},i(t){e||(p(n.$$.fragment,t),e=!0)},o(t){l(n.$$.fragment,t),e=!1},d(t){f(n,t)}}}const Qn={name:"Dropdown",relatedComponents:[{name:"DropdownShell",link:"./docs/components/dropdown-shell"}],shadowRaised:"0 2px 4px -1px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);"},{name:Wn,relatedComponents:Xn,shadowRaised:Zn}=Qn;function te(t,n,e){return t.$$set=t=>{e(0,n=s(s({},n),m(t)))},[n=m(n)]}class ne extends t{constructor(t){super(),n(this,t,te,Jn,e,{})}}export{ne as default,Qn as metadata};
diff --git a/376/client/file-dropzone-d14af357.css b/376/client/file-dropzone-d14af357.css
new file mode 100644
index 000000000..e61ac5fed
--- /dev/null
+++ b/376/client/file-dropzone-d14af357.css
@@ -0,0 +1 @@
+.file-dropzone.svelte-1pbt5fi.svelte-1pbt5fi.svelte-1pbt5fi{border:0.125em dashed currentColor;border-radius:1.5625em;color:#4300b0;display:block;margin:2em 0 0.5em;position:relative}.file-dropzone.svelte-1pbt5fi.svelte-1pbt5fi.svelte-1pbt5fi:focus-within{border-color:rgba(67, 0, 176, 0.5);border-style:solid}.file-dropzone.disabled.svelte-1pbt5fi.svelte-1pbt5fi.svelte-1pbt5fi{color:#888}.file-dropzone.svelte-1pbt5fi input.svelte-1pbt5fi.svelte-1pbt5fi{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.file-dropzone.svelte-1pbt5fi .icon{stroke:currentColor}.file-dropzone.svelte-1pbt5fi .empty-layer.svelte-1pbt5fi.svelte-1pbt5fi{align-items:center;display:flex;padding:2em 1em;z-index:1}.file-dropzone.svelte-1pbt5fi .empty-layer .title.svelte-1pbt5fi.svelte-1pbt5fi{color:currentColor;flex:1;font-weight:500;margin-left:0.5em;text-align:center}.file-dropzone.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi.svelte-1pbt5fi{align-items:center;border-radius:1.5625em;cursor:pointer;display:flex;height:100%;justify-content:flex-end;left:0;position:absolute;top:0;width:100%;z-index:2}.file-dropzone.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi.svelte-1pbt5fi:hover{background:rgba(67, 0, 176, 0.025)}.file-dropzone.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi .ripple{background:rgba(67, 0, 176, 0.1)}.file-dropzone.svelte-1pbt5fi .dropzone-layer.accepting.svelte-1pbt5fi.svelte-1pbt5fi{background:rgba(67, 0, 176, 0.05)}.file-dropzone.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi svg{margin-right:1em;opacity:0;pointer-events:none;stroke:currentColor;transition:transform 150ms}.file-dropzone.svelte-1pbt5fi input.svelte-1pbt5fi:focus~.dropzone-layer.svelte-1pbt5fi{background:rgba(67, 0, 176, 0.05)}.file-dropzone.disabled.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi.svelte-1pbt5fi{background:none;cursor:not-allowed}.file-dropzone.has-content.svelte-1pbt5fi.svelte-1pbt5fi.svelte-1pbt5fi{display:grid;gap:0.5em;grid-template-columns:repeat(auto-fill, 12em);padding:1em}.file-dropzone.has-content.svelte-1pbt5fi .empty-layer.svelte-1pbt5fi.svelte-1pbt5fi{display:none}.file-dropzone.has-content.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi svg{opacity:1}.file-dropzone.wrong-type.svelte-1pbt5fi.svelte-1pbt5fi.svelte-1pbt5fi{color:#b80000}.file-dropzone.wrong-type.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi.svelte-1pbt5fi:hover{background:rgba(184, 0, 0, 0.025)}.file-dropzone.wrong-type.svelte-1pbt5fi .dropzone-layer.accepting.svelte-1pbt5fi.svelte-1pbt5fi{background:rgba(184, 0, 0, 0.05)}.file-dropzone.wrong-type.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi .ripple{background:rgba(184, 0, 0, 0.1)}.file-dropzone.wrong-type.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi svg.plus{transform:rotate(45deg)}
diff --git a/376/client/file-dropzone-e3e07ae7.css b/376/client/file-dropzone-e3e07ae7.css
new file mode 100644
index 000000000..419ac573f
--- /dev/null
+++ b/376/client/file-dropzone-e3e07ae7.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-137a0ii p.svelte-137a0ii{margin:2em 0 0}[slot=showcase].svelte-137a0ii .file-dropzone{margin-top:1em}@media only screen and (min-width: 340px){[slot=showcase].svelte-137a0ii.svelte-137a0ii{min-width:17em}}
diff --git a/376/client/file-dropzone.a1829fd2.js b/376/client/file-dropzone.a1829fd2.js
new file mode 100644
index 000000000..63c0e4d06
--- /dev/null
+++ b/376/client/file-dropzone.a1829fd2.js
@@ -0,0 +1 @@
+import{S as e,i as t,s,a as l,c as n,b as a,d as r,e as o,f as i,g as c,n as f,K as u,M as p,h,u as d,k as m,w as g,N as $,O as v,X as w,o as y,ad as b,ae as x,P as k,U as C,Q as E,R as j,T as L,t as T,y as B,p as I,z as W,V as z,Z as A,W as D,I as V,J as M,L as N,j as P,l as F,m as U,q,r as H,H as J,_ as K,Y as O,v as Q,x as R}from"./client.0d36a0cf.js";import{c as S}from"./classes.2453fa25.js";import{F as X}from"./file-tile.85e2cf4a.js";import{r as Y}from"./button.743a388a.js";function Z(e){let t,s,u;return{c(){t=l("svg"),s=l("path"),this.h()},l(e){t=n(e,"svg",{xmlns:!0,width:!0,height:!0,viewBox:!0,fill:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var l=a(t);s=n(l,"path",{d:!0}),a(s).forEach(r),l.forEach(r),this.h()},h(){o(s,"d","M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"),o(t,"xmlns","http://www.w3.org/2000/svg"),o(t,"width","24"),o(t,"height","24"),o(t,"viewBox","0 0 24 24"),o(t,"fill","none"),o(t,"stroke","currentColor"),o(t,"stroke-width","2"),o(t,"stroke-linecap","round"),o(t,"stroke-linejoin","round"),o(t,"class",u=S(e[0]))},m(e,l){i(e,t,l),c(t,s)},p(e,[s]){1&s&&u!==(u=S(e[0]))&&o(t,"class",u)},i:f,o:f,d(e){e&&r(t)}}}function _(e,t,s){let{class:l=null}=t;return e.$$set=e=>{"class"in e&&s(0,l=e.class)},[l]}var G=class extends e{constructor(e){super(),t(this,e,_,Z,s,{class:0})}};function ee(e){let t,s,u,p;return{c(){t=l("svg"),s=l("line"),u=l("line"),this.h()},l(e){t=n(e,"svg",{xmlns:!0,width:!0,height:!0,viewBox:!0,fill:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var l=a(t);s=n(l,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),a(s).forEach(r),u=n(l,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),a(u).forEach(r),l.forEach(r),this.h()},h(){o(s,"x1","12"),o(s,"y1","5"),o(s,"x2","12"),o(s,"y2","19"),o(u,"x1","5"),o(u,"y1","12"),o(u,"x2","19"),o(u,"y2","12"),o(t,"xmlns","http://www.w3.org/2000/svg"),o(t,"width","24"),o(t,"height","24"),o(t,"viewBox","0 0 24 24"),o(t,"fill","none"),o(t,"stroke","currentColor"),o(t,"stroke-width","2"),o(t,"stroke-linecap","round"),o(t,"stroke-linejoin","round"),o(t,"class",p=S(e[0]))},m(e,l){i(e,t,l),c(t,s),c(t,u)},p(e,[s]){1&s&&p!==(p=S(e[0]))&&o(t,"class",p)},i:f,o:f,d(e){e&&r(t)}}}function te(e,t,s){let{class:l=null}=t;return e.$$set=e=>{"class"in e&&s(0,l=e.class)},[l]}var se=class extends e{constructor(e){super(),t(this,e,te,ee,s,{class:0})}};function le(e,t){if(null==e)return!0;return e.split(",").map((e=>e.trim().toLowerCase())).some((e=>function(e,t){if(e.startsWith("."))return t.name.toLowerCase().endsWith(e);return function(e,t){if("*"===e||"*/*"===e)return!0;const s=e.split("*");if(1===s.length)return e===t;if(2!==s.length)return!1;return t.startsWith(s[0])&&t.endsWith(s[1])}(e.toLowerCase(),(t.type||"").toLowerCase())}(e,t)))}function ne(e,t,s){const l=e.slice();return l[25]=t[s],l}const ae=e=>({}),re=e=>({}),oe=e=>({}),ie=e=>({}),ce=e=>({}),fe=e=>({}),ue=e=>({}),pe=e=>({}),he=e=>({}),de=e=>({}),me=e=>({wrongType:128&e,dragActive:64&e}),ge=e=>({wrongType:e[7],dragActive:e[6]});function $e(e){let t;const s=e[18]["drag-and-drop-message"],l=p(s,e,e[17],ie),n=l||function(e){let t;return{c(){t=Q("drag & drop here or click to upload files")},l(e){t=R(e,"drag & drop here or click to upload files")},m(e,s){i(e,t,s)},d(e){e&&r(t)}}}();return{c(){n&&n.c()},l(e){n&&n.l(e)},m(e,s){n&&n.m(e,s),t=!0},p(e,n){l&&l.p&&(!t||131072&n)&&E(l,s,e,e[17],t?L(s,e[17],n,oe):j(e[17]),ie)},i(e){t||(T(n,e),t=!0)},o(e){I(n,e),t=!1},d(e){n&&n.d(e)}}}function ve(e){let t;const s=e[18]["release-to-upload-message"],l=p(s,e,e[17],fe),n=l||function(e){let t;return{c(){t=Q("release to upload")},l(e){t=R(e,"release to upload")},m(e,s){i(e,t,s)},d(e){e&&r(t)}}}();return{c(){n&&n.c()},l(e){n&&n.l(e)},m(e,s){n&&n.m(e,s),t=!0},p(e,n){l&&l.p&&(!t||131072&n)&&E(l,s,e,e[17],t?L(s,e[17],n,ce):j(e[17]),fe)},i(e){t||(T(n,e),t=!0)},o(e){I(n,e),t=!1},d(e){n&&n.d(e)}}}function we(e){let t;const s=e[18]["incorrect-file-message"],l=p(s,e,e[17],pe),n=l||function(e){let t;return{c(){t=Q("incorrect file type")},l(e){t=R(e,"incorrect file type")},m(e,s){i(e,t,s)},d(e){e&&r(t)}}}();return{c(){n&&n.c()},l(e){n&&n.l(e)},m(e,s){n&&n.m(e,s),t=!0},p(e,n){l&&l.p&&(!t||131072&n)&&E(l,s,e,e[17],t?L(s,e[17],n,ue):j(e[17]),pe)},i(e){t||(T(n,e),t=!0)},o(e){I(n,e),t=!1},d(e){n&&n.d(e)}}}function ye(e){let t;const s=e[18]["upload-unavailable-message"],l=p(s,e,e[17],de),n=l||function(e){let t;return{c(){t=Q("file upload unavailable")},l(e){t=R(e,"file upload unavailable")},m(e,s){i(e,t,s)},d(e){e&&r(t)}}}();return{c(){n&&n.c()},l(e){n&&n.l(e)},m(e,s){n&&n.m(e,s),t=!0},p(e,n){l&&l.p&&(!t||131072&n)&&E(l,s,e,e[17],t?L(s,e[17],n,he):j(e[17]),de)},i(e){t||(T(n,e),t=!0)},o(e){I(n,e),t=!1},d(e){n&&n.d(e)}}}function be(e){let t;const s=e[18]["more-icon"],l=p(s,e,e[17],re),n=l||function(e){let t,s;return t=new se({props:{class:"plus"}}),{c(){P(t.$$.fragment)},l(e){F(t.$$.fragment,e)},m(e,l){U(t,e,l),s=!0},p:f,i(e){s||(T(t.$$.fragment,e),s=!0)},o(e){I(t.$$.fragment,e),s=!1},d(e){q(t,e)}}}();return{c(){n&&n.c()},l(e){n&&n.l(e)},m(e,s){n&&n.m(e,s),t=!0},p(e,n){l&&l.p&&(!t||131072&n)&&E(l,s,e,e[17],t?L(s,e[17],n,ae):j(e[17]),re)},i(e){t||(T(n,e),t=!0)},o(e){I(n,e),t=!1},d(e){n&&n.d(e)}}}function xe(e,t){let s,l,n,a;var o=t[2];function c(e){return{props:{file:e[25]}}}return o&&(l=H(o,c(t)),l.$on("delete",t[13])),{key:e,first:null,c(){s=J(),l&&P(l.$$.fragment),n=J(),this.h()},l(e){s=J(),l&&F(l.$$.fragment,e),n=J(),this.h()},h(){this.first=s},m(e,t){i(e,s,t),l&&U(l,e,t),i(e,n,t),a=!0},p(e,s){t=e;const a={};if(1&s&&(a.file=t[25]),4&s&&o!==(o=t[2])){if(l){B();const e=l;I(e.$$.fragment,1,0,(()=>{q(e,1)})),W()}o?(l=H(o,c(t)),l.$on("delete",t[13]),P(l.$$.fragment),T(l.$$.fragment,1),U(l,n.parentNode,n)):l=null}else o&&l.$set(a)},i(e){a||(l&&T(l.$$.fragment,e),a=!0)},o(e){l&&I(l.$$.fragment,e),a=!1},d(e){e&&r(s),e&&r(n),l&&q(l,e)}}}function ke(e){let t,s,l,n,f,V,M,N,H,J,O,Q,R,X=[],Z=new Map,_=[{type:"file"},{multiple:!0},{accept:e[3]},{disabled:l=e[4]||e[0].length>=e[5]},e[15]],ee={};for(let e=0;e<_.length;e+=1)ee=u(ee,_[e]);const te=e[18]["empty-layer"],se=p(te,e,e[17],ge),le=se||function(e){let t,s,l,n,c,f;t=new G({props:{class:"icon"}});const u=[ye,we,ve,$e],p=[];function $(e,t){return e[4]?0:e[7]?1:e[6]?2:3}return n=$(e),c=p[n]=u[n](e),{c(){P(t.$$.fragment),s=d(),l=h("div"),c.c(),this.h()},l(e){F(t.$$.fragment,e),s=g(e),l=m(e,"DIV",{class:!0});var n=a(l);c.l(n),n.forEach(r),this.h()},h(){o(l,"class","title svelte-1pbt5fi")},m(e,a){U(t,e,a),i(e,s,a),i(e,l,a),p[n].m(l,null),f=!0},p(e,t){let s=n;n=$(e),n===s?p[n].p(e,t):(B(),I(p[s],1,1,(()=>{p[s]=null})),W(),c=p[n],c?c.p(e,t):(c=p[n]=u[n](e),c.c()),T(c,1),c.m(l,null))},i(e){f||(T(t.$$.fragment,e),T(c),f=!0)},o(e){I(t.$$.fragment,e),I(c),f=!1},d(e){q(t,e),e&&r(s),e&&r(l),p[n].d()}}}(e);let ae=e[0].length<e[5]&&be(e),re=e[0];const oe=e=>e[25];for(let t=0;t<re.length;t+=1){let s=ne(e,re,t),l=oe(s);Z.set(l,X[t]=xe(l,s))}return{c(){t=h("label"),s=h("input"),n=d(),f=h("div"),le&&le.c(),V=d(),M=h("div"),ae&&ae.c(),H=d();for(let e=0;e<X.length;e+=1)X[e].c();this.h()},l(e){t=m(e,"LABEL",{class:!0});var l=a(t);s=m(l,"INPUT",{type:!0,accept:!0}),n=g(l),f=m(l,"DIV",{class:!0});var o=a(f);le&&le.l(o),o.forEach(r),V=g(l),M=m(l,"DIV",{class:!0});var i=a(M);ae&&ae.l(i),i.forEach(r),H=g(l);for(let e=0;e<X.length;e+=1)X[e].l(l);l.forEach(r),this.h()},h(){$(s,ee),v(s,"svelte-1pbt5fi",!0),o(f,"class","empty-layer svelte-1pbt5fi"),o(M,"class","dropzone-layer svelte-1pbt5fi"),v(M,"accepting",e[6]),o(t,"class",J=w(S("file-dropzone",e[1]))+" svelte-1pbt5fi"),v(t,"has-content",e[0]&&0!==e[0].length),v(t,"wrong-type",e[7]),v(t,"disabled",e[4]||e[0].length>=e[5])},m(l,a){i(l,t,a),c(t,s),s.autofocus&&s.focus(),e[19](s),c(t,n),c(t,f),le&&le.m(f,null),e[20](f),c(t,V),c(t,M),ae&&ae.m(M,null),e[21](M),c(t,H);for(let e=0;e<X.length;e+=1)X[e]&&X[e].m(t,null);O=!0,Q||(R=[y(s,"change",e[12]),y(M,"dragover",b(x(e[11]))),y(M,"dragenter",e[22]),y(M,"dragleave",e[23]),y(M,"drop",b(x(e[12]))),k(N=Y.call(null,M,{disabled:e[4]||e[0].length>=e[5]})),y(t,"click",e[14])],Q=!0)},p(e,[n]){$(s,ee=C(_,[{type:"file"},{multiple:!0},(!O||8&n)&&{accept:e[3]},(!O||49&n&&l!==(l=e[4]||e[0].length>=e[5]))&&{disabled:l},32768&n&&e[15]])),v(s,"svelte-1pbt5fi",!0),se?se.p&&(!O||131264&n)&&E(se,te,e,e[17],O?L(te,e[17],n,me):j(e[17]),ge):le&&le.p&&(!O||131280&n)&&le.p(e,O?n:-1),e[0].length<e[5]?ae?(ae.p(e,n),33&n&&T(ae,1)):(ae=be(e),ae.c(),T(ae,1),ae.m(M,null)):ae&&(B(),I(ae,1,1,(()=>{ae=null})),W()),N&&z(N.update)&&49&n&&N.update.call(null,{disabled:e[4]||e[0].length>=e[5]}),(!O||64&n)&&v(M,"accepting",e[6]),8197&n&&(re=e[0],B(),X=A(X,n,oe,1,e,re,Z,t,K,xe,null,ne),W()),(!O||2&n&&J!==(J=w(S("file-dropzone",e[1]))+" svelte-1pbt5fi"))&&o(t,"class",J),(!O||3&n)&&v(t,"has-content",e[0]&&0!==e[0].length),(!O||130&n)&&v(t,"wrong-type",e[7]),(!O||51&n)&&v(t,"disabled",e[4]||e[0].length>=e[5])},i(e){if(!O){T(le,e),T(ae);for(let e=0;e<re.length;e+=1)T(X[e]);O=!0}},o(e){I(le,e),I(ae);for(let e=0;e<X.length;e+=1)I(X[e]);O=!1},d(s){s&&r(t),e[19](null),le&&le.d(s),e[20](null),ae&&ae.d(),e[21](null);for(let e=0;e<X.length;e+=1)X[e].d();Q=!1,D(R)}}}function Ce(e,t,s){const l=["class","files","fileComponent","accept","beforeChange","disabled","max"];let n,a,r,o=V(t,l),{$$slots:i={},$$scope:c}=t,{class:f=null}=t,{files:p=[]}=t,{fileComponent:h=X}=t,{accept:d=null}=t,{beforeChange:m=null}=t,{disabled:g=!1}=t,{max:$=1/0}=t,v=!1,w=!1;const y=M();return e.$$set=e=>{t=u(u({},t),N(e)),s(15,o=V(t,l)),"class"in e&&s(1,f=e.class),"files"in e&&s(0,p=e.files),"fileComponent"in e&&s(2,h=e.fileComponent),"accept"in e&&s(3,d=e.accept),"beforeChange"in e&&s(16,m=e.beforeChange),"disabled"in e&&s(4,g=e.disabled),"max"in e&&s(5,$=e.max),"$$scope"in e&&s(17,c=e.$$scope)},[p,f,h,d,g,$,v,w,n,a,r,function(e){s(7,w=[...e.dataTransfer.items].some((e=>!le(d,e))))},async function(e){const t=Array.from((e.dataTransfer||e.target).files);await Promise.all(t.map((async e=>{try{"function"==typeof m&&await m(e)}catch(e){return}le(d,e)&&p.length<$&&p.push(e)}))),s(0,p),setTimeout((()=>s(7,w=!1)),1e3),y("change",{files:p,nativeEvent:e}),s(10,r.value="",r),s(6,v=!1)},function({detail:e}){s(0,p=p.filter((t=>t!==e))),y("change",{files:p})},function(e){e.target!=n&&e.target!=a&&e.target!=r&&e.preventDefault()},o,m,c,i,function(e){O[e?"unshift":"push"]((()=>{r=e,s(10,r)}))},function(e){O[e?"unshift":"push"]((()=>{n=e,s(8,n)}))},function(e){O[e?"unshift":"push"]((()=>{a=e,s(9,a)}))},()=>s(6,v=!0),()=>{s(6,v=!1),s(7,w=!1)}]}var Ee=class extends e{constructor(e){super(),t(this,e,Ce,ke,s,{class:1,files:0,fileComponent:2,accept:3,beforeChange:16,disabled:4,max:5})}};export{Ee as F};
diff --git a/376/client/file-dropzone.d4c713a1.js b/376/client/file-dropzone.d4c713a1.js
new file mode 100644
index 000000000..45d4a5828
--- /dev/null
+++ b/376/client/file-dropzone.d4c713a1.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as r,j as n,l as o,m as s,U as a,a0 as c,t as f,p as l,q as p,L as m,u as i,w as d,f as g,d as u,v as h,x,h as E,k as w,n as y,b as v,e as D,g as b}from"./client.0d36a0cf.js";import{L as O,H as T,P as C}from"./layout.b2760304.js";import{F}from"./file-dropzone.a1829fd2.js";import{S as k}from"./showcase.8eb3893d.js";import{C as A}from"./color-preview.278d2729.js";import{S}from"./shadow-preview.f1e703b1.js";import{R as z}from"./related-components.2f822d5e.js";import{H as N}from"./h2.122c8b9f.js";import{H as R}from"./h3.1e03849b.js";import{T as j,a as G,b as L,c as B}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./file-tile.85e2cf4a.js";import"./button.743a388a.js";import"./format-file-size.22bb7c0a.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./popover.156a947e.js";import"./card.72b37821.js";function P(t){let e;return{c(){e=h("FileDropzone")},l(t){e=x(t,"FileDropzone")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function M(t){let e,$,r;return{c(){e=h("A large, prominent area for uploading files either by clicking or by dragging them into the area. "),$=E("br"),r=h(" Allows uploading files in several takes (that is, the value of the input isn't cleared every time a new selection is made).")},l(t){e=x(t,"A large, prominent area for uploading files either by clicking or by dragging them into the area. "),$=w(t,"BR",{}),r=x(t," Allows uploading files in several takes (that is, the value of the input isn't cleared every time a new selection is made).")},m(t,n){g(t,e,n),g(t,$,n),g(t,r,n)},p:y,d(t){t&&u(e),t&&u($),t&&u(r)}}}function I(t){let e,$,r,n,o;return{c(){e=h("For a simpler file input without the built-in representation of the file selection, check out the "),$=E("a"),r=E("code"),n=h("FileInput"),o=h("."),this.h()},l(t){e=x(t,"For a simpler file input without the built-in representation of the file selection, check out the "),$=w(t,"A",{href:!0});var s=v($);r=w(s,"CODE",{});var a=v(r);n=x(a,"FileInput"),a.forEach(u),s.forEach(u),o=x(t,"."),this.h()},h(){D($,"href","./docs/components/file-input")},m(t,s){g(t,e,s),g(t,$,s),b($,r),b(r,n),g(t,o,s)},p:y,d(t){t&&u(e),t&&u($),t&&u(o)}}}function H(t){let e,$,r,a,c,m,O,T;return $=new F({}),O=new F({props:{accept:"image/*",max:3}}),{c(){e=E("div"),n($.$$.fragment),r=i(),a=E("p"),c=h("Only images below (3 max.):"),m=i(),n(O.$$.fragment),this.h()},l(t){e=w(t,"DIV",{slot:!0,class:!0});var n=v(e);o($.$$.fragment,n),r=d(n),a=w(n,"P",{class:!0});var s=v(a);c=x(s,"Only images below (3 max.):"),s.forEach(u),m=d(n),o(O.$$.fragment,n),n.forEach(u),this.h()},h(){D(a,"class","svelte-137a0ii"),D(e,"slot","showcase"),D(e,"class","padded svelte-137a0ii")},m(t,n){g(t,e,n),s($,e,null),b(e,r),b(e,a),b(a,c),b(e,m),s(O,e,null),T=!0},p:y,i(t){T||(f($.$$.fragment,t),f(O.$$.fragment,t),T=!0)},o(t){l($.$$.fragment,t),l(O.$$.fragment,t),T=!1},d(t){t&&u(e),p($),p(O)}}}function U(t){let e,$;return{c(){e=E("div"),$=E("pre"),this.h()},l(t){e=w(t,"DIV",{slot:!0});var r=v(e);$=w(r,"PRE",{class:!0}),v($).forEach(u),r.forEach(u),this.h()},h(){D($,"class","language-svelte"),D(e,"slot","source")},m(t,r){g(t,e,r),b(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FileDropzone</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>Only images below (3 max.):<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FileDropzone</span> <span class="token attr-name">accept</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>image/*<span class="token punctuation">"</span></span> <span class="token attr-name">max=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">3</span><span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span></code>'},p:y,d(t){t&&u(e)}}}function K(t){let e;return{c(){e=h("Properties")},l(t){e=x(t,"Properties")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function W(t){let e;return{c(){e=h("Functional Properties")},l(t){e=x(t,"Functional Properties")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Y(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function V(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function q(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function X(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function J(t){let e,$,r,a,c,m,h,x;return e=new L({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),r=new L({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),h=new L({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),g(t,m,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function Q(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("accept")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"accept"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function Z(t){let e,$;return{c(){e=E("code"),$=h("null")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"null"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function _(t){let e,$;return{c(){e=E("code"),$=h("string")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"string"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function tt(t){let e,$,r,n;return{c(){e=h("Limits the allowed files to particular types. For guidelines on the value of the attribute, consult the "),$=E("a"),r=h("MDN docs"),n=h("."),this.h()},l(t){e=x(t,"Limits the allowed files to particular types. For guidelines on the value of the attribute, consult the "),$=w(t,"A",{href:!0,rel:!0});var o=v($);r=x(o,"MDN docs"),o.forEach(u),n=x(t,"."),this.h()},h(){D($,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept"),D($,"rel","nofollow")},m(t,o){g(t,e,o),g(t,$,o),b($,r),g(t,n,o)},p:y,d(t){t&&u(e),t&&u($),t&&u(n)}}}function et(t){let e,$,r,a,c,m,h,x;return e=new B({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),g(t,m,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function $t(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("files")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"files"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function rt(t){let e,$;return{c(){e=E("code"),$=h("[]")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"[]"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function nt(t){let e,$;return{c(){e=E("code"),$=h("Array")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"Array"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function ot(t){let e,$,r,n,o,s,a,c,f,l,p,m,i,d;return{c(){e=h("The user's selection as an array of "),$=E("a"),r=E("code"),n=h("File"),o=h(" objects. Note: this is an actual "),s=E("code"),a=h("Array"),c=h(", not a "),f=E("code"),l=h("FileList"),p=h(", as opposed to the native "),m=E("code"),i=h('<input type="file">'),d=h("."),this.h()},l(t){e=x(t,"The user's selection as an array of "),$=w(t,"A",{href:!0,rel:!0});var g=v($);r=w(g,"CODE",{});var h=v(r);n=x(h,"File"),h.forEach(u),g.forEach(u),o=x(t," objects. Note: this is an actual "),s=w(t,"CODE",{});var E=v(s);a=x(E,"Array"),E.forEach(u),c=x(t,", not a "),f=w(t,"CODE",{});var y=v(f);l=x(y,"FileList"),y.forEach(u),p=x(t,", as opposed to the native "),m=w(t,"CODE",{});var D=v(m);i=x(D,'<input type="file">'),D.forEach(u),d=x(t,"."),this.h()},h(){D($,"href","https://developer.mozilla.org/en-US/docs/Web/API/File"),D($,"rel","nofollow")},m(t,u){g(t,e,u),g(t,$,u),b($,r),b(r,n),g(t,o,u),g(t,s,u),b(s,a),g(t,c,u),g(t,f,u),b(f,l),g(t,p,u),g(t,m,u),b(m,i),g(t,d,u)},p:y,d(t){t&&u(e),t&&u($),t&&u(o),t&&u(s),t&&u(c),t&&u(f),t&&u(p),t&&u(m),t&&u(d)}}}function st(t){let e,$,r,a,c,m,h,x;return e=new B({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),g(t,m,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function at(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("beforeChange")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"beforeChange"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function ct(t){let e,$;return{c(){e=E("code"),$=h("null")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"null"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function ft(t){let e,$;return{c(){e=E("code"),$=h("Function")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"Function"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function lt(t){let e,$,r,n,o,s,a,c,f,l,p;return{c(){e=h("A callback to call for each file that passes the "),$=E("mark"),r=E("code"),n=h("accept"),o=h(" check before it is added to the "),s=E("mark"),a=E("code"),c=h("files"),f=h(". "),l=E("br"),p=h(" If it returns a Promise, they will be started for every file, but awaited at the end.")},l(t){e=x(t,"A callback to call for each file that passes the "),$=w(t,"MARK",{});var m=v($);r=w(m,"CODE",{});var i=v(r);n=x(i,"accept"),i.forEach(u),m.forEach(u),o=x(t," check before it is added to the "),s=w(t,"MARK",{});var d=v(s);a=w(d,"CODE",{});var g=v(a);c=x(g,"files"),g.forEach(u),d.forEach(u),f=x(t,". "),l=w(t,"BR",{}),p=x(t," If it returns a Promise, they will be started for every file, but awaited at the end.")},m(t,m){g(t,e,m),g(t,$,m),b($,r),b(r,n),g(t,o,m),g(t,s,m),b(s,a),b(a,c),g(t,f,m),g(t,l,m),g(t,p,m)},p:y,d(t){t&&u(e),t&&u($),t&&u(o),t&&u(s),t&&u(f),t&&u(l),t&&u(p)}}}function pt(t){let e,$,r,a,c,m,h,x;return e=new B({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),g(t,m,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function mt(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("disabled")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"disabled"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function it(t){let e,$;return{c(){e=E("code"),$=h("false")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"false"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function dt(t){let e,$;return{c(){e=E("code"),$=h("boolean")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"boolean"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function gt(t){let e;return{c(){e=h("Whether the input should accept files.")},l(t){e=x(t,"Whether the input should accept files.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function ut(t){let e,$,r,a,c,m,h,x;return e=new B({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),g(t,m,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function ht(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("max")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"max"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function xt(t){let e,$;return{c(){e=E("code"),$=h("Infinity")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"Infinity"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function Et(t){let e,$;return{c(){e=E("code"),$=h("number")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"number"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function wt(t){let e;return{c(){e=h("The maximum amount of files that the user can upload.")},l(t){e=x(t,"The maximum amount of files that the user can upload.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function yt(t){let e,$,r,a,c,m,h,x;return e=new B({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),g(t,m,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function vt(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("fileComponent")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"fileComponent"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function Dt(t){let e,$,r,n;return{c(){e=E("a"),$=E("mark"),r=E("code"),n=h("FileTile"),this.h()},l(t){e=w(t,"A",{href:!0});var o=v(e);$=w(o,"MARK",{});var s=v($);r=w(s,"CODE",{});var a=v(r);n=x(a,"FileTile"),a.forEach(u),s.forEach(u),o.forEach(u),this.h()},h(){D(e,"href","./docs/components/file-tile")},m(t,o){g(t,e,o),b(e,$),b($,r),b(r,n)},p:y,d(t){t&&u(e)}}}function bt(t){let e;return{c(){e=h("Svelte component")},l(t){e=x(t,"Svelte component")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Ot(t){let e,$,r,n,o,s,a,c,f,l,p,m,i,d,O,T,C,F;return{c(){e=h("The component used to render a selected file. "),$=E("br"),r=h(" Receives a single prop: "),n=E("code"),o=h("file"),s=h(", the "),a=E("a"),c=E("code"),f=h("File"),l=h(" object. "),p=E("br"),m=h(" Expected to dispatch "),i=E("code"),d=h("delete"),O=h(" events on to delete this file from the selection with the "),T=E("code"),C=h("file"),F=h(" prop as the detail."),this.h()},l(t){e=x(t,"The component used to render a selected file. "),$=w(t,"BR",{}),r=x(t," Receives a single prop: "),n=w(t,"CODE",{});var g=v(n);o=x(g,"file"),g.forEach(u),s=x(t,", the "),a=w(t,"A",{href:!0,rel:!0});var h=v(a);c=w(h,"CODE",{});var E=v(c);f=x(E,"File"),E.forEach(u),h.forEach(u),l=x(t," object. "),p=w(t,"BR",{}),m=x(t," Expected to dispatch "),i=w(t,"CODE",{});var y=v(i);d=x(y,"delete"),y.forEach(u),O=x(t," events on to delete this file from the selection with the "),T=w(t,"CODE",{});var D=v(T);C=x(D,"file"),D.forEach(u),F=x(t," prop as the detail."),this.h()},h(){D(a,"href","https://developer.mozilla.org/en-US/docs/Web/API/File"),D(a,"rel","nofollow")},m(t,u){g(t,e,u),g(t,$,u),g(t,r,u),g(t,n,u),b(n,o),g(t,s,u),g(t,a,u),b(a,c),b(c,f),g(t,l,u),g(t,p,u),g(t,m,u),g(t,i,u),b(i,d),g(t,O,u),g(t,T,u),b(T,C),g(t,F,u)},p:y,d(t){t&&u(e),t&&u($),t&&u(r),t&&u(n),t&&u(s),t&&u(a),t&&u(l),t&&u(p),t&&u(m),t&&u(i),t&&u(O),t&&u(T),t&&u(F)}}}function Tt(t){let e,$,r,a,c,m,h,x;return e=new B({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),g(t,m,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function Ct(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("...")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"..."),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function Ft(t){let e,$;return{c(){e=E("code"),$=h("any")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"any"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function kt(t){let e,$,r,n;return{c(){e=h("Everything else will be passed to the underlying "),$=E("code"),r=h("<input>"),n=h(" element.")},l(t){e=x(t,"Everything else will be passed to the underlying "),$=w(t,"CODE",{});var o=v($);r=x(o,"<input>"),o.forEach(u),n=x(t," element.")},m(t,o){g(t,e,o),g(t,$,o),b($,r),g(t,n,o)},p:y,d(t){t&&u(e),t&&u($),t&&u(n)}}}function At(t){let e,$,r,a,c,m,h,x;return e=new B({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),r=new B({}),c=new B({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),g(t,m,n),s(h,t,n),x=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),c.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),h.$set(o)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function St(t){let e,$,r,a,c,m,h,x,y,D,O,T,C,F,k,A,S,z;return $=new G({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),y=new G({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),O=new G({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),C=new G({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),k=new G({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),S=new G({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){e=E("thead"),n($.$$.fragment),r=i(),a=E("tbody"),n(c.$$.fragment),m=i(),n(h.$$.fragment),x=i(),n(y.$$.fragment),D=i(),n(O.$$.fragment),T=i(),n(C.$$.fragment),F=i(),n(k.$$.fragment),A=i(),n(S.$$.fragment)},l(t){e=w(t,"THEAD",{});var n=v(e);o($.$$.fragment,n),n.forEach(u),r=d(t),a=w(t,"TBODY",{});var s=v(a);o(c.$$.fragment,s),m=d(s),o(h.$$.fragment,s),x=d(s),o(y.$$.fragment,s),D=d(s),o(O.$$.fragment,s),T=d(s),o(C.$$.fragment,s),F=d(s),o(k.$$.fragment,s),A=d(s),o(S.$$.fragment,s),s.forEach(u)},m(t,n){g(t,e,n),s($,e,null),g(t,r,n),g(t,a,n),s(c,a,null),b(a,m),s(h,a,null),b(a,x),s(y,a,null),b(a,D),s(O,a,null),b(a,T),s(C,a,null),b(a,F),s(k,a,null),b(a,A),s(S,a,null),z=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),y.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),O.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),k.$set(l);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),S.$set(p)},i(t){z||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(y.$$.fragment,t),f(O.$$.fragment,t),f(C.$$.fragment,t),f(k.$$.fragment,t),f(S.$$.fragment,t),z=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(y.$$.fragment,t),l(O.$$.fragment,t),l(C.$$.fragment,t),l(k.$$.fragment,t),l(S.$$.fragment,t),z=!1},d(t){t&&u(e),p($),t&&u(r),t&&u(a),p(c),p(h),p(y),p(O),p(C),p(k),p(S)}}}function zt(t){let e;return{c(){e=h("Class Properties")},l(t){e=x(t,"Class Properties")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Nt(t){let e,$,r,n,o,s,a;return{c(){e=h("All "),$=E("code"),r=h("<FileDropzone>"),n=h(" components use the "),o=E("code"),s=h(".file-dropzone"),a=h(" class.")},l(t){e=x(t,"All "),$=w(t,"CODE",{});var c=v($);r=x(c,"<FileDropzone>"),c.forEach(u),n=x(t," components use the "),o=w(t,"CODE",{});var f=v(o);s=x(f,".file-dropzone"),f.forEach(u),a=x(t," class.")},m(t,c){g(t,e,c),g(t,$,c),b($,r),g(t,n,c),g(t,o,c),b(o,s),g(t,a,c)},p:y,d(t){t&&u(e),t&&u($),t&&u(n),t&&u(o),t&&u(a)}}}function Rt(t){let e;return{c(){e=h("Falsy values passed to classes will be disregarded.")},l(t){e=x(t,"Falsy values passed to classes will be disregarded.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function jt(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Gt(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Lt(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Bt(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Pt(t){let e,$,r,a,c,m,h,x;return e=new L({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),r=new L({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),h=new L({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),g(t,m,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function Mt(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("class")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"class"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function It(t){let e,$;return{c(){e=E("code"),$=h("null")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"null"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function Ht(t){let e,$;return{c(){e=E("code"),$=h("string")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"string"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function Ut(t){let e;return{c(){e=h("A class string to add to the component.")},l(t){e=x(t,"A class string to add to the component.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Kt(t){let e,$,r,a,c,m,h,x;return e=new B({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),g(t,m,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function Wt(t){let e,$,r,a,c,m;return $=new G({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),{c(){e=E("thead"),n($.$$.fragment),r=i(),a=E("tbody"),n(c.$$.fragment)},l(t){e=w(t,"THEAD",{});var n=v(e);o($.$$.fragment,n),n.forEach(u),r=d(t),a=w(t,"TBODY",{});var s=v(a);o(c.$$.fragment,s),s.forEach(u)},m(t,n){g(t,e,n),s($,e,null),g(t,r,n),g(t,a,n),s(c,a,null),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n)},i(t){m||(f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&u(e),p($),t&&u(r),t&&u(a),p(c)}}}function Yt(t){let e;return{c(){e=h("Events")},l(t){e=x(t,"Events")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Vt(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function qt(t){let e;return{c(){e=h("Event Detail")},l(t){e=x(t,"Event Detail")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Xt(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Jt(t){let e,$,r,a,c,m;return e=new L({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),r=new L({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function Qt(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("change")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"change"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function Zt(t){let e,$;return{c(){e=E("code"),$=h("{ value, nativeEvent }")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"{ value, nativeEvent }"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function _t(t){let e,$,r,n;return{c(){e=h("Fired when a selection is added to/removed from. In case of removal, the "),$=E("code"),r=h("nativeEvent"),n=h(" isn't present in the event detail.")},l(t){e=x(t,"Fired when a selection is added to/removed from. In case of removal, the "),$=w(t,"CODE",{});var o=v($);r=x(o,"nativeEvent"),o.forEach(u),n=x(t," isn't present in the event detail.")},m(t,o){g(t,e,o),g(t,$,o),b($,r),g(t,n,o)},p:y,d(t){t&&u(e),t&&u($),t&&u(n)}}}function te(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function ee(t){let e,$,r,a,c,m;return $=new G({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),{c(){e=E("thead"),n($.$$.fragment),r=i(),a=E("tbody"),n(c.$$.fragment)},l(t){e=w(t,"THEAD",{});var n=v(e);o($.$$.fragment,n),n.forEach(u),r=d(t),a=w(t,"TBODY",{});var s=v(a);o(c.$$.fragment,s),s.forEach(u)},m(t,n){g(t,e,n),s($,e,null),g(t,r,n),g(t,a,n),s(c,a,null),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n)},i(t){m||(f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&u(e),p($),t&&u(r),t&&u(a),p(c)}}}function $e(t){let e;return{c(){e=h("Slots")},l(t){e=x(t,"Slots")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function re(t){let e,$,r;return{c(){e=E("code"),$=h("empty-layer"),r=h(" slot")},l(t){e=w(t,"CODE",{});var n=v(e);$=x(n,"empty-layer"),n.forEach(u),r=x(t," slot")},m(t,n){g(t,e,n),b(e,$),g(t,r,n)},p:y,d(t){t&&u(e),t&&u(r)}}}function ne(t){let e;return{c(){e=h("The inner content of the dropzone when no files are selected. Defaults to a message that responds to the state of the dropzone: empty, with files ready to be dropped, with incorrect files ready to be dropped or disabled.")},l(t){e=x(t,"The inner content of the dropzone when no files are selected. Defaults to a message that responds to the state of the dropzone: empty, with files ready to be dropped, with incorrect files ready to be dropped or disabled.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function oe(t){let e;return{c(){e=h("Prop Name")},l(t){e=x(t,"Prop Name")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function se(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function ae(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function ce(t){let e,$,r,a,c,m;return e=new L({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),r=new L({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function fe(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("dragActive")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"dragActive"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function le(t){let e,$;return{c(){e=E("code"),$=h("boolean")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"boolean"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function pe(t){let e;return{c(){e=h("The state of having a file dragged over the dropzone.")},l(t){e=x(t,"The state of having a file dragged over the dropzone.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function me(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function ie(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("wrongType")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"wrongType"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function de(t){let e,$;return{c(){e=E("code"),$=h("boolean")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"boolean"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function ge(t){let e;return{c(){e=h("The state of having an incorrect file dragged over the dropzone.")},l(t){e=x(t,"The state of having an incorrect file dragged over the dropzone.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function ue(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function he(t){let e,$,r,a,c,m,h,x;return $=new G({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),{c(){e=E("thead"),n($.$$.fragment),r=i(),a=E("tbody"),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){e=w(t,"THEAD",{});var n=v(e);o($.$$.fragment,n),n.forEach(u),r=d(t),a=w(t,"TBODY",{});var s=v(a);o(c.$$.fragment,s),m=d(s),o(h.$$.fragment,s),s.forEach(u)},m(t,n){g(t,e,n),s($,e,null),g(t,r,n),g(t,a,n),s(c,a,null),b(a,m),s(h,a,null),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o)},i(t){x||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){t&&u(e),p($),t&&u(r),t&&u(a),p(c),p(h)}}}function xe(t){let e,$,r;return{c(){e=E("code"),$=h("plus-icon"),r=h(" slot")},l(t){e=w(t,"CODE",{});var n=v(e);$=x(n,"plus-icon"),n.forEach(u),r=x(t," slot")},m(t,n){g(t,e,n),b(e,$),g(t,r,n)},p:y,d(t){t&&u(e),t&&u(r)}}}function Ee(t){let e,$,r,n,o,s,a,c,f,l,p,m,i;return{c(){e=h("The plus icon inside the dropzone when there are files inside. "),$=E("mark"),r=h("Bonus"),n=h(": if supplied with a "),o=E("code"),s=h("plus"),a=h(" class, rotates 45 degrees to become an X when an incorrect file is uploaded. Defaults to "),c=E("a"),f=h("Feather icons"),l=h("' "),p=E("code"),m=h("Plus"),i=h("."),this.h()},l(t){e=x(t,"The plus icon inside the dropzone when there are files inside. "),$=w(t,"MARK",{});var d=v($);r=x(d,"Bonus"),d.forEach(u),n=x(t,": if supplied with a "),o=w(t,"CODE",{});var g=v(o);s=x(g,"plus"),g.forEach(u),a=x(t," class, rotates 45 degrees to become an X when an incorrect file is uploaded. Defaults to "),c=w(t,"A",{href:!0,rel:!0});var h=v(c);f=x(h,"Feather icons"),h.forEach(u),l=x(t,"' "),p=w(t,"CODE",{});var E=v(p);m=x(E,"Plus"),E.forEach(u),i=x(t,"."),this.h()},h(){D(c,"href","https://feathericons.com/?query=plus"),D(c,"rel","nofollow")},m(t,d){g(t,e,d),g(t,$,d),b($,r),g(t,n,d),g(t,o,d),b(o,s),g(t,a,d),g(t,c,d),b(c,f),g(t,l,d),g(t,p,d),b(p,m),g(t,i,d)},p:y,d(t){t&&u(e),t&&u($),t&&u(n),t&&u(o),t&&u(a),t&&u(c),t&&u(l),t&&u(p),t&&u(i)}}}function we(t){let e,$,r;return{c(){e=E("code"),$=h("upload-unavailable-message"),r=h(" slot")},l(t){e=w(t,"CODE",{});var n=v(e);$=x(n,"upload-unavailable-message"),n.forEach(u),r=x(t," slot")},m(t,n){g(t,e,n),b(e,$),g(t,r,n)},p:y,d(t){t&&u(e),t&&u(r)}}}function ye(t){let e,$,r,n;return{c(){e=h('The text to display when the dropzone is disabled. Defaults to "'),$=E("code"),r=h("upload unavailable"),n=h('".')},l(t){e=x(t,'The text to display when the dropzone is disabled. Defaults to "'),$=w(t,"CODE",{});var o=v($);r=x(o,"upload unavailable"),o.forEach(u),n=x(t,'".')},m(t,o){g(t,e,o),g(t,$,o),b($,r),g(t,n,o)},p:y,d(t){t&&u(e),t&&u($),t&&u(n)}}}function ve(t){let e,$,r;return{c(){e=E("code"),$=h("incorrect-file-message"),r=h(" slot")},l(t){e=w(t,"CODE",{});var n=v(e);$=x(n,"incorrect-file-message"),n.forEach(u),r=x(t," slot")},m(t,n){g(t,e,n),b(e,$),g(t,r,n)},p:y,d(t){t&&u(e),t&&u(r)}}}function De(t){let e,$,r,n;return{c(){e=h('The text to display when the file being dropped is of an incorrect type. Defaults to "'),$=E("code"),r=h("incorrect file type"),n=h('".')},l(t){e=x(t,'The text to display when the file being dropped is of an incorrect type. Defaults to "'),$=w(t,"CODE",{});var o=v($);r=x(o,"incorrect file type"),o.forEach(u),n=x(t,'".')},m(t,o){g(t,e,o),g(t,$,o),b($,r),g(t,n,o)},p:y,d(t){t&&u(e),t&&u($),t&&u(n)}}}function be(t){let e,$,r;return{c(){e=E("code"),$=h("release-to-upload-message"),r=h(" slot")},l(t){e=w(t,"CODE",{});var n=v(e);$=x(n,"release-to-upload-message"),n.forEach(u),r=x(t," slot")},m(t,n){g(t,e,n),b(e,$),g(t,r,n)},p:y,d(t){t&&u(e),t&&u(r)}}}function Oe(t){let e,$,r,n;return{c(){e=h('The text to display when a file is of the correct file is dragged over the dropzone. Defaults to "'),$=E("code"),r=h("release to upload"),n=h('".')},l(t){e=x(t,'The text to display when a file is of the correct file is dragged over the dropzone. Defaults to "'),$=w(t,"CODE",{});var o=v($);r=x(o,"release to upload"),o.forEach(u),n=x(t,'".')},m(t,o){g(t,e,o),g(t,$,o),b($,r),g(t,n,o)},p:y,d(t){t&&u(e),t&&u($),t&&u(n)}}}function Te(t){let e,$,r;return{c(){e=E("code"),$=h("drag-and-drop-message"),r=h(" slot")},l(t){e=w(t,"CODE",{});var n=v(e);$=x(n,"drag-and-drop-message"),n.forEach(u),r=x(t," slot")},m(t,n){g(t,e,n),b(e,$),g(t,r,n)},p:y,d(t){t&&u(e),t&&u(r)}}}function Ce(t){let e,$,r,n;return{c(){e=h('The default message to display when the dropzone is enabled but nothing is being dragged over it. Defaults to "'),$=E("code"),r=h("drag & drop here or click to upload files"),n=h('".')},l(t){e=x(t,'The default message to display when the dropzone is enabled but nothing is being dragged over it. Defaults to "'),$=w(t,"CODE",{});var o=v($);r=x(o,"drag & drop here or click to upload files"),o.forEach(u),n=x(t,'".')},m(t,o){g(t,e,o),g(t,$,o),b($,r),g(t,n,o)},p:y,d(t){t&&u(e),t&&u($),t&&u(n)}}}function Fe(t){let e;return{c(){e=h("SCSS Variables")},l(t){e=x(t,"SCSS Variables")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function ke(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Ae(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Se(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function ze(t){let e,$,r,a,c,m;return e=new L({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),r=new L({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function Ne(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("$main")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"$main"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function Re(t){let e;return{c(){e=h("The color of the text and borders.")},l(t){e=x(t,"The color of the text and borders.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function je(t){let e,$;return e=new A({props:{value:"#4300B0"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:y,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Ge(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function Le(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("$font")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"$font"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function Be(t){let e;return{c(){e=h("The font of the button text.")},l(t){e=x(t,"The font of the button text.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Pe(t){let e,$;return{c(){e=E("code"),$=h("'Ubuntu'")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"'Ubuntu'"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function Me(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function Ie(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("$dropzone-radius")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"$dropzone-radius"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function He(t){let e;return{c(){e=h("The curvature radius of a button.")},l(t){e=x(t,"The curvature radius of a button.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Ue(t){let e,$;return{c(){e=E("code"),$=h("1.5625em")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"1.5625em"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function Ke(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function We(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("$danger")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"$danger"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function Ye(t){let e;return{c(){e=h('The color of the "incorrect files uploaded" state of the dropzone.')},l(t){e=x(t,'The color of the "incorrect files uploaded" state of the dropzone.')},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Ve(t){let e,$;return e=new A({props:{value:"#B80000"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:y,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function qe(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function Xe(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("$disabled")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"$disabled"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function Je(t){let e;return{c(){e=h("The color of the disabled state of the dropzone.")},l(t){e=x(t,"The color of the disabled state of the dropzone.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Qe(t){let e,$;return e=new A({props:{value:"#888888"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:y,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Ze(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Qe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function _e(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("$bold-font-weight")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"$bold-font-weight"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function t$(t){let e;return{c(){e=h("The bold font weight of the text in the empty layer.")},l(t){e=x(t,"The bold font weight of the text in the empty layer.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function e$(t){let e,$;return{c(){e=E("code"),$=h("500")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"500"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function $$(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function r$(t){let e,$,r,n,o,s,a,c,f;return{c(){e=E("strong"),$=E("code"),r=h("$dark"),n=i(),o=E("small"),s=h("From "),a=E("a"),c=E("code"),f=h("FileTile"),this.h()},l(t){e=w(t,"STRONG",{});var l=v(e);$=w(l,"CODE",{});var p=v($);r=x(p,"$dark"),p.forEach(u),l.forEach(u),n=d(t),o=w(t,"SMALL",{});var m=v(o);s=x(m,"From "),a=w(m,"A",{href:!0});var i=v(a);c=w(i,"CODE",{});var g=v(c);f=x(g,"FileTile"),g.forEach(u),i.forEach(u),m.forEach(u),this.h()},h(){D(a,"href","./docs/components/file-tile")},m(t,l){g(t,e,l),b(e,$),b($,r),g(t,n,l),g(t,o,l),b(o,s),b(o,a),b(a,c),b(c,f)},p:y,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function n$(t){let e;return{c(){e=h("The text color of the file tiles.")},l(t){e=x(t,"The text color of the file tiles.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function o$(t){let e,$;return e=new A({props:{value:"#333333"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:y,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function s$(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[r$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[n$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[o$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function a$(t){let e,$,r,n,o,s,a,c,f;return{c(){e=E("strong"),$=E("code"),r=h("$file-tile-radius"),n=i(),o=E("small"),s=h("From "),a=E("a"),c=E("code"),f=h("FileTile"),this.h()},l(t){e=w(t,"STRONG",{});var l=v(e);$=w(l,"CODE",{});var p=v($);r=x(p,"$file-tile-radius"),p.forEach(u),l.forEach(u),n=d(t),o=w(t,"SMALL",{});var m=v(o);s=x(m,"From "),a=w(m,"A",{href:!0});var i=v(a);c=w(i,"CODE",{});var g=v(c);f=x(g,"FileTile"),g.forEach(u),i.forEach(u),m.forEach(u),this.h()},h(){D(a,"href","./docs/components/file-tile")},m(t,l){g(t,e,l),b(e,$),b($,r),g(t,n,l),g(t,o,l),b(o,s),b(o,a),b(a,c),b(c,f)},p:y,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function c$(t){let e;return{c(){e=h("The curvature radius of the file tiles.")},l(t){e=x(t,"The curvature radius of the file tiles.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function f$(t){let e,$;return{c(){e=E("code"),$=h(".625em")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,".625em"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function l$(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[a$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[c$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[f$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function p$(t){let e,$,r,n,o,s,a,c,f;return{c(){e=E("strong"),$=E("code"),r=h("$shadow-1"),n=i(),o=E("small"),s=h("From "),a=E("a"),c=E("code"),f=h("FileTile"),this.h()},l(t){e=w(t,"STRONG",{});var l=v(e);$=w(l,"CODE",{});var p=v($);r=x(p,"$shadow-1"),p.forEach(u),l.forEach(u),n=d(t),o=w(t,"SMALL",{});var m=v(o);s=x(m,"From "),a=w(m,"A",{href:!0});var i=v(a);c=w(i,"CODE",{});var g=v(c);f=x(g,"FileTile"),g.forEach(u),i.forEach(u),m.forEach(u),this.h()},h(){D(a,"href","./docs/components/file-tile")},m(t,l){g(t,e,l),b(e,$),b($,r),g(t,n,l),g(t,o,l),b(o,s),b(o,a),b(a,c),b(c,f)},p:y,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function m$(t){let e;return{c(){e=h("The shadow of the file tiles.")},l(t){e=x(t,"The shadow of the file tiles.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function i$(t){let e,$;return e=new S({props:{value:N$}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:y,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function d$(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[p$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[m$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[i$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function g$(t){let e,$,r,n,o,s,a,c,f;return{c(){e=E("strong"),$=E("code"),r=h("$thin-font-weight"),n=i(),o=E("small"),s=h("From "),a=E("a"),c=E("code"),f=h("FileTile"),this.h()},l(t){e=w(t,"STRONG",{});var l=v(e);$=w(l,"CODE",{});var p=v($);r=x(p,"$thin-font-weight"),p.forEach(u),l.forEach(u),n=d(t),o=w(t,"SMALL",{});var m=v(o);s=x(m,"From "),a=w(m,"A",{href:!0});var i=v(a);c=w(i,"CODE",{});var g=v(c);f=x(g,"FileTile"),g.forEach(u),i.forEach(u),m.forEach(u),this.h()},h(){D(a,"href","./docs/components/file-tile")},m(t,l){g(t,e,l),b(e,$),b($,r),g(t,n,l),g(t,o,l),b(o,s),b(o,a),b(a,c),b(c,f)},p:y,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function u$(t){let e;return{c(){e=h("The thinner font weight for the file details: size and type.")},l(t){e=x(t,"The thinner font weight for the file details: size and type.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function h$(t){let e,$;return{c(){e=E("code"),$=h("300")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"300"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function x$(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[g$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[u$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[h$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function E$(t){let e,$,r,n,o,s,a,c,f;return{c(){e=E("strong"),$=E("code"),r=h("$button-radius"),n=i(),o=E("small"),s=h("From "),a=E("a"),c=E("code"),f=h("Button"),this.h()},l(t){e=w(t,"STRONG",{});var l=v(e);$=w(l,"CODE",{});var p=v($);r=x(p,"$button-radius"),p.forEach(u),l.forEach(u),n=d(t),o=w(t,"SMALL",{});var m=v(o);s=x(m,"From "),a=w(m,"A",{href:!0});var i=v(a);c=w(i,"CODE",{});var g=v(c);f=x(g,"Button"),g.forEach(u),i.forEach(u),m.forEach(u),this.h()},h(){D(a,"href","./docs/components/button")},m(t,l){g(t,e,l),b(e,$),b($,r),g(t,n,l),g(t,o,l),b(o,s),b(o,a),b(a,c),b(c,f)},p:y,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function w$(t){let e;return{c(){e=h('The curvature radius of the "delete" button.')},l(t){e=x(t,'The curvature radius of the "delete" button.')},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function y$(t){let e,$;return{c(){e=E("code"),$=h("1.5625em")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"1.5625em"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function v$(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[E$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[w$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[y$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function D$(t){let e,$,r,n,o,s,a,c,f;return{c(){e=E("strong"),$=E("code"),r=h("$danger"),n=i(),o=E("small"),s=h("From "),a=E("a"),c=E("code"),f=h("Button"),this.h()},l(t){e=w(t,"STRONG",{});var l=v(e);$=w(l,"CODE",{});var p=v($);r=x(p,"$danger"),p.forEach(u),l.forEach(u),n=d(t),o=w(t,"SMALL",{});var m=v(o);s=x(m,"From "),a=w(m,"A",{href:!0});var i=v(a);c=w(i,"CODE",{});var g=v(c);f=x(g,"Button"),g.forEach(u),i.forEach(u),m.forEach(u),this.h()},h(){D(a,"href","./docs/components/button")},m(t,l){g(t,e,l),b(e,$),b($,r),g(t,n,l),g(t,o,l),b(o,s),b(o,a),b(a,c),b(c,f)},p:y,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function b$(t){let e;return{c(){e=h('The color of the "delete" button.')},l(t){e=x(t,'The color of the "delete" button.')},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function O$(t){let e,$;return e=new A({props:{value:"#B80000"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:y,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function T$(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[D$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[b$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[O$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function C$(t){let e,$,r,a,c,m,h,x,y,D,O,T,C,F,k,A,S,z,N,R,j,L,B,P,M,I,H,U;return $=new G({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),y=new G({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),O=new G({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),C=new G({props:{$$slots:{default:[Ze]},$$scope:{ctx:t}}}),k=new G({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),S=new G({props:{$$slots:{default:[s$]},$$scope:{ctx:t}}}),N=new G({props:{$$slots:{default:[l$]},$$scope:{ctx:t}}}),j=new G({props:{$$slots:{default:[d$]},$$scope:{ctx:t}}}),B=new G({props:{$$slots:{default:[x$]},$$scope:{ctx:t}}}),M=new G({props:{$$slots:{default:[v$]},$$scope:{ctx:t}}}),H=new G({props:{$$slots:{default:[T$]},$$scope:{ctx:t}}}),{c(){e=E("thead"),n($.$$.fragment),r=i(),a=E("tbody"),n(c.$$.fragment),m=i(),n(h.$$.fragment),x=i(),n(y.$$.fragment),D=i(),n(O.$$.fragment),T=i(),n(C.$$.fragment),F=i(),n(k.$$.fragment),A=i(),n(S.$$.fragment),z=i(),n(N.$$.fragment),R=i(),n(j.$$.fragment),L=i(),n(B.$$.fragment),P=i(),n(M.$$.fragment),I=i(),n(H.$$.fragment)},l(t){e=w(t,"THEAD",{});var n=v(e);o($.$$.fragment,n),n.forEach(u),r=d(t),a=w(t,"TBODY",{});var s=v(a);o(c.$$.fragment,s),m=d(s),o(h.$$.fragment,s),x=d(s),o(y.$$.fragment,s),D=d(s),o(O.$$.fragment,s),T=d(s),o(C.$$.fragment,s),F=d(s),o(k.$$.fragment,s),A=d(s),o(S.$$.fragment,s),z=d(s),o(N.$$.fragment,s),R=d(s),o(j.$$.fragment,s),L=d(s),o(B.$$.fragment,s),P=d(s),o(M.$$.fragment,s),I=d(s),o(H.$$.fragment,s),s.forEach(u)},m(t,n){g(t,e,n),s($,e,null),g(t,r,n),g(t,a,n),s(c,a,null),b(a,m),s(h,a,null),b(a,x),s(y,a,null),b(a,D),s(O,a,null),b(a,T),s(C,a,null),b(a,F),s(k,a,null),b(a,A),s(S,a,null),b(a,z),s(N,a,null),b(a,R),s(j,a,null),b(a,L),s(B,a,null),b(a,P),s(M,a,null),b(a,I),s(H,a,null),U=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),y.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),O.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),k.$set(l);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),S.$set(p);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),N.$set(m);const i={};2&e&&(i.$$scope={dirty:e,ctx:t}),j.$set(i);const d={};2&e&&(d.$$scope={dirty:e,ctx:t}),B.$set(d);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),M.$set(g);const u={};2&e&&(u.$$scope={dirty:e,ctx:t}),H.$set(u)},i(t){U||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(y.$$.fragment,t),f(O.$$.fragment,t),f(C.$$.fragment,t),f(k.$$.fragment,t),f(S.$$.fragment,t),f(N.$$.fragment,t),f(j.$$.fragment,t),f(B.$$.fragment,t),f(M.$$.fragment,t),f(H.$$.fragment,t),U=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(y.$$.fragment,t),l(O.$$.fragment,t),l(C.$$.fragment,t),l(k.$$.fragment,t),l(S.$$.fragment,t),l(N.$$.fragment,t),l(j.$$.fragment,t),l(B.$$.fragment,t),l(M.$$.fragment,t),l(H.$$.fragment,t),U=!1},d(t){t&&u(e),p($),t&&u(r),t&&u(a),p(c),p(h),p(y),p(O),p(C),p(k),p(S),p(N),p(j),p(B),p(M),p(H)}}}function F$(t){let e,$,r,a,c,m,h,x,E,w,y,v,D,b,O,F,A,S,G,L,B,Y,V,q,X,J,Q,Z,_,tt,et,$t,rt,nt,ot,st,at,ct,ft,lt,pt,mt,it,dt,gt,ut,ht,xt,Et,wt,yt,vt,Dt,bt,Ot,Tt,Ct,Ft,kt,At;return e=new T({props:{$$slots:{default:[P]},$$scope:{ctx:t}}}),r=new C({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),c=new C({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),h=new z({props:{components:z$}}),E=new k({props:{$$slots:{source:[U],showcase:[H]},$$scope:{ctx:t}}}),y=new N({props:{id:"properties",$$slots:{default:[K]},$$scope:{ctx:t}}}),D=new R({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),O=new j({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),A=new R({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),G=new C({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),B=new C({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),V=new j({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),X=new N({props:{id:"events",$$slots:{default:[Yt]},$$scope:{ctx:t}}}),Q=new j({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),_=new N({props:{id:"slots",$$slots:{default:[$e]},$$scope:{ctx:t}}}),et=new R({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),rt=new C({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),ot=new j({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),at=new R({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),ft=new C({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),pt=new R({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),it=new C({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),gt=new R({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),ht=new C({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),Et=new R({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),yt=new C({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),Dt=new R({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),Ot=new C({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),Ct=new N({props:{id:"scss-variables",$$slots:{default:[Fe]},$$scope:{ctx:t}}}),kt=new j({props:{$$slots:{default:[C$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment),x=i(),n(E.$$.fragment),w=i(),n(y.$$.fragment),v=i(),n(D.$$.fragment),b=i(),n(O.$$.fragment),F=i(),n(A.$$.fragment),S=i(),n(G.$$.fragment),L=i(),n(B.$$.fragment),Y=i(),n(V.$$.fragment),q=i(),n(X.$$.fragment),J=i(),n(Q.$$.fragment),Z=i(),n(_.$$.fragment),tt=i(),n(et.$$.fragment),$t=i(),n(rt.$$.fragment),nt=i(),n(ot.$$.fragment),st=i(),n(at.$$.fragment),ct=i(),n(ft.$$.fragment),lt=i(),n(pt.$$.fragment),mt=i(),n(it.$$.fragment),dt=i(),n(gt.$$.fragment),ut=i(),n(ht.$$.fragment),xt=i(),n(Et.$$.fragment),wt=i(),n(yt.$$.fragment),vt=i(),n(Dt.$$.fragment),bt=i(),n(Ot.$$.fragment),Tt=i(),n(Ct.$$.fragment),Ft=i(),n(kt.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(h.$$.fragment,t),x=d(t),o(E.$$.fragment,t),w=d(t),o(y.$$.fragment,t),v=d(t),o(D.$$.fragment,t),b=d(t),o(O.$$.fragment,t),F=d(t),o(A.$$.fragment,t),S=d(t),o(G.$$.fragment,t),L=d(t),o(B.$$.fragment,t),Y=d(t),o(V.$$.fragment,t),q=d(t),o(X.$$.fragment,t),J=d(t),o(Q.$$.fragment,t),Z=d(t),o(_.$$.fragment,t),tt=d(t),o(et.$$.fragment,t),$t=d(t),o(rt.$$.fragment,t),nt=d(t),o(ot.$$.fragment,t),st=d(t),o(at.$$.fragment,t),ct=d(t),o(ft.$$.fragment,t),lt=d(t),o(pt.$$.fragment,t),mt=d(t),o(it.$$.fragment,t),dt=d(t),o(gt.$$.fragment,t),ut=d(t),o(ht.$$.fragment,t),xt=d(t),o(Et.$$.fragment,t),wt=d(t),o(yt.$$.fragment,t),vt=d(t),o(Dt.$$.fragment,t),bt=d(t),o(Ot.$$.fragment,t),Tt=d(t),o(Ct.$$.fragment,t),Ft=d(t),o(kt.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),g(t,m,n),s(h,t,n),g(t,x,n),s(E,t,n),g(t,w,n),s(y,t,n),g(t,v,n),s(D,t,n),g(t,b,n),s(O,t,n),g(t,F,n),s(A,t,n),g(t,S,n),s(G,t,n),g(t,L,n),s(B,t,n),g(t,Y,n),s(V,t,n),g(t,q,n),s(X,t,n),g(t,J,n),s(Q,t,n),g(t,Z,n),s(_,t,n),g(t,tt,n),s(et,t,n),g(t,$t,n),s(rt,t,n),g(t,nt,n),s(ot,t,n),g(t,st,n),s(at,t,n),g(t,ct,n),s(ft,t,n),g(t,lt,n),s(pt,t,n),g(t,mt,n),s(it,t,n),g(t,dt,n),s(gt,t,n),g(t,ut,n),s(ht,t,n),g(t,xt,n),s(Et,t,n),g(t,wt,n),s(yt,t,n),g(t,vt,n),s(Dt,t,n),g(t,bt,n),s(Ot,t,n),g(t,Tt,n),s(Ct,t,n),g(t,Ft,n),s(kt,t,n),At=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),E.$set(a);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),y.$set(f);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),D.$set(l);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),O.$set(p);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),A.$set(m);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),G.$set(i);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),B.$set(d);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),V.$set(g);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),X.$set(u);const h={};2&$&&(h.$$scope={dirty:$,ctx:t}),Q.$set(h);const x={};2&$&&(x.$$scope={dirty:$,ctx:t}),_.$set(x);const w={};2&$&&(w.$$scope={dirty:$,ctx:t}),et.$set(w);const v={};2&$&&(v.$$scope={dirty:$,ctx:t}),rt.$set(v);const b={};2&$&&(b.$$scope={dirty:$,ctx:t}),ot.$set(b);const T={};2&$&&(T.$$scope={dirty:$,ctx:t}),at.$set(T);const C={};2&$&&(C.$$scope={dirty:$,ctx:t}),ft.$set(C);const F={};2&$&&(F.$$scope={dirty:$,ctx:t}),pt.$set(F);const k={};2&$&&(k.$$scope={dirty:$,ctx:t}),it.$set(k);const S={};2&$&&(S.$$scope={dirty:$,ctx:t}),gt.$set(S);const z={};2&$&&(z.$$scope={dirty:$,ctx:t}),ht.$set(z);const N={};2&$&&(N.$$scope={dirty:$,ctx:t}),Et.$set(N);const R={};2&$&&(R.$$scope={dirty:$,ctx:t}),yt.$set(R);const j={};2&$&&(j.$$scope={dirty:$,ctx:t}),Dt.$set(j);const L={};2&$&&(L.$$scope={dirty:$,ctx:t}),Ot.$set(L);const P={};2&$&&(P.$$scope={dirty:$,ctx:t}),Ct.$set(P);const M={};2&$&&(M.$$scope={dirty:$,ctx:t}),kt.$set(M)},i(t){At||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(E.$$.fragment,t),f(y.$$.fragment,t),f(D.$$.fragment,t),f(O.$$.fragment,t),f(A.$$.fragment,t),f(G.$$.fragment,t),f(B.$$.fragment,t),f(V.$$.fragment,t),f(X.$$.fragment,t),f(Q.$$.fragment,t),f(_.$$.fragment,t),f(et.$$.fragment,t),f(rt.$$.fragment,t),f(ot.$$.fragment,t),f(at.$$.fragment,t),f(ft.$$.fragment,t),f(pt.$$.fragment,t),f(it.$$.fragment,t),f(gt.$$.fragment,t),f(ht.$$.fragment,t),f(Et.$$.fragment,t),f(yt.$$.fragment,t),f(Dt.$$.fragment,t),f(Ot.$$.fragment,t),f(Ct.$$.fragment,t),f(kt.$$.fragment,t),At=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(E.$$.fragment,t),l(y.$$.fragment,t),l(D.$$.fragment,t),l(O.$$.fragment,t),l(A.$$.fragment,t),l(G.$$.fragment,t),l(B.$$.fragment,t),l(V.$$.fragment,t),l(X.$$.fragment,t),l(Q.$$.fragment,t),l(_.$$.fragment,t),l(et.$$.fragment,t),l(rt.$$.fragment,t),l(ot.$$.fragment,t),l(at.$$.fragment,t),l(ft.$$.fragment,t),l(pt.$$.fragment,t),l(it.$$.fragment,t),l(gt.$$.fragment,t),l(ht.$$.fragment,t),l(Et.$$.fragment,t),l(yt.$$.fragment,t),l(Dt.$$.fragment,t),l(Ot.$$.fragment,t),l(Ct.$$.fragment,t),l(kt.$$.fragment,t),At=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t),t&&u(m),p(h,t),t&&u(x),p(E,t),t&&u(w),p(y,t),t&&u(v),p(D,t),t&&u(b),p(O,t),t&&u(F),p(A,t),t&&u(S),p(G,t),t&&u(L),p(B,t),t&&u(Y),p(V,t),t&&u(q),p(X,t),t&&u(J),p(Q,t),t&&u(Z),p(_,t),t&&u(tt),p(et,t),t&&u($t),p(rt,t),t&&u(nt),p(ot,t),t&&u(st),p(at,t),t&&u(ct),p(ft,t),t&&u(lt),p(pt,t),t&&u(mt),p(it,t),t&&u(dt),p(gt,t),t&&u(ut),p(ht,t),t&&u(xt),p(Et,t),t&&u(wt),p(yt,t),t&&u(vt),p(Dt,t),t&&u(bt),p(Ot,t),t&&u(Tt),p(Ct,t),t&&u(Ft),p(kt,t)}}}function k$(t){let e,$;const m=[t[0],A$];let i={$$slots:{default:[F$]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=r(i,m[t]);return e=new O({props:i}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p(t,[$]){const r=1&$?a(m,[1&$&&c(t[0]),0&$&&c(A$)]):{};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}const A$={name:"FileDropzone",relatedComponents:[{name:"FileInput",link:"./docs/components/file-input"},{name:"FileTile",link:"./docs/components/file-tile"}],shadow1:"0 2px 5px rgba(0, 0, 0, .14), 0 1px 5px rgba(0, 0, 0, .12);"},{name:S$,relatedComponents:z$,shadow1:N$}=A$;function R$(t,e,$){return t.$$set=t=>{$(0,e=r(r({},e),m(t)))},[e=m(e)]}class j$ extends t{constructor(t){super(),e(this,t,R$,k$,$,{})}}export{j$ as default,A$ as metadata};
diff --git a/376/client/file-input-613c787e.css b/376/client/file-input-613c787e.css
new file mode 100644
index 000000000..7dbb9dd61
--- /dev/null
+++ b/376/client/file-input-613c787e.css
@@ -0,0 +1 @@
+.file-input.svelte-2d62iz.svelte-2d62iz{align-items:center;display:inline-flex}.file-input.vertical.svelte-2d62iz.svelte-2d62iz{flex-direction:column}.file-input.vertical.svelte-2d62iz label.svelte-2d62iz{margin-bottom:0.5em;margin-right:0}label.svelte-2d62iz.svelte-2d62iz{align-items:center;cursor:pointer;display:flex;font-family:"Ubuntu", sans-serif;font-weight:500;outline:none;border-radius:1.5625em;margin-right:0.5em;padding:0.8em 1.1em}label.svelte-2d62iz.svelte-2d62iz::-moz-focus-inner{border:0}label.svelte-2d62iz input.svelte-2d62iz{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}label.svelte-2d62iz.svelte-2d62iz{color:#4300b0}label.svelte-2d62iz .icon{stroke:#4300b0}label.svelte-2d62iz .ripple{background:rgba(67, 0, 176, 0.1)}label.svelte-2d62iz.svelte-2d62iz:hover{background:rgba(67, 0, 176, 0.05)}label.svelte-2d62iz.svelte-2d62iz:focus-within{background-color:rgba(67, 0, 176, 0.12)}label.disabled.svelte-2d62iz.svelte-2d62iz{background:transparent;color:#888;cursor:default}label.disabled.svelte-2d62iz .icon{stroke:#888}
diff --git a/376/client/file-input-95dfbf7b.css b/376/client/file-input-95dfbf7b.css
new file mode 100644
index 000000000..42dcf2212
--- /dev/null
+++ b/376/client/file-input-95dfbf7b.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-1h883k1 .file-tile{max-width:16em}
diff --git a/376/client/file-input.a173f705.js b/376/client/file-input.a173f705.js
new file mode 100644
index 000000000..a257fa250
--- /dev/null
+++ b/376/client/file-input.a173f705.js
@@ -0,0 +1 @@
+import{S as l,i as s,s as e,K as a,M as t,h as n,u as i,k as c,b as u,w as r,d,N as o,O as f,e as p,X as $,f as m,g as v,o as b,P as h,U as g,Q as y,R as z,T as x,V as C,t as E,y as j,p as N,z as L,W as P,I as k,J as w,L as A,H as B,j as I,l as S,m as T,q as U,v as q,x as F,Y as H}from"./client.0d36a0cf.js";import{r as J,B as K}from"./button.743a388a.js";import{c as M}from"./classes.2453fa25.js";const O=l=>({}),Q=l=>({});function R(l){let s;return{c(){s=q("select a file")},l(l){s=F(l,"select a file")},m(l,e){m(l,s,e)},d(l){l&&d(s)}}}function V(l){let s;return{c(){s=q("select files")},l(l){s=F(l,"select files")},m(l,e){m(l,s,e)},d(l){l&&d(s)}}}function W(l){let s,e;return s=new K({props:{danger:!0,$$slots:{default:[X]},$$scope:{ctx:l}}}),s.$on("click",l[8]),{c(){I(s.$$.fragment)},l(l){S(s.$$.fragment,l)},m(l,a){T(s,l,a),e=!0},p(l,e){const a={};32768&e&&(a.$$scope={dirty:e,ctx:l}),s.$set(a)},i(l){e||(E(s.$$.fragment,l),e=!0)},o(l){N(s.$$.fragment,l),e=!1},d(l){U(s,l)}}}function X(l){let s;return{c(){s=q("clear selection")},l(l){s=F(l,"clear selection")},m(l,e){m(l,s,e)},d(l){l&&d(s)}}}function Y(l){let s,e,k,w,A,I,S,T,U,q,F,H=[{type:"file"},{multiple:l[3]},{disabled:l[5]},l[10]],K={};for(let l=0;l<H.length;l+=1)K=a(K,H[l]);const X=l[11]["select-file-message"],Y=t(X,l,l[15],Q),D=Y||function(l){let s;function e(l,s){return l[3]?V:R}let a=e(l),t=a(l);return{c(){t.c(),s=B()},l(l){t.l(l),s=B()},m(l,e){t.m(l,e),m(l,s,e)},p(l,n){a!==(a=e(l))&&(t.d(1),t=a(l),t&&(t.c(),t.m(s.parentNode,s)))},d(l){t.d(l),l&&d(s)}}}(l);let G=null!=l[0]&&0!==l[0].length&&W(l);return{c(){s=n("span"),e=n("label"),k=n("input"),w=i(),D&&D.c(),S=i(),G&&G.c(),this.h()},l(l){s=c(l,"SPAN",{class:!0});var a=u(s);e=c(a,"LABEL",{class:!0});var t=u(e);k=c(t,"INPUT",{type:!0}),w=r(t),D&&D.l(t),t.forEach(d),S=r(a),G&&G.l(a),a.forEach(d),this.h()},h(){o(k,K),f(k,"svelte-2d62iz",!0),p(e,"class",A=$(M(l[2]))+" svelte-2d62iz"),f(e,"disabled",l[5]),p(s,"class",T=$(M("file-input",l[1]))+" svelte-2d62iz"),f(s,"vertical",l[4])},m(a,t){m(a,s,t),v(s,e),v(e,k),k.autofocus&&k.focus(),l[13](k),v(e,w),D&&D.m(e,null),v(s,S),G&&G.m(s,null),U=!0,q||(F=[b(k,"change",l[12]),b(k,"change",l[14]),h(I=J.call(null,e,{disabled:l[5]}))],q=!0)},p(l,[a]){o(k,K=g(H,[{type:"file"},(!U||8&a)&&{multiple:l[3]},(!U||32&a)&&{disabled:l[5]},1024&a&&l[10]])),f(k,"svelte-2d62iz",!0),Y?Y.p&&(!U||32768&a)&&y(Y,X,l,l[15],U?x(X,l[15],a,O):z(l[15]),Q):D&&D.p&&(!U||8&a)&&D.p(l,U?a:-1),(!U||4&a&&A!==(A=$(M(l[2]))+" svelte-2d62iz"))&&p(e,"class",A),I&&C(I.update)&&32&a&&I.update.call(null,{disabled:l[5]}),(!U||36&a)&&f(e,"disabled",l[5]),null!=l[0]&&0!==l[0].length?G?(G.p(l,a),1&a&&E(G,1)):(G=W(l),G.c(),E(G,1),G.m(s,null)):G&&(j(),N(G,1,1,(()=>{G=null})),L()),(!U||2&a&&T!==(T=$(M("file-input",l[1]))+" svelte-2d62iz"))&&p(s,"class",T),(!U||18&a)&&f(s,"vertical",l[4])},i(l){U||(E(D,l),E(G),U=!0)},o(l){N(D,l),N(G),U=!1},d(e){e&&d(s),l[13](null),D&&D.d(e),G&&G.d(),q=!1,P(F)}}}function D(l,s,e){const t=["class","labelClass","multiple","vertical","value","disabled"];let n,i,c=k(s,t),{$$slots:u={},$$scope:r}=s,{class:d=null}=s,{labelClass:o=null}=s,{multiple:f=!1}=s,{vertical:p=!1}=s,{value:$=(f?[]:null)}=s,{disabled:m=!1}=s;const v=w();return l.$$set=l=>{s=a(a({},s),A(l)),e(10,c=k(s,t)),"class"in l&&e(1,d=l.class),"labelClass"in l&&e(2,o=l.labelClass),"multiple"in l&&e(3,f=l.multiple),"vertical"in l&&e(4,p=l.vertical),"value"in l&&e(0,$=l.value),"disabled"in l&&e(5,m=l.disabled),"$$scope"in l&&e(15,r=l.$$scope)},l.$$.update=()=>{72&l.$$.dirty&&e(0,$=f?i||[]:i&&i[0]),1&l.$$.dirty&&function(l){null==l&&null!=n&&e(7,n.value="",n)}($)},[$,d,o,f,p,m,i,n,function(l){e(0,$=f?[]:null),e(7,n.value="",n),v("change",{value:$,nativeEvent:l})},v,c,u,function(){i=this.files,e(6,i)},function(l){H[l?"unshift":"push"]((()=>{n=l,e(7,n)}))},l=>v("change",{value:$,nativeEvent:l}),r]}var G=class extends l{constructor(l){super(),s(this,l,D,Y,e,{class:1,labelClass:2,multiple:3,vertical:4,value:0,disabled:5})}};export{G as F};
diff --git a/376/client/file-input.c1ad6f27.js b/376/client/file-input.c1ad6f27.js
new file mode 100644
index 000000000..a8c7d6242
--- /dev/null
+++ b/376/client/file-input.c1ad6f27.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as r,l as s,m as o,U as a,a0 as c,t as f,p as l,q as p,L as m,u,w as i,f as g,d,v as h,x,h as w,k as E,b as y,e as v,g as D,n as b,Y as O,$ as C,a1 as k,y as T,z as F}from"./client.0d36a0cf.js";import{L as S,H as N,P as j}from"./layout.b2760304.js";import{F as A}from"./file-input.a173f705.js";import{F as R}from"./file-tile.85e2cf4a.js";import{S as I}from"./showcase.8eb3893d.js";import{C as G}from"./color-preview.278d2729.js";import{R as P}from"./related-components.2f822d5e.js";import{H as B}from"./h2.122c8b9f.js";import{H as L}from"./h3.1e03849b.js";import{T as z,a as H,b as U,c as M}from"./table.e069c294.js";import"./button.743a388a.js";import"./classes.2453fa25.js";import"./format-file-size.22bb7c0a.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./card.72b37821.js";function Y(t){let e;return{c(){e=h("FileInput")},l(t){e=x(t,"FileInput")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function V(t){let e;return{c(){e=h("A regular file input matching the theme of the kit. Comes with buttons to select and deselect files.")},l(t){e=x(t,"A regular file input matching the theme of the kit. Comes with buttons to select and deselect files.")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function W(t){let e,$,n,r,s;return{c(){e=h("For a larger, more functional and visual file uploader, check out the "),$=w("a"),n=w("code"),r=h("FileDropzone"),s=h(". It also supports drag'n'drop file upload."),this.h()},l(t){e=x(t,"For a larger, more functional and visual file uploader, check out the "),$=E(t,"A",{href:!0});var o=y($);n=E(o,"CODE",{});var a=y(n);r=x(a,"FileDropzone"),a.forEach(d),o.forEach(d),s=x(t,". It also supports drag'n'drop file upload."),this.h()},h(){v($,"href","./docs/components/file-dropzone")},m(t,o){g(t,e,o),g(t,$,o),D($,n),D(n,r),g(t,s,o)},p:b,d(t){t&&d(e),t&&d($),t&&d(s)}}}function K(t){let e,$;return e=new R({props:{file:t[0]}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p(t,$){const n={};1&$&&(n.file=t[0]),e.$set(n)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function q(t){let e,$,n,a,c;function m(e){t[2](e)}let h={};void 0!==t[0]&&(h.value=t[0]),$=new A({props:h}),O.push((()=>C($,"value",m)));let x=null!=t[0]&&K(t);return{c(){e=w("div"),r($.$$.fragment),a=u(),x&&x.c(),this.h()},l(t){e=E(t,"DIV",{slot:!0,class:!0});var n=y(e);s($.$$.fragment,n),a=i(n),x&&x.l(n),n.forEach(d),this.h()},h(){v(e,"slot","showcase"),v(e,"class","padded svelte-1h883k1")},m(t,n){g(t,e,n),o($,e,null),D(e,a),x&&x.m(e,null),c=!0},p(t,r){const s={};!n&&1&r&&(n=!0,s.value=t[0],k((()=>n=!1))),$.$set(s),null!=t[0]?x?(x.p(t,r),1&r&&f(x,1)):(x=K(t),x.c(),f(x,1),x.m(e,null)):x&&(T(),l(x,1,1,(()=>{x=null})),F())},i(t){c||(f($.$$.fragment,t),f(x),c=!0)},o(t){l($.$$.fragment,t),l(x),c=!1},d(t){t&&d(e),p($),x&&x.d()}}}function J(t){let e,$;return{c(){e=w("div"),$=w("pre"),this.h()},l(t){e=E(t,"DIV",{slot:!0});var n=y(e);$=E(n,"PRE",{class:!0}),y($).forEach(d),n.forEach(d),this.h()},h(){v($,"class","language-svelte"),v(e,"slot","source")},m(t,n){g(t,e,n),D(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">let</span> upload <span class="token operator">=</span> <span class="token keyword">null</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FileInput</span> <span class="token attr-name"><span class="token namespace">bind:</span>value=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>upload<span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span>\n<span class="token language-javascript"><span class="token punctuation">&#123;</span>#<span class="token keyword">if</span> upload <span class="token operator">!=</span> <span class="token keyword">null</span><span class="token punctuation">&#125;</span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FileTile</span> <span class="token attr-name">file=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>upload<span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span>\n<span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token operator">/</span><span class="token keyword">if</span><span class="token punctuation">&#125;</span></span></code>'},p:b,d(t){t&&d(e)}}}function Q(t){let e;return{c(){e=h("Properties")},l(t){e=x(t,"Properties")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function X(t){let e;return{c(){e=h("Style Properties")},l(t){e=x(t,"Style Properties")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Z(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function _(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function tt(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function et(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function $t(t){let e,$,n,a,c,m,h,x;return e=new U({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),h=new U({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment),m=u(),r(h.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),g(t,m,r),o(h,t,r),x=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function nt(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("vertical")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"vertical"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function rt(t){let e,$;return{c(){e=w("code"),$=h("false")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"false"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function st(t){let e,$;return{c(){e=w("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"boolean"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function ot(t){let e,$,n,r,s,o,a;return{c(){e=h("Decides if the "),$=w("em"),n=h("select a file"),r=h(" and "),s=w("em"),o=h("clear selection"),a=h(" buttons will be laid out in a row or a column (upload a file to see the two buttons).")},l(t){e=x(t,"Decides if the "),$=E(t,"EM",{});var c=y($);n=x(c,"select a file"),c.forEach(d),r=x(t," and "),s=E(t,"EM",{});var f=y(s);o=x(f,"clear selection"),f.forEach(d),a=x(t," buttons will be laid out in a row or a column (upload a file to see the two buttons).")},m(t,c){g(t,e,c),g(t,$,c),D($,n),g(t,r,c),g(t,s,c),D(s,o),g(t,a,c)},p:b,d(t){t&&d(e),t&&d($),t&&d(r),t&&d(s),t&&d(a)}}}function at(t){let e,$,n,a,c,m,h,x;return e=new M({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment),m=u(),r(h.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),g(t,m,r),o(h,t,r),x=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function ct(t){let e,$,n,a,c,m;return $=new H({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),{c(){e=w("thead"),r($.$$.fragment),n=u(),a=w("tbody"),r(c.$$.fragment)},l(t){e=E(t,"THEAD",{});var r=y(e);s($.$$.fragment,r),r.forEach(d),n=i(t),a=E(t,"TBODY",{});var o=y(a);s(c.$$.fragment,o),o.forEach(d)},m(t,r){g(t,e,r),o($,e,null),g(t,n,r),g(t,a,r),o(c,a,null),m=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r)},i(t){m||(f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&d(e),p($),t&&d(n),t&&d(a),p(c)}}}function ft(t){let e;return{c(){e=h("Functional Properties")},l(t){e=x(t,"Functional Properties")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function lt(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function pt(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function mt(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function ut(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function it(t){let e,$,n,a,c,m,h,x;return e=new U({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),h=new U({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment),m=u(),r(h.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),g(t,m,r),o(h,t,r),x=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function gt(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("multiple")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"multiple"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function dt(t){let e,$;return{c(){e=w("code"),$=h("false")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"false"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function ht(t){let e,$;return{c(){e=w("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"boolean"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function xt(t){let e;return{c(){e=h("Allows the user to select multiple files.")},l(t){e=x(t,"Allows the user to select multiple files.")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function wt(t){let e,$,n,a,c,m,h,x;return e=new M({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment),m=u(),r(h.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),g(t,m,r),o(h,t,r),x=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function Et(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("value")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"value"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function yt(t){let e,$,n,r,s;return{c(){e=w("code"),$=h("null"),n=h(" or "),r=w("code"),s=h("[]")},l(t){e=E(t,"CODE",{});var o=y(e);$=x(o,"null"),o.forEach(d),n=x(t," or "),r=E(t,"CODE",{});var a=y(r);s=x(a,"[]"),a.forEach(d)},m(t,o){g(t,e,o),D(e,$),g(t,n,o),g(t,r,o),D(r,s)},p:b,d(t){t&&d(e),t&&d(n),t&&d(r)}}}function vt(t){let e,$,n,r,s,o,a;return{c(){e=w("a"),$=w("code"),n=h("File"),r=h(" or "),s=w("a"),o=w("code"),a=h("FileList"),this.h()},l(t){e=E(t,"A",{href:!0,rel:!0});var c=y(e);$=E(c,"CODE",{});var f=y($);n=x(f,"File"),f.forEach(d),c.forEach(d),r=x(t," or "),s=E(t,"A",{href:!0,rel:!0});var l=y(s);o=E(l,"CODE",{});var p=y(o);a=x(p,"FileList"),p.forEach(d),l.forEach(d),this.h()},h(){v(e,"href","https://developer.mozilla.org/en-US/docs/Web/API/File"),v(e,"rel","nofollow"),v(s,"href","https://developer.mozilla.org/en-US/docs/Web/API/FileList"),v(s,"rel","nofollow")},m(t,c){g(t,e,c),D(e,$),D($,n),g(t,r,c),g(t,s,c),D(s,o),D(o,a)},p:b,d(t){t&&d(e),t&&d(r),t&&d(s)}}}function Dt(t){let e,$,n,r,s,o,a,c,f,l,p,m,u,i,v,O,C;return{c(){e=h("The user's selection. If "),$=w("mark"),n=w("code"),r=h("multiple"),s=h(" is "),o=w("code"),a=h("false"),c=h(", the value is an actual "),f=w("code"),l=h("File"),p=h(" object, not a one-element "),m=w("code"),u=h("FileList"),i=h(", as opposed to the native "),v=w("code"),O=h('<input type="file">'),C=h(".")},l(t){e=x(t,"The user's selection. If "),$=E(t,"MARK",{});var g=y($);n=E(g,"CODE",{});var h=y(n);r=x(h,"multiple"),h.forEach(d),g.forEach(d),s=x(t," is "),o=E(t,"CODE",{});var w=y(o);a=x(w,"false"),w.forEach(d),c=x(t,", the value is an actual "),f=E(t,"CODE",{});var D=y(f);l=x(D,"File"),D.forEach(d),p=x(t," object, not a one-element "),m=E(t,"CODE",{});var b=y(m);u=x(b,"FileList"),b.forEach(d),i=x(t,", as opposed to the native "),v=E(t,"CODE",{});var k=y(v);O=x(k,'<input type="file">'),k.forEach(d),C=x(t,".")},m(t,d){g(t,e,d),g(t,$,d),D($,n),D(n,r),g(t,s,d),g(t,o,d),D(o,a),g(t,c,d),g(t,f,d),D(f,l),g(t,p,d),g(t,m,d),D(m,u),g(t,i,d),g(t,v,d),D(v,O),g(t,C,d)},p:b,d(t){t&&d(e),t&&d($),t&&d(s),t&&d(o),t&&d(c),t&&d(f),t&&d(p),t&&d(m),t&&d(i),t&&d(v),t&&d(C)}}}function bt(t){let e,$,n,a,c,m,h,x;return e=new M({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment),m=u(),r(h.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),g(t,m,r),o(h,t,r),x=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function Ot(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("disabled")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"disabled"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function Ct(t){let e,$;return{c(){e=w("code"),$=h("false")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"false"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function kt(t){let e,$;return{c(){e=w("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"boolean"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function Tt(t){let e;return{c(){e=h("Whether the input should accept files.")},l(t){e=x(t,"Whether the input should accept files.")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Ft(t){let e,$,n,a,c,m,h,x;return e=new M({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment),m=u(),r(h.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),g(t,m,r),o(h,t,r),x=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function St(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("...")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"..."),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function Nt(t){let e,$;return{c(){e=w("code"),$=h("any")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"any"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function jt(t){let e,$,n,r;return{c(){e=h("Everything else will be passed to the underlying "),$=w("code"),n=h("<input>"),r=h(" element.")},l(t){e=x(t,"Everything else will be passed to the underlying "),$=E(t,"CODE",{});var s=y($);n=x(s,"<input>"),s.forEach(d),r=x(t," element.")},m(t,s){g(t,e,s),g(t,$,s),D($,n),g(t,r,s)},p:b,d(t){t&&d(e),t&&d($),t&&d(r)}}}function At(t){let e,$,n,a,c,m,h,x;return e=new M({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),n=new M({}),c=new M({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment),m=u(),r(h.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),g(t,m,r),o(h,t,r),x=!0},p(t,$){const n={};8&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function Rt(t){let e,$,n,a,c,m,h,x,v,b,O,C;return $=new H({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),v=new H({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),O=new H({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){e=w("thead"),r($.$$.fragment),n=u(),a=w("tbody"),r(c.$$.fragment),m=u(),r(h.$$.fragment),x=u(),r(v.$$.fragment),b=u(),r(O.$$.fragment)},l(t){e=E(t,"THEAD",{});var r=y(e);s($.$$.fragment,r),r.forEach(d),n=i(t),a=E(t,"TBODY",{});var o=y(a);s(c.$$.fragment,o),m=i(o),s(h.$$.fragment,o),x=i(o),s(v.$$.fragment,o),b=i(o),s(O.$$.fragment,o),o.forEach(d)},m(t,r){g(t,e,r),o($,e,null),g(t,n,r),g(t,a,r),o(c,a,null),D(a,m),o(h,a,null),D(a,x),o(v,a,null),D(a,b),o(O,a,null),C=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),h.$set(s);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),v.$set(o);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),O.$set(a)},i(t){C||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(v.$$.fragment,t),f(O.$$.fragment,t),C=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(v.$$.fragment,t),l(O.$$.fragment,t),C=!1},d(t){t&&d(e),p($),t&&d(n),t&&d(a),p(c),p(h),p(v),p(O)}}}function It(t){let e;return{c(){e=h("Class Properties")},l(t){e=x(t,"Class Properties")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Gt(t){let e,$,n,r,s,o,a;return{c(){e=h("All "),$=w("code"),n=h("<FileInput>"),r=h(" components use the "),s=w("code"),o=h(".file-input"),a=h(" class.")},l(t){e=x(t,"All "),$=E(t,"CODE",{});var c=y($);n=x(c,"<FileInput>"),c.forEach(d),r=x(t," components use the "),s=E(t,"CODE",{});var f=y(s);o=x(f,".file-input"),f.forEach(d),a=x(t," class.")},m(t,c){g(t,e,c),g(t,$,c),D($,n),g(t,r,c),g(t,s,c),D(s,o),g(t,a,c)},p:b,d(t){t&&d(e),t&&d($),t&&d(r),t&&d(s),t&&d(a)}}}function Pt(t){let e;return{c(){e=h("Falsy values passed to classes will be disregarded.")},l(t){e=x(t,"Falsy values passed to classes will be disregarded.")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Bt(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Lt(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function zt(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Ht(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Ut(t){let e,$,n,a,c,m,h,x;return e=new U({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),h=new U({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment),m=u(),r(h.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),g(t,m,r),o(h,t,r),x=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function Mt(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("class")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"class"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function Yt(t){let e,$;return{c(){e=w("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"null"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function Vt(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"string"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function Wt(t){let e;return{c(){e=h("A class string to add to the component.")},l(t){e=x(t,"A class string to add to the component.")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Kt(t){let e,$,n,a,c,m,h,x;return e=new M({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment),m=u(),r(h.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),g(t,m,r),o(h,t,r),x=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function qt(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("labelClass")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"labelClass"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function Jt(t){let e,$;return{c(){e=w("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"null"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function Qt(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"string"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function Xt(t){let e,$,n,r,s,o,a;return{c(){e=h("A class string to add to the "),$=w("code"),n=h("<label>"),r=h(" element wrapping the "),s=w("code"),o=h("<input>"),a=h(".")},l(t){e=x(t,"A class string to add to the "),$=E(t,"CODE",{});var c=y($);n=x(c,"<label>"),c.forEach(d),r=x(t," element wrapping the "),s=E(t,"CODE",{});var f=y(s);o=x(f,"<input>"),f.forEach(d),a=x(t,".")},m(t,c){g(t,e,c),g(t,$,c),D($,n),g(t,r,c),g(t,s,c),D(s,o),g(t,a,c)},p:b,d(t){t&&d(e),t&&d($),t&&d(r),t&&d(s),t&&d(a)}}}function Zt(t){let e,$,n,a,c,m,h,x;return e=new M({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment),m=u(),r(h.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),g(t,m,r),o(h,t,r),x=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function _t(t){let e,$,n,a,c,m,h,x;return $=new H({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),{c(){e=w("thead"),r($.$$.fragment),n=u(),a=w("tbody"),r(c.$$.fragment),m=u(),r(h.$$.fragment)},l(t){e=E(t,"THEAD",{});var r=y(e);s($.$$.fragment,r),r.forEach(d),n=i(t),a=E(t,"TBODY",{});var o=y(a);s(c.$$.fragment,o),m=i(o),s(h.$$.fragment,o),o.forEach(d)},m(t,r){g(t,e,r),o($,e,null),g(t,n,r),g(t,a,r),o(c,a,null),D(a,m),o(h,a,null),x=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),h.$set(s)},i(t){x||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){t&&d(e),p($),t&&d(n),t&&d(a),p(c),p(h)}}}function te(t){let e;return{c(){e=h("Events")},l(t){e=x(t,"Events")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function ee(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function $e(t){let e;return{c(){e=h("Event Detail")},l(t){e=x(t,"Event Detail")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function ne(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function re(t){let e,$,n,a,c,m;return e=new U({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function se(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("change")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"change"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function oe(t){let e,$;return{c(){e=w("code"),$=h("{ value, nativeEvent }")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"{ value, nativeEvent }"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function ae(t){let e,$,n,r;return{c(){e=h("Fired when a selection is made or cleared. In case of clearing the selection, the "),$=w("code"),n=h("nativeEvent"),r=h(" is a click event.")},l(t){e=x(t,"Fired when a selection is made or cleared. In case of clearing the selection, the "),$=E(t,"CODE",{});var s=y($);n=x(s,"nativeEvent"),s.forEach(d),r=x(t," is a click event.")},m(t,s){g(t,e,s),g(t,$,s),D($,n),g(t,r,s)},p:b,d(t){t&&d(e),t&&d($),t&&d(r)}}}function ce(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function fe(t){let e,$,n,a,c,m;return $=new H({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),{c(){e=w("thead"),r($.$$.fragment),n=u(),a=w("tbody"),r(c.$$.fragment)},l(t){e=E(t,"THEAD",{});var r=y(e);s($.$$.fragment,r),r.forEach(d),n=i(t),a=E(t,"TBODY",{});var o=y(a);s(c.$$.fragment,o),o.forEach(d)},m(t,r){g(t,e,r),o($,e,null),g(t,n,r),g(t,a,r),o(c,a,null),m=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r)},i(t){m||(f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&d(e),p($),t&&d(n),t&&d(a),p(c)}}}function le(t){let e;return{c(){e=h("Slots")},l(t){e=x(t,"Slots")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function pe(t){let e,$,n;return{c(){e=w("code"),$=h("select-file-message"),n=h(" slot")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"select-file-message"),r.forEach(d),n=x(t," slot")},m(t,r){g(t,e,r),D(e,$),g(t,n,r)},p:b,d(t){t&&d(e),t&&d(n)}}}function me(t){let e;return{c(){e=h('Use this slot to translate the "select file" message that appears when tabbing into the dropdown of options.')},l(t){e=x(t,'Use this slot to translate the "select file" message that appears when tabbing into the dropdown of options.')},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function ue(t){let e;return{c(){e=h("Default slot")},l(t){e=x(t,"Default slot")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function ie(t){let e,$,n,r,s;return{c(){e=h('The label of the main upload button. Defaults to the text "select a file" / "select files" depending on the value of the '),$=w("mark"),n=w("code"),r=h("multiple"),s=h(" property.")},l(t){e=x(t,'The label of the main upload button. Defaults to the text "select a file" / "select files" depending on the value of the '),$=E(t,"MARK",{});var o=y($);n=E(o,"CODE",{});var a=y(n);r=x(a,"multiple"),a.forEach(d),o.forEach(d),s=x(t," property.")},m(t,o){g(t,e,o),g(t,$,o),D($,n),D(n,r),g(t,s,o)},p:b,d(t){t&&d(e),t&&d($),t&&d(s)}}}function ge(t){let e;return{c(){e=h("SCSS Variables")},l(t){e=x(t,"SCSS Variables")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function de(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function he(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function xe(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function we(t){let e,$,n,a,c,m;return e=new U({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function Ee(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("$main")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"$main"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function ye(t){let e;return{c(){e=h("The color of the main upload button.")},l(t){e=x(t,"The color of the main upload button.")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function ve(t){let e,$;return e=new G({props:{value:"#4300B0"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function De(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function be(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("$font")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"$font"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function Oe(t){let e;return{c(){e=h("The font of the button text.")},l(t){e=x(t,"The font of the button text.")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Ce(t){let e,$;return{c(){e=w("code"),$=h("'Ubuntu'")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"'Ubuntu'"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function ke(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function Te(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("$button-radius")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"$button-radius"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function Fe(t){let e;return{c(){e=h("The curvature radius of a button.")},l(t){e=x(t,"The curvature radius of a button.")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Se(t){let e,$;return{c(){e=w("code"),$=h("1.5625em")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"1.5625em"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function Ne(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function je(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("$danger")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"$danger"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function Ae(t){let e;return{c(){e=h("The color of the clearing button.")},l(t){e=x(t,"The color of the clearing button.")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Re(t){let e,$;return e=new G({props:{value:"#B80000"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Ie(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function Ge(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("$disabled")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"$disabled"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function Pe(t){let e;return{c(){e=h("The color of the main upload button when the input is disabled.")},l(t){e=x(t,"The color of the main upload button when the input is disabled.")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Be(t){let e,$;return e=new G({props:{value:"#888888"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Le(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function ze(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("$bold-font-weight")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"$bold-font-weight"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function He(t){let e;return{c(){e=h("The bold font weight of the buttons.")},l(t){e=x(t,"The bold font weight of the buttons.")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Ue(t){let e,$;return{c(){e=w("code"),$=h("500")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"500"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function Me(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function Ye(t){let e,$,n,r,s,o,a,c,f;return{c(){e=w("strong"),$=w("code"),n=h("$danger"),r=u(),s=w("small"),o=h("From "),a=w("a"),c=w("code"),f=h("Button"),this.h()},l(t){e=E(t,"STRONG",{});var l=y(e);$=E(l,"CODE",{});var p=y($);n=x(p,"$danger"),p.forEach(d),l.forEach(d),r=i(t),s=E(t,"SMALL",{});var m=y(s);o=x(m,"From "),a=E(m,"A",{href:!0});var u=y(a);c=E(u,"CODE",{});var g=y(c);f=x(g,"Button"),g.forEach(d),u.forEach(d),m.forEach(d),this.h()},h(){v(a,"href","./docs/components/button")},m(t,l){g(t,e,l),D(e,$),D($,n),g(t,r,l),g(t,s,l),D(s,o),D(s,a),D(a,c),D(c,f)},p:b,d(t){t&&d(e),t&&d(r),t&&d(s)}}}function Ve(t){let e;return{c(){e=h('The color of the "clear selection" buttons.')},l(t){e=x(t,'The color of the "clear selection" buttons.')},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function We(t){let e,$;return e=new G({props:{value:"#B80000"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Ke(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function qe(t){let e,$,n,a,c,m,h,x,v,b,O,C,k,T,F,S,N,j;return $=new H({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),v=new H({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),O=new H({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),k=new H({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),F=new H({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),N=new H({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),{c(){e=w("thead"),r($.$$.fragment),n=u(),a=w("tbody"),r(c.$$.fragment),m=u(),r(h.$$.fragment),x=u(),r(v.$$.fragment),b=u(),r(O.$$.fragment),C=u(),r(k.$$.fragment),T=u(),r(F.$$.fragment),S=u(),r(N.$$.fragment)},l(t){e=E(t,"THEAD",{});var r=y(e);s($.$$.fragment,r),r.forEach(d),n=i(t),a=E(t,"TBODY",{});var o=y(a);s(c.$$.fragment,o),m=i(o),s(h.$$.fragment,o),x=i(o),s(v.$$.fragment,o),b=i(o),s(O.$$.fragment,o),C=i(o),s(k.$$.fragment,o),T=i(o),s(F.$$.fragment,o),S=i(o),s(N.$$.fragment,o),o.forEach(d)},m(t,r){g(t,e,r),o($,e,null),g(t,n,r),g(t,a,r),o(c,a,null),D(a,m),o(h,a,null),D(a,x),o(v,a,null),D(a,b),o(O,a,null),D(a,C),o(k,a,null),D(a,T),o(F,a,null),D(a,S),o(N,a,null),j=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),h.$set(s);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),v.$set(o);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),O.$set(a);const f={};8&e&&(f.$$scope={dirty:e,ctx:t}),k.$set(f);const l={};8&e&&(l.$$scope={dirty:e,ctx:t}),F.$set(l);const p={};8&e&&(p.$$scope={dirty:e,ctx:t}),N.$set(p)},i(t){j||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(v.$$.fragment,t),f(O.$$.fragment,t),f(k.$$.fragment,t),f(F.$$.fragment,t),f(N.$$.fragment,t),j=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(v.$$.fragment,t),l(O.$$.fragment,t),l(k.$$.fragment,t),l(F.$$.fragment,t),l(N.$$.fragment,t),j=!1},d(t){t&&d(e),p($),t&&d(n),t&&d(a),p(c),p(h),p(v),p(O),p(k),p(F),p(N)}}}function Je(t){let e,$,n,a,c,m,h,x,w,E,y,v,D,b,O,C,k,T,F,S,A,R,G,H,U,M,K,Z,_,tt,et,$t,nt,rt,st,ot,at,lt,pt,mt,ut,it,gt,dt,ht,xt;return e=new N({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),n=new j({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),c=new j({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),h=new P({props:{components:_e}}),w=new I({props:{$$slots:{source:[J],showcase:[q]},$$scope:{ctx:t}}}),y=new B({props:{id:"properties",$$slots:{default:[Q]},$$scope:{ctx:t}}}),D=new L({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),O=new z({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),k=new L({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),F=new z({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),A=new L({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),G=new j({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),U=new j({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),K=new z({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),_=new B({props:{id:"events",$$slots:{default:[te]},$$scope:{ctx:t}}}),et=new z({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),nt=new B({props:{id:"slots",$$slots:{default:[le]},$$scope:{ctx:t}}}),st=new L({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),at=new j({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),pt=new L({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),ut=new j({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),gt=new B({props:{id:"scss-variables",$$slots:{default:[ge]},$$scope:{ctx:t}}}),ht=new z({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment),m=u(),r(h.$$.fragment),x=u(),r(w.$$.fragment),E=u(),r(y.$$.fragment),v=u(),r(D.$$.fragment),b=u(),r(O.$$.fragment),C=u(),r(k.$$.fragment),T=u(),r(F.$$.fragment),S=u(),r(A.$$.fragment),R=u(),r(G.$$.fragment),H=u(),r(U.$$.fragment),M=u(),r(K.$$.fragment),Z=u(),r(_.$$.fragment),tt=u(),r(et.$$.fragment),$t=u(),r(nt.$$.fragment),rt=u(),r(st.$$.fragment),ot=u(),r(at.$$.fragment),lt=u(),r(pt.$$.fragment),mt=u(),r(ut.$$.fragment),it=u(),r(gt.$$.fragment),dt=u(),r(ht.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t),x=i(t),s(w.$$.fragment,t),E=i(t),s(y.$$.fragment,t),v=i(t),s(D.$$.fragment,t),b=i(t),s(O.$$.fragment,t),C=i(t),s(k.$$.fragment,t),T=i(t),s(F.$$.fragment,t),S=i(t),s(A.$$.fragment,t),R=i(t),s(G.$$.fragment,t),H=i(t),s(U.$$.fragment,t),M=i(t),s(K.$$.fragment,t),Z=i(t),s(_.$$.fragment,t),tt=i(t),s(et.$$.fragment,t),$t=i(t),s(nt.$$.fragment,t),rt=i(t),s(st.$$.fragment,t),ot=i(t),s(at.$$.fragment,t),lt=i(t),s(pt.$$.fragment,t),mt=i(t),s(ut.$$.fragment,t),it=i(t),s(gt.$$.fragment,t),dt=i(t),s(ht.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),g(t,m,r),o(h,t,r),g(t,x,r),o(w,t,r),g(t,E,r),o(y,t,r),g(t,v,r),o(D,t,r),g(t,b,r),o(O,t,r),g(t,C,r),o(k,t,r),g(t,T,r),o(F,t,r),g(t,S,r),o(A,t,r),g(t,R,r),o(G,t,r),g(t,H,r),o(U,t,r),g(t,M,r),o(K,t,r),g(t,Z,r),o(_,t,r),g(t,tt,r),o(et,t,r),g(t,$t,r),o(nt,t,r),g(t,rt,r),o(st,t,r),g(t,ot,r),o(at,t,r),g(t,lt,r),o(pt,t,r),g(t,mt,r),o(ut,t,r),g(t,it,r),o(gt,t,r),g(t,dt,r),o(ht,t,r),xt=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};9&$&&(a.$$scope={dirty:$,ctx:t}),w.$set(a);const f={};8&$&&(f.$$scope={dirty:$,ctx:t}),y.$set(f);const l={};8&$&&(l.$$scope={dirty:$,ctx:t}),D.$set(l);const p={};8&$&&(p.$$scope={dirty:$,ctx:t}),O.$set(p);const m={};8&$&&(m.$$scope={dirty:$,ctx:t}),k.$set(m);const u={};8&$&&(u.$$scope={dirty:$,ctx:t}),F.$set(u);const i={};8&$&&(i.$$scope={dirty:$,ctx:t}),A.$set(i);const g={};8&$&&(g.$$scope={dirty:$,ctx:t}),G.$set(g);const d={};8&$&&(d.$$scope={dirty:$,ctx:t}),U.$set(d);const h={};8&$&&(h.$$scope={dirty:$,ctx:t}),K.$set(h);const x={};8&$&&(x.$$scope={dirty:$,ctx:t}),_.$set(x);const E={};8&$&&(E.$$scope={dirty:$,ctx:t}),et.$set(E);const v={};8&$&&(v.$$scope={dirty:$,ctx:t}),nt.$set(v);const b={};8&$&&(b.$$scope={dirty:$,ctx:t}),st.$set(b);const C={};8&$&&(C.$$scope={dirty:$,ctx:t}),at.$set(C);const T={};8&$&&(T.$$scope={dirty:$,ctx:t}),pt.$set(T);const S={};8&$&&(S.$$scope={dirty:$,ctx:t}),ut.$set(S);const N={};8&$&&(N.$$scope={dirty:$,ctx:t}),gt.$set(N);const j={};8&$&&(j.$$scope={dirty:$,ctx:t}),ht.$set(j)},i(t){xt||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(w.$$.fragment,t),f(y.$$.fragment,t),f(D.$$.fragment,t),f(O.$$.fragment,t),f(k.$$.fragment,t),f(F.$$.fragment,t),f(A.$$.fragment,t),f(G.$$.fragment,t),f(U.$$.fragment,t),f(K.$$.fragment,t),f(_.$$.fragment,t),f(et.$$.fragment,t),f(nt.$$.fragment,t),f(st.$$.fragment,t),f(at.$$.fragment,t),f(pt.$$.fragment,t),f(ut.$$.fragment,t),f(gt.$$.fragment,t),f(ht.$$.fragment,t),xt=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(w.$$.fragment,t),l(y.$$.fragment,t),l(D.$$.fragment,t),l(O.$$.fragment,t),l(k.$$.fragment,t),l(F.$$.fragment,t),l(A.$$.fragment,t),l(G.$$.fragment,t),l(U.$$.fragment,t),l(K.$$.fragment,t),l(_.$$.fragment,t),l(et.$$.fragment,t),l(nt.$$.fragment,t),l(st.$$.fragment,t),l(at.$$.fragment,t),l(pt.$$.fragment,t),l(ut.$$.fragment,t),l(gt.$$.fragment,t),l(ht.$$.fragment,t),xt=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t),t&&d(x),p(w,t),t&&d(E),p(y,t),t&&d(v),p(D,t),t&&d(b),p(O,t),t&&d(C),p(k,t),t&&d(T),p(F,t),t&&d(S),p(A,t),t&&d(R),p(G,t),t&&d(H),p(U,t),t&&d(M),p(K,t),t&&d(Z),p(_,t),t&&d(tt),p(et,t),t&&d($t),p(nt,t),t&&d(rt),p(st,t),t&&d(ot),p(at,t),t&&d(lt),p(pt,t),t&&d(mt),p(ut,t),t&&d(it),p(gt,t),t&&d(dt),p(ht,t)}}}function Qe(t){let e,$;const m=[t[1],Xe];let u={$$slots:{default:[Je]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)u=n(u,m[t]);return e=new S({props:u}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p(t,[$]){const n=2&$?a(m,[2&$&&c(t[1]),0&$&&c(Xe)]):{};9&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}const Xe={name:"FileInput",relatedComponents:[{name:"FileDropzone",link:"./docs/components/file-dropzone"},{name:"FileTile",link:"./docs/components/file-tile"}]},{name:Ze,relatedComponents:_e}=Xe;function t$(t,e,$){let r=null;return t.$$set=t=>{$(1,e=n(n({},e),m(t)))},e=m(e),[r,e,function(t){r=t,$(0,r)}]}class e$ extends t{constructor(t){super(),e(this,t,t$,Qe,$,{})}}export{e$ as default,Xe as metadata};
diff --git a/376/client/file-tile-95dfbf7b.css b/376/client/file-tile-95dfbf7b.css
new file mode 100644
index 000000000..42dcf2212
--- /dev/null
+++ b/376/client/file-tile-95dfbf7b.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-1h883k1 .file-tile{max-width:16em}
diff --git a/376/client/file-tile-b3753d1d.css b/376/client/file-tile-b3753d1d.css
new file mode 100644
index 000000000..a5998a8f1
--- /dev/null
+++ b/376/client/file-tile-b3753d1d.css
@@ -0,0 +1 @@
+.file-tile.svelte-1mngzcd.svelte-1mngzcd{background:#fff;border-radius:0.625em;box-shadow:0 2px 5px rgba(0, 0, 0, 0.14), 0 1px 5px rgba(0, 0, 0, 0.12);color:#333;display:grid;font-size:0.9em;gap:0.2em;grid-template-columns:1fr auto;grid-template-rows:auto auto;padding:0.5em;padding-left:1.2em;z-index:100}.file-tile.svelte-1mngzcd .btn{align-self:center;grid-column:2;grid-row:1/3}.file-tile.svelte-1mngzcd .filename.svelte-1mngzcd{align-self:end;overflow:hidden;text-overflow:ellipsis}.file-tile.svelte-1mngzcd .properties.svelte-1mngzcd{font-size:0.85em;font-weight:300}
diff --git a/376/client/file-tile.02de9ba2.js b/376/client/file-tile.02de9ba2.js
new file mode 100644
index 000000000..04cbc2123
--- /dev/null
+++ b/376/client/file-tile.02de9ba2.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as $,j as s,l as a,m as r,U as o,a0 as c,t as p,p as l,q as f,E as m,L as i,u,h as g,v as d,w as h,k as x,b as w,x as y,d as k,e as v,f as E,g as b,y as D,z as T,n as O}from"./client.0d36a0cf.js";import{L as j,H as C,P as F}from"./layout.b2760304.js";import{F as S}from"./file-tile.85e2cf4a.js";import{S as A}from"./showcase.8eb3893d.js";import{C as N}from"./color-preview.278d2729.js";import{S as R}from"./shadow-preview.f1e703b1.js";import{R as z}from"./related-components.2f822d5e.js";import{H as P}from"./h2.122c8b9f.js";import{H as B}from"./h3.1e03849b.js";import{T as G,a as H,b as L,c as M}from"./table.e069c294.js";import"./button.743a388a.js";import"./classes.2453fa25.js";import"./format-file-size.22bb7c0a.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./popover.156a947e.js";import"./card.72b37821.js";function q(t){let e;return{c(){e=d("FileTile")},l(t){e=y(t,"FileTile")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function I(t){let e;return{c(){e=d("A small tile displaying the name of a file, its size and format in human-readable ways.")},l(t){e=y(t,"A small tile displaying the name of a file, its size and format in human-readable ways.")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function V(t){let e,n;return e=new S({props:{file:t[0]}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p(t,n){const $={};1&n&&($.file=t[0]),e.$set($)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function Y(t){let e,n,$=null!=t[0]&&V(t);return{c(){e=g("div"),$&&$.c(),this.h()},l(t){e=x(t,"DIV",{slot:!0,class:!0});var n=w(e);$&&$.l(n),n.forEach(k),this.h()},h(){v(e,"slot","showcase"),v(e,"class","padded svelte-1h883k1")},m(t,s){E(t,e,s),$&&$.m(e,null),n=!0},p(t,n){null!=t[0]?$?($.p(t,n),1&n&&p($,1)):($=V(t),$.c(),p($,1),$.m(e,null)):$&&(D(),l($,1,1,(()=>{$=null})),T())},i(t){n||(p($),n=!0)},o(t){l($),n=!1},d(t){t&&k(e),$&&$.d()}}}function K(t){let e,n;return{c(){e=g("div"),n=g("pre"),this.h()},l(t){e=x(t,"DIV",{slot:!0});var $=w(e);n=x($,"PRE",{class:!0}),w(n).forEach(k),$.forEach(k),this.h()},h(){v(n,"class","language-svelte"),v(e,"slot","source")},m(t,$){E(t,e,$),b(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">&#123;</span> onMount <span class="token punctuation">&#125;</span> <span class="token keyword">from</span> <span class="token string">\'svelte\'</span><span class="token punctuation">;</span>\n\n  <span class="token keyword">let</span> file <span class="token operator">=</span> <span class="token keyword">null</span><span class="token punctuation">;</span>\n  <span class="token function">onMount</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">&#123;</span>\n    file <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">File</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token string">""</span><span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token string">"filename.txt"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token language-javascript"><span class="token punctuation">&#123;</span>#<span class="token keyword">if</span> file <span class="token operator">!=</span> <span class="token keyword">null</span><span class="token punctuation">&#125;</span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FileTile</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>file<span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span>\n<span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token operator">/</span><span class="token keyword">if</span><span class="token punctuation">&#125;</span></span></code>'},p:O,d(t){t&&k(e)}}}function U(t){let e;return{c(){e=d("Properties")},l(t){e=y(t,"Properties")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function W(t){let e;return{c(){e=d("Functional Properties")},l(t){e=y(t,"Functional Properties")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function J(t){let e;return{c(){e=d("Name")},l(t){e=y(t,"Name")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function Q(t){let e;return{c(){e=d("Default")},l(t){e=y(t,"Default")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function X(t){let e;return{c(){e=d("Type")},l(t){e=y(t,"Type")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function Z(t){let e;return{c(){e=d("Description")},l(t){e=y(t,"Description")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function _(t){let e,n,$,o,c,m,i,g;return e=new L({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),i=new L({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=h(t),a($.$$.fragment,t),o=h(t),a(c.$$.fragment,t),m=h(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),E(t,n,s),r($,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(i,t,s),g=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),i.$set(o)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),g=!1},d(t){f(e,t),t&&k(n),f($,t),t&&k(o),f(c,t),t&&k(m),f(i,t)}}}function tt(t){let e,n,$,s,a,r,o;return{c(){e=g("mark"),n=g("strong"),$=g("code"),s=d("file"),a=d(" "),r=g("span"),o=d("*"),this.h()},l(t){e=x(t,"MARK",{});var c=w(e);n=x(c,"STRONG",{});var p=w(n);$=x(p,"CODE",{});var l=w($);s=y(l,"file"),l.forEach(k),p.forEach(k),c.forEach(k),a=y(t," "),r=x(t,"SPAN",{class:!0});var f=w(r);o=y(f,"*"),f.forEach(k),this.h()},h(){v(r,"class","required")},m(t,c){E(t,e,c),b(e,n),b(n,$),b($,s),E(t,a,c),E(t,r,c),b(r,o)},p:O,d(t){t&&k(e),t&&k(a),t&&k(r)}}}function et(t){let e,n,$;return{c(){e=g("a"),n=g("code"),$=d("File"),this.h()},l(t){e=x(t,"A",{href:!0,rel:!0});var s=w(e);n=x(s,"CODE",{});var a=w(n);$=y(a,"File"),a.forEach(k),s.forEach(k),this.h()},h(){v(e,"href","https://developer.mozilla.org/en-US/docs/Web/API/File"),v(e,"rel","nofollow")},m(t,s){E(t,e,s),b(e,n),b(n,$)},p:O,d(t){t&&k(e)}}}function nt(t){let e;return{c(){e=d("The File object to display.")},l(t){e=y(t,"The File object to display.")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function $t(t){let e,n,$,o,c,m,i,g;return e=new M({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),$=new M({}),c=new M({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),i=new M({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=h(t),a($.$$.fragment,t),o=h(t),a(c.$$.fragment,t),m=h(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),E(t,n,s),r($,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(i,t,s),g=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),c.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),i.$set(a)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),g=!1},d(t){f(e,t),t&&k(n),f($,t),t&&k(o),f(c,t),t&&k(m),f(i,t)}}}function st(t){let e,n,$,o,c,m;return n=new H({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s(n.$$.fragment),$=u(),o=g("tbody"),s(c.$$.fragment)},l(t){e=x(t,"THEAD",{});var s=w(e);a(n.$$.fragment,s),s.forEach(k),$=h(t),o=x(t,"TBODY",{});var r=w(o);a(c.$$.fragment,r),r.forEach(k)},m(t,s){E(t,e,s),r(n,e,null),E(t,$,s),E(t,o,s),r(c,o,null),m=!0},p(t,e){const $={};4&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&k(e),f(n),t&&k($),t&&k(o),f(c)}}}function at(t){let e;return{c(){e=d("Class Properties")},l(t){e=y(t,"Class Properties")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function rt(t){let e,n,$,s,a,r,o;return{c(){e=d("All "),n=g("code"),$=d("<FileTile>"),s=d(" components use the "),a=g("code"),r=d(".file-tile"),o=d(" class.")},l(t){e=y(t,"All "),n=x(t,"CODE",{});var c=w(n);$=y(c,"<FileTile>"),c.forEach(k),s=y(t," components use the "),a=x(t,"CODE",{});var p=w(a);r=y(p,".file-tile"),p.forEach(k),o=y(t," class.")},m(t,c){E(t,e,c),E(t,n,c),b(n,$),E(t,s,c),E(t,a,c),b(a,r),E(t,o,c)},p:O,d(t){t&&k(e),t&&k(n),t&&k(s),t&&k(a),t&&k(o)}}}function ot(t){let e;return{c(){e=d("Events")},l(t){e=y(t,"Events")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function ct(t){let e;return{c(){e=d("Name")},l(t){e=y(t,"Name")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function pt(t){let e;return{c(){e=d("Event Detail")},l(t){e=y(t,"Event Detail")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function lt(t){let e;return{c(){e=d("Description")},l(t){e=y(t,"Description")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function ft(t){let e,n,$,o,c,m;return e=new L({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=h(t),a($.$$.fragment,t),o=h(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,n,s),r($,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&k(n),f($,t),t&&k(o),f(c,t)}}}function mt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=d("delete")},l(t){e=x(t,"STRONG",{});var s=w(e);n=x(s,"CODE",{});var a=w(n);$=y(a,"delete"),a.forEach(k),s.forEach(k)},m(t,s){E(t,e,s),b(e,n),b(n,$)},p:O,d(t){t&&k(e)}}}function it(t){let e,n;return{c(){e=g("code"),n=d("file")},l(t){e=x(t,"CODE",{});var $=w(e);n=y($,"file"),$.forEach(k)},m(t,$){E(t,e,$),b(e,n)},p:O,d(t){t&&k(e)}}}function ut(t){let e,n,$,s;return{c(){e=d("Fired when the delete button is pressed. The detail is the same "),n=g("code"),$=d("file"),s=d(" object that was passed in the property.")},l(t){e=y(t,"Fired when the delete button is pressed. The detail is the same "),n=x(t,"CODE",{});var a=w(n);$=y(a,"file"),a.forEach(k),s=y(t," object that was passed in the property.")},m(t,a){E(t,e,a),E(t,n,a),b(n,$),E(t,s,a)},p:O,d(t){t&&k(e),t&&k(n),t&&k(s)}}}function gt(t){let e,n,$,o,c,m;return e=new M({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=h(t),a($.$$.fragment,t),o=h(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,n,s),r($,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&k(n),f($,t),t&&k(o),f(c,t)}}}function dt(t){let e,n,$,o,c,m;return n=new H({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s(n.$$.fragment),$=u(),o=g("tbody"),s(c.$$.fragment)},l(t){e=x(t,"THEAD",{});var s=w(e);a(n.$$.fragment,s),s.forEach(k),$=h(t),o=x(t,"TBODY",{});var r=w(o);a(c.$$.fragment,r),r.forEach(k)},m(t,s){E(t,e,s),r(n,e,null),E(t,$,s),E(t,o,s),r(c,o,null),m=!0},p(t,e){const $={};4&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&k(e),f(n),t&&k($),t&&k(o),f(c)}}}function ht(t){let e;return{c(){e=d("SCSS Variables")},l(t){e=y(t,"SCSS Variables")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function xt(t){let e;return{c(){e=d("Name")},l(t){e=y(t,"Name")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function wt(t){let e;return{c(){e=d("Description")},l(t){e=y(t,"Description")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function yt(t){let e;return{c(){e=d("Default")},l(t){e=y(t,"Default")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function kt(t){let e,n,$,o,c,m;return e=new L({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=h(t),a($.$$.fragment,t),o=h(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,n,s),r($,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&k(n),f($,t),t&&k(o),f(c,t)}}}function vt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=d("$dark")},l(t){e=x(t,"STRONG",{});var s=w(e);n=x(s,"CODE",{});var a=w(n);$=y(a,"$dark"),a.forEach(k),s.forEach(k)},m(t,s){E(t,e,s),b(e,n),b(n,$)},p:O,d(t){t&&k(e)}}}function Et(t){let e;return{c(){e=d("The text color of the tile.")},l(t){e=y(t,"The text color of the tile.")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function bt(t){let e,n;return e=new N({props:{value:"#333333"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p:O,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function Dt(t){let e,n,$,o,c,m;return e=new M({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=h(t),a($.$$.fragment,t),o=h(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,n,s),r($,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&k(n),f($,t),t&&k(o),f(c,t)}}}function Tt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=d("$file-tile-radius")},l(t){e=x(t,"STRONG",{});var s=w(e);n=x(s,"CODE",{});var a=w(n);$=y(a,"$file-tile-radius"),a.forEach(k),s.forEach(k)},m(t,s){E(t,e,s),b(e,n),b(n,$)},p:O,d(t){t&&k(e)}}}function Ot(t){let e;return{c(){e=d("The curvature radius of the tile.")},l(t){e=y(t,"The curvature radius of the tile.")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function jt(t){let e,n;return{c(){e=g("code"),n=d(".625em")},l(t){e=x(t,"CODE",{});var $=w(e);n=y($,".625em"),$.forEach(k)},m(t,$){E(t,e,$),b(e,n)},p:O,d(t){t&&k(e)}}}function Ct(t){let e,n,$,o,c,m;return e=new M({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=h(t),a($.$$.fragment,t),o=h(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,n,s),r($,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&k(n),f($,t),t&&k(o),f(c,t)}}}function Ft(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=d("$shadow-1")},l(t){e=x(t,"STRONG",{});var s=w(e);n=x(s,"CODE",{});var a=w(n);$=y(a,"$shadow-1"),a.forEach(k),s.forEach(k)},m(t,s){E(t,e,s),b(e,n),b(n,$)},p:O,d(t){t&&k(e)}}}function St(t){let e;return{c(){e=d("The shadow of the tile.")},l(t){e=y(t,"The shadow of the tile.")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function At(t){let e,n;return e=new R({props:{value:Zt}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p:O,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function Nt(t){let e,n,$,o,c,m;return e=new M({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=h(t),a($.$$.fragment,t),o=h(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,n,s),r($,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&k(n),f($,t),t&&k(o),f(c,t)}}}function Rt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=d("$thin-font-weight")},l(t){e=x(t,"STRONG",{});var s=w(e);n=x(s,"CODE",{});var a=w(n);$=y(a,"$thin-font-weight"),a.forEach(k),s.forEach(k)},m(t,s){E(t,e,s),b(e,n),b(n,$)},p:O,d(t){t&&k(e)}}}function zt(t){let e;return{c(){e=d("The thinner font weight for the file details: size and type.")},l(t){e=y(t,"The thinner font weight for the file details: size and type.")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function Pt(t){let e,n;return{c(){e=g("code"),n=d("300")},l(t){e=x(t,"CODE",{});var $=w(e);n=y($,"300"),$.forEach(k)},m(t,$){E(t,e,$),b(e,n)},p:O,d(t){t&&k(e)}}}function Bt(t){let e,n,$,o,c,m;return e=new M({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=h(t),a($.$$.fragment,t),o=h(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,n,s),r($,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&k(n),f($,t),t&&k(o),f(c,t)}}}function Gt(t){let e,n,$,s,a,r,o,c,p;return{c(){e=g("strong"),n=g("code"),$=d("$button-radius"),s=u(),a=g("small"),r=d("From "),o=g("a"),c=g("code"),p=d("Button"),this.h()},l(t){e=x(t,"STRONG",{});var l=w(e);n=x(l,"CODE",{});var f=w(n);$=y(f,"$button-radius"),f.forEach(k),l.forEach(k),s=h(t),a=x(t,"SMALL",{});var m=w(a);r=y(m,"From "),o=x(m,"A",{href:!0});var i=w(o);c=x(i,"CODE",{});var u=w(c);p=y(u,"Button"),u.forEach(k),i.forEach(k),m.forEach(k),this.h()},h(){v(o,"href","./docs/components/button")},m(t,l){E(t,e,l),b(e,n),b(n,$),E(t,s,l),E(t,a,l),b(a,r),b(a,o),b(o,c),b(c,p)},p:O,d(t){t&&k(e),t&&k(s),t&&k(a)}}}function Ht(t){let e;return{c(){e=d('The curvature radius of the "delete" button.')},l(t){e=y(t,'The curvature radius of the "delete" button.')},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function Lt(t){let e,n;return{c(){e=g("code"),n=d("1.5625em")},l(t){e=x(t,"CODE",{});var $=w(e);n=y($,"1.5625em"),$.forEach(k)},m(t,$){E(t,e,$),b(e,n)},p:O,d(t){t&&k(e)}}}function Mt(t){let e,n,$,o,c,m;return e=new M({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=h(t),a($.$$.fragment,t),o=h(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,n,s),r($,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&k(n),f($,t),t&&k(o),f(c,t)}}}function qt(t){let e,n,$,s,a,r,o,c,p;return{c(){e=g("strong"),n=g("code"),$=d("$danger"),s=u(),a=g("small"),r=d("From "),o=g("a"),c=g("code"),p=d("Button"),this.h()},l(t){e=x(t,"STRONG",{});var l=w(e);n=x(l,"CODE",{});var f=w(n);$=y(f,"$danger"),f.forEach(k),l.forEach(k),s=h(t),a=x(t,"SMALL",{});var m=w(a);r=y(m,"From "),o=x(m,"A",{href:!0});var i=w(o);c=x(i,"CODE",{});var u=w(c);p=y(u,"Button"),u.forEach(k),i.forEach(k),m.forEach(k),this.h()},h(){v(o,"href","./docs/components/button")},m(t,l){E(t,e,l),b(e,n),b(n,$),E(t,s,l),E(t,a,l),b(a,r),b(a,o),b(o,c),b(c,p)},p:O,d(t){t&&k(e),t&&k(s),t&&k(a)}}}function It(t){let e;return{c(){e=d('The color of the "delete" button.')},l(t){e=y(t,'The color of the "delete" button.')},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function Vt(t){let e,n;return e=new N({props:{value:"#B80000"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p:O,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function Yt(t){let e,n,$,o,c,m;return e=new M({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=h(t),a($.$$.fragment,t),o=h(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,n,s),r($,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&k(n),f($,t),t&&k(o),f(c,t)}}}function Kt(t){let e,n,$,o,c,m,i,d,y,v,D,T,O,j,C,F;return n=new H({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),y=new H({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),D=new H({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),O=new H({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),C=new H({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s(n.$$.fragment),$=u(),o=g("tbody"),s(c.$$.fragment),m=u(),s(i.$$.fragment),d=u(),s(y.$$.fragment),v=u(),s(D.$$.fragment),T=u(),s(O.$$.fragment),j=u(),s(C.$$.fragment)},l(t){e=x(t,"THEAD",{});var s=w(e);a(n.$$.fragment,s),s.forEach(k),$=h(t),o=x(t,"TBODY",{});var r=w(o);a(c.$$.fragment,r),m=h(r),a(i.$$.fragment,r),d=h(r),a(y.$$.fragment,r),v=h(r),a(D.$$.fragment,r),T=h(r),a(O.$$.fragment,r),j=h(r),a(C.$$.fragment,r),r.forEach(k)},m(t,s){E(t,e,s),r(n,e,null),E(t,$,s),E(t,o,s),r(c,o,null),b(o,m),r(i,o,null),b(o,d),r(y,o,null),b(o,v),r(D,o,null),b(o,T),r(O,o,null),b(o,j),r(C,o,null),F=!0},p(t,e){const $={};4&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),i.$set(a);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),y.$set(r);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),D.$set(o);const p={};4&e&&(p.$$scope={dirty:e,ctx:t}),O.$set(p);const l={};4&e&&(l.$$scope={dirty:e,ctx:t}),C.$set(l)},i(t){F||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),p(y.$$.fragment,t),p(D.$$.fragment,t),p(O.$$.fragment,t),p(C.$$.fragment,t),F=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(y.$$.fragment,t),l(D.$$.fragment,t),l(O.$$.fragment,t),l(C.$$.fragment,t),F=!1},d(t){t&&k(e),f(n),t&&k($),t&&k(o),f(c),f(i),f(y),f(D),f(O),f(C)}}}function Ut(t){let e,n,$,o,c,m,i,D,T,O,j,S,N,R,H,L,M,V,J,Q,X,Z,_,tt,et,nt,$t,ct,pt;return e=new C({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),$=new F({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),c=new z({props:{components:Xt}}),i=new A({props:{$$slots:{source:[K],showcase:[Y]},$$scope:{ctx:t}}}),T=new P({props:{id:"properties",$$slots:{default:[U]},$$scope:{ctx:t}}}),j=new B({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),N=new G({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),V=new B({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),Q=new F({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),Z=new P({props:{id:"events",$$slots:{default:[ot]},$$scope:{ctx:t}}}),tt=new G({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),nt=new P({props:{id:"scss-variables",$$slots:{default:[ht]},$$scope:{ctx:t}}}),ct=new G({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment),D=u(),s(T.$$.fragment),O=u(),s(j.$$.fragment),S=u(),s(N.$$.fragment),R=u(),H=g("div"),L=d("* Required"),M=u(),s(V.$$.fragment),J=u(),s(Q.$$.fragment),X=u(),s(Z.$$.fragment),_=u(),s(tt.$$.fragment),et=u(),s(nt.$$.fragment),$t=u(),s(ct.$$.fragment),this.h()},l(t){a(e.$$.fragment,t),n=h(t),a($.$$.fragment,t),o=h(t),a(c.$$.fragment,t),m=h(t),a(i.$$.fragment,t),D=h(t),a(T.$$.fragment,t),O=h(t),a(j.$$.fragment,t),S=h(t),a(N.$$.fragment,t),R=h(t),H=x(t,"DIV",{class:!0});var s=w(H);L=y(s,"* Required"),s.forEach(k),M=h(t),a(V.$$.fragment,t),J=h(t),a(Q.$$.fragment,t),X=h(t),a(Z.$$.fragment,t),_=h(t),a(tt.$$.fragment,t),et=h(t),a(nt.$$.fragment,t),$t=h(t),a(ct.$$.fragment,t),this.h()},h(){v(H,"class","required")},m(t,s){r(e,t,s),E(t,n,s),r($,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(i,t,s),E(t,D,s),r(T,t,s),E(t,O,s),r(j,t,s),E(t,S,s),r(N,t,s),E(t,R,s),E(t,H,s),b(H,L),E(t,M,s),r(V,t,s),E(t,J,s),r(Q,t,s),E(t,X,s),r(Z,t,s),E(t,_,s),r(tt,t,s),E(t,et,s),r(nt,t,s),E(t,$t,s),r(ct,t,s),pt=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};5&n&&(r.$$scope={dirty:n,ctx:t}),i.$set(r);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),T.$set(o);const c={};4&n&&(c.$$scope={dirty:n,ctx:t}),j.$set(c);const p={};4&n&&(p.$$scope={dirty:n,ctx:t}),N.$set(p);const l={};4&n&&(l.$$scope={dirty:n,ctx:t}),V.$set(l);const f={};4&n&&(f.$$scope={dirty:n,ctx:t}),Q.$set(f);const m={};4&n&&(m.$$scope={dirty:n,ctx:t}),Z.$set(m);const u={};4&n&&(u.$$scope={dirty:n,ctx:t}),tt.$set(u);const g={};4&n&&(g.$$scope={dirty:n,ctx:t}),nt.$set(g);const d={};4&n&&(d.$$scope={dirty:n,ctx:t}),ct.$set(d)},i(t){pt||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),p(T.$$.fragment,t),p(j.$$.fragment,t),p(N.$$.fragment,t),p(V.$$.fragment,t),p(Q.$$.fragment,t),p(Z.$$.fragment,t),p(tt.$$.fragment,t),p(nt.$$.fragment,t),p(ct.$$.fragment,t),pt=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(T.$$.fragment,t),l(j.$$.fragment,t),l(N.$$.fragment,t),l(V.$$.fragment,t),l(Q.$$.fragment,t),l(Z.$$.fragment,t),l(tt.$$.fragment,t),l(nt.$$.fragment,t),l(ct.$$.fragment,t),pt=!1},d(t){f(e,t),t&&k(n),f($,t),t&&k(o),f(c,t),t&&k(m),f(i,t),t&&k(D),f(T,t),t&&k(O),f(j,t),t&&k(S),f(N,t),t&&k(R),t&&k(H),t&&k(M),f(V,t),t&&k(J),f(Q,t),t&&k(X),f(Z,t),t&&k(_),f(tt,t),t&&k(et),f(nt,t),t&&k($t),f(ct,t)}}}function Wt(t){let e,n;const m=[t[1],Jt];let i={$$slots:{default:[Ut]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=$(i,m[t]);return e=new j({props:i}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p(t,[n]){const $=2&n?o(m,[2&n&&c(t[1]),0&n&&c(Jt)]):{};5&n&&($.$$scope={dirty:n,ctx:t}),e.$set($)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}const Jt={name:"FileTile",relatedComponents:[{name:"FileInput",link:"./docs/components/file-input"},{name:"FileDropzone",link:"./docs/components/file-dropzone"}],shadow1:"0 2px 5px rgba(0, 0, 0, .14), 0 1px 5px rgba(0, 0, 0, .12);"},{name:Qt,relatedComponents:Xt,shadow1:Zt}=Jt;function _t(t,e,n){let s=null;return m((()=>{n(0,s=new File([""],"filename.txt"))})),t.$$set=t=>{n(1,e=$($({},e),i(t)))},e=i(e),[s,e]}class te extends t{constructor(t){super(),e(this,t,_t,Wt,n,{})}}export{te as default,Jt as metadata};
diff --git a/376/client/file-tile.85e2cf4a.js b/376/client/file-tile.85e2cf4a.js
new file mode 100644
index 000000000..ebc77d764
--- /dev/null
+++ b/376/client/file-tile.85e2cf4a.js
@@ -0,0 +1 @@
+import{S as s,i as e,s as t,a,c as n,b as r,d as i,e as o,f as l,g as c,n as f,h,v as m,u as p,j as d,k as $,x as u,w as g,l as v,m as x,A as w,t as y,p as k,q as E,J as j}from"./client.0d36a0cf.js";import{B as z}from"./button.743a388a.js";import{f as V}from"./format-file-size.22bb7c0a.js";function b(s){let e,t,h,m,p;return{c(){e=a("svg"),t=a("polyline"),h=a("path"),m=a("line"),p=a("line"),this.h()},l(s){e=n(s,"svg",{xmlns:!0,width:!0,height:!0,viewBox:!0,fill:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0});var a=r(e);t=n(a,"polyline",{points:!0}),r(t).forEach(i),h=n(a,"path",{d:!0}),r(h).forEach(i),m=n(a,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),r(m).forEach(i),p=n(a,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),r(p).forEach(i),a.forEach(i),this.h()},h(){o(t,"points","3 6 5 6 21 6"),o(h,"d","M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"),o(m,"x1","10"),o(m,"y1","11"),o(m,"x2","10"),o(m,"y2","17"),o(p,"x1","14"),o(p,"y1","11"),o(p,"x2","14"),o(p,"y2","17"),o(e,"xmlns","http://www.w3.org/2000/svg"),o(e,"width","24"),o(e,"height","24"),o(e,"viewBox","0 0 24 24"),o(e,"fill","none"),o(e,"stroke","currentColor"),o(e,"stroke-width","2"),o(e,"stroke-linecap","round"),o(e,"stroke-linejoin","round")},m(s,a){l(s,e,a),c(e,t),c(e,h),c(e,m),c(e,p)},p:f,i:f,o:f,d(s){s&&i(e)}}}var B=class extends s{constructor(s){super(),e(this,s,null,b,t,{})}};function D(s){const e=s.split(".");return e[e.length-1].toUpperCase()}function I(s){let e,t;return e=new B({}),{c(){d(e.$$.fragment)},l(s){v(e.$$.fragment,s)},m(s,a){x(e,s,a),t=!0},i(s){t||(y(e.$$.fragment,s),t=!0)},o(s){k(e.$$.fragment,s),t=!1},d(s){E(e,s)}}}function C(s){let e,t,a,n,f,j,b,B,C,q,A,F,H=s[0].name+"",J=V(s[0].size)+"",M=D(s[0].name)+"";return A=new z({props:{danger:!0,round:!0,$$slots:{default:[I]},$$scope:{ctx:s}}}),A.$on("click",s[2]),{c(){e=h("div"),t=h("div"),a=m(H),f=p(),j=h("div"),b=m(J),B=m("\n    •\n    "),C=m(M),q=p(),d(A.$$.fragment),this.h()},l(s){e=$(s,"DIV",{class:!0});var n=r(e);t=$(n,"DIV",{class:!0,title:!0});var o=r(t);a=u(o,H),o.forEach(i),f=g(n),j=$(n,"DIV",{class:!0});var l=r(j);b=u(l,J),B=u(l,"\n    •\n    "),C=u(l,M),l.forEach(i),q=g(n),v(A.$$.fragment,n),n.forEach(i),this.h()},h(){o(t,"class","filename svelte-1mngzcd"),o(t,"title",n=s[0].name),o(j,"class","properties svelte-1mngzcd"),o(e,"class","file-tile svelte-1mngzcd")},m(s,n){l(s,e,n),c(e,t),c(t,a),c(e,f),c(e,j),c(j,b),c(j,B),c(j,C),c(e,q),x(A,e,null),F=!0},p(s,[e]){(!F||1&e)&&H!==(H=s[0].name+"")&&w(a,H),(!F||1&e&&n!==(n=s[0].name))&&o(t,"title",n),(!F||1&e)&&J!==(J=V(s[0].size)+"")&&w(b,J),(!F||1&e)&&M!==(M=D(s[0].name)+"")&&w(C,M);const r={};8&e&&(r.$$scope={dirty:e,ctx:s}),A.$set(r)},i(s){F||(y(A.$$.fragment,s),F=!0)},o(s){k(A.$$.fragment,s),F=!1},d(s){s&&i(e),E(A)}}}function q(s,e,t){let{file:a}=e;const n=j();return s.$$set=s=>{"file"in s&&t(0,a=s.file)},[a,n,()=>n("delete",a)]}var A=class extends s{constructor(s){super(),e(this,s,q,C,t,{file:0})}};export{A as F,D as f};
diff --git a/376/client/fix-anchor-links.79fa91d5.js b/376/client/fix-anchor-links.79fa91d5.js
new file mode 100644
index 000000000..af88e583a
--- /dev/null
+++ b/376/client/fix-anchor-links.79fa91d5.js
@@ -0,0 +1 @@
+function o(){document.querySelectorAll("a").forEach((o=>{o.hash&&document.querySelectorAll(o.hash).length&&(o.href=window.location.origin+window.location.pathname+o.hash)}))}export{o as f};
diff --git a/376/client/form-field-a7e9e263.css b/376/client/form-field-a7e9e263.css
new file mode 100644
index 000000000..5a2c9a421
--- /dev/null
+++ b/376/client/form-field-a7e9e263.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-1akyzr0{min-height:10em;padding:1em}[slot=showcase].svelte-1akyzr0 .autocomplete{max-width:20em}
diff --git a/376/client/form-field-eca10035.css b/376/client/form-field-eca10035.css
new file mode 100644
index 000000000..cfb5953e0
--- /dev/null
+++ b/376/client/form-field-eca10035.css
@@ -0,0 +1 @@
+.form-field.svelte-3y9l2h.svelte-3y9l2h{display:flex;flex-direction:column;margin-bottom:2em}.form-field.svelte-3y9l2h .description.svelte-3y9l2h{margin-bottom:0.75em}.form-field.svelte-3y9l2h .description .name.svelte-3y9l2h{display:block;font-size:1.1em;margin-bottom:0.2em}.form-field.svelte-3y9l2h .description .name .required.svelte-3y9l2h{color:#4300b0}.form-field.svelte-3y9l2h .description .help.svelte-3y9l2h{font-size:0.95em;font-weight:300}.form-field.svelte-3y9l2h .field .message.svelte-3y9l2h{font-size:0.85em;margin:0.3em 0.5em}.form-field.svelte-3y9l2h .field .message.info.svelte-3y9l2h{color:#4300b0}.form-field.svelte-3y9l2h .field .message.error.svelte-3y9l2h{color:#b80000}@media screen and (min-width: 800px){.form-field.svelte-3y9l2h.svelte-3y9l2h{flex-direction:row}.form-field.svelte-3y9l2h .description.svelte-3y9l2h{flex-basis:40%}.form-field.svelte-3y9l2h .field.svelte-3y9l2h{flex:1;margin-left:1em}}
diff --git a/376/client/form-field.36e1adda.js b/376/client/form-field.36e1adda.js
new file mode 100644
index 000000000..1ed7e69be
--- /dev/null
+++ b/376/client/form-field.36e1adda.js
@@ -0,0 +1 @@
+import{S as l,i as s,s as e,M as n,h as a,u as t,k as c,b as r,w as i,d as o,e as h,X as u,f as d,g as m,Q as p,R as f,T as v,y as g,p as y,z as E,t as $,a9 as q,v as C,x as D,A as I,H as V}from"./client.0d36a0cf.js";import{c as x}from"./classes.2453fa25.js";const A=l=>({}),R=l=>({}),b=l=>({}),j=l=>({}),L=l=>({}),N=l=>({});function O(l,s,e){const n=l.slice();return n[11]=s[e],n}const S=l=>({}),k=l=>({});function w(l){let s,e,n,t,i=l[6]&&z();return{c(){s=a("label"),e=C(l[3]),n=C(" "),i&&i.c(),this.h()},l(a){s=c(a,"LABEL",{class:!0,for:!0});var t=r(s);e=D(t,l[3]),n=D(t," "),i&&i.l(t),t.forEach(o),this.h()},h(){h(s,"class",t=u(x("name",l[1]))+" svelte-3y9l2h"),h(s,"for",l[5])},m(l,a){d(l,s,a),m(s,e),m(s,n),i&&i.m(s,null)},p(l,n){8&n&&I(e,l[3]),l[6]?i||(i=z(),i.c(),i.m(s,null)):i&&(i.d(1),i=null),2&n&&t!==(t=u(x("name",l[1]))+" svelte-3y9l2h")&&h(s,"class",t),32&n&&h(s,"for",l[5])},d(l){l&&o(s),i&&i.d()}}}function z(l){let s,e;return{c(){s=a("span"),e=C("*"),this.h()},l(l){s=c(l,"SPAN",{class:!0});var n=r(s);e=D(n,"*"),n.forEach(o),this.h()},h(){h(s,"class","required svelte-3y9l2h")},m(l,n){d(l,s,n),m(s,e)},d(l){l&&o(s)}}}function B(l){let s,e,n;return{c(){s=a("div"),e=C(l[4]),this.h()},l(n){s=c(n,"DIV",{class:!0});var a=r(s);e=D(a,l[4]),a.forEach(o),this.h()},h(){h(s,"class",n=u(x("help",l[2]))+" svelte-3y9l2h")},m(l,n){d(l,s,n),m(s,e)},p(l,a){16&a&&I(e,l[4]),4&a&&n!==(n=u(x("help",l[2]))+" svelte-3y9l2h")&&h(s,"class",n)},d(l){l&&o(s)}}}function F(l){let s,e,n=l[11]+"";return{c(){s=a("div"),e=C(n),this.h()},l(l){s=c(l,"DIV",{class:!0});var a=r(s);e=D(a,n),a.forEach(o),this.h()},h(){h(s,"class","message error svelte-3y9l2h")},m(l,n){d(l,s,n),m(s,e)},p(l,s){256&s&&n!==(n=l[11]+"")&&I(e,n)},d(l){l&&o(s)}}}function H(l){let s,e=l[11]&&F(l);return{c(){e&&e.c(),s=V()},l(l){e&&e.l(l),s=V()},m(l,n){e&&e.m(l,n),d(l,s,n)},p(l,n){l[11]?e?e.p(l,n):(e=F(l),e.c(),e.m(s.parentNode,s)):e&&(e.d(1),e=null)},d(l){e&&e.d(l),l&&o(s)}}}function M(l){let s,e;const t=l[10]["optional-message"],i=n(t,l,l[9],j),u=i||function(l){let s;return{c(){s=C("Optional")},l(l){s=D(l,"Optional")},m(l,e){d(l,s,e)},d(l){l&&o(s)}}}();return{c(){s=a("div"),u&&u.c(),this.h()},l(l){s=c(l,"DIV",{class:!0});var e=r(s);u&&u.l(e),e.forEach(o),this.h()},h(){h(s,"class","message info svelte-3y9l2h")},m(l,n){d(l,s,n),u&&u.m(s,null),e=!0},p(l,s){i&&i.p&&(!e||512&s)&&p(i,t,l,l[9],e?v(t,l[9],s,b):f(l[9]),j)},i(l){e||($(u,l),e=!0)},o(l){y(u,l),e=!1},d(l){l&&o(s),u&&u.d(l)}}}function P(l){let s,e;const t=l[10]["required-message"],i=n(t,l,l[9],N),u=i||function(l){let s;return{c(){s=C("* Required")},l(l){s=D(l,"* Required")},m(l,e){d(l,s,e)},d(l){l&&o(s)}}}();return{c(){s=a("div"),u&&u.c(),this.h()},l(l){s=c(l,"DIV",{class:!0});var e=r(s);u&&u.l(e),e.forEach(o),this.h()},h(){h(s,"class","message info svelte-3y9l2h")},m(l,n){d(l,s,n),u&&u.m(s,null),e=!0},p(l,s){i&&i.p&&(!e||512&s)&&p(i,t,l,l[9],e?v(t,l[9],s,L):f(l[9]),N)},i(l){e||($(u,l),e=!0)},o(l){y(u,l),e=!1},d(l){l&&o(s),u&&u.d(l)}}}function Q(l){let s,e,C,D,I,V,b,j,L,N,z,F,Q,T=null!=l[3]&&w(l),X=null!=l[4]&&B(l);const G=l[10].description,J=n(G,l,l[9],k),K=l[10].default,U=n(K,l,l[9],null);let W=l[8],Y=[];for(let s=0;s<W.length;s+=1)Y[s]=H(O(l,W,s));const Z=[P,M],_=[];function ll(l,s){return l[6]?0:l[7]?1:-1}~(L=ll(l))&&(N=_[L]=Z[L](l));const sl=l[10].message,el=n(sl,l,l[9],R);return{c(){s=a("div"),e=a("div"),T&&T.c(),C=t(),X&&X.c(),D=t(),J&&J.c(),I=t(),V=a("div"),U&&U.c(),b=t();for(let l=0;l<Y.length;l+=1)Y[l].c();j=t(),N&&N.c(),z=t(),el&&el.c(),this.h()},l(l){s=c(l,"DIV",{class:!0});var n=r(s);e=c(n,"DIV",{class:!0});var a=r(e);T&&T.l(a),C=i(a),X&&X.l(a),D=i(a),J&&J.l(a),a.forEach(o),I=i(n),V=c(n,"DIV",{class:!0});var t=r(V);U&&U.l(t),b=i(t);for(let l=0;l<Y.length;l+=1)Y[l].l(t);j=i(t),N&&N.l(t),z=i(t),el&&el.l(t),t.forEach(o),n.forEach(o),this.h()},h(){h(e,"class","description svelte-3y9l2h"),h(V,"class","field svelte-3y9l2h"),h(s,"class",F=u(x("form-field",l[0]))+" svelte-3y9l2h")},m(l,n){d(l,s,n),m(s,e),T&&T.m(e,null),m(e,C),X&&X.m(e,null),m(e,D),J&&J.m(e,null),m(s,I),m(s,V),U&&U.m(V,null),m(V,b);for(let l=0;l<Y.length;l+=1)Y[l]&&Y[l].m(V,null);m(V,j),~L&&_[L].m(V,null),m(V,z),el&&el.m(V,null),Q=!0},p(l,[n]){if(null!=l[3]?T?T.p(l,n):(T=w(l),T.c(),T.m(e,C)):T&&(T.d(1),T=null),null!=l[4]?X?X.p(l,n):(X=B(l),X.c(),X.m(e,D)):X&&(X.d(1),X=null),J&&J.p&&(!Q||512&n)&&p(J,G,l,l[9],Q?v(G,l[9],n,S):f(l[9]),k),U&&U.p&&(!Q||512&n)&&p(U,K,l,l[9],Q?v(K,l[9],n,null):f(l[9]),null),256&n){let s;for(W=l[8],s=0;s<W.length;s+=1){const e=O(l,W,s);Y[s]?Y[s].p(e,n):(Y[s]=H(e),Y[s].c(),Y[s].m(V,j))}for(;s<Y.length;s+=1)Y[s].d(1);Y.length=W.length}let a=L;L=ll(l),L===a?~L&&_[L].p(l,n):(N&&(g(),y(_[a],1,1,(()=>{_[a]=null})),E()),~L?(N=_[L],N?N.p(l,n):(N=_[L]=Z[L](l),N.c()),$(N,1),N.m(V,z)):N=null),el&&el.p&&(!Q||512&n)&&p(el,sl,l,l[9],Q?v(sl,l[9],n,A):f(l[9]),R),(!Q||1&n&&F!==(F=u(x("form-field",l[0]))+" svelte-3y9l2h"))&&h(s,"class",F)},i(l){Q||($(J,l),$(U,l),$(N),$(el,l),Q=!0)},o(l){y(J,l),y(U,l),y(N),y(el,l),Q=!1},d(l){l&&o(s),T&&T.d(),X&&X.d(),J&&J.d(l),U&&U.d(l),q(Y,l),~L&&_[L].d(),el&&el.d(l)}}}function T(l,s,e){let{$$slots:n={},$$scope:a}=s,{class:t=null}=s,{nameClass:c=null}=s,{helpClass:r=null}=s,{name:i=null}=s,{help:o=null}=s,{id:h=null}=s,{required:u=!1}=s,{optional:d=!1}=s,{errors:m=[]}=s;return l.$$set=l=>{"class"in l&&e(0,t=l.class),"nameClass"in l&&e(1,c=l.nameClass),"helpClass"in l&&e(2,r=l.helpClass),"name"in l&&e(3,i=l.name),"help"in l&&e(4,o=l.help),"id"in l&&e(5,h=l.id),"required"in l&&e(6,u=l.required),"optional"in l&&e(7,d=l.optional),"errors"in l&&e(8,m=l.errors),"$$scope"in l&&e(9,a=l.$$scope)},[t,c,r,i,o,h,u,d,m,a,n]}var X=class extends l{constructor(l){super(),s(this,l,T,Q,e,{class:0,nameClass:1,helpClass:2,name:3,help:4,id:5,required:6,optional:7,errors:8})}};export{X as F};
diff --git a/376/client/form-field.f4d613fb.js b/376/client/form-field.f4d613fb.js
new file mode 100644
index 000000000..46fb6ba75
--- /dev/null
+++ b/376/client/form-field.f4d613fb.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as $,j as s,l as a,m as r,U as o,a0 as c,t as l,p,q as f,L as m,u as i,w as d,f as u,d as g,v as h,x,h as y,k as w,b as E,e as k,g as v,n as D,Y as O,$ as C,a1 as T}from"./client.0d36a0cf.js";import{L as b,H as F,P as S}from"./layout.b2760304.js";import{T as A}from"./text-field.37ad5edd.js";import{S as N}from"./switch.621b5c35.js";import{F as j}from"./form-field.36e1adda.js";import{S as R}from"./showcase.8eb3893d.js";import{C as q}from"./color-preview.278d2729.js";import{H as G}from"./h2.122c8b9f.js";import{H as M}from"./h3.1e03849b.js";import{T as H,a as I,b as P,c as B}from"./table.e069c294.js";import"./button.743a388a.js";import"./classes.2453fa25.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";function K(t){let e;return{c(){e=h("FormField")},l(t){e=x(t,"FormField")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function V(t){let e;return{c(){e=h("A responsive form field skeleton – providing a way to label and describe the field.")},l(t){e=x(t,"A responsive form field skeleton – providing a way to label and describe the field.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function Y(t){let e;return{c(){e=h("Note that this component doesn't add any form handling capabilities; it is merely presentational.")},l(t){e=x(t,"Note that this component doesn't add any form handling capabilities; it is merely presentational.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function L(t){let e,n;return e=new A({}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},i(t){n||(l(e.$$.fragment,t),n=!0)},o(t){p(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function U(t){let e,n;return e=new A({}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},i(t){n||(l(e.$$.fragment,t),n=!0)},o(t){p(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function W(t){let e,n,$;function o(e){t[2](e)}let c={};return void 0!==t[0]&&(c.value=t[0]),e=new N({props:c}),O.push((()=>C(e,"value",o))),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){r(e,t,n),$=!0},p(t,$){const s={};!n&&1&$&&(n=!0,s.value=t[0],T((()=>n=!1))),e.$set(s)},i(t){$||(l(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){f(e,t)}}}function z(t){let e,n,$,o,c,m,h;return n=new j({props:{name:"Main field",help:"Write this and not that.",required:!0,$$slots:{default:[L]},$$scope:{ctx:t}}}),o=new j({props:{name:"Secondary field",optional:!0,$$slots:{default:[U]},$$scope:{ctx:t}}}),m=new j({props:{name:"Happiness",errors:[t[0]&&"Not happy enough"],$$slots:{default:[W]},$$scope:{ctx:t}}}),{c(){e=y("div"),s(n.$$.fragment),$=i(),s(o.$$.fragment),c=i(),s(m.$$.fragment),this.h()},l(t){e=w(t,"DIV",{slot:!0,class:!0});var s=E(e);a(n.$$.fragment,s),$=d(s),a(o.$$.fragment,s),c=d(s),a(m.$$.fragment,s),s.forEach(g),this.h()},h(){k(e,"slot","showcase"),k(e,"class","svelte-1akyzr0")},m(t,s){u(t,e,s),r(n,e,null),v(e,$),r(o,e,null),v(e,c),r(m,e,null),h=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),o.$set(s);const a={};1&e&&(a.errors=[t[0]&&"Not happy enough"]),9&e&&(a.$$scope={dirty:e,ctx:t}),m.$set(a)},i(t){h||(l(n.$$.fragment,t),l(o.$$.fragment,t),l(m.$$.fragment,t),h=!0)},o(t){p(n.$$.fragment,t),p(o.$$.fragment,t),p(m.$$.fragment,t),h=!1},d(t){t&&g(e),f(n),f(o),f(m)}}}function J(t){let e,n;return{c(){e=y("div"),n=y("pre"),this.h()},l(t){e=w(t,"DIV",{slot:!0});var $=E(e);n=w($,"PRE",{class:!0}),E(n).forEach(g),$.forEach(g),this.h()},h(){k(n,"class","language-svelte"),k(e,"slot","source")},m(t,$){u(t,e,$),v(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">let</span> happy <span class="token operator">=</span> <span class="token boolean">false</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FormField</span>\n  <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Main field<span class="token punctuation">"</span></span>\n  <span class="token attr-name">help</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Write this and not that.<span class="token punctuation">"</span></span>\n  <span class="token attr-name">required</span>\n<span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TextField</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>FormField</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FormField</span>\n  <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Secondary field<span class="token punctuation">"</span></span>\n  <span class="token attr-name">optional</span>\n<span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TextField</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>FormField</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FormField</span>\n  <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Happiness<span class="token punctuation">"</span></span>\n  <span class="token attr-name">errors=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token punctuation">[</span>happy <span class="token operator">&amp;&amp;</span> <span class="token string">\'Not happy enough\'</span><span class="token punctuation">]</span><span class="token punctuation">&#125;</span></span>\n<span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Switch</span> <span class="token attr-name"><span class="token namespace">bind:</span>value=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>happy<span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>FormField</span><span class="token punctuation">></span></span></code>'},p:D,d(t){t&&g(e)}}}function Q(t){let e;return{c(){e=h("Properties")},l(t){e=x(t,"Properties")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function X(t){let e;return{c(){e=h("Functional Properties")},l(t){e=x(t,"Functional Properties")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function Z(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function _(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function tt(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function et(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function nt(t){let e,n,$,o,c,m,h,x;return e=new P({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),$=new P({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(h.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),u(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!1},d(t){f(e,t),t&&g(n),f($,t),t&&g(o),f(c,t),t&&g(m),f(h,t)}}}function $t(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=h("name")},l(t){e=w(t,"STRONG",{});var s=E(e);n=w(s,"CODE",{});var a=E(n);$=x(a,"name"),a.forEach(g),s.forEach(g)},m(t,s){u(t,e,s),v(e,n),v(n,$)},p:D,d(t){t&&g(e)}}}function st(t){let e,n;return{c(){e=y("code"),n=h("null")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"null"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function at(t){let e,n;return{c(){e=y("code"),n=h("string")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"string"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function rt(t){let e;return{c(){e=h("The name of the form field. Displayed prominently next to the actual field.")},l(t){e=x(t,"The name of the form field. Displayed prominently next to the actual field.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function ot(t){let e,n,$,o,c,m,h,x;return e=new B({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),$=new B({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(h.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),u(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!1},d(t){f(e,t),t&&g(n),f($,t),t&&g(o),f(c,t),t&&g(m),f(h,t)}}}function ct(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=h("help")},l(t){e=w(t,"STRONG",{});var s=E(e);n=w(s,"CODE",{});var a=E(n);$=x(a,"help"),a.forEach(g),s.forEach(g)},m(t,s){u(t,e,s),v(e,n),v(n,$)},p:D,d(t){t&&g(e)}}}function lt(t){let e,n;return{c(){e=y("code"),n=h("null")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"null"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function pt(t){let e,n;return{c(){e=y("code"),n=h("string")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"string"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function ft(t){let e;return{c(){e=h("The subtitle text under the name providing extra guidance.")},l(t){e=x(t,"The subtitle text under the name providing extra guidance.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function mt(t){let e,n,$,o,c,m,h,x;return e=new B({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),$=new B({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(h.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),u(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!1},d(t){f(e,t),t&&g(n),f($,t),t&&g(o),f(c,t),t&&g(m),f(h,t)}}}function it(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=h("id")},l(t){e=w(t,"STRONG",{});var s=E(e);n=w(s,"CODE",{});var a=E(n);$=x(a,"id"),a.forEach(g),s.forEach(g)},m(t,s){u(t,e,s),v(e,n),v(n,$)},p:D,d(t){t&&g(e)}}}function dt(t){let e,n;return{c(){e=y("code"),n=h("null")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"null"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function ut(t){let e,n;return{c(){e=y("code"),n=h("string")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"string"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function gt(t){let e,n,$,s,a,r,o,c,l,p,f;return{c(){e=h("The ID to add the the "),n=y("code"),$=h("for"),s=h(" attribute of the "),a=y("code"),r=h("<label>"),o=h(" element containing the "),c=y("mark"),l=y("code"),p=h("name"),f=h(". Useful if you pass an ID to the actual field inside and want to connect it with the label.")},l(t){e=x(t,"The ID to add the the "),n=w(t,"CODE",{});var m=E(n);$=x(m,"for"),m.forEach(g),s=x(t," attribute of the "),a=w(t,"CODE",{});var i=E(a);r=x(i,"<label>"),i.forEach(g),o=x(t," element containing the "),c=w(t,"MARK",{});var d=E(c);l=w(d,"CODE",{});var u=E(l);p=x(u,"name"),u.forEach(g),d.forEach(g),f=x(t,". Useful if you pass an ID to the actual field inside and want to connect it with the label.")},m(t,m){u(t,e,m),u(t,n,m),v(n,$),u(t,s,m),u(t,a,m),v(a,r),u(t,o,m),u(t,c,m),v(c,l),v(l,p),u(t,f,m)},p:D,d(t){t&&g(e),t&&g(n),t&&g(s),t&&g(a),t&&g(o),t&&g(c),t&&g(f)}}}function ht(t){let e,n,$,o,c,m,h,x;return e=new B({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),$=new B({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(h.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),u(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!1},d(t){f(e,t),t&&g(n),f($,t),t&&g(o),f(c,t),t&&g(m),f(h,t)}}}function xt(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=h("required")},l(t){e=w(t,"STRONG",{});var s=E(e);n=w(s,"CODE",{});var a=E(n);$=x(a,"required"),a.forEach(g),s.forEach(g)},m(t,s){u(t,e,s),v(e,n),v(n,$)},p:D,d(t){t&&g(e)}}}function yt(t){let e,n;return{c(){e=y("code"),n=h("false")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"false"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function wt(t){let e,n;return{c(){e=y("code"),n=h("boolean")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"boolean"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function Et(t){let e;return{c(){e=h("Marks the form field as required, adding an asterisk to the name and text under the field indicating that the field is mandatory.")},l(t){e=x(t,"Marks the form field as required, adding an asterisk to the name and text under the field indicating that the field is mandatory.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function kt(t){let e,n,$,o,c,m,h,x;return e=new B({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),$=new B({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(h.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),u(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!1},d(t){f(e,t),t&&g(n),f($,t),t&&g(o),f(c,t),t&&g(m),f(h,t)}}}function vt(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=h("optional")},l(t){e=w(t,"STRONG",{});var s=E(e);n=w(s,"CODE",{});var a=E(n);$=x(a,"optional"),a.forEach(g),s.forEach(g)},m(t,s){u(t,e,s),v(e,n),v(n,$)},p:D,d(t){t&&g(e)}}}function Dt(t){let e,n;return{c(){e=y("code"),n=h("false")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"false"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function Ot(t){let e,n;return{c(){e=y("code"),n=h("boolean")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"boolean"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function Ct(t){let e;return{c(){e=h("Marks the form field as optional, explicitly stating the optionality of the field in the text under the field.")},l(t){e=x(t,"Marks the form field as optional, explicitly stating the optionality of the field in the text under the field.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function Tt(t){let e,n,$,o,c,m,h,x;return e=new B({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),$=new B({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(h.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),u(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!1},d(t){f(e,t),t&&g(n),f($,t),t&&g(o),f(c,t),t&&g(m),f(h,t)}}}function bt(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=h("errors")},l(t){e=w(t,"STRONG",{});var s=E(e);n=w(s,"CODE",{});var a=E(n);$=x(a,"errors"),a.forEach(g),s.forEach(g)},m(t,s){u(t,e,s),v(e,n),v(n,$)},p:D,d(t){t&&g(e)}}}function Ft(t){let e,n;return{c(){e=y("code"),n=h("[]")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"[]"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function St(t){let e,n;return{c(){e=y("code"),n=h("Array")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"Array"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function At(t){let e;return{c(){e=h("An array of error messages to display under the field. Falsy elements are not shown.")},l(t){e=x(t,"An array of error messages to display under the field. Falsy elements are not shown.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function Nt(t){let e,n,$,o,c,m,h,x;return e=new B({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),$=new B({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(h.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),u(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!1},d(t){f(e,t),t&&g(n),f($,t),t&&g(o),f(c,t),t&&g(m),f(h,t)}}}function jt(t){let e,n,$,o,c,m,h,x,k,D,O,C,T,b,F,S;return n=new I({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),h=new I({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),k=new I({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),O=new I({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),T=new I({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),F=new I({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s(n.$$.fragment),$=i(),o=y("tbody"),s(c.$$.fragment),m=i(),s(h.$$.fragment),x=i(),s(k.$$.fragment),D=i(),s(O.$$.fragment),C=i(),s(T.$$.fragment),b=i(),s(F.$$.fragment)},l(t){e=w(t,"THEAD",{});var s=E(e);a(n.$$.fragment,s),s.forEach(g),$=d(t),o=w(t,"TBODY",{});var r=E(o);a(c.$$.fragment,r),m=d(r),a(h.$$.fragment,r),x=d(r),a(k.$$.fragment,r),D=d(r),a(O.$$.fragment,r),C=d(r),a(T.$$.fragment,r),b=d(r),a(F.$$.fragment,r),r.forEach(g)},m(t,s){u(t,e,s),r(n,e,null),u(t,$,s),u(t,o,s),r(c,o,null),v(o,m),r(h,o,null),v(o,x),r(k,o,null),v(o,D),r(O,o,null),v(o,C),r(T,o,null),v(o,b),r(F,o,null),S=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),k.$set(r);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),O.$set(o);const l={};8&e&&(l.$$scope={dirty:e,ctx:t}),T.$set(l);const p={};8&e&&(p.$$scope={dirty:e,ctx:t}),F.$set(p)},i(t){S||(l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(k.$$.fragment,t),l(O.$$.fragment,t),l(T.$$.fragment,t),l(F.$$.fragment,t),S=!0)},o(t){p(n.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),p(k.$$.fragment,t),p(O.$$.fragment,t),p(T.$$.fragment,t),p(F.$$.fragment,t),S=!1},d(t){t&&g(e),f(n),t&&g($),t&&g(o),f(c),f(h),f(k),f(O),f(T),f(F)}}}function Rt(t){let e;return{c(){e=h("Class Properties")},l(t){e=x(t,"Class Properties")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function qt(t){let e,n,$,s,a,r,o;return{c(){e=h("All "),n=y("code"),$=h("<FormField>"),s=h(" components use the "),a=y("code"),r=h(".form-field"),o=h(" class.")},l(t){e=x(t,"All "),n=w(t,"CODE",{});var c=E(n);$=x(c,"<FormField>"),c.forEach(g),s=x(t," components use the "),a=w(t,"CODE",{});var l=E(a);r=x(l,".form-field"),l.forEach(g),o=x(t," class.")},m(t,c){u(t,e,c),u(t,n,c),v(n,$),u(t,s,c),u(t,a,c),v(a,r),u(t,o,c)},p:D,d(t){t&&g(e),t&&g(n),t&&g(s),t&&g(a),t&&g(o)}}}function Gt(t){let e;return{c(){e=h("Falsy values passed to classes will be disregarded.")},l(t){e=x(t,"Falsy values passed to classes will be disregarded.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function Mt(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function Ht(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function It(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function Pt(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function Bt(t){let e,n,$,o,c,m,h,x;return e=new P({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),$=new P({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(h.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),u(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!1},d(t){f(e,t),t&&g(n),f($,t),t&&g(o),f(c,t),t&&g(m),f(h,t)}}}function Kt(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=h("class")},l(t){e=w(t,"STRONG",{});var s=E(e);n=w(s,"CODE",{});var a=E(n);$=x(a,"class"),a.forEach(g),s.forEach(g)},m(t,s){u(t,e,s),v(e,n),v(n,$)},p:D,d(t){t&&g(e)}}}function Vt(t){let e,n;return{c(){e=y("code"),n=h("null")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"null"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function Yt(t){let e,n;return{c(){e=y("code"),n=h("string")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"string"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function Lt(t){let e;return{c(){e=h("A class string to add to the component.")},l(t){e=x(t,"A class string to add to the component.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function Ut(t){let e,n,$,o,c,m,h,x;return e=new B({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),$=new B({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(h.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),u(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!1},d(t){f(e,t),t&&g(n),f($,t),t&&g(o),f(c,t),t&&g(m),f(h,t)}}}function Wt(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=h("nameClass")},l(t){e=w(t,"STRONG",{});var s=E(e);n=w(s,"CODE",{});var a=E(n);$=x(a,"nameClass"),a.forEach(g),s.forEach(g)},m(t,s){u(t,e,s),v(e,n),v(n,$)},p:D,d(t){t&&g(e)}}}function zt(t){let e,n;return{c(){e=y("code"),n=h("null")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"null"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function Jt(t){let e,n;return{c(){e=y("code"),n=h("string")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"string"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function Qt(t){let e,n,$,s;return{c(){e=h("A class string to add to the "),n=y("code"),$=h("<label>"),s=h(" containing the form field name.")},l(t){e=x(t,"A class string to add to the "),n=w(t,"CODE",{});var a=E(n);$=x(a,"<label>"),a.forEach(g),s=x(t," containing the form field name.")},m(t,a){u(t,e,a),u(t,n,a),v(n,$),u(t,s,a)},p:D,d(t){t&&g(e),t&&g(n),t&&g(s)}}}function Xt(t){let e,n,$,o,c,m,h,x;return e=new B({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),$=new B({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(h.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),u(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!1},d(t){f(e,t),t&&g(n),f($,t),t&&g(o),f(c,t),t&&g(m),f(h,t)}}}function Zt(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=h("helpClass")},l(t){e=w(t,"STRONG",{});var s=E(e);n=w(s,"CODE",{});var a=E(n);$=x(a,"helpClass"),a.forEach(g),s.forEach(g)},m(t,s){u(t,e,s),v(e,n),v(n,$)},p:D,d(t){t&&g(e)}}}function _t(t){let e,n;return{c(){e=y("code"),n=h("null")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"null"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function te(t){let e,n;return{c(){e=y("code"),n=h("string")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"string"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function ee(t){let e;return{c(){e=h("A class string to add to the help text of the form field.")},l(t){e=x(t,"A class string to add to the help text of the form field.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function ne(t){let e,n,$,o,c,m,h,x;return e=new B({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),$=new B({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(h.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),u(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!1},d(t){f(e,t),t&&g(n),f($,t),t&&g(o),f(c,t),t&&g(m),f(h,t)}}}function $e(t){let e,n,$,o,c,m,h,x,k,D;return n=new I({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),h=new I({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),k=new I({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s(n.$$.fragment),$=i(),o=y("tbody"),s(c.$$.fragment),m=i(),s(h.$$.fragment),x=i(),s(k.$$.fragment)},l(t){e=w(t,"THEAD",{});var s=E(e);a(n.$$.fragment,s),s.forEach(g),$=d(t),o=w(t,"TBODY",{});var r=E(o);a(c.$$.fragment,r),m=d(r),a(h.$$.fragment,r),x=d(r),a(k.$$.fragment,r),r.forEach(g)},m(t,s){u(t,e,s),r(n,e,null),u(t,$,s),u(t,o,s),r(c,o,null),v(o,m),r(h,o,null),v(o,x),r(k,o,null),D=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),k.$set(r)},i(t){D||(l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(k.$$.fragment,t),D=!0)},o(t){p(n.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),p(k.$$.fragment,t),D=!1},d(t){t&&g(e),f(n),t&&g($),t&&g(o),f(c),f(h),f(k)}}}function se(t){let e;return{c(){e=h("Slots")},l(t){e=x(t,"Slots")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function ae(t){let e;return{c(){e=h("Default slot")},l(t){e=x(t,"Default slot")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function re(t){let e;return{c(){e=h("The content of the form field – the actual field itself.")},l(t){e=x(t,"The content of the form field – the actual field itself.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function oe(t){let e,n,$;return{c(){e=y("code"),n=h("description"),$=h(" slot")},l(t){e=w(t,"CODE",{});var s=E(e);n=x(s,"description"),s.forEach(g),$=x(t," slot")},m(t,s){u(t,e,s),v(e,n),u(t,$,s)},p:D,d(t){t&&g(e),t&&g($)}}}function ce(t){let e,n,$,s,a,r,o,c,l;return{c(){e=h("Additional content to put in the form field description block, after the name and the help. If you want a completely custom description, don't pass the "),n=y("mark"),$=y("code"),s=h("name"),a=h(" and "),r=y("mark"),o=y("code"),c=h("help"),l=h(" props and just use this slot.")},l(t){e=x(t,"Additional content to put in the form field description block, after the name and the help. If you want a completely custom description, don't pass the "),n=w(t,"MARK",{});var p=E(n);$=w(p,"CODE",{});var f=E($);s=x(f,"name"),f.forEach(g),p.forEach(g),a=x(t," and "),r=w(t,"MARK",{});var m=E(r);o=w(m,"CODE",{});var i=E(o);c=x(i,"help"),i.forEach(g),m.forEach(g),l=x(t," props and just use this slot.")},m(t,p){u(t,e,p),u(t,n,p),v(n,$),v($,s),u(t,a,p),u(t,r,p),v(r,o),v(o,c),u(t,l,p)},p:D,d(t){t&&g(e),t&&g(n),t&&g(a),t&&g(r),t&&g(l)}}}function le(t){let e,n,$;return{c(){e=y("code"),n=h("message"),$=h(" slot")},l(t){e=w(t,"CODE",{});var s=E(e);n=x(s,"message"),s.forEach(g),$=x(t," slot")},m(t,s){u(t,e,s),v(e,n),u(t,$,s)},p:D,d(t){t&&g(e),t&&g($)}}}function pe(t){let e;return{c(){e=h('Additional text to put underneath the actual field along with the messages like "required", "optional" and errors.')},l(t){e=x(t,'Additional text to put underneath the actual field along with the messages like "required", "optional" and errors.')},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function fe(t){let e,n,$;return{c(){e=y("code"),n=h("required-message"),$=h(" slot")},l(t){e=w(t,"CODE",{});var s=E(e);n=x(s,"required-message"),s.forEach(g),$=x(t," slot")},m(t,s){u(t,e,s),v(e,n),u(t,$,s)},p:D,d(t){t&&g(e),t&&g($)}}}function me(t){let e,n,$,s;return{c(){e=h('Text to display under the field when it is marked as required. Defaults to "'),n=y("code"),$=h("* Required"),s=h('".')},l(t){e=x(t,'Text to display under the field when it is marked as required. Defaults to "'),n=w(t,"CODE",{});var a=E(n);$=x(a,"* Required"),a.forEach(g),s=x(t,'".')},m(t,a){u(t,e,a),u(t,n,a),v(n,$),u(t,s,a)},p:D,d(t){t&&g(e),t&&g(n),t&&g(s)}}}function ie(t){let e,n,$;return{c(){e=y("code"),n=h("optional-message"),$=h(" slot")},l(t){e=w(t,"CODE",{});var s=E(e);n=x(s,"optional-message"),s.forEach(g),$=x(t," slot")},m(t,s){u(t,e,s),v(e,n),u(t,$,s)},p:D,d(t){t&&g(e),t&&g($)}}}function de(t){let e,n,$,s;return{c(){e=h('Text to display under the field when it is marked as optional. Defaults to "'),n=y("code"),$=h("Optional"),s=h('".')},l(t){e=x(t,'Text to display under the field when it is marked as optional. Defaults to "'),n=w(t,"CODE",{});var a=E(n);$=x(a,"Optional"),a.forEach(g),s=x(t,'".')},m(t,a){u(t,e,a),u(t,n,a),v(n,$),u(t,s,a)},p:D,d(t){t&&g(e),t&&g(n),t&&g(s)}}}function ue(t){let e;return{c(){e=h("SCSS Variables")},l(t){e=x(t,"SCSS Variables")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function ge(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function he(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function xe(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function ye(t){let e,n,$,o,c,m;return e=new P({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),$=new P({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&g(n),f($,t),t&&g(o),f(c,t)}}}function we(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=h("$main")},l(t){e=w(t,"STRONG",{});var s=E(e);n=w(s,"CODE",{});var a=E(n);$=x(a,"$main"),a.forEach(g),s.forEach(g)},m(t,s){u(t,e,s),v(e,n),v(n,$)},p:D,d(t){t&&g(e)}}}function Ee(t){let e;return{c(){e=h('The color of neutral status messages like "required" and "optional".')},l(t){e=x(t,'The color of neutral status messages like "required" and "optional".')},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function ke(t){let e,n;return e=new q({props:{value:"#4300B0"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p:D,i(t){n||(l(e.$$.fragment,t),n=!0)},o(t){p(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function ve(t){let e,n,$,o,c,m;return e=new B({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),$=new B({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&g(n),f($,t),t&&g(o),f(c,t)}}}function De(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=h("$danger")},l(t){e=w(t,"STRONG",{});var s=E(e);n=w(s,"CODE",{});var a=E(n);$=x(a,"$danger"),a.forEach(g),s.forEach(g)},m(t,s){u(t,e,s),v(e,n),v(n,$)},p:D,d(t){t&&g(e)}}}function Oe(t){let e;return{c(){e=h("The color of error messages.")},l(t){e=x(t,"The color of error messages.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function Ce(t){let e,n;return e=new q({props:{value:"#B80000"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p:D,i(t){n||(l(e.$$.fragment,t),n=!0)},o(t){p(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function Te(t){let e,n,$,o,c,m;return e=new B({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),$=new B({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&g(n),f($,t),t&&g(o),f(c,t)}}}function be(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=h("$thin-font-weight")},l(t){e=w(t,"STRONG",{});var s=E(e);n=w(s,"CODE",{});var a=E(n);$=x(a,"$thin-font-weight"),a.forEach(g),s.forEach(g)},m(t,s){u(t,e,s),v(e,n),v(n,$)},p:D,d(t){t&&g(e)}}}function Fe(t){let e;return{c(){e=h("The thin font weight of the help text and the status messages under the field'.")},l(t){e=x(t,"The thin font weight of the help text and the status messages under the field'.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function Se(t){let e,n;return{c(){e=y("code"),n=h("300")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"300"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function Ae(t){let e,n,$,o,c,m;return e=new B({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),$=new B({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&g(n),f($,t),t&&g(o),f(c,t)}}}function Ne(t){let e,n,$,o,c,m,h,x,k,D;return n=new I({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),h=new I({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),k=new I({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s(n.$$.fragment),$=i(),o=y("tbody"),s(c.$$.fragment),m=i(),s(h.$$.fragment),x=i(),s(k.$$.fragment)},l(t){e=w(t,"THEAD",{});var s=E(e);a(n.$$.fragment,s),s.forEach(g),$=d(t),o=w(t,"TBODY",{});var r=E(o);a(c.$$.fragment,r),m=d(r),a(h.$$.fragment,r),x=d(r),a(k.$$.fragment,r),r.forEach(g)},m(t,s){u(t,e,s),r(n,e,null),u(t,$,s),u(t,o,s),r(c,o,null),v(o,m),r(h,o,null),v(o,x),r(k,o,null),D=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),k.$set(r)},i(t){D||(l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(k.$$.fragment,t),D=!0)},o(t){p(n.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),p(k.$$.fragment,t),D=!1},d(t){t&&g(e),f(n),t&&g($),t&&g(o),f(c),f(h),f(k)}}}function je(t){let e,n,$,o,c,m,h,x,y,w,E,k,v,D,O,C,T,b,A,N,j,q,I,P,B,L,U,W,Z,_,tt,et,nt,$t,st,at,rt,ot,ct,lt,pt,ft,mt,it,dt,ut,gt,ht;return e=new F({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),$=new S({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),c=new S({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),h=new R({props:{$$slots:{source:[J],showcase:[z]},$$scope:{ctx:t}}}),y=new G({props:{id:"properties",$$slots:{default:[Q]},$$scope:{ctx:t}}}),E=new M({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),v=new H({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),O=new M({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),T=new S({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),A=new S({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),j=new H({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),I=new G({props:{id:"slots",$$slots:{default:[se]},$$scope:{ctx:t}}}),B=new M({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),U=new S({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),Z=new M({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),tt=new S({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),nt=new M({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),st=new S({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),rt=new M({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),ct=new S({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),pt=new M({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),mt=new S({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),dt=new G({props:{id:"scss-variables",$$slots:{default:[ue]},$$scope:{ctx:t}}}),gt=new H({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment),x=i(),s(y.$$.fragment),w=i(),s(E.$$.fragment),k=i(),s(v.$$.fragment),D=i(),s(O.$$.fragment),C=i(),s(T.$$.fragment),b=i(),s(A.$$.fragment),N=i(),s(j.$$.fragment),q=i(),s(I.$$.fragment),P=i(),s(B.$$.fragment),L=i(),s(U.$$.fragment),W=i(),s(Z.$$.fragment),_=i(),s(tt.$$.fragment),et=i(),s(nt.$$.fragment),$t=i(),s(st.$$.fragment),at=i(),s(rt.$$.fragment),ot=i(),s(ct.$$.fragment),lt=i(),s(pt.$$.fragment),ft=i(),s(mt.$$.fragment),it=i(),s(dt.$$.fragment),ut=i(),s(gt.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(h.$$.fragment,t),x=d(t),a(y.$$.fragment,t),w=d(t),a(E.$$.fragment,t),k=d(t),a(v.$$.fragment,t),D=d(t),a(O.$$.fragment,t),C=d(t),a(T.$$.fragment,t),b=d(t),a(A.$$.fragment,t),N=d(t),a(j.$$.fragment,t),q=d(t),a(I.$$.fragment,t),P=d(t),a(B.$$.fragment,t),L=d(t),a(U.$$.fragment,t),W=d(t),a(Z.$$.fragment,t),_=d(t),a(tt.$$.fragment,t),et=d(t),a(nt.$$.fragment,t),$t=d(t),a(st.$$.fragment,t),at=d(t),a(rt.$$.fragment,t),ot=d(t),a(ct.$$.fragment,t),lt=d(t),a(pt.$$.fragment,t),ft=d(t),a(mt.$$.fragment,t),it=d(t),a(dt.$$.fragment,t),ut=d(t),a(gt.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),u(t,m,s),r(h,t,s),u(t,x,s),r(y,t,s),u(t,w,s),r(E,t,s),u(t,k,s),r(v,t,s),u(t,D,s),r(O,t,s),u(t,C,s),r(T,t,s),u(t,b,s),r(A,t,s),u(t,N,s),r(j,t,s),u(t,q,s),r(I,t,s),u(t,P,s),r(B,t,s),u(t,L,s),r(U,t,s),u(t,W,s),r(Z,t,s),u(t,_,s),r(tt,t,s),u(t,et,s),r(nt,t,s),u(t,$t,s),r(st,t,s),u(t,at,s),r(rt,t,s),u(t,ot,s),r(ct,t,s),u(t,lt,s),r(pt,t,s),u(t,ft,s),r(mt,t,s),u(t,it,s),r(dt,t,s),u(t,ut,s),r(gt,t,s),ht=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};9&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o);const l={};8&n&&(l.$$scope={dirty:n,ctx:t}),y.$set(l);const p={};8&n&&(p.$$scope={dirty:n,ctx:t}),E.$set(p);const f={};8&n&&(f.$$scope={dirty:n,ctx:t}),v.$set(f);const m={};8&n&&(m.$$scope={dirty:n,ctx:t}),O.$set(m);const i={};8&n&&(i.$$scope={dirty:n,ctx:t}),T.$set(i);const d={};8&n&&(d.$$scope={dirty:n,ctx:t}),A.$set(d);const u={};8&n&&(u.$$scope={dirty:n,ctx:t}),j.$set(u);const g={};8&n&&(g.$$scope={dirty:n,ctx:t}),I.$set(g);const x={};8&n&&(x.$$scope={dirty:n,ctx:t}),B.$set(x);const w={};8&n&&(w.$$scope={dirty:n,ctx:t}),U.$set(w);const k={};8&n&&(k.$$scope={dirty:n,ctx:t}),Z.$set(k);const D={};8&n&&(D.$$scope={dirty:n,ctx:t}),tt.$set(D);const C={};8&n&&(C.$$scope={dirty:n,ctx:t}),nt.$set(C);const b={};8&n&&(b.$$scope={dirty:n,ctx:t}),st.$set(b);const F={};8&n&&(F.$$scope={dirty:n,ctx:t}),rt.$set(F);const S={};8&n&&(S.$$scope={dirty:n,ctx:t}),ct.$set(S);const N={};8&n&&(N.$$scope={dirty:n,ctx:t}),pt.$set(N);const R={};8&n&&(R.$$scope={dirty:n,ctx:t}),mt.$set(R);const q={};8&n&&(q.$$scope={dirty:n,ctx:t}),dt.$set(q);const G={};8&n&&(G.$$scope={dirty:n,ctx:t}),gt.$set(G)},i(t){ht||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(y.$$.fragment,t),l(E.$$.fragment,t),l(v.$$.fragment,t),l(O.$$.fragment,t),l(T.$$.fragment,t),l(A.$$.fragment,t),l(j.$$.fragment,t),l(I.$$.fragment,t),l(B.$$.fragment,t),l(U.$$.fragment,t),l(Z.$$.fragment,t),l(tt.$$.fragment,t),l(nt.$$.fragment,t),l(st.$$.fragment,t),l(rt.$$.fragment,t),l(ct.$$.fragment,t),l(pt.$$.fragment,t),l(mt.$$.fragment,t),l(dt.$$.fragment,t),l(gt.$$.fragment,t),ht=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),p(y.$$.fragment,t),p(E.$$.fragment,t),p(v.$$.fragment,t),p(O.$$.fragment,t),p(T.$$.fragment,t),p(A.$$.fragment,t),p(j.$$.fragment,t),p(I.$$.fragment,t),p(B.$$.fragment,t),p(U.$$.fragment,t),p(Z.$$.fragment,t),p(tt.$$.fragment,t),p(nt.$$.fragment,t),p(st.$$.fragment,t),p(rt.$$.fragment,t),p(ct.$$.fragment,t),p(pt.$$.fragment,t),p(mt.$$.fragment,t),p(dt.$$.fragment,t),p(gt.$$.fragment,t),ht=!1},d(t){f(e,t),t&&g(n),f($,t),t&&g(o),f(c,t),t&&g(m),f(h,t),t&&g(x),f(y,t),t&&g(w),f(E,t),t&&g(k),f(v,t),t&&g(D),f(O,t),t&&g(C),f(T,t),t&&g(b),f(A,t),t&&g(N),f(j,t),t&&g(q),f(I,t),t&&g(P),f(B,t),t&&g(L),f(U,t),t&&g(W),f(Z,t),t&&g(_),f(tt,t),t&&g(et),f(nt,t),t&&g($t),f(st,t),t&&g(at),f(rt,t),t&&g(ot),f(ct,t),t&&g(lt),f(pt,t),t&&g(ft),f(mt,t),t&&g(it),f(dt,t),t&&g(ut),f(gt,t)}}}function Re(t){let e,n;const m=[t[1],qe];let i={$$slots:{default:[je]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=$(i,m[t]);return e=new b({props:i}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p(t,[n]){const $=2&n?o(m,[2&n&&c(t[1]),0&n&&c(qe)]):{};9&n&&($.$$scope={dirty:n,ctx:t}),e.$set($)},i(t){n||(l(e.$$.fragment,t),n=!0)},o(t){p(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}const qe={name:"FormField"};function Ge(t,e,n){let s=!1;return t.$$set=t=>{n(1,e=$($({},e),m(t)))},e=m(e),[s,e,function(t){s=t,n(0,s)}]}class Me extends t{constructor(t){super(),e(this,t,Ge,Re,n,{})}}export{Me as default,qe as metadata};
diff --git a/376/client/format-file-size.22bb7c0a.js b/376/client/format-file-size.22bb7c0a.js
new file mode 100644
index 000000000..9285035c4
--- /dev/null
+++ b/376/client/format-file-size.22bb7c0a.js
@@ -0,0 +1 @@
+function t(t){const B=1e3;if(Math.abs(t)<B)return t+" B";const e=["KB","MB","GB","TB","PB","EB","ZB","YB"];let n=-1;do{t/=B,++n}while(Math.round(10*Math.abs(t))/10>=B&&n<e.length-1);return t.toFixed(1)+" "+e[n]}export{t as f};
diff --git a/376/client/h2-af7b8c59.css b/376/client/h2-af7b8c59.css
new file mode 100644
index 000000000..34532026a
--- /dev/null
+++ b/376/client/h2-af7b8c59.css
@@ -0,0 +1 @@
+h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width: 640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width: 840px){h2.svelte-eaesr4{font-size:1.5em}}
diff --git a/376/client/h2.122c8b9f.js b/376/client/h2.122c8b9f.js
new file mode 100644
index 000000000..8bbe8ec6e
--- /dev/null
+++ b/376/client/h2.122c8b9f.js
@@ -0,0 +1 @@
+import{S as s,i as l,s as a,M as n,h as t,u as i,k as c,b as e,w as o,d as u,e as r,f as h,g as d,Q as f,R as p,T as $,t as m,p as w,E as v,v as x,x as E}from"./client.0d36a0cf.js";function g(s){let l,a;return{c(){l=t("a"),a=x("#"),this.h()},l(s){l=c(s,"A",{href:!0,class:!0});var n=e(l);a=E(n,"#"),n.forEach(u),this.h()},h(){r(l,"href",s[1]),r(l,"class","ml")},m(s,n){h(s,l,n),d(l,a)},p(s,a){2&a&&r(l,"href",s[1])},d(s){s&&u(l)}}}function H(s){let l,a,v;const x=s[3].default,E=n(x,s,s[2],null);let H=null!=s[1]&&g(s);return{c(){l=t("h2"),E&&E.c(),a=i(),H&&H.c(),this.h()},l(s){l=c(s,"H2",{id:!0,class:!0});var n=e(l);E&&E.l(n),a=o(n),H&&H.l(n),n.forEach(u),this.h()},h(){r(l,"id",s[0]),r(l,"class","svelte-eaesr4")},m(s,n){h(s,l,n),E&&E.m(l,null),d(l,a),H&&H.m(l,null),v=!0},p(s,[a]){E&&E.p&&(!v||4&a)&&f(E,x,s,s[2],v?$(x,s[2],a,null):p(s[2]),null),null!=s[1]?H?H.p(s,a):(H=g(s),H.c(),H.m(l,null)):H&&(H.d(1),H=null),(!v||1&a)&&r(l,"id",s[0])},i(s){v||(m(E,s),v=!0)},o(s){w(E,s),v=!1},d(s){s&&u(l),E&&E.d(s),H&&H.d()}}}function b(s,l,a){let{$$slots:n={},$$scope:t}=l,{id:i=null}=l,c=i&&`#${i}`;return v((function(){null!=i&&a(1,c=window.location.origin+window.location.pathname+c)})),s.$$set=s=>{"id"in s&&a(0,i=s.id),"$$scope"in s&&a(2,t=s.$$scope)},[i,c,t,n]}class j extends s{constructor(s){super(),l(this,s,b,H,a,{id:0})}}export{j as H};
diff --git a/376/client/h3-c29d4685.css b/376/client/h3-c29d4685.css
new file mode 100644
index 000000000..f2b6978cd
--- /dev/null
+++ b/376/client/h3-c29d4685.css
@@ -0,0 +1 @@
+h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 0.5em}@media only screen and (min-width: 640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width: 840px){h3.svelte-1l9130h{font-size:1.3em}}
diff --git a/376/client/h3.1e03849b.js b/376/client/h3.1e03849b.js
new file mode 100644
index 000000000..df6050f94
--- /dev/null
+++ b/376/client/h3.1e03849b.js
@@ -0,0 +1 @@
+import{S as s,i as l,s as a,M as n,h as t,u as i,k as c,b as e,w as o,d as u,e as h,f as r,g as d,Q as f,R as p,T as $,t as m,p as w,E as v,v as x,x as E}from"./client.0d36a0cf.js";function g(s){let l,a;return{c(){l=t("a"),a=x("#"),this.h()},l(s){l=c(s,"A",{href:!0,class:!0});var n=e(l);a=E(n,"#"),n.forEach(u),this.h()},h(){h(l,"href",s[1]),h(l,"class","ml")},m(s,n){r(s,l,n),d(l,a)},p(s,a){2&a&&h(l,"href",s[1])},d(s){s&&u(l)}}}function H(s){let l,a,v;const x=s[3].default,E=n(x,s,s[2],null);let H=null!=s[1]&&g(s);return{c(){l=t("h3"),E&&E.c(),a=i(),H&&H.c(),this.h()},l(s){l=c(s,"H3",{id:!0,class:!0});var n=e(l);E&&E.l(n),a=o(n),H&&H.l(n),n.forEach(u),this.h()},h(){h(l,"id",s[0]),h(l,"class","svelte-1l9130h")},m(s,n){r(s,l,n),E&&E.m(l,null),d(l,a),H&&H.m(l,null),v=!0},p(s,[a]){E&&E.p&&(!v||4&a)&&f(E,x,s,s[2],v?$(x,s[2],a,null):p(s[2]),null),null!=s[1]?H?H.p(s,a):(H=g(s),H.c(),H.m(l,null)):H&&(H.d(1),H=null),(!v||1&a)&&h(l,"id",s[0])},i(s){v||(m(E,s),v=!0)},o(s){w(E,s),v=!1},d(s){s&&u(l),E&&E.d(s),H&&H.d()}}}function b(s,l,a){let{$$slots:n={},$$scope:t}=l,{id:i=null}=l,c=i&&`#${i}`;return v((function(){null!=i&&a(1,c=window.location.origin+window.location.pathname+c)})),s.$$set=s=>{"id"in s&&a(0,i=s.id),"$$scope"in s&&a(2,t=s.$$scope)},[i,c,t,n]}class j extends s{constructor(s){super(),l(this,s,b,H,a,{id:0})}}export{j as H};
diff --git a/376/client/index-f552dbeb.css b/376/client/index-f552dbeb.css
new file mode 100644
index 000000000..70aac4f19
--- /dev/null
+++ b/376/client/index-f552dbeb.css
@@ -0,0 +1,3 @@
+.info-tile.svelte-131dghs.svelte-131dghs{cursor:pointer;margin-bottom:1em}.info-tile.svelte-131dghs .card{column-gap:1em;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;transition:150ms box-shadow}.info-tile.svelte-131dghs .card:hover{box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)}.info-tile.svelte-131dghs .icon.svelte-131dghs{align-self:center;background:#4300b0;border-radius:50%;color:#fff;grid-row:span 2;padding:0.8em}.info-tile.svelte-131dghs .icon.svelte-131dghs svg{display:block}.info-tile.svelte-131dghs .subtitle.svelte-131dghs{color:#4300b0;font-size:0.9em;font-weight:300}@media only screen and (min-width: 640px){.info-tile.svelte-131dghs.svelte-131dghs{margin-bottom:2.5em}.info-tile.svelte-131dghs .card{width:30em}}@media only screen and (min-width: 1024px){.info-tile.svelte-131dghs.svelte-131dghs{margin-bottom:1em}}
+.info-tiles.svelte-18jhduw{margin-top:3em}@media only screen and (min-width: 640px){.info-tiles.svelte-18jhduw{margin-top:6em}}@media only screen and (min-width: 1024px){.info-tiles.svelte-18jhduw{margin-top:0}}
+html{scroll-behavior:smooth}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}body{display:flex;flex-direction:column;font-family:"Ubuntu", sans-serif;margin:0;min-height:100vh}p{letter-spacing:0.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:0.4em}.mr{margin-right:0.4em}.mb{margin-bottom:0.4em}.padded{padding-left:0.5em;padding-right:0.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width: 640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width: 1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width: 639px){.hide-on-less-tb{display:none}}@media only screen and (min-width: 640px){.hide-on-tb-more{display:none}}main.svelte-1bg8jus.svelte-1bg8jus{background:rgba(67, 0, 176, 0.07);padding:2.4em 0.5em}main.svelte-1bg8jus mark.svelte-1bg8jus{background:none;color:#4300b0}main.svelte-1bg8jus>.card{align-items:center;display:flex;flex-direction:column;position:relative;z-index:20}main.svelte-1bg8jus>.card header{align-items:center;display:flex;margin-top:1em}main.svelte-1bg8jus>.card header img{margin-right:1em;width:2em}main.svelte-1bg8jus>.card header h1{color:#000;margin-bottom:0}main.svelte-1bg8jus>.card header a{margin-left:1em}main.svelte-1bg8jus>.card p{font-weight:300;margin-top:1.5em}main.svelte-1bg8jus>.card .actions{display:flex}main.svelte-1bg8jus .strip.svelte-1bg8jus{background:#4300b0;height:3.6em;left:0;position:absolute;top:10.3em;width:100%;z-index:10}main.svelte-1bg8jus footer.svelte-1bg8jus{margin-top:2em;padding-bottom:1em}main.svelte-1bg8jus footer p.svelte-1bg8jus{font-size:0.95em;font-weight:300;margin:0.7em 0 0;text-align:center}@media only screen and (min-width: 360px){main.svelte-1bg8jus.svelte-1bg8jus{align-items:center;display:flex;flex-direction:column}main.svelte-1bg8jus>.card{padding:1.5em 2em}}@media only screen and (min-width: 640px){main.svelte-1bg8jus>.card{padding:2em 3.5em}main.svelte-1bg8jus .strip.svelte-1bg8jus{height:8em}}@media only screen and (min-width: 1024px){main.svelte-1bg8jus.svelte-1bg8jus{column-gap:4em;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto 1fr;min-height:100vh;padding:0 5%}main.svelte-1bg8jus>.card,main.svelte-1bg8jus .info-tiles{grid-row:2}main.svelte-1bg8jus .card{width:max-content}main.svelte-1bg8jus footer.svelte-1bg8jus{align-self:end;grid-column:span 2;grid-row:3;padding-bottom:2em}main.svelte-1bg8jus .strip.svelte-1bg8jus{height:100%;left:calc(5% - 1em);top:0;width:11em}}@media only screen and (min-width: 1200px){main.svelte-1bg8jus.svelte-1bg8jus{padding:0 15%}main.svelte-1bg8jus .strip.svelte-1bg8jus{left:calc(15% - 1em)}}
diff --git a/376/client/index.43e68bf4.js b/376/client/index.43e68bf4.js
new file mode 100644
index 000000000..121a34232
--- /dev/null
+++ b/376/client/index.43e68bf4.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as s,j as a,l as r,m as $,U as c,a0 as o,t as l,p as i,q as f,E as m,L as p,u,w as d,f as g,d as h,v as b,x,C as y,D as k,n as v,A as w}from"./client.0d36a0cf.js";import{L as z,H as S,P as A}from"./layout.b2760304.js";import{U as j,L as I}from"./ul.abdb9780.js";import{f as C}from"./format-file-size.22bb7c0a.js";function T(t){let e;return{c(){e=b("Warm welcome, stranded developer")},l(t){e=x(t,"Warm welcome, stranded developer")},m(t,n){g(t,e,n)},d(t){t&&h(e)}}}function U(t){let e;return{c(){e=b("Attractions is a stylish and functional UI kit for Svelte, built to solve interface tasks at hand.")},l(t){e=x(t,"Attractions is a stylish and functional UI kit for Svelte, built to solve interface tasks at hand.")},m(t,n){g(t,e,n)},d(t){t&&h(e)}}}function W(t){let e;return{c(){e=b("Given the compiling nature of Svelte, the components can be used for any framework using the JavaScript API.")},l(t){e=x(t,"Given the compiling nature of Svelte, the components can be used for any framework using the JavaScript API.")},m(t,n){g(t,e,n)},d(t){t&&h(e)}}}function L(t){let e;return{c(){e=b("This library is MIT licensed.")},l(t){e=x(t,"This library is MIT licensed.")},m(t,n){g(t,e,n)},d(t){t&&h(e)}}}function P(t){let e;return{c(){e=b("(idk, an error occured)")},l(t){e=x(t,"(idk, an error occured)")},m(t,n){g(t,e,n)},p:v,d(t){t&&h(e)}}}function G(t){let e,n,s,a,r=C(t[2].size)+"",$=C(t[2].gzip)+"";return{c(){e=b(r),n=b(" ("),s=b($),a=b(" gzipped)")},l(t){e=x(t,r),n=x(t," ("),s=x(t,$),a=x(t," gzipped)")},m(t,r){g(t,e,r),g(t,n,r),g(t,s,r),g(t,a,r)},p(t,n){1&n&&r!==(r=C(t[2].size)+"")&&w(e,r),1&n&&$!==($=C(t[2].gzip)+"")&&w(s,$)},d(t){t&&h(e),t&&h(n),t&&h(s),t&&h(a)}}}function H(t){let e;return{c(){e=b("(calculating…)")},l(t){e=x(t,"(calculating…)")},m(t,n){g(t,e,n)},p:v,d(t){t&&h(e)}}}function J(t){let e,n,s,a={ctx:t,current:null,token:null,hasCatch:!0,pending:H,then:G,catch:P,value:2};return y(n=t[0],a),{c(){e=b("Weighs only\n"),a.block.c(),s=b(", tree-shaking-enabled")},l(t){e=x(t,"Weighs only\n"),a.block.l(t),s=x(t,", tree-shaking-enabled")},m(t,n){g(t,e,n),a.block.m(t,a.anchor=n),a.mount=()=>s.parentNode,a.anchor=s,g(t,s,n)},p(e,s){t=e,a.ctx=t,1&s&&n!==(n=t[0])&&y(n,a)||k(a,t,s)},d(t){t&&h(e),a.block.d(t),a.token=null,a=null,t&&h(s)}}}function M(t){let e;return{c(){e=b("Components are customizable with classes and Sass variables")},l(t){e=x(t,"Components are customizable with classes and Sass variables")},m(t,n){g(t,e,n)},d(t){t&&h(e)}}}function q(t){let e;return{c(){e=b("Accessibility included")},l(t){e=x(t,"Accessibility included")},m(t,n){g(t,e,n)},d(t){t&&h(e)}}}function D(t){let e,n,s,c,o,m;return e=new I({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),s=new I({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),o=new I({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=u(),a(s.$$.fragment),c=u(),a(o.$$.fragment)},l(t){r(e.$$.fragment,t),n=d(t),r(s.$$.fragment,t),c=d(t),r(o.$$.fragment,t)},m(t,a){$(e,t,a),g(t,n,a),$(s,t,a),g(t,c,a),$(o,t,a),m=!0},p(t,n){const a={};9&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),s.$set(r);const $={};8&n&&($.$$scope={dirty:n,ctx:t}),o.$set($)},i(t){m||(l(e.$$.fragment,t),l(s.$$.fragment,t),l(o.$$.fragment,t),m=!0)},o(t){i(e.$$.fragment,t),i(s.$$.fragment,t),i(o.$$.fragment,t),m=!1},d(t){f(e,t),t&&h(n),f(s,t),t&&h(c),f(o,t)}}}function E(t){let e,n,s,c,o,m,p,b,x,y;return e=new S({props:{$$slots:{default:[T]},$$scope:{ctx:t}}}),s=new A({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),o=new A({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),p=new A({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),x=new j({props:{$$slots:{default:[D]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=u(),a(s.$$.fragment),c=u(),a(o.$$.fragment),m=u(),a(p.$$.fragment),b=u(),a(x.$$.fragment)},l(t){r(e.$$.fragment,t),n=d(t),r(s.$$.fragment,t),c=d(t),r(o.$$.fragment,t),m=d(t),r(p.$$.fragment,t),b=d(t),r(x.$$.fragment,t)},m(t,a){$(e,t,a),g(t,n,a),$(s,t,a),g(t,c,a),$(o,t,a),g(t,m,a),$(p,t,a),g(t,b,a),$(x,t,a),y=!0},p(t,n){const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),s.$set(r);const $={};8&n&&($.$$scope={dirty:n,ctx:t}),o.$set($);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),p.$set(c);const l={};9&n&&(l.$$scope={dirty:n,ctx:t}),x.$set(l)},i(t){y||(l(e.$$.fragment,t),l(s.$$.fragment,t),l(o.$$.fragment,t),l(p.$$.fragment,t),l(x.$$.fragment,t),y=!0)},o(t){i(e.$$.fragment,t),i(s.$$.fragment,t),i(o.$$.fragment,t),i(p.$$.fragment,t),i(x.$$.fragment,t),y=!1},d(t){f(e,t),t&&h(n),f(s,t),t&&h(c),f(o,t),t&&h(m),f(p,t),t&&h(b),f(x,t)}}}function K(t){let e,n;const m=[t[1],N];let p={$$slots:{default:[E]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)p=s(p,m[t]);return e=new z({props:p}),{c(){a(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,s){$(e,t,s),n=!0},p(t,[n]){const s=2&n?c(m,[2&n&&o(t[1]),0&n&&o(N)]):{};9&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(l(e.$$.fragment,t),n=!0)},o(t){i(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}const N={name:"Home"};function B(t,e,n){let a=Promise.resolve(1/0);return m((()=>{n(0,a=fetch("https://bundlephobia.com/api/size?package=attractions@3.7.1").then((t=>t.json())))})),t.$$set=t=>{n(1,e=s(s({},e),p(t)))},e=p(e),[a,e]}class F extends t{constructor(t){super(),e(this,t,B,K,n,{})}}export{F as default,N as metadata};
diff --git a/376/client/index.4c1ceff5.js b/376/client/index.4c1ceff5.js
new file mode 100644
index 000000000..37fc59999
--- /dev/null
+++ b/376/client/index.4c1ceff5.js
@@ -0,0 +1 @@
+function n(n){const t=n-1;return t*t*t+1}function t(n){return Math.sin(n*Math.PI/2)}export{n as c,t as s};
diff --git a/376/client/index.e26e9cd7.js b/376/client/index.e26e9cd7.js
new file mode 100644
index 000000000..393232c64
--- /dev/null
+++ b/376/client/index.e26e9cd7.js
@@ -0,0 +1 @@
+import{S as t,i as e,s,a as r,c as o,b as a,d as i,e as n,f as c,g as l,n as h,h as f,j as m,k as p,l as d,m as u,o as g,t as $,p as b,q as k,r as v,u as w,v as j,w as x,x as z,y as E,z as y,A as C,B as A,C as S,D,E as I,F as B,G as T}from"./client.0d36a0cf.js";import{e as W,r as F,B as P}from"./button.743a388a.js";import{C as R}from"./card.72b37821.js";import{H as M,a as G,b as H,c as V,S as _}from"./subhead.4e227d90.js";import{G as L}from"./GithubIcon.5a98308c.js";import{T as O}from"./text-field.37ad5edd.js";import{R as U}from"./radio-group.03f68bdf.js";import{R as q}from"./radio-button.9cbc326b.js";import{C as K}from"./checkbox.72a1ad14.js";import{C as N}from"./checkbox-group.ae6b5c93.js";import{D as J,a as Q}from"./dropdown.68df1ffe.js";import{S as X}from"./switch.621b5c35.js";import{C as Y}from"./chip.863185cf.js";import{R as Z}from"./radio-chip.0bf91b57.js";import{R as tt}from"./radio-chip-group.662491aa.js";import{C as et}from"./checkbox-chip.5966cebc.js";import{C as st}from"./checkbox-chip-group.05d6a4a7.js";import{A as rt,a as ot}from"./accordion-section.3cf8ee10.js";import{M as at}from"./modal.eb59b5a1.js";import{T as it}from"./table.b361c3b7.js";import{T as nt}from"./tab.bbb6306c.js";import{T as ct}from"./tabs.8ab10f21.js";import{L as lt}from"./label.16b4782e.js";import{D as ht}from"./dot.4b1a4e36.js";import{D as ft}from"./divider.67a9a120.js";import{S as mt}from"./snackbar-container.ae550c61.js";import{d as pt,S as dt}from"./snackbar.e51b36cb.js";import{S as ut}from"./star-rating.5a108501.js";import{D as gt}from"./dialog.b792720c.js";import{P as $t}from"./popover.156a947e.js";import{P as bt}from"./popover-button.b4bb867f.js";import{F as kt}from"./file-input.a173f705.js";import{F as vt}from"./file-dropzone.a1829fd2.js";import{f as wt,F as jt}from"./file-tile.85e2cf4a.js";import{D as xt}from"./date-picker.69cac3f7.js";import{C as zt}from"./calendar.d88aafe1.js";import{T as Et}from"./time-picker.4fb06828.js";import{F as yt}from"./form-field.36e1adda.js";import{L as Ct}from"./loading.1713184d.js";import{A as At}from"./autocomplete.c0ec5df7.js";import{e as St,A as Dt}from"./autocomplete-option.310b3623.js";import{c as It,A as Bt}from"./autocomplete-field.a5079849.js";import{B as Tt}from"./badge.2444c261.js";import{B as Wt}from"./breadcrumbs.b0715397.js";import{P as Ft}from"./pagination.f1471bfe.js";import{S as Pt}from"./slider.7665fedc.js";import{c as Rt}from"./classes.2453fa25.js";import{g as Mt}from"./color-picker-styles.7cf55314.js";import{f as Gt}from"./format-file-size.22bb7c0a.js";import{p as Ht}from"./plural-s.31bb9da9.js";import{r as Vt}from"./range.ee7914b1.js";import"./index.4c1ceff5.js";import"./x.a2bf5f48.js";import"./datetime-utils.e026cf1b.js";var _t=Object.freeze({__proto__:null,callOnSight:It,classes:Rt,getColorPickerStyles:Mt,dynamicTransition:pt,escapeRegExp:St,events:W,formatFileSize:Gt,formatFileType:wt,s:Ht,range:Vt,ripple:F}),Lt=Object.freeze({__proto__:null,Button:P,TextField:O,RadioGroup:U,RadioButton:q,Checkbox:K,CheckboxGroup:N,Card:R,DropdownShell:J,Dropdown:Q,Switch:X,Chip:Y,RadioChip:Z,RadioChipGroup:tt,CheckboxChip:et,CheckboxChipGroup:st,Accordion:rt,AccordionSection:ot,Modal:at,Table:it,Tab:nt,Tabs:ct,H1:M,H2:G,H3:H,Headline:V,Subhead:_,Label:lt,Dot:ht,Divider:ft,SnackbarContainer:mt,Snackbar:dt,StarRating:ut,Dialog:gt,Popover:$t,PopoverButton:bt,FileInput:kt,FileDropzone:vt,FileTile:jt,DatePicker:xt,Calendar:zt,TimePicker:Et,FormField:yt,Loading:Ct,Autocomplete:At,AutocompleteOption:Dt,AutocompleteField:Bt,Badge:Tt,Breadcrumbs:Wt,Pagination:Ft,Slider:Pt,utils:_t});function Ot(t){let e,s,f,m;return{c(){e=r("svg"),s=r("path"),f=r("path"),this.h()},l(t){e=o(t,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var r=a(e);s=o(r,"path",{d:!0}),a(s).forEach(i),f=o(r,"path",{d:!0}),a(f).forEach(i),r.forEach(i),this.h()},h(){n(s,"d","M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"),n(f,"d","M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"),n(e,"xmlns","http://www.w3.org/2000/svg"),n(e,"width",t[0]),n(e,"height",t[0]),n(e,"fill","none"),n(e,"viewBox","0 0 24 24"),n(e,"stroke","currentColor"),n(e,"stroke-width",t[1]),n(e,"stroke-linecap","round"),n(e,"stroke-linejoin","round"),n(e,"class",m="feather feather-book-open "+t[2])},m(t,r){c(t,e,r),l(e,s),l(e,f)},p(t,[s]){1&s&&n(e,"width",t[0]),1&s&&n(e,"height",t[0]),2&s&&n(e,"stroke-width",t[1]),4&s&&m!==(m="feather feather-book-open "+t[2])&&n(e,"class",m)},i:h,o:h,d(t){t&&i(e)}}}function Ut(t,e,s){let{size:r="100%"}=e,{strokeWidth:o=2}=e,{class:a=""}=e;return"100%"!==r&&(r="x"===r.slice(-1)?r.slice(0,r.length-1)+"em":parseInt(r)+"px"),t.$$set=t=>{"size"in t&&s(0,r=t.size),"strokeWidth"in t&&s(1,o=t.strokeWidth),"class"in t&&s(2,a=t.class)},[r,o,a]}class qt extends t{constructor(t){super(),e(this,t,Ut,Ot,s,{size:0,strokeWidth:1,class:2})}}function Kt(t){let e,s,f;return{c(){e=r("svg"),s=r("path"),this.h()},l(t){e=o(t,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var r=a(e);s=o(r,"path",{d:!0}),a(s).forEach(i),r.forEach(i),this.h()},h(){n(s,"d","M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"),n(e,"xmlns","http://www.w3.org/2000/svg"),n(e,"width",t[0]),n(e,"height",t[0]),n(e,"fill","none"),n(e,"viewBox","0 0 24 24"),n(e,"stroke","currentColor"),n(e,"stroke-width",t[1]),n(e,"stroke-linecap","round"),n(e,"stroke-linejoin","round"),n(e,"class",f="feather feather-edit-2 "+t[2])},m(t,r){c(t,e,r),l(e,s)},p(t,[s]){1&s&&n(e,"width",t[0]),1&s&&n(e,"height",t[0]),2&s&&n(e,"stroke-width",t[1]),4&s&&f!==(f="feather feather-edit-2 "+t[2])&&n(e,"class",f)},i:h,o:h,d(t){t&&i(e)}}}function Nt(t,e,s){let{size:r="100%"}=e,{strokeWidth:o=2}=e,{class:a=""}=e;return"100%"!==r&&(r="x"===r.slice(-1)?r.slice(0,r.length-1)+"em":parseInt(r)+"px"),t.$$set=t=>{"size"in t&&s(0,r=t.size),"strokeWidth"in t&&s(1,o=t.strokeWidth),"class"in t&&s(2,a=t.class)},[r,o,a]}class Jt extends t{constructor(t){super(),e(this,t,Nt,Kt,s,{size:0,strokeWidth:1,class:2})}}function Qt(t){let e,s,f,m,p;return{c(){e=r("svg"),s=r("path"),f=r("line"),m=r("line"),this.h()},l(t){e=o(t,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var r=a(e);s=o(r,"path",{d:!0}),a(s).forEach(i),f=o(r,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),a(f).forEach(i),m=o(r,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),a(m).forEach(i),r.forEach(i),this.h()},h(){n(s,"d","M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z"),n(f,"x1","16"),n(f,"y1","8"),n(f,"x2","2"),n(f,"y2","22"),n(m,"x1","17.5"),n(m,"y1","15"),n(m,"x2","9"),n(m,"y2","15"),n(e,"xmlns","http://www.w3.org/2000/svg"),n(e,"width",t[0]),n(e,"height",t[0]),n(e,"fill","none"),n(e,"viewBox","0 0 24 24"),n(e,"stroke","currentColor"),n(e,"stroke-width",t[1]),n(e,"stroke-linecap","round"),n(e,"stroke-linejoin","round"),n(e,"class",p="feather feather-feather "+t[2])},m(t,r){c(t,e,r),l(e,s),l(e,f),l(e,m)},p(t,[s]){1&s&&n(e,"width",t[0]),1&s&&n(e,"height",t[0]),2&s&&n(e,"stroke-width",t[1]),4&s&&p!==(p="feather feather-feather "+t[2])&&n(e,"class",p)},i:h,o:h,d(t){t&&i(e)}}}function Xt(t,e,s){let{size:r="100%"}=e,{strokeWidth:o=2}=e,{class:a=""}=e;return"100%"!==r&&(r="x"===r.slice(-1)?r.slice(0,r.length-1)+"em":parseInt(r)+"px"),t.$$set=t=>{"size"in t&&s(0,r=t.size),"strokeWidth"in t&&s(1,o=t.strokeWidth),"class"in t&&s(2,a=t.class)},[r,o,a]}class Yt extends t{constructor(t){super(),e(this,t,Xt,Qt,s,{size:0,strokeWidth:1,class:2})}}function Zt(t){let e,s,f,m,p,d;return{c(){e=r("svg"),s=r("rect"),f=r("rect"),m=r("rect"),p=r("rect"),this.h()},l(t){e=o(t,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var r=a(e);s=o(r,"rect",{x:!0,y:!0,width:!0,height:!0}),a(s).forEach(i),f=o(r,"rect",{x:!0,y:!0,width:!0,height:!0}),a(f).forEach(i),m=o(r,"rect",{x:!0,y:!0,width:!0,height:!0}),a(m).forEach(i),p=o(r,"rect",{x:!0,y:!0,width:!0,height:!0}),a(p).forEach(i),r.forEach(i),this.h()},h(){n(s,"x","3"),n(s,"y","3"),n(s,"width","7"),n(s,"height","7"),n(f,"x","14"),n(f,"y","3"),n(f,"width","7"),n(f,"height","7"),n(m,"x","14"),n(m,"y","14"),n(m,"width","7"),n(m,"height","7"),n(p,"x","3"),n(p,"y","14"),n(p,"width","7"),n(p,"height","7"),n(e,"xmlns","http://www.w3.org/2000/svg"),n(e,"width",t[0]),n(e,"height",t[0]),n(e,"fill","none"),n(e,"viewBox","0 0 24 24"),n(e,"stroke","currentColor"),n(e,"stroke-width",t[1]),n(e,"stroke-linecap","round"),n(e,"stroke-linejoin","round"),n(e,"class",d="feather feather-grid "+t[2])},m(t,r){c(t,e,r),l(e,s),l(e,f),l(e,m),l(e,p)},p(t,[s]){1&s&&n(e,"width",t[0]),1&s&&n(e,"height",t[0]),2&s&&n(e,"stroke-width",t[1]),4&s&&d!==(d="feather feather-grid "+t[2])&&n(e,"class",d)},i:h,o:h,d(t){t&&i(e)}}}function te(t,e,s){let{size:r="100%"}=e,{strokeWidth:o=2}=e,{class:a=""}=e;return"100%"!==r&&(r="x"===r.slice(-1)?r.slice(0,r.length-1)+"em":parseInt(r)+"px"),t.$$set=t=>{"size"in t&&s(0,r=t.size),"strokeWidth"in t&&s(1,o=t.strokeWidth),"class"in t&&s(2,a=t.class)},[r,o,a]}class ee extends t{constructor(t){super(),e(this,t,te,Zt,s,{size:0,strokeWidth:1,class:2})}}function se(t){let e,s,r,o,h,g,A,S,D;var I=t[0];return I&&(s=v(I,{props:{size:"24"}})),{c(){e=f("div"),s&&m(s.$$.fragment),r=w(),o=f("div"),h=j(t[1]),g=w(),A=f("div"),S=j(t[2]),this.h()},l(n){e=p(n,"DIV",{class:!0});var c=a(e);s&&d(s.$$.fragment,c),c.forEach(i),r=x(n),o=p(n,"DIV",{class:!0});var l=a(o);h=z(l,t[1]),l.forEach(i),g=x(n),A=p(n,"DIV",{class:!0});var f=a(A);S=z(f,t[2]),f.forEach(i),this.h()},h(){n(e,"class","icon svelte-131dghs"),n(o,"class","title"),n(A,"class","subtitle svelte-131dghs")},m(t,a){c(t,e,a),s&&u(s,e,null),c(t,r,a),c(t,o,a),l(o,h),c(t,g,a),c(t,A,a),l(A,S),D=!0},p(t,r){if(1&r&&I!==(I=t[0])){if(s){E();const t=s;b(t.$$.fragment,1,0,(()=>{k(t,1)})),y()}I?(s=v(I,{props:{size:"24"}}),m(s.$$.fragment),$(s.$$.fragment,1),u(s,e,null)):s=null}(!D||2&r)&&C(h,t[1]),(!D||4&r)&&C(S,t[2])},i(t){D||(s&&$(s.$$.fragment,t),D=!0)},o(t){s&&b(s.$$.fragment,t),D=!1},d(t){t&&i(e),s&&k(s),t&&i(r),t&&i(o),t&&i(g),t&&i(A)}}}function re(t){let e,s,r,o,l;return s=new R({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){e=f("div"),m(s.$$.fragment),this.h()},l(t){e=p(t,"DIV",{class:!0});var r=a(e);d(s.$$.fragment,r),r.forEach(i),this.h()},h(){n(e,"class","info-tile svelte-131dghs")},m(a,i){c(a,e,i),u(s,e,null),r=!0,o||(l=g(e,"click",t[4]),o=!0)},p(t,[e]){const r={};39&e&&(r.$$scope={dirty:e,ctx:t}),s.$set(r)},i(t){r||($(s.$$.fragment,t),r=!0)},o(t){b(s.$$.fragment,t),r=!1},d(t){t&&i(e),k(s),o=!1,l()}}}function oe(t,e,s){let{icon:r}=e,{title:o}=e,{subtitle:a}=e,{href:i}=e;return t.$$set=t=>{"icon"in t&&s(0,r=t.icon),"title"in t&&s(1,o=t.title),"subtitle"in t&&s(2,a=t.subtitle),"href"in t&&s(3,i=t.href)},[r,o,a,i,()=>A(i)]}class ae extends t{constructor(t){super(),e(this,t,oe,re,s,{icon:0,title:1,subtitle:2,href:3})}}function ie(t){let e,s;return e=new ae({props:{icon:Yt,title:"Well, that's embarrasing",subtitle:"an error occurred while fetching the bundle size.",href:"https://bundlephobia.com/result?p=attractions"}}),{c(){m(e.$$.fragment)},l(t){d(e.$$.fragment,t)},m(t,r){u(e,t,r),s=!0},p:h,i(t){s||($(e.$$.fragment,t),s=!0)},o(t){b(e.$$.fragment,t),s=!1},d(t){k(e,t)}}}function ne(t){let e,s;return e=new ae({props:{icon:Yt,title:Gt(t[2].size)+" in size",subtitle:"and only "+Gt(t[2].gzip)+" gzipped!",href:"https://bundlephobia.com/result?p=attractions"}}),{c(){m(e.$$.fragment)},l(t){d(e.$$.fragment,t)},m(t,r){u(e,t,r),s=!0},p(t,s){const r={};1&s&&(r.title=Gt(t[2].size)+" in size"),1&s&&(r.subtitle="and only "+Gt(t[2].gzip)+" gzipped!"),e.$set(r)},i(t){s||($(e.$$.fragment,t),s=!0)},o(t){b(e.$$.fragment,t),s=!1},d(t){k(e,t)}}}function ce(t){let e,s;return e=new ae({props:{icon:Yt,title:"Calculating bundle size",subtitle:"gimme a sec...",href:"https://bundlephobia.com/result?p=attractions"}}),{c(){m(e.$$.fragment)},l(t){d(e.$$.fragment,t)},m(t,r){u(e,t,r),s=!0},p:h,i(t){s||($(e.$$.fragment,t),s=!0)},o(t){b(e.$$.fragment,t),s=!1},d(t){k(e,t)}}}function le(t){let e,s,r,o,h,g,v;s=new ae({props:{icon:ee,title:t[1]+" component"+Ht(t[1]),subtitle:"and more to come!",href:"./docs/components/button"}}),o=new ae({props:{icon:Jt,title:"Stylable with Sass",subtitle:"customize colors, fonts, shadows!",href:"./docs/installation"}});let j={ctx:t,current:null,token:null,hasCatch:!0,pending:ce,then:ne,catch:ie,value:2,blocks:[,,,]};return S(g=t[0],j),{c(){e=f("div"),m(s.$$.fragment),r=w(),m(o.$$.fragment),h=w(),j.block.c(),this.h()},l(t){e=p(t,"DIV",{class:!0});var n=a(e);d(s.$$.fragment,n),r=x(n),d(o.$$.fragment,n),h=x(n),j.block.l(n),n.forEach(i),this.h()},h(){n(e,"class","info-tiles svelte-18jhduw")},m(t,a){c(t,e,a),u(s,e,null),l(e,r),u(o,e,null),l(e,h),j.block.m(e,j.anchor=null),j.mount=()=>e,j.anchor=null,v=!0},p(e,[s]){t=e,j.ctx=t,1&s&&g!==(g=t[0])&&S(g,j)||D(j,t,s)},i(t){v||($(s.$$.fragment,t),$(o.$$.fragment,t),$(j.block),v=!0)},o(t){b(s.$$.fragment,t),b(o.$$.fragment,t);for(let t=0;t<3;t+=1){const e=j.blocks[t];b(e)}v=!1},d(t){t&&i(e),k(s),k(o),j.block.d(),j.token=null,j=null}}}function he(t,e,s){const r=Object.keys(Lt).length-1-1;let o=Promise.resolve(1/0);return I((()=>{s(0,o=fetch("https://bundlephobia.com/api/size?package=attractions@3.7.1").then((t=>t.json())))})),[o,r]}class fe extends t{constructor(t){super(),e(this,t,he,le,s,{})}}function me(t){let e;return{c(){e=j("Attractions")},l(t){e=z(t,"Attractions")},m(t,s){c(t,e,s)},d(t){t&&i(e)}}}function pe(t){let e,s,r;return e=new qt({props:{size:"24",class:"mr"}}),{c(){m(e.$$.fragment),s=j("\n        docs")},l(t){d(e.$$.fragment,t),s=z(t,"\n        docs")},m(t,o){u(e,t,o),c(t,s,o),r=!0},p:h,i(t){r||($(e.$$.fragment,t),r=!0)},o(t){b(e.$$.fragment,t),r=!1},d(t){k(e,t),t&&i(s)}}}function de(t){let e,s,r;return e=new L({props:{size:"24",class:"mr"}}),{c(){m(e.$$.fragment),s=j("\n        GitHub")},l(t){d(e.$$.fragment,t),s=z(t,"\n        GitHub")},m(t,o){u(e,t,o),c(t,s,o),r=!0},p:h,i(t){r||($(e.$$.fragment,t),r=!0)},o(t){b(e.$$.fragment,t),r=!1},d(t){k(e,t),t&&i(s)}}}function ue(t){let e,s,r,o,h,g,v,E,y,C,A,S,D,I,B,W,F,R,G,H,V,_,L,O,U="3.7.1";return h=new M({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),V=new P({props:{filled:!0,href:"./docs",$$slots:{default:[pe]},$$scope:{ctx:t}}}),L=new P({props:{outline:!0,class:"ml",href:"https://github.com/illright/attractions",$$slots:{default:[de]},$$scope:{ctx:t}}}),{c(){e=f("header"),s=f("img"),o=w(),m(h.$$.fragment),g=w(),v=f("a"),E=j("v"),y=j(U),C=w(),A=f("p"),S=j("A "),D=f("mark"),I=j("pretty cool"),B=j(" UI kit for\n      "),W=f("a"),F=j("Svelte"),R=j("."),G=w(),H=f("div"),m(V.$$.fragment),_=w(),m(L.$$.fragment),this.h()},l(t){e=p(t,"HEADER",{});var r=a(e);s=p(r,"IMG",{src:!0,alt:!0}),o=x(r),d(h.$$.fragment,r),g=x(r),v=p(r,"A",{href:!0,class:!0,"sapper:prefetch":!0});var n=a(v);E=z(n,"v"),y=z(n,U),n.forEach(i),r.forEach(i),C=x(t),A=p(t,"P",{class:!0});var c=a(A);S=z(c,"A "),D=p(c,"MARK",{class:!0});var l=a(D);I=z(l,"pretty cool"),l.forEach(i),B=z(c," UI kit for\n      "),W=p(c,"A",{href:!0});var f=a(W);F=z(f,"Svelte"),f.forEach(i),R=z(c,"."),c.forEach(i),G=x(t),H=p(t,"DIV",{class:!0});var m=a(H);d(V.$$.fragment,m),_=x(m),d(L.$$.fragment,m),m.forEach(i),this.h()},h(){T(s.src,r="logo-no-bg.svg")||n(s,"src","logo-no-bg.svg"),n(s,"alt","Attractions logo"),n(v,"href","./docs/changelog"),n(v,"class","hide-on-tb-more"),n(v,"sapper:prefetch",""),n(D,"class","svelte-1bg8jus"),n(W,"href","https://svelte.dev"),n(A,"class","svelte-1bg8jus"),n(H,"class","actions")},m(t,r){c(t,e,r),l(e,s),l(e,o),u(h,e,null),l(e,g),l(e,v),l(v,E),l(v,y),c(t,C,r),c(t,A,r),l(A,S),l(A,D),l(D,I),l(A,B),l(A,W),l(W,F),l(A,R),c(t,G,r),c(t,H,r),u(V,H,null),l(H,_),u(L,H,null),O=!0},p(t,e){const s={};1&e&&(s.$$scope={dirty:e,ctx:t}),h.$set(s);const r={};1&e&&(r.$$scope={dirty:e,ctx:t}),V.$set(r);const o={};1&e&&(o.$$scope={dirty:e,ctx:t}),L.$set(o)},i(t){O||($(h.$$.fragment,t),$(V.$$.fragment,t),$(L.$$.fragment,t),O=!0)},o(t){b(h.$$.fragment,t),b(V.$$.fragment,t),b(L.$$.fragment,t),O=!1},d(t){t&&i(e),k(h),t&&i(C),t&&i(A),t&&i(G),t&&i(H),k(V),k(L)}}}function ge(t){let e,s,r,o,h,g,v,E,y,C,A,S,D,I,T,W,F,P,M,G,H,V,_,L,O,U="3.7.1";return o=new R({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),E=new fe({}),{c(){e=f("meta"),s=w(),r=f("main"),m(o.$$.fragment),h=w(),g=f("div"),v=w(),m(E.$$.fragment),y=w(),C=f("footer"),A=f("p"),S=j("made with ❤ by\n      "),D=f("a"),I=j("@aabounegm"),T=j("\n      and\n      "),W=f("a"),F=j("@illright"),P=w(),M=f("p"),G=j("MIT"),H=j("\n      licensed  • \n      "),V=f("a"),_=j("v"),L=j(U),this.h()},l(t){const n=B("svelte-1t3u68b",document.head);e=p(n,"META",{name:!0,content:!0}),n.forEach(i),s=x(t),r=p(t,"MAIN",{class:!0});var c=a(r);d(o.$$.fragment,c),h=x(c),g=p(c,"DIV",{class:!0}),a(g).forEach(i),v=x(c),d(E.$$.fragment,c),y=x(c),C=p(c,"FOOTER",{class:!0});var l=a(C);A=p(l,"P",{class:!0});var f=a(A);S=z(f,"made with ❤ by\n      "),D=p(f,"A",{href:!0});var m=a(D);I=z(m,"@aabounegm"),m.forEach(i),T=z(f,"\n      and\n      "),W=p(f,"A",{href:!0});var u=a(W);F=z(u,"@illright"),u.forEach(i),f.forEach(i),P=x(l),M=p(l,"P",{class:!0});var $=a(M);G=z($,"MIT"),H=z($,"\n      licensed  • \n      "),V=p($,"A",{href:!0,"sapper:prefetch":!0});var b=a(V);_=z(b,"v"),L=z(b,U),b.forEach(i),$.forEach(i),l.forEach(i),c.forEach(i),this.h()},h(){document.title="Attractions",n(e,"name","og:title"),n(e,"content","Attractions"),n(g,"class","strip svelte-1bg8jus"),n(D,"href","https://github.com/aabounegm"),n(W,"href","https://github.com/illright"),n(A,"class","svelte-1bg8jus"),n(V,"href","./docs/changelog"),n(V,"sapper:prefetch",""),n(M,"class","svelte-1bg8jus"),n(C,"class","svelte-1bg8jus"),n(r,"class","svelte-1bg8jus")},m(t,a){l(document.head,e),c(t,s,a),c(t,r,a),u(o,r,null),l(r,h),l(r,g),l(r,v),u(E,r,null),l(r,y),l(r,C),l(C,A),l(A,S),l(A,D),l(D,I),l(A,T),l(A,W),l(W,F),l(C,P),l(C,M),l(M,G),l(M,H),l(M,V),l(V,_),l(V,L),O=!0},p(t,[e]){const s={};1&e&&(s.$$scope={dirty:e,ctx:t}),o.$set(s)},i(t){O||($(o.$$.fragment,t),$(E.$$.fragment,t),O=!0)},o(t){b(o.$$.fragment,t),b(E.$$.fragment,t),O=!1},d(t){i(e),t&&i(s),t&&i(r),k(o),k(E)}}}class $e extends t{constructor(t){super(),e(this,t,null,ge,s,{})}}export{$e as default};
diff --git a/376/client/inject_styles.803b7e80.js b/376/client/inject_styles.803b7e80.js
new file mode 100644
index 000000000..7d487d095
--- /dev/null
+++ b/376/client/inject_styles.803b7e80.js
@@ -0,0 +1 @@
+function e(e){return Promise.all(e.map((function(e){return new Promise((function(t,n){var r=new URL(e,import.meta.url),l=document.baseURI;if(!l){var o=document.getElementsByTagName("base");l=o.length?o[0].href:document.URL}var u=(""+r).substring(l.length),a=document.querySelector('link[rel=stylesheet][href="'+u+'"]')||document.querySelector('link[rel=stylesheet][href="'+r+'"]');a||((a=document.createElement("link")).rel="stylesheet",a.href=r,document.head.appendChild(a)),a.sheet?t():(a.addEventListener("load",(function(){return t()})),a.addEventListener("error",n))}))})))}export{e as default};
diff --git a/376/client/installation-41b9ba7c.css b/376/client/installation-41b9ba7c.css
new file mode 100644
index 000000000..b8a3295f7
--- /dev/null
+++ b/376/client/installation-41b9ba7c.css
@@ -0,0 +1 @@
+.toolchain.svelte-dfgfbu{background:rgba(67, 0, 176, 0.03);border-radius:1em;display:grid;gap:0.35em;grid-auto-flow:column;grid-template:auto auto/1fr 1fr 1fr;justify-items:center;margin:2em 0;padding:1.5em 1em}.prelude.svelte-dfgfbu{margin-bottom:1.5em}.caution.svelte-dfgfbu{background:rgba(255, 179, 89, 0.07);border-radius:1em;font-size:0.9em;font-weight:300;margin:2em 0;padding:1.5em}.caution.svelte-dfgfbu .label{color:#f18300;margin-bottom:0.5em}strong.svelte-dfgfbu{color:#4300b0}
diff --git a/376/client/installation.8077cb29.js b/376/client/installation.8077cb29.js
new file mode 100644
index 000000000..cb71e56a3
--- /dev/null
+++ b/376/client/installation.8077cb29.js
@@ -0,0 +1 @@
+import{S as n,i as s,s as a,K as t,j as e,l as p,m as o,U as c,a0 as l,t as r,p as u,q as i,L as k,Y as $,$ as f,u as m,h as d,H as g,w as h,k as y,b as v,d as w,e as x,f as b,g as E,a1 as j,y as S,z as T,v as P,x as R,n as A,am as C,an as L}from"./client.0d36a0cf.js";import{L as I,H,P as M}from"./layout.b2760304.js";import{T as N}from"./tabs.8ab10f21.js";import{L as O}from"./label.16b4782e.js";import{C as B}from"./copyable-code.1fddc954.js";import"./classes.2453fa25.js";import"./tab.bbb6306c.js";import"./button.743a388a.js";function D(n){let s;return{c(){s=P("Installation")},l(n){s=R(n,"Installation")},m(n,a){b(n,s,a)},d(n){n&&w(s)}}}function q(n){let s;return{c(){s=P("Package manager")},l(n){s=R(n,"Package manager")},m(n,a){b(n,s,a)},d(n){n&&w(s)}}}function W(n){let s;return{c(){s=P("Bundler")},l(n){s=R(n,"Bundler")},m(n,a){b(n,s,a)},d(n){n&&w(s)}}}function Y(n){let s;return{c(){s=P("Framework")},l(n){s=R(n,"Framework")},m(n,a){b(n,s,a)},d(n){n&&w(s)}}}function G(n){let s,a,t,c,l;return a=new M({props:{$$slots:{default:[V]},$$scope:{ctx:n}}}),c=new M({props:{$$slots:{default:[J]},$$scope:{ctx:n}}}),{c(){s=d("div"),e(a.$$.fragment),t=m(),e(c.$$.fragment),this.h()},l(n){s=y(n,"DIV",{class:!0});var e=v(s);p(a.$$.fragment,e),t=h(e),p(c.$$.fragment,e),e.forEach(w),this.h()},h(){x(s,"class","prelude svelte-dfgfbu")},m(n,e){b(n,s,e),o(a,s,null),E(s,t),o(c,s,null),l=!0},i(n){l||(r(a.$$.fragment,n),r(c.$$.fragment,n),l=!0)},o(n){u(a.$$.fragment,n),u(c.$$.fragment,n),l=!1},d(n){n&&w(s),i(a),i(c)}}}function V(n){let s;return{c(){s=P("You can use Attractions with other JS frameworks such as React and Vue, however, this usage is rather restricted in capabilities.")},l(n){s=R(n,"You can use Attractions with other JS frameworks such as React and Vue, however, this usage is rather restricted in capabilities.")},m(n,a){b(n,s,a)},d(n){n&&w(s)}}}function J(n){let s;return{c(){s=P("If you're experiencing trouble, see if you can wrap the entire usage of this library\nin its own Svelte component that does minimal interactions with the world (as few props/events as possible)\nand integrate that component into your page rendered with another framework.")},l(n){s=R(n,"If you're experiencing trouble, see if you can wrap the entire usage of this library\nin its own Svelte component that does minimal interactions with the world (as few props/events as possible)\nand integrate that component into your page rendered with another framework.")},m(n,a){b(n,s,a)},d(n){n&&w(s)}}}function _(n){let s,a,t,c,l,k,$,f,g,j,S,T,P;return a=new O({props:{$$slots:{default:[F]},$$scope:{ctx:n}}}),c=new M({props:{$$slots:{default:[X]},$$scope:{ctx:n}}}),k=new M({props:{$$slots:{default:[z]},$$scope:{ctx:n}}}),f=new B({props:{terminal:!0,$$slots:{default:[Z]},$$scope:{ctx:n}}}),j=new M({props:{$$slots:{default:[nn]},$$scope:{ctx:n}}}),T=new B({props:{filename:"webpack.config.js",$$slots:{default:[sn]},$$scope:{ctx:n}}}),{c(){s=d("div"),e(a.$$.fragment),t=m(),e(c.$$.fragment),l=m(),e(k.$$.fragment),$=m(),e(f.$$.fragment),g=m(),e(j.$$.fragment),S=m(),e(T.$$.fragment),this.h()},l(n){s=y(n,"DIV",{class:!0});var e=v(s);p(a.$$.fragment,e),t=h(e),p(c.$$.fragment,e),l=h(e),p(k.$$.fragment,e),$=h(e),p(f.$$.fragment,e),g=h(e),p(j.$$.fragment,e),S=h(e),p(T.$$.fragment,e),e.forEach(w),this.h()},h(){x(s,"class","caution svelte-dfgfbu")},m(n,e){b(n,s,e),o(a,s,null),E(s,t),o(c,s,null),E(s,l),o(k,s,null),E(s,$),o(f,s,null),E(s,g),o(j,s,null),E(s,S),o(T,s,null),P=!0},p(n,s){const t={};1024&s&&(t.$$scope={dirty:s,ctx:n}),a.$set(t);const e={};1024&s&&(e.$$scope={dirty:s,ctx:n}),c.$set(e);const p={};1024&s&&(p.$$scope={dirty:s,ctx:n}),k.$set(p);const o={};1025&s&&(o.$$scope={dirty:s,ctx:n}),f.$set(o);const l={};1024&s&&(l.$$scope={dirty:s,ctx:n}),j.$set(l);const r={};1024&s&&(r.$$scope={dirty:s,ctx:n}),T.$set(r)},i(n){P||(r(a.$$.fragment,n),r(c.$$.fragment,n),r(k.$$.fragment,n),r(f.$$.fragment,n),r(j.$$.fragment,n),r(T.$$.fragment,n),P=!0)},o(n){u(a.$$.fragment,n),u(c.$$.fragment,n),u(k.$$.fragment,n),u(f.$$.fragment,n),u(j.$$.fragment,n),u(T.$$.fragment,n),P=!1},d(n){n&&w(s),i(a),i(c),i(k),i(f),i(j),i(T)}}}function F(n){let s;return{c(){s=P("Caution")},l(n){s=R(n,"Caution")},m(n,a){b(n,s,a)},d(n){n&&w(s)}}}function X(n){let s,a,t,e;return{c(){s=P("Webpack 4.x.x doesn't support the following ES Modules syntax: "),a=d("code"),t=P("export * as X from 'Y'"),e=P(".\nThus, in order to use Attractions with Webpack 4, you need to transpile its index file with Babel.")},l(n){s=R(n,"Webpack 4.x.x doesn't support the following ES Modules syntax: "),a=y(n,"CODE",{});var p=v(a);t=R(p,"export * as X from 'Y'"),p.forEach(w),e=R(n,".\nThus, in order to use Attractions with Webpack 4, you need to transpile its index file with Babel.")},m(n,p){b(n,s,p),b(n,a,p),E(a,t),b(n,e,p)},p:A,d(n){n&&w(s),n&&w(a),n&&w(e)}}}function z(n){let s;return{c(){s=P("Install Babel (if you don't have it already):")},l(n){s=R(n,"Install Babel (if you don't have it already):")},m(n,a){b(n,s,a)},d(n){n&&w(s)}}}function K(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-shell")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-shell"><span class="token function">pnpm</span> <span class="token function">add</span> --save-dev babel-loader @babel/core @babel/preset-env</code>'},d(n){n&&w(s)}}}function U(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-shell")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-shell"><span class="token function">yarn</span> <span class="token function">add</span> <span class="token parameter variable">--dev</span> babel-loader @babel/core @babel/preset-env</code>'},d(n){n&&w(s)}}}function Q(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-shell")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-shell"><span class="token function">npm</span> <span class="token function">install</span> --save-dev babel-loader @babel/core @babel/preset-env</code>'},d(n){n&&w(s)}}}function Z(n){let s;function a(n,s){return n[0]===n[3].npm?Q:n[0]===n[3].yarn?U:K}let t=a(n),e=t(n);return{c(){e.c(),s=g()},l(n){e.l(n),s=g()},m(n,a){e.m(n,a),b(n,s,a)},p(n,p){t!==(t=a(n))&&(e.d(1),e=t(n),e&&(e.c(),e.m(s.parentNode,s)))},d(n){e.d(n),n&&w(s)}}}function nn(n){let s;return{c(){s=P("And add the following rule:")},l(n){s=R(n,"And add the following rule:")},m(n,a){b(n,s,a)},d(n){n&&w(s)}}}function sn(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-js")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-js">module<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">&#123;</span>\n  <span class="token literal-property property">module</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n    <span class="token literal-property property">rules</span><span class="token operator">:</span> <span class="token punctuation">[</span>\n      <span class="token comment">// ...,</span>\n      <span class="token punctuation">&#123;</span>\n        <span class="token literal-property property">test</span><span class="token operator">:</span> <span class="token operator">/</span>attractions\\<span class="token regex"><span class="token regex-delimiter">/</span><span class="token regex-source language-regex">index.js$</span><span class="token regex-delimiter">/</span></span><span class="token punctuation">,</span>\n        <span class="token literal-property property">use</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n          <span class="token literal-property property">loader</span><span class="token operator">:</span> <span class="token string">\'babel-loader\'</span><span class="token punctuation">,</span>\n          <span class="token literal-property property">options</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n            <span class="token literal-property property">presets</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token string">\'@babel/preset-env\'</span><span class="token punctuation">]</span>\n          <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n        <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n      <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">]</span><span class="token punctuation">,</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n<span class="token punctuation">&#125;</span><span class="token punctuation">;</span></code>'},p:A,d(n){n&&w(s)}}}function an(n){let s;return{c(){s=P("and its peer dependencies")},l(n){s=R(n,"and its peer dependencies")},m(n,a){b(n,s,a)},d(n){n&&w(s)}}}function tn(n){let s,a,t,e,p,o,c=n[2]===n[5].other?"<code>dependencies</code>":"<code>devDependencies</code>",l=n[2]!==n[5].other&&an();return{c(){s=d("strong"),a=P("Step 1."),t=P(" Add Attractions "),l&&l.c(),e=P("\nto your "),p=new C(!1),o=P(":"),this.h()},l(n){s=y(n,"STRONG",{class:!0});var c=v(s);a=R(c,"Step 1."),c.forEach(w),t=R(n," Add Attractions "),l&&l.l(n),e=R(n,"\nto your "),p=L(n,!1),o=R(n,":"),this.h()},h(){x(s,"class","svelte-dfgfbu"),p.a=o},m(n,r){b(n,s,r),E(s,a),b(n,t,r),l&&l.m(n,r),b(n,e,r),p.m(c,n,r),b(n,o,r)},p(n,s){n[2]!==n[5].other?l||(l=an(),l.c(),l.m(e.parentNode,e)):l&&(l.d(1),l=null),4&s&&c!==(c=n[2]===n[5].other?"<code>dependencies</code>":"<code>devDependencies</code>")&&p.p(c)},d(n){n&&w(s),n&&w(t),l&&l.d(n),n&&w(e),n&&p.d(),n&&w(o)}}}function en(n){let s,a;return s=new B({props:{terminal:!0,$$slots:{default:[rn]},$$scope:{ctx:n}}}),{c(){e(s.$$.fragment)},l(n){p(s.$$.fragment,n)},m(n,t){o(s,n,t),a=!0},p(n,a){const t={};1028&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(r(s.$$.fragment,n),a=!0)},o(n){u(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function pn(n){let s,a;return s=new B({props:{terminal:!0,$$slots:{default:[$n]},$$scope:{ctx:n}}}),{c(){e(s.$$.fragment)},l(n){p(s.$$.fragment,n)},m(n,t){o(s,n,t),a=!0},p(n,a){const t={};1028&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(r(s.$$.fragment,n),a=!0)},o(n){u(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function on(n){let s,a;return s=new B({props:{terminal:!0,$$slots:{default:[dn]},$$scope:{ctx:n}}}),{c(){e(s.$$.fragment)},l(n){p(s.$$.fragment,n)},m(n,t){o(s,n,t),a=!0},p(n,a){const t={};1028&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(r(s.$$.fragment,n),a=!0)},o(n){u(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function cn(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-shell")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-shell"><span class="token function">pnpm</span> <span class="token function">add</span> --save-dev attractions svelte-preprocess sass postcss</code>'},d(n){n&&w(s)}}}function ln(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-shell")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-shell"><span class="token function">pnpm</span> <span class="token function">add</span> attractions</code>'},d(n){n&&w(s)}}}function rn(n){let s;function a(n,s){return n[2]===n[5].other?ln:cn}let t=a(n),e=t(n);return{c(){e.c(),s=g()},l(n){e.l(n),s=g()},m(n,a){e.m(n,a),b(n,s,a)},p(n,p){t!==(t=a(n))&&(e.d(1),e=t(n),e&&(e.c(),e.m(s.parentNode,s)))},d(n){e.d(n),n&&w(s)}}}function un(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-shell")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-shell"><span class="token function">yarn</span> <span class="token function">add</span> <span class="token parameter variable">--dev</span> attractions svelte-preprocess sass postcss</code>'},d(n){n&&w(s)}}}function kn(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-shell")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-shell"><span class="token function">yarn</span> <span class="token function">add</span> attractions</code>'},d(n){n&&w(s)}}}function $n(n){let s;function a(n,s){return n[2]===n[5].other?kn:un}let t=a(n),e=t(n);return{c(){e.c(),s=g()},l(n){e.l(n),s=g()},m(n,a){e.m(n,a),b(n,s,a)},p(n,p){t!==(t=a(n))&&(e.d(1),e=t(n),e&&(e.c(),e.m(s.parentNode,s)))},d(n){e.d(n),n&&w(s)}}}function fn(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-shell")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-shell"><span class="token function">npm</span> <span class="token function">install</span> --save-dev attractions svelte-preprocess sass postcss</code>'},d(n){n&&w(s)}}}function mn(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-shell")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-shell"><span class="token function">npm</span> <span class="token function">install</span> <span class="token parameter variable">--save</span> attractions</code>'},d(n){n&&w(s)}}}function dn(n){let s;function a(n,s){return n[2]===n[5].other?mn:fn}let t=a(n),e=t(n);return{c(){e.c(),s=g()},l(n){e.l(n),s=g()},m(n,a){e.m(n,a),b(n,s,a)},p(n,p){t!==(t=a(n))&&(e.d(1),e=t(n),e&&(e.c(),e.m(s.parentNode,s)))},d(n){e.d(n),n&&w(s)}}}function gn(n){let s,a,t,c;return s=new M({props:{$$slots:{default:[yn]},$$scope:{ctx:n}}}),t=new B({props:{$$slots:{default:[vn]},$$scope:{ctx:n}}}),{c(){e(s.$$.fragment),a=m(),e(t.$$.fragment)},l(n){p(s.$$.fragment,n),a=h(n),p(t.$$.fragment,n)},m(n,e){o(s,n,e),b(n,a,e),o(t,n,e),c=!0},p(n,a){const e={};1024&a&&(e.$$scope={dirty:a,ctx:n}),s.$set(e);const p={};1024&a&&(p.$$scope={dirty:a,ctx:n}),t.$set(p)},i(n){c||(r(s.$$.fragment,n),r(t.$$.fragment,n),c=!0)},o(n){u(s.$$.fragment,n),u(t.$$.fragment,n),c=!1},d(n){i(s,n),n&&w(a),i(t,n)}}}function hn(n){let s,a,t,c,l,k,$,f,d,g,y,v,x;s=new M({props:{$$slots:{default:[jn]},$$scope:{ctx:n}}}),t=new B({props:{filename:"svelte.config.js",$$slots:{default:[Sn]},$$scope:{ctx:n}}});const E=[Pn,Tn],j=[];function P(n,s){return n[1]===n[4].rollup?0:n[1]===n[4].webpack?1:-1}return~(l=P(n))&&(k=j[l]=E[l](n)),f=new M({props:{$$slots:{default:[On]},$$scope:{ctx:n}}}),g=new B({props:{$$slots:{default:[Bn]},$$scope:{ctx:n}}}),v=new M({props:{$$slots:{default:[Dn]},$$scope:{ctx:n}}}),{c(){e(s.$$.fragment),a=m(),e(t.$$.fragment),c=m(),k&&k.c(),$=m(),e(f.$$.fragment),d=m(),e(g.$$.fragment),y=m(),e(v.$$.fragment)},l(n){p(s.$$.fragment,n),a=h(n),p(t.$$.fragment,n),c=h(n),k&&k.l(n),$=h(n),p(f.$$.fragment,n),d=h(n),p(g.$$.fragment,n),y=h(n),p(v.$$.fragment,n)},m(n,e){o(s,n,e),b(n,a,e),o(t,n,e),b(n,c,e),~l&&j[l].m(n,e),b(n,$,e),o(f,n,e),b(n,d,e),o(g,n,e),b(n,y,e),o(v,n,e),x=!0},p(n,a){const e={};1030&a&&(e.$$scope={dirty:a,ctx:n}),s.$set(e);const p={};1024&a&&(p.$$scope={dirty:a,ctx:n}),t.$set(p);let o=l;l=P(n),l===o?~l&&j[l].p(n,a):(k&&(S(),u(j[o],1,1,(()=>{j[o]=null})),T()),~l?(k=j[l],k?k.p(n,a):(k=j[l]=E[l](n),k.c()),r(k,1),k.m($.parentNode,$)):k=null);const c={};1024&a&&(c.$$scope={dirty:a,ctx:n}),f.$set(c);const i={};1024&a&&(i.$$scope={dirty:a,ctx:n}),g.$set(i);const m={};1024&a&&(m.$$scope={dirty:a,ctx:n}),v.$set(m)},i(n){x||(r(s.$$.fragment,n),r(t.$$.fragment,n),r(k),r(f.$$.fragment,n),r(g.$$.fragment,n),r(v.$$.fragment,n),x=!0)},o(n){u(s.$$.fragment,n),u(t.$$.fragment,n),u(k),u(f.$$.fragment,n),u(g.$$.fragment,n),u(v.$$.fragment,n),x=!1},d(n){i(s,n),n&&w(a),i(t,n),n&&w(c),~l&&j[l].d(n),n&&w($),i(f,n),n&&w(d),i(g,n),n&&w(y),i(v,n)}}}function yn(n){let s,a,t,e,p,o;return{c(){s=d("strong"),a=P("Step 2."),t=P(" Import the desired components as named imports and use with the "),e=d("a"),p=P("Component API"),o=P(":"),this.h()},l(n){s=y(n,"STRONG",{class:!0});var c=v(s);a=R(c,"Step 2."),c.forEach(w),t=R(n," Import the desired components as named imports and use with the "),e=y(n,"A",{href:!0,rel:!0});var l=v(e);p=R(l,"Component API"),l.forEach(w),o=R(n,":"),this.h()},h(){x(s,"class","svelte-dfgfbu"),x(e,"href","https://svelte.dev/docs#Client-side_component_API"),x(e,"rel","nofollow")},m(n,c){b(n,s,c),E(s,a),b(n,t,c),b(n,e,c),E(e,p),b(n,o,c)},p:A,d(n){n&&w(s),n&&w(t),n&&w(e),n&&w(o)}}}function vn(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-js")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-js"><span class="token keyword">import</span> <span class="token punctuation">&#123;</span> DatePicker <span class="token punctuation">&#125;</span> <span class="token keyword">from</span> <span class="token string">\'attractions\'</span><span class="token punctuation">;</span>\n\n<span class="token keyword">const</span> picker <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">DatePicker</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n  <span class="token literal-property property">target</span><span class="token operator">:</span> document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">\'container\'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n  <span class="token literal-property property">props</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n    <span class="token literal-property property">firstWeekday</span><span class="token operator">:</span> <span class="token number">0</span><span class="token punctuation">,</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n<span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n\n<span class="token comment">// Listening to events</span>\npicker<span class="token punctuation">.</span><span class="token function">$on</span><span class="token punctuation">(</span><span class="token string">\'change\'</span><span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token parameter">e</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">&#123;</span>\n  console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>e<span class="token punctuation">.</span>detail<span class="token punctuation">)</span><span class="token punctuation">;</span>\n<span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code>'},p:A,d(n){n&&w(s)}}}function wn(n){let s,a,t,e;return{c(){s=P("("),a=d("a"),t=P("as shown here"),e=P("):"),this.h()},l(n){s=R(n,"("),a=y(n,"A",{href:!0,rel:!0});var p=v(a);t=R(p,"as shown here"),p.forEach(w),e=R(n,"):"),this.h()},h(){x(a,"href","https://github.com/sveltejs/svelte-preprocess/blob/main/docs/usage.md#with-svelte-loader"),x(a,"rel","nofollow")},m(n,p){b(n,s,p),b(n,a,p),E(a,t),b(n,e,p)},p:A,d(n){n&&w(s),n&&w(a),n&&w(e)}}}function xn(n){let s;function a(n,s){return n[2]===n[5].svelte?En:bn}let t=a(n),e=t(n);return{c(){e.c(),s=g()},l(n){e.l(n),s=g()},m(n,a){e.m(n,a),b(n,s,a)},p(n,p){t!==(t=a(n))&&(e.d(1),e=t(n),e&&(e.c(),e.m(s.parentNode,s)))},d(n){e.d(n),n&&w(s)}}}function bn(n){let s,a,t,e;return{c(){s=P("("),a=d("a"),t=P("as shown here"),e=P("):"),this.h()},l(n){s=R(n,"("),a=y(n,"A",{href:!0,rel:!0});var p=v(a);t=R(p,"as shown here"),p.forEach(w),e=R(n,"):"),this.h()},h(){x(a,"href","https://github.com/sveltejs/svelte-preprocess/blob/main/docs/usage.md#with-sapper"),x(a,"rel","nofollow")},m(n,p){b(n,s,p),b(n,a,p),E(a,t),b(n,e,p)},d(n){n&&w(s),n&&w(a),n&&w(e)}}}function En(n){let s,a,t,e;return{c(){s=P("("),a=d("a"),t=P("as shown here"),e=P("):"),this.h()},l(n){s=R(n,"("),a=y(n,"A",{href:!0,rel:!0});var p=v(a);t=R(p,"as shown here"),p.forEach(w),e=R(n,"):"),this.h()},h(){x(a,"href","https://github.com/sveltejs/svelte-preprocess/blob/main/docs/usage.md#with-rollup-plugin-svelte"),x(a,"rel","nofollow")},m(n,p){b(n,s,p),b(n,a,p),E(a,t),b(n,e,p)},d(n){n&&w(s),n&&w(a),n&&w(e)}}}function jn(n){let s,a,t,e,p,o,c;function l(n,s){return n[1]===n[4].rollup?xn:wn}let r=l(n),u=r(n);return{c(){s=d("strong"),a=P("Step 2."),t=P(" Add "),e=d("code"),p=P("svelte-preprocess"),o=P(" to your preprocessor chain\n"),u.c(),c=g(),this.h()},l(n){s=y(n,"STRONG",{class:!0});var l=v(s);a=R(l,"Step 2."),l.forEach(w),t=R(n," Add "),e=y(n,"CODE",{});var r=v(e);p=R(r,"svelte-preprocess"),r.forEach(w),o=R(n," to your preprocessor chain\n"),u.l(n),c=g(),this.h()},h(){x(s,"class","svelte-dfgfbu")},m(n,l){b(n,s,l),E(s,a),b(n,t,l),b(n,e,l),E(e,p),b(n,o,l),u.m(n,l),b(n,c,l)},p(n,s){r===(r=l(n))&&u?u.p(n,s):(u.d(1),u=r(n),u&&(u.c(),u.m(c.parentNode,c)))},d(n){n&&w(s),n&&w(t),n&&w(e),n&&w(o),u.d(n),n&&w(c)}}}function Sn(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-js")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-js"><span class="token keyword">const</span> sveltePreprocess <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">\'svelte-preprocess\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n\nmodule<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">&#123;</span>\n  <span class="token literal-property property">preprocess</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token function">sveltePreprocess</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">]</span><span class="token punctuation">,</span>\n<span class="token punctuation">&#125;</span><span class="token punctuation">;</span></code>'},p:A,d(n){n&&w(s)}}}function Tn(n){let s,a,t,e;const p=[An,Rn],o=[];function c(n,s){return n[2]===n[5].svelte?0:1}return s=c(n),a=o[s]=p[s](n),{c(){a.c(),t=g()},l(n){a.l(n),t=g()},m(n,a){o[s].m(n,a),b(n,t,a),e=!0},p(n,e){let l=s;s=c(n),s!==l&&(S(),u(o[l],1,1,(()=>{o[l]=null})),T(),a=o[s],a||(a=o[s]=p[s](n),a.c()),r(a,1),a.m(t.parentNode,t))},i(n){e||(r(a),e=!0)},o(n){u(a),e=!1},d(n){o[s].d(n),n&&w(t)}}}function Pn(n){let s,a,t,e;const p=[Hn,In],o=[];function c(n,s){return n[2]===n[5].svelte?0:1}return s=c(n),a=o[s]=p[s](n),{c(){a.c(),t=g()},l(n){a.l(n),t=g()},m(n,a){o[s].m(n,a),b(n,t,a),e=!0},p(n,e){let l=s;s=c(n),s!==l&&(S(),u(o[l],1,1,(()=>{o[l]=null})),T(),a=o[s],a||(a=o[s]=p[s](n),a.c()),r(a,1),a.m(t.parentNode,t))},i(n){e||(r(a),e=!0)},o(n){u(a),e=!1},d(n){o[s].d(n),n&&w(t)}}}function Rn(n){let s,a;return s=new B({props:{filename:"webpack.config.js",$$slots:{default:[Cn]},$$scope:{ctx:n}}}),{c(){e(s.$$.fragment)},l(n){p(s.$$.fragment,n)},m(n,t){o(s,n,t),a=!0},i(n){a||(r(s.$$.fragment,n),a=!0)},o(n){u(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function An(n){let s,a;return s=new B({props:{filename:"webpack.config.js",$$slots:{default:[Ln]},$$scope:{ctx:n}}}),{c(){e(s.$$.fragment)},l(n){p(s.$$.fragment,n)},m(n,t){o(s,n,t),a=!0},i(n){a||(r(s.$$.fragment,n),a=!0)},o(n){u(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function Cn(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-js")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-js"><span class="token keyword">const</span> svelteConfig <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">\'./svelte.config.js\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n\nmodule<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">&#123;</span>\n  <span class="token literal-property property">client</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n    <span class="token comment">// ...,</span>\n    <span class="token literal-property property">module</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n      <span class="token literal-property property">rules</span><span class="token operator">:</span> <span class="token punctuation">[</span>\n        <span class="token comment">// ...,</span>\n        <span class="token punctuation">&#123;</span>\n          <span class="token literal-property property">test</span><span class="token operator">:</span> <span class="token regex"><span class="token regex-delimiter">/</span><span class="token regex-source language-regex">\\.(svelte|html)$</span><span class="token regex-delimiter">/</span></span><span class="token punctuation">,</span>\n          <span class="token literal-property property">exclude</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">,</span>\n          <span class="token literal-property property">use</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n            <span class="token literal-property property">loader</span><span class="token operator">:</span> <span class="token string">\'svelte-loader\'</span><span class="token punctuation">,</span>\n            <span class="token literal-property property">options</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n              <span class="token operator">...</span>svelteConfig<span class="token punctuation">,</span>\n              <span class="token comment">// ...,</span>\n            <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n          <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n        <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n      <span class="token punctuation">]</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token literal-property property">server</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n    <span class="token comment">// ...,</span>\n    <span class="token literal-property property">module</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n      <span class="token literal-property property">rules</span><span class="token operator">:</span> <span class="token punctuation">[</span>\n        <span class="token comment">// ...,</span>\n        <span class="token punctuation">&#123;</span>\n          <span class="token literal-property property">test</span><span class="token operator">:</span> <span class="token regex"><span class="token regex-delimiter">/</span><span class="token regex-source language-regex">\\.(svelte|html)$</span><span class="token regex-delimiter">/</span></span><span class="token punctuation">,</span>\n          <span class="token literal-property property">exclude</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">,</span>\n          <span class="token literal-property property">use</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n            <span class="token literal-property property">loader</span><span class="token operator">:</span> <span class="token string">\'svelte-loader\'</span><span class="token punctuation">,</span>\n            <span class="token literal-property property">options</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n              <span class="token operator">...</span>svelteConfig<span class="token punctuation">,</span>\n              <span class="token comment">// ...,</span>\n            <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n          <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n        <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n      <span class="token punctuation">]</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token literal-property property">serviceworker</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n    <span class="token comment">// ...</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n<span class="token punctuation">&#125;</span></code>'},p:A,d(n){n&&w(s)}}}function Ln(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-js")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-js"><span class="token keyword">const</span> svelteConfig <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">\'./svelte.config.js\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n\nmodule<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">&#123;</span>\n  <span class="token comment">// ...,</span>\n  <span class="token literal-property property">module</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n    <span class="token literal-property property">rules</span><span class="token operator">:</span> <span class="token punctuation">[</span>\n      <span class="token comment">// ...,</span>\n      <span class="token punctuation">&#123;</span>\n        <span class="token literal-property property">test</span><span class="token operator">:</span> <span class="token regex"><span class="token regex-delimiter">/</span><span class="token regex-source language-regex">\\.(svelte|html)$</span><span class="token regex-delimiter">/</span></span><span class="token punctuation">,</span>\n        <span class="token literal-property property">exclude</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">,</span>\n        <span class="token literal-property property">use</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n          <span class="token literal-property property">loader</span><span class="token operator">:</span> <span class="token string">\'svelte-loader\'</span><span class="token punctuation">,</span>\n          <span class="token literal-property property">options</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n            <span class="token operator">...</span>svelteConfig<span class="token punctuation">,</span>\n            <span class="token comment">// ...,</span>\n          <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n        <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n      <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">]</span><span class="token punctuation">,</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n<span class="token punctuation">&#125;</span><span class="token punctuation">;</span></code>'},p:A,d(n){n&&w(s)}}}function In(n){let s,a;return s=new B({props:{filename:"rollup.config.js",$$slots:{default:[Mn]},$$scope:{ctx:n}}}),{c(){e(s.$$.fragment)},l(n){p(s.$$.fragment,n)},m(n,t){o(s,n,t),a=!0},i(n){a||(r(s.$$.fragment,n),a=!0)},o(n){u(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function Hn(n){let s,a;return s=new B({props:{filename:"rollup.config.js",$$slots:{default:[Nn]},$$scope:{ctx:n}}}),{c(){e(s.$$.fragment)},l(n){p(s.$$.fragment,n)},m(n,t){o(s,n,t),a=!0},i(n){a||(r(s.$$.fragment,n),a=!0)},o(n){u(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function Mn(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-js")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-js"><span class="token keyword">import</span> svelte <span class="token keyword">from</span> <span class="token string">\'rollup-plugin-svelte\'</span><span class="token punctuation">;</span>\n<span class="token keyword">const</span> svelteConfig <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">\'./svelte.config.js\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// it has to be a CommonJS import</span>\n\n<span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">&#123;</span>\n  <span class="token literal-property property">client</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n    <span class="token comment">// ...,</span>\n    <span class="token literal-property property">plugins</span><span class="token operator">:</span> <span class="token punctuation">[</span>\n      <span class="token function">svelte</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n        <span class="token operator">...</span>svelteConfig<span class="token punctuation">,</span>\n        <span class="token comment">// ...,</span>\n      <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n    <span class="token punctuation">]</span><span class="token punctuation">,</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token literal-property property">server</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n    <span class="token comment">// ...,</span>\n    <span class="token literal-property property">plugins</span><span class="token operator">:</span> <span class="token punctuation">[</span>\n      <span class="token function">svelte</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n        <span class="token operator">...</span>svelteConfig<span class="token punctuation">,</span>\n        <span class="token comment">// ...,</span>\n      <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n    <span class="token punctuation">]</span><span class="token punctuation">,</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token literal-property property">serviceworker</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n    <span class="token comment">// ...</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n<span class="token punctuation">&#125;</span><span class="token punctuation">;</span></code>'},p:A,d(n){n&&w(s)}}}function Nn(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-js")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-js"><span class="token keyword">import</span> svelte <span class="token keyword">from</span> <span class="token string">\'rollup-plugin-svelte\'</span><span class="token punctuation">;</span>\n<span class="token keyword">const</span> svelteConfig <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">\'./svelte.config.js\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// it has to be a CommonJS import</span>\n\n<span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">&#123;</span>\n  <span class="token comment">// ...,</span>\n  <span class="token literal-property property">plugins</span><span class="token operator">:</span> <span class="token punctuation">[</span>\n    <span class="token function">svelte</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n      <span class="token operator">...</span>svelteConfig<span class="token punctuation">,</span>\n      <span class="token comment">// ...,</span>\n    <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">,</span>\n<span class="token punctuation">&#125;</span><span class="token punctuation">;</span></code>'},p:A,d(n){n&&w(s)}}}function On(n){let s,a,t;return{c(){s=d("strong"),a=P("Step 3."),t=P(" Import the desired components as named imports and use wherever you like!"),this.h()},l(n){s=y(n,"STRONG",{class:!0});var e=v(s);a=R(e,"Step 3."),e.forEach(w),t=R(n," Import the desired components as named imports and use wherever you like!"),this.h()},h(){x(s,"class","svelte-dfgfbu")},m(n,e){b(n,s,e),E(s,a),b(n,t,e)},p:A,d(n){n&&w(s),n&&w(t)}}}function Bn(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-svelte")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">&#123;</span> Button <span class="token punctuation">&#125;</span> <span class="token keyword">from</span> <span class="token string">\'attractions\'</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>click me<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span></code>'},p:A,d(n){n&&w(s)}}}function Dn(n){let s,a,t,e,p,o,c,l;return{c(){s=P("If you'd like to use/edit the Sass variables that Attractions uses for theming or if your "),a=d("code"),t=P("node_modules"),e=P(" folder is not in the root of your project, take a look at the "),p=d("a"),o=d("strong"),c=P("Theming with Sass"),l=P(" section."),this.h()},l(n){s=R(n,"If you'd like to use/edit the Sass variables that Attractions uses for theming or if your "),a=y(n,"CODE",{});var r=v(a);t=R(r,"node_modules"),r.forEach(w),e=R(n," folder is not in the root of your project, take a look at the "),p=y(n,"A",{href:!0});var u=v(p);o=y(u,"STRONG",{class:!0});var i=v(o);c=R(i,"Theming with Sass"),i.forEach(w),u.forEach(w),l=R(n," section."),this.h()},h(){x(o,"class","svelte-dfgfbu"),x(p,"href","./docs/theming")},m(n,r){b(n,s,r),b(n,a,r),E(a,t),b(n,e,r),b(n,p,r),E(p,o),E(o,c),b(n,l,r)},p:A,d(n){n&&w(s),n&&w(a),n&&w(e),n&&w(p),n&&w(l)}}}function qn(n){let s,a,t,c,l,k,P,R,A,C,L,I,B,V,J,F,X,z,K,U,Q,Z,nn,sn,an,cn,ln,rn,un;function kn(s){n[7](s)}s=new H({props:{$$slots:{default:[D]},$$scope:{ctx:n}}}),c=new O({props:{$$slots:{default:[q]},$$scope:{ctx:n}}});let $n={items:Object.values(n[3]),name:"package-managers"};function fn(s){n[8](s)}void 0!==n[0]&&($n.value=n[0]),k=new N({props:$n}),$.push((()=>f(k,"value",kn))),A=new O({props:{$$slots:{default:[W]},$$scope:{ctx:n}}});let mn={items:Object.values(n[4]),name:"bundlers"};function dn(s){n[9](s)}void 0!==n[1]&&(mn.value=n[1]),L=new N({props:mn}),$.push((()=>f(L,"value",fn))),V=new O({props:{$$slots:{default:[Y]},$$scope:{ctx:n}}});let yn={items:Object.values(n[5]),name:"frameworks"};void 0!==n[2]&&(yn.value=n[2]),F=new N({props:yn}),$.push((()=>f(F,"value",dn)));let vn=n[2]===n[5].other&&G(n),wn=n[2]!==n[5].other&&n[1]===n[4].webpack&&_(n);Q=new M({props:{$$slots:{default:[tn]},$$scope:{ctx:n}}});const xn=[on,pn,en],bn=[];function En(n,s){return n[0]===n[3].npm?0:n[0]===n[3].yarn?1:2}nn=En(n),sn=bn[nn]=xn[nn](n);const jn=[hn,gn],Sn=[];function Tn(n,s){return n[2]!==n[5].other?0:1}return cn=Tn(n),ln=Sn[cn]=jn[cn](n),{c(){e(s.$$.fragment),a=m(),t=d("div"),e(c.$$.fragment),l=m(),e(k.$$.fragment),R=m(),e(A.$$.fragment),C=m(),e(L.$$.fragment),B=m(),e(V.$$.fragment),J=m(),e(F.$$.fragment),z=m(),vn&&vn.c(),K=m(),wn&&wn.c(),U=m(),e(Q.$$.fragment),Z=m(),sn.c(),an=m(),ln.c(),rn=g(),this.h()},l(n){p(s.$$.fragment,n),a=h(n),t=y(n,"DIV",{class:!0});var e=v(t);p(c.$$.fragment,e),l=h(e),p(k.$$.fragment,e),R=h(e),p(A.$$.fragment,e),C=h(e),p(L.$$.fragment,e),B=h(e),p(V.$$.fragment,e),J=h(e),p(F.$$.fragment,e),e.forEach(w),z=h(n),vn&&vn.l(n),K=h(n),wn&&wn.l(n),U=h(n),p(Q.$$.fragment,n),Z=h(n),sn.l(n),an=h(n),ln.l(n),rn=g(),this.h()},h(){x(t,"class","toolchain svelte-dfgfbu")},m(n,e){o(s,n,e),b(n,a,e),b(n,t,e),o(c,t,null),E(t,l),o(k,t,null),E(t,R),o(A,t,null),E(t,C),o(L,t,null),E(t,B),o(V,t,null),E(t,J),o(F,t,null),b(n,z,e),vn&&vn.m(n,e),b(n,K,e),wn&&wn.m(n,e),b(n,U,e),o(Q,n,e),b(n,Z,e),bn[nn].m(n,e),b(n,an,e),Sn[cn].m(n,e),b(n,rn,e),un=!0},p(n,a){const t={};1024&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t);const e={};1024&a&&(e.$$scope={dirty:a,ctx:n}),c.$set(e);const p={};!P&&1&a&&(P=!0,p.value=n[0],j((()=>P=!1))),k.$set(p);const o={};1024&a&&(o.$$scope={dirty:a,ctx:n}),A.$set(o);const l={};!I&&2&a&&(I=!0,l.value=n[1],j((()=>I=!1))),L.$set(l);const i={};1024&a&&(i.$$scope={dirty:a,ctx:n}),V.$set(i);const $={};!X&&4&a&&(X=!0,$.value=n[2],j((()=>X=!1))),F.$set($),n[2]===n[5].other?vn?4&a&&r(vn,1):(vn=G(n),vn.c(),r(vn,1),vn.m(K.parentNode,K)):vn&&(S(),u(vn,1,1,(()=>{vn=null})),T()),n[2]!==n[5].other&&n[1]===n[4].webpack?wn?(wn.p(n,a),6&a&&r(wn,1)):(wn=_(n),wn.c(),r(wn,1),wn.m(U.parentNode,U)):wn&&(S(),u(wn,1,1,(()=>{wn=null})),T());const f={};1028&a&&(f.$$scope={dirty:a,ctx:n}),Q.$set(f);let m=nn;nn=En(n),nn===m?bn[nn].p(n,a):(S(),u(bn[m],1,1,(()=>{bn[m]=null})),T(),sn=bn[nn],sn?sn.p(n,a):(sn=bn[nn]=xn[nn](n),sn.c()),r(sn,1),sn.m(an.parentNode,an));let d=cn;cn=Tn(n),cn===d?Sn[cn].p(n,a):(S(),u(Sn[d],1,1,(()=>{Sn[d]=null})),T(),ln=Sn[cn],ln?ln.p(n,a):(ln=Sn[cn]=jn[cn](n),ln.c()),r(ln,1),ln.m(rn.parentNode,rn))},i(n){un||(r(s.$$.fragment,n),r(c.$$.fragment,n),r(k.$$.fragment,n),r(A.$$.fragment,n),r(L.$$.fragment,n),r(V.$$.fragment,n),r(F.$$.fragment,n),r(vn),r(wn),r(Q.$$.fragment,n),r(sn),r(ln),un=!0)},o(n){u(s.$$.fragment,n),u(c.$$.fragment,n),u(k.$$.fragment,n),u(A.$$.fragment,n),u(L.$$.fragment,n),u(V.$$.fragment,n),u(F.$$.fragment,n),u(vn),u(wn),u(Q.$$.fragment,n),u(sn),u(ln),un=!1},d(n){i(s,n),n&&w(a),n&&w(t),i(c),i(k),i(A),i(L),i(V),i(F),n&&w(z),vn&&vn.d(n),n&&w(K),wn&&wn.d(n),n&&w(U),i(Q,n),n&&w(Z),bn[nn].d(n),n&&w(an),Sn[cn].d(n),n&&w(rn)}}}function Wn(n){let s,a;const k=[n[6],Yn];let $={$$slots:{default:[qn]},$$scope:{ctx:n}};for(let n=0;n<k.length;n+=1)$=t($,k[n]);return s=new I({props:$}),{c(){e(s.$$.fragment)},l(n){p(s.$$.fragment,n)},m(n,t){o(s,n,t),a=!0},p(n,[a]){const t=64&a?c(k,[64&a&&l(n[6]),0&a&&l(Yn)]):{};1031&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(r(s.$$.fragment,n),a=!0)},o(n){u(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}const Yn={name:"Installation"};function Gn(n,s,a){const e={npm:"npm",yarn:"Yarn",pnpm:"pnpm"},p={rollup:"Rollup",webpack:"Webpack"},o={svelte:"Svelte",sapper:"Sapper",other:"Other"};let c=e.npm,l=p.rollup,r=o.svelte;return n.$$set=n=>{a(6,s=t(t({},s),k(n)))},s=k(s),[c,l,r,e,p,o,s,function(n){c=n,a(0,c)},function(n){l=n,a(1,l)},function(n){r=n,a(2,r)}]}class Vn extends n{constructor(n){super(),s(this,n,Gn,Wn,a,{})}}export{Vn as default,Yn as metadata};
diff --git a/376/client/label-80bd345d.css b/376/client/label-80bd345d.css
new file mode 100644
index 000000000..24d0ebd21
--- /dev/null
+++ b/376/client/label-80bd345d.css
@@ -0,0 +1 @@
+.label.svelte-1bye8mi{color:#4300b0;font-size:0.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:0.7em}
diff --git a/376/client/label.16b4782e.js b/376/client/label.16b4782e.js
new file mode 100644
index 000000000..09d4c85b0
--- /dev/null
+++ b/376/client/label.16b4782e.js
@@ -0,0 +1 @@
+import{S as s,i as l,s as a,M as t,K as e,h as c,k as n,b as o,d as i,N as r,O as m,f as u,Q as f,R as p,T as $,U as h,t as d,p as b,I as v,L as j}from"./client.0d36a0cf.js";import{c as x}from"./classes.2453fa25.js";function y(s){let l,a,v;const j=s[4].default,y=t(j,s,s[3],null);let I=[{class:a=x("label",s[0])},s[2]],L={};for(let s=0;s<I.length;s+=1)L=e(L,I[s]);return{c(){l=c("div"),y&&y.c(),this.h()},l(s){l=n(s,"DIV",{class:!0});var a=o(l);y&&y.l(a),a.forEach(i),this.h()},h(){r(l,L),m(l,"small",s[1]),m(l,"svelte-1bye8mi",!0)},m(s,a){u(s,l,a),y&&y.m(l,null),v=!0},p(s,[t]){y&&y.p&&(!v||8&t)&&f(y,j,s,s[3],v?$(j,s[3],t,null):p(s[3]),null),r(l,L=h(I,[(!v||1&t&&a!==(a=x("label",s[0])))&&{class:a},4&t&&s[2]])),m(l,"small",s[1]),m(l,"svelte-1bye8mi",!0)},i(s){v||(d(y,s),v=!0)},o(s){b(y,s),v=!1},d(s){s&&i(l),y&&y.d(s)}}}function I(s,l,a){const t=["class","small"];let c=v(l,t),{$$slots:n={},$$scope:o}=l,{class:i=null}=l,{small:r=!1}=l;return s.$$set=s=>{l=e(e({},l),j(s)),a(2,c=v(l,t)),"class"in s&&a(0,i=s.class),"small"in s&&a(1,r=s.small),"$$scope"in s&&a(3,o=s.$$scope)},[i,r,c,o,n]}var L=class extends s{constructor(s){super(),l(this,s,I,y,a,{class:0,small:1})}};export{L};
diff --git a/376/client/layout-8e1ef5b9.css b/376/client/layout-8e1ef5b9.css
new file mode 100644
index 000000000..a659be4e9
--- /dev/null
+++ b/376/client/layout-8e1ef5b9.css
@@ -0,0 +1,2 @@
+p.svelte-d09q45{margin:0 0 0.5em}
+h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 0.5em}@media only screen and (min-width: 640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width: 840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width: 1024px){h1.svelte-9b0tta{font-size:1.8em}}
diff --git a/376/client/layout-no-head.00bd36a6.js b/376/client/layout-no-head.00bd36a6.js
new file mode 100644
index 000000000..c065d8cfd
--- /dev/null
+++ b/376/client/layout-no-head.00bd36a6.js
@@ -0,0 +1 @@
+import{S as s,i as t,s as e,M as l,Q as n,R as a,T as c,t as o,p as r}from"./client.0d36a0cf.js";function u(s){let t;const e=s[1].default,u=l(e,s,s[0],null);return{c(){u&&u.c()},l(s){u&&u.l(s)},m(s,e){u&&u.m(s,e),t=!0},p(s,[l]){u&&u.p&&(!t||1&l)&&n(u,e,s,s[0],t?c(e,s[0],l,null):a(s[0]),null)},i(s){t||(o(u,s),t=!0)},o(s){r(u,s),t=!1},d(s){u&&u.d(s)}}}function $(s,t,e){let{$$slots:l={},$$scope:n}=t;return s.$$set=s=>{"$$scope"in s&&e(0,n=s.$$scope)},[n,l]}class p extends s{constructor(s){super(),t(this,s,$,u,e,{})}}export{p as L};
diff --git a/376/client/layout.b2760304.js b/376/client/layout.b2760304.js
new file mode 100644
index 000000000..6fe40c923
--- /dev/null
+++ b/376/client/layout.b2760304.js
@@ -0,0 +1 @@
+import{S as t,i as s,s as n,M as l,h as e,k as c,b as a,d as o,e as i,f as u,Q as r,R as h,T as d,t as $,p,u as m,w as f,g as v,E as w,v as A,x as E,F as x}from"./client.0d36a0cf.js";function g(t){let s,n;const m=t[1].default,f=l(m,t,t[0],null);return{c(){s=e("p"),f&&f.c(),this.h()},l(t){s=c(t,"P",{class:!0});var n=a(s);f&&f.l(n),n.forEach(o),this.h()},h(){i(s,"class","svelte-d09q45")},m(t,l){u(t,s,l),f&&f.m(s,null),n=!0},p(t,[s]){f&&f.p&&(!n||1&s)&&r(f,m,t,t[0],n?d(m,t[0],s,null):h(t[0]),null)},i(t){n||($(f,t),n=!0)},o(t){p(f,t),n=!1},d(t){t&&o(s),f&&f.d(t)}}}function b(t,s,n){let{$$slots:l={},$$scope:e}=s;return t.$$set=t=>{"$$scope"in t&&n(0,e=t.$$scope)},[e,l]}class H extends t{constructor(t){super(),s(this,t,b,g,n,{})}}function M(t){let s,n;return{c(){s=e("a"),n=A("#"),this.h()},l(t){s=c(t,"A",{href:!0,class:!0});var l=a(s);n=E(l,"#"),l.forEach(o),this.h()},h(){i(s,"href",t[1]),i(s,"class","ml")},m(t,l){u(t,s,l),v(s,n)},p(t,n){2&n&&i(s,"href",t[1])},d(t){t&&o(s)}}}function T(t){let s,n,w;const A=t[3].default,E=l(A,t,t[2],null);let x=null!=t[1]&&M(t);return{c(){s=e("h1"),E&&E.c(),n=m(),x&&x.c(),this.h()},l(t){s=c(t,"H1",{id:!0,class:!0});var l=a(s);E&&E.l(l),n=f(l),x&&x.l(l),l.forEach(o),this.h()},h(){i(s,"id",t[0]),i(s,"class","svelte-9b0tta")},m(t,l){u(t,s,l),E&&E.m(s,null),v(s,n),x&&x.m(s,null),w=!0},p(t,[n]){E&&E.p&&(!w||4&n)&&r(E,A,t,t[2],w?d(A,t[2],n,null):h(t[2]),null),null!=t[1]?x?x.p(t,n):(x=M(t),x.c(),x.m(s,null)):x&&(x.d(1),x=null),(!w||1&n)&&i(s,"id",t[0])},i(t){w||($(E,t),w=!0)},o(t){p(E,t),w=!1},d(t){t&&o(s),E&&E.d(t),x&&x.d()}}}function j(t,s,n){let{$$slots:l={},$$scope:e}=s,{id:c=null}=s,a=c&&`#${c}`;return w((function(){null!=c&&n(1,a=window.location.origin+window.location.pathname+a)})),t.$$set=t=>{"id"in t&&n(0,c=t.id),"$$scope"in t&&n(2,e=t.$$scope)},[c,a,e,l]}class k extends t{constructor(t){super(),s(this,t,j,T,n,{id:0})}}function q(t){let s,n,a,w,A;document.title=s=t[0]+" – Attractions";const E=t[2].default,g=l(E,t,t[1],null);return{c(){n=e("meta"),w=m(),g&&g.c(),this.h()},l(t){const s=x("svelte-47wstv",document.head);n=c(s,"META",{name:!0,content:!0}),s.forEach(o),w=f(t),g&&g.l(t),this.h()},h(){i(n,"name","og:title"),i(n,"content",a=t[0]+" – Attractions")},m(t,s){v(document.head,n),u(t,w,s),g&&g.m(t,s),A=!0},p(t,[l]){(!A||1&l)&&s!==(s=t[0]+" – Attractions")&&(document.title=s),(!A||1&l&&a!==(a=t[0]+" – Attractions"))&&i(n,"content",a),g&&g.p&&(!A||2&l)&&r(g,E,t,t[1],A?d(E,t[1],l,null):h(t[1]),null)},i(t){A||($(g,t),A=!0)},o(t){p(g,t),A=!1},d(t){o(n),t&&o(w),g&&g.d(t)}}}function F(t,s,n){let{$$slots:l={},$$scope:e}=s,{name:c}=s;return t.$$set=t=>{"name"in t&&n(0,c=t.name),"$$scope"in t&&n(1,e=t.$$scope)},[c,e,l]}class L extends t{constructor(t){super(),s(this,t,F,q,n,{name:0})}}export{k as H,L,H as P};
diff --git a/376/client/legacy/ChevronDownIcon.f31c6af5.js b/376/client/legacy/ChevronDownIcon.f31c6af5.js
new file mode 100644
index 000000000..b98f7918a
--- /dev/null
+++ b/376/client/legacy/ChevronDownIcon.f31c6af5.js
@@ -0,0 +1 @@
+import{S as s,i as e,s as t,a as i,c as o,b as r,d as n,e as h,f as a,g as l,n as c}from"./client.583c6e60.js";function d(s){let e,t,d;return{c(){e=i("svg"),t=i("polyline"),this.h()},l(s){e=o(s,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var i=r(e);t=o(i,"polyline",{points:!0}),r(t).forEach(n),i.forEach(n),this.h()},h(){h(t,"points","6 9 12 15 18 9"),h(e,"xmlns","http://www.w3.org/2000/svg"),h(e,"width",s[0]),h(e,"height",s[0]),h(e,"fill","none"),h(e,"viewBox","0 0 24 24"),h(e,"stroke","currentColor"),h(e,"stroke-width",s[1]),h(e,"stroke-linecap","round"),h(e,"stroke-linejoin","round"),h(e,"class",d="feather feather-chevron-down "+s[2])},m(s,i){a(s,e,i),l(e,t)},p(s,t){let[i]=t;1&i&&h(e,"width",s[0]),1&i&&h(e,"height",s[0]),2&i&&h(e,"stroke-width",s[1]),4&i&&d!==(d="feather feather-chevron-down "+s[2])&&h(e,"class",d)},i:c,o:c,d(s){s&&n(e)}}}function w(s,e,t){let{size:i="100%"}=e,{strokeWidth:o=2}=e,{class:r=""}=e;return"100%"!==i&&(i="x"===i.slice(-1)?i.slice(0,i.length-1)+"em":parseInt(i)+"px"),s.$$set=s=>{"size"in s&&t(0,i=s.size),"strokeWidth"in s&&t(1,o=s.strokeWidth),"class"in s&&t(2,r=s.class)},[i,o,r]}class k extends s{constructor(s){super(),e(this,s,w,d,t,{size:0,strokeWidth:1,class:2})}}export{k as C};
diff --git a/376/client/legacy/GithubIcon.55eeb9e5.js b/376/client/legacy/GithubIcon.55eeb9e5.js
new file mode 100644
index 000000000..26fecbc39
--- /dev/null
+++ b/376/client/legacy/GithubIcon.55eeb9e5.js
@@ -0,0 +1 @@
+import{S as s,i as t,s as e,a as i,c as r,b as a,d as h,e as o,f as n,g as l,n as c}from"./client.583c6e60.js";function d(s){let t,e,d;return{c(){t=i("svg"),e=i("path"),this.h()},l(s){t=r(s,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var i=a(t);e=r(i,"path",{d:!0}),a(e).forEach(h),i.forEach(h),this.h()},h(){o(e,"d","M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"),o(t,"xmlns","http://www.w3.org/2000/svg"),o(t,"width",s[0]),o(t,"height",s[0]),o(t,"fill","none"),o(t,"viewBox","0 0 24 24"),o(t,"stroke","currentColor"),o(t,"stroke-width",s[1]),o(t,"stroke-linecap","round"),o(t,"stroke-linejoin","round"),o(t,"class",d="feather feather-github "+s[2])},m(s,i){n(s,t,i),l(t,e)},p(s,e){let[i]=e;1&i&&o(t,"width",s[0]),1&i&&o(t,"height",s[0]),2&i&&o(t,"stroke-width",s[1]),4&i&&d!==(d="feather feather-github "+s[2])&&o(t,"class",d)},i:c,o:c,d(s){s&&h(t)}}}function k(s,t,e){let{size:i="100%"}=t,{strokeWidth:r=2}=t,{class:a=""}=t;return"100%"!==i&&(i="x"===i.slice(-1)?i.slice(0,i.length-1)+"em":parseInt(i)+"px"),s.$$set=s=>{"size"in s&&e(0,i=s.size),"strokeWidth"in s&&e(1,r=s.strokeWidth),"class"in s&&e(2,a=s.class)},[i,r,a]}class f extends s{constructor(s){super(),t(this,s,k,d,e,{size:0,strokeWidth:1,class:2})}}export{f as G};
diff --git a/376/client/legacy/HomeIcon.5bd187b1.js b/376/client/legacy/HomeIcon.5bd187b1.js
new file mode 100644
index 000000000..48142d085
--- /dev/null
+++ b/376/client/legacy/HomeIcon.5bd187b1.js
@@ -0,0 +1 @@
+import{S as s,i as e,s as t,a as i,c as o,b as r,d as a,e as h,f as l,g as n,n as c}from"./client.583c6e60.js";function d(s){let e,t,d,p;return{c(){e=i("svg"),t=i("path"),d=i("polyline"),this.h()},l(s){e=o(s,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var i=r(e);t=o(i,"path",{d:!0}),r(t).forEach(a),d=o(i,"polyline",{points:!0}),r(d).forEach(a),i.forEach(a),this.h()},h(){h(t,"d","M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"),h(d,"points","9 22 9 12 15 12 15 22"),h(e,"xmlns","http://www.w3.org/2000/svg"),h(e,"width",s[0]),h(e,"height",s[0]),h(e,"fill","none"),h(e,"viewBox","0 0 24 24"),h(e,"stroke","currentColor"),h(e,"stroke-width",s[1]),h(e,"stroke-linecap","round"),h(e,"stroke-linejoin","round"),h(e,"class",p="feather feather-home "+s[2])},m(s,i){l(s,e,i),n(e,t),n(e,d)},p(s,t){let[i]=t;1&i&&h(e,"width",s[0]),1&i&&h(e,"height",s[0]),2&i&&h(e,"stroke-width",s[1]),4&i&&p!==(p="feather feather-home "+s[2])&&h(e,"class",p)},i:c,o:c,d(s){s&&a(e)}}}function p(s,e,t){let{size:i="100%"}=e,{strokeWidth:o=2}=e,{class:r=""}=e;return"100%"!==i&&(i="x"===i.slice(-1)?i.slice(0,i.length-1)+"em":parseInt(i)+"px"),s.$$set=s=>{"size"in s&&t(0,i=s.size),"strokeWidth"in s&&t(1,o=s.strokeWidth),"class"in s&&t(2,r=s.class)},[i,o,r]}class f extends s{constructor(s){super(),e(this,s,p,d,t,{size:0,strokeWidth:1,class:2})}}export{f as H};
diff --git a/376/client/legacy/_layout-5c5a4906.css b/376/client/legacy/_layout-5c5a4906.css
new file mode 100644
index 000000000..91483d8c7
--- /dev/null
+++ b/376/client/legacy/_layout-5c5a4906.css
@@ -0,0 +1,4 @@
+header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67, 0, 176, 0.25);display:flex;justify-content:space-between;padding-bottom:0.5em;padding-top:0.6em}header.svelte-z153he .logo.svelte-z153he,header.svelte-z153he .clickables.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:0.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}
+nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:0.5em 0 0;overflow:auto;padding-bottom:0.5em}nav.svelte-lbppb3 .tab{margin:0 0.25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width: 479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 0.5em;width:0.5em}}@media only screen and (min-width: 1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-0.25em 0.5em 0.5em;padding:0.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:0.25em}
+nav.svelte-7m9z4a{display:none}@media only screen and (min-width: 1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67, 0, 176, 0.25);display:block;margin-right:3em;min-width:13em;padding:0.5em 0.5em 0.5em 0}nav.svelte-7m9z4a .btn{margin-bottom:0.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:0.5em 0 0.5em 1em;padding-left:0.5em}}
+html{scroll-behavior:smooth}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}body{display:flex;flex-direction:column;font-family:"Ubuntu", sans-serif;margin:0;min-height:100vh}p{letter-spacing:0.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:0.4em}.mr{margin-right:0.4em}.mb{margin-bottom:0.4em}.padded{padding-left:0.5em;padding-right:0.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width: 640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width: 1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width: 639px){.hide-on-less-tb{display:none}}@media only screen and (min-width: 640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:0.9em}@media only screen and (min-width: 1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:none;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}
diff --git a/376/client/legacy/_layout.c9d428ab.js b/376/client/legacy/_layout.c9d428ab.js
new file mode 100644
index 000000000..bbc20e480
--- /dev/null
+++ b/376/client/legacy/_layout.c9d428ab.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,a as s,c as o,b as l,d as r,e as c,f as i,g as a,n as m,h as $,u as f,v as g,j as p,k as u,w as d,x as h,l as b,G as v,m as w,t as x,y,p as k,z,q as E,A as j,a9 as D,B as I,Y as A,$ as C,a1 as N,H as B,Z as T,_ as V,V as G,r as P,M as S,Q as H,R as M,T as F,al as R}from"./client.583c6e60.js";import{B as q}from"./button.863c0adf.js";import{H as L}from"./HomeIcon.5bd187b1.js";import{B as W}from"./breadcrumbs.6aed459c.js";import{G as O}from"./GithubIcon.55eeb9e5.js";import{D as U,a as Q}from"./dropdown.9218bde6.js";import{T as Y}from"./tab.d157e8e5.js";import{C as Z}from"./ChevronDownIcon.f31c6af5.js";import{A as _,a as J}from"./accordion-section.932eb5db.js";import"./classes.a7d1a9eb.js";function K(t){let e,n,$,f;return{c(){e=s("svg"),n=s("line"),$=s("polyline"),this.h()},l(t){e=o(t,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var s=l(e);n=o(s,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),l(n).forEach(r),$=o(s,"polyline",{points:!0}),l($).forEach(r),s.forEach(r),this.h()},h(){c(n,"x1","12"),c(n,"y1","19"),c(n,"x2","12"),c(n,"y2","5"),c($,"points","5 12 12 5 19 12"),c(e,"xmlns","http://www.w3.org/2000/svg"),c(e,"width",t[0]),c(e,"height",t[0]),c(e,"fill","none"),c(e,"viewBox","0 0 24 24"),c(e,"stroke","currentColor"),c(e,"stroke-width",t[1]),c(e,"stroke-linecap","round"),c(e,"stroke-linejoin","round"),c(e,"class",f="feather feather-arrow-up "+t[2])},m(t,s){i(t,e,s),a(e,n),a(e,$)},p(t,n){let[s]=n;1&s&&c(e,"width",t[0]),1&s&&c(e,"height",t[0]),2&s&&c(e,"stroke-width",t[1]),4&s&&f!==(f="feather feather-arrow-up "+t[2])&&c(e,"class",f)},i:m,o:m,d(t){t&&r(e)}}}function X(t,e,n){let{size:s="100%"}=e,{strokeWidth:o=2}=e,{class:l=""}=e;return"100%"!==s&&(s="x"===s.slice(-1)?s.slice(0,s.length-1)+"em":parseInt(s)+"px"),t.$$set=t=>{"size"in t&&n(0,s=t.size),"strokeWidth"in t&&n(1,o=t.strokeWidth),"class"in t&&n(2,l=t.class)},[s,o,l]}class tt extends t{constructor(t){super(),e(this,t,X,K,n,{size:0,strokeWidth:1,class:2})}}function et(t){return t[0].toUpperCase()+t.slice(1).toLowerCase()}function nt(t){return t.split("-").map(et).join(" ")}function st(t){let e,n;return e=new W({props:{items:[{href:"/docs"},{text:nt(t[0])}],$$slots:{item:[ct,t=>{let{item:e}=t;return{1:e}},t=>{let{item:e}=t;return e?2:0}]},$$scope:{ctx:t}}}),{c(){p(e.$$.fragment)},l(t){b(e.$$.fragment,t)},m(t,s){w(e,t,s),n=!0},p(t,n){const s={};1&n&&(s.items=[{href:"/docs"},{text:nt(t[0])}]),6&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){k(e.$$.fragment,t),n=!1},d(t){E(e,t)}}}function ot(t){let e,n,s=t[1].text+"";return{c(){e=$("div"),n=g(s),this.h()},l(t){e=u(t,"DIV",{class:!0});var o=l(e);n=h(o,s),o.forEach(r),this.h()},h(){c(e,"class","node")},m(t,s){i(t,e,s),a(e,n)},p(t,e){2&e&&s!==(s=t[1].text+"")&&j(n,s)},i:m,o:m,d(t){t&&r(e)}}}function lt(t){let e,n;return e=new q({props:{href:"/docs",round:!0,small:!0,$$slots:{default:[rt]},$$scope:{ctx:t}}}),{c(){p(e.$$.fragment)},l(t){b(e.$$.fragment,t)},m(t,s){w(e,t,s),n=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){k(e.$$.fragment,t),n=!1},d(t){E(e,t)}}}function rt(t){let e,n;return e=new L({props:{size:"20"}}),{c(){p(e.$$.fragment)},l(t){b(e.$$.fragment,t)},m(t,s){w(e,t,s),n=!0},p:m,i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){k(e.$$.fragment,t),n=!1},d(t){E(e,t)}}}function ct(t){let e,n,s,o;const a=[lt,ot],m=[];function f(t,e){return"/docs"===t[1].href?0:1}return n=f(t),s=m[n]=a[n](t),{c(){e=$("div"),s.c(),this.h()},l(t){e=u(t,"DIV",{slot:!0});var n=l(e);s.l(n),n.forEach(r),this.h()},h(){c(e,"slot","item")},m(t,s){i(t,e,s),m[n].m(e,null),o=!0},p(t,o){let l=n;n=f(t),n===l?m[n].p(t,o):(y(),k(m[l],1,1,(()=>{m[l]=null})),z(),s=m[n],s?s.p(t,o):(s=m[n]=a[n](t),s.c()),x(s,1),s.m(e,null))},i(t){o||(x(s),o=!0)},o(t){k(s),o=!1},d(t){t&&r(e),m[n].d()}}}function it(t){let e,n;return e=new O({props:{size:"24"}}),{c(){p(e.$$.fragment)},l(t){b(e.$$.fragment,t)},m(t,s){w(e,t,s),n=!0},p:m,i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){k(e.$$.fragment,t),n=!1},d(t){E(e,t)}}}function at(t){let e,n,s,o,m,j,D,I,A,C,N,B,T=null!=t[0]&&st(t);return N=new q({props:{round:!0,href:"https://github.com/illright/attractions",$$slots:{default:[it]},$$scope:{ctx:t}}}),{c(){e=$("header"),n=$("a"),s=$("img"),m=f(),j=$("span"),D=g("Attractions"),I=f(),T&&T.c(),A=f(),C=$("div"),p(N.$$.fragment),this.h()},l(t){e=u(t,"HEADER",{class:!0});var o=l(e);n=u(o,"A",{href:!0,class:!0});var c=l(n);s=u(c,"IMG",{src:!0,width:!0,height:!0,alt:!0}),m=d(c),j=u(c,"SPAN",{class:!0});var i=l(j);D=h(i,"Attractions"),i.forEach(r),c.forEach(r),I=d(o),T&&T.l(o),A=d(o),C=u(o,"DIV",{class:!0});var a=l(C);b(N.$$.fragment,a),a.forEach(r),o.forEach(r),this.h()},h(){v(s.src,o="logo-no-bg.svg")||c(s,"src","logo-no-bg.svg"),c(s,"width",mt),c(s,"height",mt),c(s,"alt","Logo"),c(j,"class","hide-on-less-tb svelte-z153he"),c(n,"href","./"),c(n,"class","logo svelte-z153he"),c(C,"class","clickables svelte-z153he"),c(e,"class","padded svelte-z153he")},m(t,o){i(t,e,o),a(e,n),a(n,s),a(n,m),a(n,j),a(j,D),a(e,I),T&&T.m(e,null),a(e,A),a(e,C),w(N,C,null),B=!0},p(t,n){let[s]=n;null!=t[0]?T?(T.p(t,s),1&s&&x(T,1)):(T=st(t),T.c(),x(T,1),T.m(e,A)):T&&(y(),k(T,1,1,(()=>{T=null})),z());const o={};4&s&&(o.$$scope={dirty:s,ctx:t}),N.$set(o)},i(t){B||(x(T),x(N.$$.fragment,t),B=!0)},o(t){k(T),k(N.$$.fragment,t),B=!1},d(t){t&&r(e),T&&T.d(),E(N)}}}const mt=30;function $t(t,e,n){let{segment:s}=e;return t.$$set=t=>{"segment"in t&&n(0,s=t.segment)},[s]}class ft extends t{constructor(t){super(),e(this,t,$t,at,n,{segment:0})}}function gt(t,e,n){const s=t.slice();return s[9]=e[n],s}function pt(t,e,n){const s=t.slice();return s[12]=e[n],s}function ut(t){let e,n,s;var o=t[12].title;return o&&(e=P(o,{props:{size:"24"}})),{c(){e&&p(e.$$.fragment),n=B()},l(t){e&&b(e.$$.fragment,t),n=B()},m(t,o){e&&w(e,t,o),i(t,n,o),s=!0},p(t,s){if(1&s&&o!==(o=t[12].title)){if(e){y();const t=e;k(t.$$.fragment,1,0,(()=>{E(t,1)})),z()}o?(e=P(o,{props:{size:"24"}}),p(e.$$.fragment),x(e.$$.fragment,1),w(e,n.parentNode,n)):e=null}},i(t){s||(e&&x(e.$$.fragment,t),s=!0)},o(t){e&&k(e.$$.fragment,t),s=!1},d(t){t&&r(n),e&&E(e,t)}}}function dt(t){let e,n=t[12].title+"";return{c(){e=g(n)},l(t){e=h(t,n)},m(t,n){i(t,e,n)},p(t,s){1&s&&n!==(n=t[12].title+"")&&j(e,n)},i:m,o:m,d(t){t&&r(e)}}}function ht(t){let e,n;return e=new Z({props:{size:"24",class:"tab-chevron ml"}}),{c(){p(e.$$.fragment)},l(t){b(e.$$.fragment,t)},m(t,s){w(e,t,s),n=!0},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){k(e.$$.fragment,t),n=!1},d(t){E(e,t)}}}function bt(t){let e,n,s,o,l;const c=[dt,ut],a=[];function m(t,e){return"string"==typeof t[12].title?0:1}e=m(t),n=a[e]=c[e](t);let $=null!=t[12].sub&&ht();return{c(){n.c(),s=f(),$&&$.c(),o=f()},l(t){n.l(t),s=d(t),$&&$.l(t),o=d(t)},m(t,n){a[e].m(t,n),i(t,s,n),$&&$.m(t,n),i(t,o,n),l=!0},p(t,l){let r=e;e=m(t),e===r?a[e].p(t,l):(y(),k(a[r],1,1,(()=>{a[r]=null})),z(),n=a[e],n?n.p(t,l):(n=a[e]=c[e](t),n.c()),x(n,1),n.m(s.parentNode,s)),null!=t[12].sub?$?1&l&&x($,1):($=ht(),$.c(),x($,1),$.m(o.parentNode,o)):$&&(y(),k($,1,1,(()=>{$=null})),z())},i(t){l||(x(n),x($),l=!0)},o(t){k(n),k($),l=!1},d(t){a[e].d(t),t&&r(s),$&&$.d(t),t&&r(o)}}}function vt(t){let e,n,s;function o(e){t[5](e)}let l={class:null!=t[1]&&t[12].sub===t[1].sub&&"selected",value:t[12],name:"nav-mobile",$$slots:{default:[bt]},$$scope:{ctx:t}};return void 0!==t[1]&&(l.group=t[1]),e=new Y({props:l}),A.push((()=>C(e,"group",o))),e.$on("change",(function(){return t[6](t[12])})),e.$on("click",(function(){return t[7](t[12],t[8])})),{c(){p(e.$$.fragment)},l(t){b(e.$$.fragment,t)},m(t,n){w(e,t,n),s=!0},p(s,o){t=s;const l={};3&o&&(l.class=null!=t[1]&&t[12].sub===t[1].sub&&"selected"),1&o&&(l.value=t[12]),32769&o&&(l.$$scope={dirty:o,ctx:t}),!n&&2&o&&(n=!0,l.group=t[1],N((()=>n=!1))),e.$set(l)},i(t){s||(x(e.$$.fragment,t),s=!0)},o(t){k(e.$$.fragment,t),s=!1},d(t){E(e,t)}}}function wt(t){let e,n,s=[],o=new Map,l=t[1].sub;const c=t=>t[9].segment;for(let e=0;e<l.length;e+=1){let n=gt(t,l,e),r=c(n);o.set(r,s[e]=yt(r,n))}return{c(){for(let t=0;t<s.length;t+=1)s[t].c();e=B()},l(t){for(let e=0;e<s.length;e+=1)s[e].l(t);e=B()},m(t,o){for(let e=0;e<s.length;e+=1)s[e]&&s[e].m(t,o);i(t,e,o),n=!0},p(t,n){258&n&&(l=t[1].sub,y(),s=T(s,n,c,1,t,l,o,e.parentNode,V,yt,e,gt),z())},i(t){if(!n){for(let t=0;t<l.length;t+=1)x(s[t]);n=!0}},o(t){for(let t=0;t<s.length;t+=1)k(s[t]);n=!1},d(t){for(let e=0;e<s.length;e+=1)s[e].d(t);t&&r(e)}}}function xt(t){let e,n,s=t[9].title+"";return{c(){e=g(s),n=f()},l(t){e=h(t,s),n=d(t)},m(t,s){i(t,e,s),i(t,n,s)},p(t,n){2&n&&s!==(s=t[9].title+"")&&j(e,s)},d(t){t&&r(e),t&&r(n)}}}function yt(t,e){let n,s,o;return s=new q({props:{href:"./docs/"+e[9].segment,$$slots:{default:[xt]},$$scope:{ctx:e}}}),s.$on("click",(function(){G(e[8])&&e[8].apply(this,arguments)})),{key:t,first:null,c(){n=B(),p(s.$$.fragment),this.h()},l(t){n=B(),b(s.$$.fragment,t),this.h()},h(){this.first=n},m(t,e){i(t,n,e),w(s,t,e),o=!0},p(t,n){e=t;const o={};2&n&&(o.href="./docs/"+e[9].segment),32770&n&&(o.$$scope={dirty:n,ctx:e}),s.$set(o)},i(t){o||(x(s.$$.fragment,t),o=!0)},o(t){k(s.$$.fragment,t),o=!1},d(t){t&&r(n),E(s,t)}}}function kt(t){let e,n,s=null!=t[1]&&null!=t[1].sub&&wt(t);return{c(){s&&s.c(),e=B()},l(t){s&&s.l(t),e=B()},m(t,o){s&&s.m(t,o),i(t,e,o),n=!0},p(t,n){null!=t[1]&&null!=t[1].sub?s?(s.p(t,n),2&n&&x(s,1)):(s=wt(t),s.c(),x(s,1),s.m(e.parentNode,e)):s&&(y(),k(s,1,1,(()=>{s=null})),z())},i(t){n||(x(s),n=!0)},o(t){k(s),n=!1},d(t){s&&s.d(t),t&&r(e)}}}function zt(t){let e,n,s,o,a=t[0],m=[];for(let e=0;e<a.length;e+=1)m[e]=vt(pt(t,a,e));const g=t=>k(m[t],1,1,(()=>{m[t]=null}));return s=new Q({props:{right:!0,$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){e=$("nav");for(let t=0;t<m.length;t+=1)m[t].c();n=f(),p(s.$$.fragment),this.h()},l(t){e=u(t,"NAV",{class:!0});var o=l(e);for(let t=0;t<m.length;t+=1)m[t].l(o);o.forEach(r),n=d(t),b(s.$$.fragment,t),this.h()},h(){c(e,"class","mobile padded svelte-lbppb3")},m(t,l){i(t,e,l);for(let t=0;t<m.length;t+=1)m[t]&&m[t].m(e,null);i(t,n,l),w(s,t,l),o=!0},p(t,n){if(263&n){let s;for(a=t[0],s=0;s<a.length;s+=1){const o=pt(t,a,s);m[s]?(m[s].p(o,n),x(m[s],1)):(m[s]=vt(o),m[s].c(),x(m[s],1),m[s].m(e,null))}for(y(),s=a.length;s<m.length;s+=1)g(s);z()}const o={};33026&n&&(o.$$scope={dirty:n,ctx:t}),s.$set(o)},i(t){if(!o){for(let t=0;t<a.length;t+=1)x(m[t]);x(s.$$.fragment,t),o=!0}},o(t){m=m.filter(Boolean);for(let t=0;t<m.length;t+=1)k(m[t]);k(s.$$.fragment,t),o=!1},d(t){t&&r(e),D(m,t),t&&r(n),E(s,t)}}}function Et(t){let e,n;return e=new U({props:{$$slots:{default:[zt,t=>{let{toggle:e}=t;return{8:e}},t=>{let{toggle:e}=t;return e?256:0}]},$$scope:{ctx:t}}}),e.$on("change",t[3]),{c(){p(e.$$.fragment)},l(t){b(e.$$.fragment,t)},m(t,s){w(e,t,s),n=!0},p(t,n){let[s]=n;const o={};33027&s&&(o.$$scope={dirty:s,ctx:t}),e.$set(o)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){k(e.$$.fragment,t),n=!1},d(t){E(e,t)}}}function jt(t,e,n){let{places:s}=e,{segment:o}=e,l=s.find((t=>t.segment===o));function r(t){null!=t.segment&&I(`./docs/${t.segment}`)}return t.$$set=t=>{"places"in t&&n(0,s=t.places),"segment"in t&&n(4,o=t.segment)},[s,l,r,function(t){let{detail:e}=t;e.value||n(1,l=s.find((t=>t.segment===o)))},o,function(t){l=t,n(1,l)},t=>r(t),(t,e)=>null!=t.sub&&e()]}class Dt extends t{constructor(t){super(),e(this,t,jt,Et,n,{places:0,segment:4})}}function It(t,e,n){const s=t.slice();return s[4]=e[n],s}function At(t,e,n){const s=t.slice();return s[8]=e[n],s}function Ct(t){let e,n,s,o;const l=[Bt,Nt],c=[];function a(t,e){return null!=t[4].sub?0:1}return e=a(t),n=c[e]=l[e](t),{c(){n.c(),s=B()},l(t){n.l(t),s=B()},m(t,n){c[e].m(t,n),i(t,s,n),o=!0},p(t,o){let r=e;e=a(t),e===r?c[e].p(t,o):(y(),k(c[r],1,1,(()=>{c[r]=null})),z(),n=c[e],n?n.p(t,o):(n=c[e]=l[e](t),n.c()),x(n,1),n.m(s.parentNode,s))},i(t){o||(x(n),o=!0)},o(t){k(n),o=!1},d(t){c[e].d(t),t&&r(s)}}}function Nt(t){let e,n;return e=new q({props:{href:"./docs/"+t[4].segment,selected:t[4]===t[1],$$slots:{default:[Tt]},$$scope:{ctx:t}}}),{c(){p(e.$$.fragment)},l(t){b(e.$$.fragment,t)},m(t,s){w(e,t,s),n=!0},p(t,n){const s={};1&n&&(s.href="./docs/"+t[4].segment),3&n&&(s.selected=t[4]===t[1]),2049&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){k(e.$$.fragment,t),n=!1},d(t){E(e,t)}}}function Bt(t){let e,n;return e=new J({props:{$$slots:{handle:[Ht,t=>{let{toggle:e}=t;return{7:e}},t=>{let{toggle:e}=t;return e?128:0}],default:[Pt,t=>{let{toggle:e}=t;return{7:e}},t=>{let{toggle:e}=t;return e?128:0}]},$$scope:{ctx:t}}}),e.$on("panel-open",(function(){G(t[3])&&t[3].apply(this,arguments)})),{c(){p(e.$$.fragment)},l(t){b(e.$$.fragment,t)},m(t,s){w(e,t,s),n=!0},p(n,s){t=n;const o={};2179&s&&(o.$$scope={dirty:s,ctx:t}),e.$set(o)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){k(e.$$.fragment,t),n=!1},d(t){E(e,t)}}}function Tt(t){let e,n,s=t[4].title+"";return{c(){e=g(s),n=f()},l(t){e=h(t,s),n=d(t)},m(t,s){i(t,e,s),i(t,n,s)},p(t,n){1&n&&s!==(s=t[4].title+"")&&j(e,s)},d(t){t&&r(e),t&&r(n)}}}function Vt(t){let e,n=t[8].title+"";return{c(){e=g(n)},l(t){e=h(t,n)},m(t,n){i(t,e,n)},p(t,s){1&s&&n!==(n=t[8].title+"")&&j(e,n)},d(t){t&&r(e)}}}function Gt(t){let e,n;return e=new q({props:{href:"./docs/"+t[8].segment,selected:t[4]===t[1],$$slots:{default:[Vt]},$$scope:{ctx:t}}}),{c(){p(e.$$.fragment)},l(t){b(e.$$.fragment,t)},m(t,s){w(e,t,s),n=!0},p(t,n){const s={};1&n&&(s.href="./docs/"+t[8].segment),3&n&&(s.selected=t[4]===t[1]),2049&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){k(e.$$.fragment,t),n=!1},d(t){E(e,t)}}}function Pt(t){let e,n,s=t[4].sub,o=[];for(let e=0;e<s.length;e+=1)o[e]=Gt(At(t,s,e));const l=t=>k(o[t],1,1,(()=>{o[t]=null}));return{c(){for(let t=0;t<o.length;t+=1)o[t].c();e=f()},l(t){for(let e=0;e<o.length;e+=1)o[e].l(t);e=d(t)},m(t,s){for(let e=0;e<o.length;e+=1)o[e]&&o[e].m(t,s);i(t,e,s),n=!0},p(t,n){if(3&n){let r;for(s=t[4].sub,r=0;r<s.length;r+=1){const l=At(t,s,r);o[r]?(o[r].p(l,n),x(o[r],1)):(o[r]=Gt(l),o[r].c(),x(o[r],1),o[r].m(e.parentNode,e))}for(y(),r=s.length;r<o.length;r+=1)l(r);z()}},i(t){if(!n){for(let t=0;t<s.length;t+=1)x(o[t]);n=!0}},o(t){o=o.filter(Boolean);for(let t=0;t<o.length;t+=1)k(o[t]);n=!1},d(t){D(o,t),t&&r(e)}}}function St(t){let e,n,s,o,l=t[4].title+"";return s=new Z({props:{size:"18",class:"accordion-chevron ml"}}),{c(){e=g(l),n=f(),p(s.$$.fragment)},l(t){e=h(t,l),n=d(t),b(s.$$.fragment,t)},m(t,l){i(t,e,l),i(t,n,l),w(s,t,l),o=!0},p(t,n){(!o||1&n)&&l!==(l=t[4].title+"")&&j(e,l)},i(t){o||(x(s.$$.fragment,t),o=!0)},o(t){k(s.$$.fragment,t),o=!1},d(t){t&&r(e),t&&r(n),E(s,t)}}}function Ht(t){let e,n,s,o;return n=new q({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),n.$on("click",(function(){G(t[7])&&t[7].apply(this,arguments)})),{c(){e=$("div"),p(n.$$.fragment),s=f(),this.h()},l(t){e=u(t,"DIV",{slot:!0});var o=l(e);b(n.$$.fragment,o),s=d(o),o.forEach(r),this.h()},h(){c(e,"slot","handle")},m(t,l){i(t,e,l),w(n,e,null),a(e,s),o=!0},p(e,s){t=e;const o={};2049&s&&(o.$$scope={dirty:s,ctx:t}),n.$set(o)},i(t){o||(x(n.$$.fragment,t),o=!0)},o(t){k(n.$$.fragment,t),o=!1},d(t){t&&r(e),E(n)}}}function Mt(t){let e,n,s="string"==typeof t[4].title&&Ct(t);return{c(){s&&s.c(),e=B()},l(t){s&&s.l(t),e=B()},m(t,o){s&&s.m(t,o),i(t,e,o),n=!0},p(t,n){"string"==typeof t[4].title?s?(s.p(t,n),1&n&&x(s,1)):(s=Ct(t),s.c(),x(s,1),s.m(e.parentNode,e)):s&&(y(),k(s,1,1,(()=>{s=null})),z())},i(t){n||(x(s),n=!0)},o(t){k(s),n=!1},d(t){s&&s.d(t),t&&r(e)}}}function Ft(t){let e,n,s=t[0],o=[];for(let e=0;e<s.length;e+=1)o[e]=Mt(It(t,s,e));const l=t=>k(o[t],1,1,(()=>{o[t]=null}));return{c(){for(let t=0;t<o.length;t+=1)o[t].c();e=B()},l(t){for(let e=0;e<o.length;e+=1)o[e].l(t);e=B()},m(t,s){for(let e=0;e<o.length;e+=1)o[e]&&o[e].m(t,s);i(t,e,s),n=!0},p(t,n){if(139&n){let r;for(s=t[0],r=0;r<s.length;r+=1){const l=It(t,s,r);o[r]?(o[r].p(l,n),x(o[r],1)):(o[r]=Mt(l),o[r].c(),x(o[r],1),o[r].m(e.parentNode,e))}for(y(),r=s.length;r<o.length;r+=1)l(r);z()}},i(t){if(!n){for(let t=0;t<s.length;t+=1)x(o[t]);n=!0}},o(t){o=o.filter(Boolean);for(let t=0;t<o.length;t+=1)k(o[t]);n=!1},d(t){D(o,t),t&&r(e)}}}function Rt(t){let e,n,s;return n=new _({props:{$$slots:{default:[Ft,t=>{let{closeOtherPanels:e}=t;return{3:e}},t=>{let{closeOtherPanels:e}=t;return e?8:0}]},$$scope:{ctx:t}}}),{c(){e=$("nav"),p(n.$$.fragment),this.h()},l(t){e=u(t,"NAV",{class:!0});var s=l(e);b(n.$$.fragment,s),s.forEach(r),this.h()},h(){c(e,"class","desktop svelte-7m9z4a")},m(t,o){i(t,e,o),w(n,e,null),s=!0},p(t,e){let[s]=e;const o={};2059&s&&(o.$$scope={dirty:s,ctx:t}),n.$set(o)},i(t){s||(x(n.$$.fragment,t),s=!0)},o(t){k(n.$$.fragment,t),s=!1},d(t){t&&r(e),E(n)}}}function qt(t,e,n){let s,{places:o}=e,{segment:l}=e;return t.$$set=t=>{"places"in t&&n(0,o=t.places),"segment"in t&&n(2,l=t.segment)},t.$$.update=()=>{5&t.$$.dirty&&n(1,s=o.find((t=>t.segment===l)))},[o,s,l]}class Lt extends t{constructor(t){super(),e(this,t,qt,Rt,n,{places:0,segment:2})}}function Wt(t){let e,n,s;return n=new q({props:{filled:!0,$$slots:{default:[Ot]},$$scope:{ctx:t}}}),n.$on("click",Qt),{c(){e=$("div"),p(n.$$.fragment),this.h()},l(t){e=u(t,"DIV",{class:!0});var s=l(e);b(n.$$.fragment,s),s.forEach(r),this.h()},h(){c(e,"class","center svelte-1bviqj5")},m(t,o){i(t,e,o),w(n,e,null),s=!0},p(t,e){const s={};16&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s)},i(t){s||(x(n.$$.fragment,t),s=!0)},o(t){k(n.$$.fragment,t),s=!1},d(t){t&&r(e),E(n)}}}function Ot(t){let e,n,s;return e=new tt({props:{size:"24",class:"mr"}}),{c(){p(e.$$.fragment),n=g("\n          scroll to top")},l(t){b(e.$$.fragment,t),n=h(t,"\n          scroll to top")},m(t,o){w(e,t,o),i(t,n,o),s=!0},p:m,i(t){s||(x(e.$$.fragment,t),s=!0)},o(t){k(e.$$.fragment,t),s=!1},d(t){E(e,t),t&&r(n)}}}function Ut(t){let e,n,s,o,m,g,h,v,j,D;e=new ft({props:{segment:t[0]}}),s=new Dt({props:{places:t[2],segment:t[0]||""}}),g=new Lt({props:{places:t[2],segment:t[0]||""}});const I=t[3].default,A=S(I,t,t[4],null);let C=t[1]&&Wt(t);return{c(){p(e.$$.fragment),n=f(),p(s.$$.fragment),o=f(),m=$("main"),p(g.$$.fragment),h=f(),v=$("article"),A&&A.c(),j=f(),C&&C.c(),this.h()},l(t){b(e.$$.fragment,t),n=d(t),b(s.$$.fragment,t),o=d(t),m=u(t,"MAIN",{class:!0});var c=l(m);b(g.$$.fragment,c),h=d(c),v=u(c,"ARTICLE",{class:!0});var i=l(v);A&&A.l(i),j=d(i),C&&C.l(i),i.forEach(r),c.forEach(r),this.h()},h(){c(v,"class","svelte-1bviqj5"),c(m,"class","padded extra svelte-1bviqj5")},m(t,l){w(e,t,l),i(t,n,l),w(s,t,l),i(t,o,l),i(t,m,l),w(g,m,null),a(m,h),a(m,v),A&&A.m(v,null),a(v,j),C&&C.m(v,null),D=!0},p(t,n){let[o]=n;const l={};1&o&&(l.segment=t[0]),e.$set(l);const r={};1&o&&(r.segment=t[0]||""),s.$set(r);const c={};1&o&&(c.segment=t[0]||""),g.$set(c),A&&A.p&&(!D||16&o)&&H(A,I,t,t[4],D?F(I,t[4],o,null):M(t[4]),null),t[1]?C?(C.p(t,o),2&o&&x(C,1)):(C=Wt(t),C.c(),x(C,1),C.m(v,null)):C&&(y(),k(C,1,1,(()=>{C=null})),z())},i(t){D||(x(e.$$.fragment,t),x(s.$$.fragment,t),x(g.$$.fragment,t),x(A,t),x(C),D=!0)},o(t){k(e.$$.fragment,t),k(s.$$.fragment,t),k(g.$$.fragment,t),k(A,t),k(C),D=!1},d(t){E(e,t),t&&r(n),E(s,t),t&&r(o),t&&r(m),E(g),A&&A.d(t),C&&C.d()}}}function Qt(){window.scrollTo(0,0)}function Yt(t,e,n){let{$$slots:s={},$$scope:o}=e;const{page:l}=R();let r,{segment:c}=e;l.subscribe((function(){"undefined"!=typeof window&&n(1,r=window.innerHeight<document.body.scrollHeight)}));const i=[{title:L,segment:""},{title:"Changelog",segment:"changelog"},{title:"Migration Guide",segment:"migration-guide"},{title:"Installation",segment:"installation"},{title:"Theming with Sass",segment:"theming"},{title:"Components",sub:[{title:"Accordion",segment:"components/accordion"},{title:"Autocomplete",segment:"components/autocomplete"},{title:"Badge",segment:"components/badge"},{title:"Breadcrumbs",segment:"components/breadcrumbs"},{title:"Button",segment:"components/button"},{title:"Card",segment:"components/card"},{title:"CheckboxGroup",segment:"components/checkbox-group"},{title:"Chip",segment:"components/chip"},{title:"DatePicker",segment:"components/date-picker"},{title:"Dialog",segment:"components/dialog"},{title:"Divider",segment:"components/divider"},{title:"Dot",segment:"components/dot"},{title:"Dropdown",segment:"components/dropdown"},{title:"FileDropzone",segment:"components/file-dropzone"},{title:"FileInput",segment:"components/file-input"},{title:"FormField",segment:"components/form-field"},{title:"Loading",segment:"components/loading"},{title:"Modal",segment:"components/modal"},{title:"Pagination",segment:"components/pagination"},{title:"Popover",segment:"components/popover"},{title:"RadioGroup",segment:"components/radio-group"},{title:"Slider",segment:"components/slider"},{title:"SnackbarContainer",segment:"components/snackbar-container"},{title:"StarRating",segment:"components/star-rating"},{title:"Switch",segment:"components/switch"},{title:"Table",segment:"components/table"},{title:"Tabs",segment:"components/tabs"},{title:"TextField",segment:"components/text-field"},{title:"TimePicker",segment:"components/time-picker"},{title:"Typography",segment:"components/typography"}]},{title:"Utilities",segment:"utilities"},{title:"Custom Elements",segment:"custom-elements"}];return t.$$set=t=>{"segment"in t&&n(0,c=t.segment),"$$scope"in t&&n(4,o=t.$$scope)},[c,r,i,s,o]}class Zt extends t{constructor(t){super(),e(this,t,Yt,Ut,n,{segment:0})}}export{Zt as default};
diff --git a/376/client/legacy/accordion-b4845174.css b/376/client/legacy/accordion-b4845174.css
new file mode 100644
index 000000000..968e4c8f6
--- /dev/null
+++ b/376/client/legacy/accordion-b4845174.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-bic265{display:flex;padding:1em}[slot=showcase].svelte-bic265 .accordion section{padding:0.5em;text-align:center}
diff --git a/376/client/legacy/accordion-section-0252b389.css b/376/client/legacy/accordion-section-0252b389.css
new file mode 100644
index 000000000..94e8f866a
--- /dev/null
+++ b/376/client/legacy/accordion-section-0252b389.css
@@ -0,0 +1,2 @@
+.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}
+.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-0.125em;transition:transform 100ms}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}
diff --git a/376/client/legacy/accordion-section-b4845174.css b/376/client/legacy/accordion-section-b4845174.css
new file mode 100644
index 000000000..968e4c8f6
--- /dev/null
+++ b/376/client/legacy/accordion-section-b4845174.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-bic265{display:flex;padding:1em}[slot=showcase].svelte-bic265 .accordion section{padding:0.5em;text-align:center}
diff --git a/376/client/legacy/accordion-section.8e5986bf.js b/376/client/legacy/accordion-section.8e5986bf.js
new file mode 100644
index 000000000..3a3840087
--- /dev/null
+++ b/376/client/legacy/accordion-section.8e5986bf.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as $,j as s,l as a,m as o,U as c,a0 as r,t as p,p as l,q as f,L as m,u as i,h as g,v as u,w as d,k as h,b as x,x as y,d as w,f as v,g as E,e as k,n as D,V as b}from"./client.583c6e60.js";import{L as O,H as T,P as C}from"./layout.47c81311.js";import{B as S}from"./button.863c0adf.js";import{A,a as j}from"./accordion-section.932eb5db.js";import{C as B}from"./ChevronDownIcon.f31c6af5.js";import{S as N}from"./showcase.759e7149.js";import{C as F}from"./color-preview.9db6af61.js";import{R as P}from"./related-components.9fddec4f.js";import{H as R}from"./h2.0da05151.js";import{H as L}from"./h3.c9a49f62.js";import{T as G,a as H,b as M,c as V}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./card.113fcab4.js";function I(t){let e;return{c(){e=u("AccordionSection")},l(t){e=y(t,"AccordionSection")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Y(t){let e;return{c(){e=u("The panel to be used inside an Accordion.")},l(t){e=y(t,"The panel to be used inside an Accordion.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function U(t){let e;return{c(){e=u("First panel")},l(t){e=y(t,"First panel")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function z(t){let e,n,$;return n=new B({props:{size:"20",class:"ml accordion-chevron"}}),{c(){e=u("open first panel\n            "),s(n.$$.fragment)},l(t){e=y(t,"open first panel\n            "),a(n.$$.fragment,t)},m(t,s){v(t,e,s),o(n,t,s),$=!0},p:D,i(t){$||(p(n.$$.fragment,t),$=!0)},o(t){l(n.$$.fragment,t),$=!1},d(t){t&&w(e),f(n,t)}}}function K(t){let e,n,$;return n=new S({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),n.$on("click",(function(){b(t[2])&&t[2].apply(this,arguments)})),{c(){e=g("div"),s(n.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0});var $=x(e);a(n.$$.fragment,$),$.forEach(w),this.h()},h(){k(e,"slot","handle")},m(t,s){v(t,e,s),o(n,e,null),$=!0},p(e,$){t=e;const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s)},i(t){$||(p(n.$$.fragment,t),$=!0)},o(t){l(n.$$.fragment,t),$=!1},d(t){t&&w(e),f(n)}}}function q(t){let e;return{c(){e=u("Second panel")},l(t){e=y(t,"Second panel")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function J(t){let e,n,$,c;return e=new j({props:{$$slots:{handle:[K,({toggle:t})=>({2:t}),({toggle:t})=>t?4:0],default:[U,({toggle:t})=>({2:t}),({toggle:t})=>t?4:0]},$$scope:{ctx:t}}}),e.$on("panel-open",(function(){b(t[1])&&t[1].apply(this,arguments)})),$=new j({props:{label:"just text is enough",$$slots:{default:[q]},$$scope:{ctx:t}}}),$.$on("panel-open",(function(){b(t[1])&&t[1].apply(this,arguments)})),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),c=!0},p(n,s){t=n;const a={};12&s&&(a.$$scope={dirty:s,ctx:t}),e.$set(a);const o={};8&s&&(o.$$scope={dirty:s,ctx:t}),$.$set(o)},i(t){c||(p(e.$$.fragment,t),p($.$$.fragment,t),c=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),c=!1},d(t){f(e,t),t&&w(n),f($,t)}}}function Q(t){let e,n,$;return n=new A({props:{$$slots:{default:[J,({closeOtherPanels:t})=>({1:t}),({closeOtherPanels:t})=>t?2:0]},$$scope:{ctx:t}}}),{c(){e=g("div"),s(n.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var $=x(e);a(n.$$.fragment,$),$.forEach(w),this.h()},h(){k(e,"slot","showcase"),k(e,"class","svelte-bic265")},m(t,s){v(t,e,s),o(n,e,null),$=!0},p(t,e){const $={};10&e&&($.$$scope={dirty:e,ctx:t}),n.$set($)},i(t){$||(p(n.$$.fragment,t),$=!0)},o(t){l(n.$$.fragment,t),$=!1},d(t){t&&w(e),f(n)}}}function W(t){let e,n;return{c(){e=g("div"),n=g("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var $=x(e);n=h($,"PRE",{class:!0}),x(n).forEach(w),$.forEach(w),this.h()},h(){k(n,"class","language-svelte"),k(e,"slot","source")},m(t,$){v(t,e,$),E(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Accordion</span> <span class="token attr-name"><span class="token namespace">let:</span>closeOtherPanels</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AccordionSection</span> <span class="token attr-name"><span class="token namespace">on:</span>panel-open=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>closeOtherPanels<span class="token punctuation">&#125;</span></span> <span class="token attr-name"><span class="token namespace">let:</span>toggle</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>handle<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>toggle<span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n        open first panel\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ChevronDownIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>20<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml accordion-chevron<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n    First panel\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>AccordionSection</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AccordionSection</span>\n    <span class="token attr-name"><span class="token namespace">on:</span>panel-open=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>closeOtherPanels<span class="token punctuation">&#125;</span></span>\n    <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>just text is enough<span class="token punctuation">"</span></span>\n  <span class="token punctuation">></span></span>\n    Second panel\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>AccordionSection</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Accordion</span><span class="token punctuation">></span></span></code>'},p:D,d(t){t&&w(e)}}}function X(t){let e;return{c(){e=u("Properties")},l(t){e=y(t,"Properties")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Z(t){let e;return{c(){e=u("Functional Properties")},l(t){e=y(t,"Functional Properties")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function _(t){let e;return{c(){e=u("Name")},l(t){e=y(t,"Name")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function tt(t){let e;return{c(){e=u("Default")},l(t){e=y(t,"Default")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function et(t){let e;return{c(){e=u("Type")},l(t){e=y(t,"Type")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function nt(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function $t(t){let e,n,$,c,r,m,g,u;return e=new M({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),r=new M({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment),m=i(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),v(t,m,s),o(g,t,s),u=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),g.$set(c)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),l(g.$$.fragment,t),u=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t),t&&w(m),f(g,t)}}}function st(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("label")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=y(a,"label"),a.forEach(w),s.forEach(w)},m(t,s){v(t,e,s),E(e,n),E(n,$)},p:D,d(t){t&&w(e)}}}function at(t){let e,n;return{c(){e=g("code"),n=u("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"null"),$.forEach(w)},m(t,$){v(t,e,$),E(e,n)},p:D,d(t){t&&w(e)}}}function ot(t){let e,n;return{c(){e=g("code"),n=u("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"string"),$.forEach(w)},m(t,$){v(t,e,$),E(e,n)},p:D,d(t){t&&w(e)}}}function ct(t){let e,n,$,s,a,o;return{c(){e=u("The label text to use on the button that toggles the section. "),n=g("br"),$=u(" Not used if the "),s=g("code"),a=u("handle"),o=u(" slot is provided.")},l(t){e=y(t,"The label text to use on the button that toggles the section. "),n=h(t,"BR",{}),$=y(t," Not used if the "),s=h(t,"CODE",{});var c=x(s);a=y(c,"handle"),c.forEach(w),o=y(t," slot is provided.")},m(t,c){v(t,e,c),v(t,n,c),v(t,$,c),v(t,s,c),E(s,a),v(t,o,c)},p:D,d(t){t&&w(e),t&&w(n),t&&w($),t&&w(s),t&&w(o)}}}function rt(t){let e,n,$,c,r,m,g,u;return e=new V({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),r=new V({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),g=new V({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment),m=i(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),v(t,m,s),o(g,t,s),u=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),g.$set(c)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),l(g.$$.fragment,t),u=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t),t&&w(m),f(g,t)}}}function pt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("open")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=y(a,"open"),a.forEach(w),s.forEach(w)},m(t,s){v(t,e,s),E(e,n),E(n,$)},p:D,d(t){t&&w(e)}}}function lt(t){let e,n;return{c(){e=g("code"),n=u("false")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"false"),$.forEach(w)},m(t,$){v(t,e,$),E(e,n)},p:D,d(t){t&&w(e)}}}function ft(t){let e,n;return{c(){e=g("code"),n=u("boolean")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"boolean"),$.forEach(w)},m(t,$){v(t,e,$),E(e,n)},p:D,d(t){t&&w(e)}}}function mt(t){let e;return{c(){e=u("The state of the section: opened or closed.")},l(t){e=y(t,"The state of the section: opened or closed.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function it(t){let e,n,$,c,r,m,g,u;return e=new V({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),r=new V({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),g=new V({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment),m=i(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),v(t,m,s),o(g,t,s),u=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),g.$set(c)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),l(g.$$.fragment,t),u=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t),t&&w(m),f(g,t)}}}function gt(t){let e,n,$,c,r,m,u,y;return n=new H({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),r=new H({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s(n.$$.fragment),$=i(),c=g("tbody"),s(r.$$.fragment),m=i(),s(u.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(w),$=d(t),c=h(t,"TBODY",{});var o=x(c);a(r.$$.fragment,o),m=d(o),a(u.$$.fragment,o),o.forEach(w)},m(t,s){v(t,e,s),o(n,e,null),v(t,$,s),v(t,c,s),o(r,c,null),E(c,m),o(u,c,null),y=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),r.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),u.$set(a)},i(t){y||(p(n.$$.fragment,t),p(r.$$.fragment,t),p(u.$$.fragment,t),y=!0)},o(t){l(n.$$.fragment,t),l(r.$$.fragment,t),l(u.$$.fragment,t),y=!1},d(t){t&&w(e),f(n),t&&w($),t&&w(c),f(r),f(u)}}}function ut(t){let e;return{c(){e=u("Class Properties")},l(t){e=y(t,"Class Properties")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function dt(t){let e,n,$,s,a,o,c,r,p,l;return{c(){e=u("All "),n=g("code"),$=u("<AccordionSection>"),s=u(" components use the "),a=g("code"),o=u(".panel"),c=u(" class for the handle and the "),r=g("code"),p=u("section"),l=u(" tag for the hidden content.")},l(t){e=y(t,"All "),n=h(t,"CODE",{});var f=x(n);$=y(f,"<AccordionSection>"),f.forEach(w),s=y(t," components use the "),a=h(t,"CODE",{});var m=x(a);o=y(m,".panel"),m.forEach(w),c=y(t," class for the handle and the "),r=h(t,"CODE",{});var i=x(r);p=y(i,"section"),i.forEach(w),l=y(t," tag for the hidden content.")},m(t,f){v(t,e,f),v(t,n,f),E(n,$),v(t,s,f),v(t,a,f),E(a,o),v(t,c,f),v(t,r,f),E(r,p),v(t,l,f)},p:D,d(t){t&&w(e),t&&w(n),t&&w(s),t&&w(a),t&&w(c),t&&w(r),t&&w(l)}}}function ht(t){let e;return{c(){e=u("Falsy values passed to classes will be disregarded.")},l(t){e=y(t,"Falsy values passed to classes will be disregarded.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function xt(t){let e;return{c(){e=u("Name")},l(t){e=y(t,"Name")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function yt(t){let e;return{c(){e=u("Default")},l(t){e=y(t,"Default")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function wt(t){let e;return{c(){e=u("Type")},l(t){e=y(t,"Type")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function vt(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Et(t){let e,n,$,c,r,m,g,u;return e=new M({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),r=new M({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment),m=i(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),v(t,m,s),o(g,t,s),u=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),g.$set(c)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),l(g.$$.fragment,t),u=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t),t&&w(m),f(g,t)}}}function kt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("class")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=y(a,"class"),a.forEach(w),s.forEach(w)},m(t,s){v(t,e,s),E(e,n),E(n,$)},p:D,d(t){t&&w(e)}}}function Dt(t){let e,n;return{c(){e=g("code"),n=u("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"null"),$.forEach(w)},m(t,$){v(t,e,$),E(e,n)},p:D,d(t){t&&w(e)}}}function bt(t){let e,n;return{c(){e=g("code"),n=u("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"string"),$.forEach(w)},m(t,$){v(t,e,$),E(e,n)},p:D,d(t){t&&w(e)}}}function Ot(t){let e;return{c(){e=u("A class string to add to the handle.")},l(t){e=y(t,"A class string to add to the handle.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Tt(t){let e,n,$,c,r,m,g,u;return e=new V({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),r=new V({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),g=new V({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment),m=i(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),v(t,m,s),o(g,t,s),u=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),g.$set(c)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),l(g.$$.fragment,t),u=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t),t&&w(m),f(g,t)}}}function Ct(t){let e,n,$,c,r,m;return n=new H({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),r=new H({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s(n.$$.fragment),$=i(),c=g("tbody"),s(r.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(w),$=d(t),c=h(t,"TBODY",{});var o=x(c);a(r.$$.fragment,o),o.forEach(w)},m(t,s){v(t,e,s),o(n,e,null),v(t,$,s),v(t,c,s),o(r,c,null),m=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),r.$set(s)},i(t){m||(p(n.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){t&&w(e),f(n),t&&w($),t&&w(c),f(r)}}}function St(t){let e;return{c(){e=u("Events")},l(t){e=y(t,"Events")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function At(t){let e;return{c(){e=u("Name")},l(t){e=y(t,"Name")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function jt(t){let e;return{c(){e=u("Event Detail")},l(t){e=y(t,"Event Detail")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Bt(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Nt(t){let e,n,$,c,r,m;return e=new M({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),r=new M({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t)}}}function Ft(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("panel-open")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=y(a,"panel-open"),a.forEach(w),s.forEach(w)},m(t,s){v(t,e,s),E(e,n),E(n,$)},p:D,d(t){t&&w(e)}}}function Pt(t){let e,n;return{c(){e=g("code"),n=u("{ close(), toggle() }")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"{ close(), toggle() }"),$.forEach(w)},m(t,$){v(t,e,$),E(e,n)},p:D,d(t){t&&w(e)}}}function Rt(t){let e;return{c(){e=u("Fired when the panel is opened. The detail object contains callbacks to close and toggle the panel respectively.")},l(t){e=y(t,"Fired when the panel is opened. The detail object contains callbacks to close and toggle the panel respectively.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Lt(t){let e,n,$,c,r,m;return e=new V({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),r=new V({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t)}}}function Gt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("panel-close")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=y(a,"panel-close"),a.forEach(w),s.forEach(w)},m(t,s){v(t,e,s),E(e,n),E(n,$)},p:D,d(t){t&&w(e)}}}function Ht(t){let e,n;return{c(){e=g("code"),n=u("{ close(), toggle() }")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"{ close(), toggle() }"),$.forEach(w)},m(t,$){v(t,e,$),E(e,n)},p:D,d(t){t&&w(e)}}}function Mt(t){let e;return{c(){e=u("Fired when the panel is closed. The detail object contains callbacks to close and toggle the panel respectively.")},l(t){e=y(t,"Fired when the panel is closed. The detail object contains callbacks to close and toggle the panel respectively.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Vt(t){let e,n,$,c,r,m;return e=new V({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),r=new V({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t)}}}function It(t){let e,n,$,c,r,m,u,y;return n=new H({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),r=new H({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s(n.$$.fragment),$=i(),c=g("tbody"),s(r.$$.fragment),m=i(),s(u.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(w),$=d(t),c=h(t,"TBODY",{});var o=x(c);a(r.$$.fragment,o),m=d(o),a(u.$$.fragment,o),o.forEach(w)},m(t,s){v(t,e,s),o(n,e,null),v(t,$,s),v(t,c,s),o(r,c,null),E(c,m),o(u,c,null),y=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),r.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),u.$set(a)},i(t){y||(p(n.$$.fragment,t),p(r.$$.fragment,t),p(u.$$.fragment,t),y=!0)},o(t){l(n.$$.fragment,t),l(r.$$.fragment,t),l(u.$$.fragment,t),y=!1},d(t){t&&w(e),f(n),t&&w($),t&&w(c),f(r),f(u)}}}function Yt(t){let e;return{c(){e=u("Slots")},l(t){e=y(t,"Slots")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Ut(t){let e;return{c(){e=u("Default slot")},l(t){e=y(t,"Default slot")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function zt(t){let e;return{c(){e=u("The content of the AccordionSection, initially hidden.")},l(t){e=y(t,"The content of the AccordionSection, initially hidden.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Kt(t){let e,n,$;return{c(){e=g("code"),n=u("handle"),$=u(" slot")},l(t){e=h(t,"CODE",{});var s=x(e);n=y(s,"handle"),s.forEach(w),$=y(t," slot")},m(t,s){v(t,e,s),E(e,n),v(t,$,s)},p:D,d(t){t&&w(e),t&&w($)}}}function qt(t){let e,n,$,s;return{c(){e=u("The handle used for opening the hidden content. By default it contains a Button with the text taken from the "),n=g("code"),$=u("label"),s=u(" prop.")},l(t){e=y(t,"The handle used for opening the hidden content. By default it contains a Button with the text taken from the "),n=h(t,"CODE",{});var a=x(n);$=y(a,"label"),a.forEach(w),s=y(t," prop.")},m(t,a){v(t,e,a),v(t,n,a),E(n,$),v(t,s,a)},p:D,d(t){t&&w(e),t&&w(n),t&&w(s)}}}function Jt(t){let e;return{c(){e=u("Prop Name")},l(t){e=y(t,"Prop Name")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Qt(t){let e;return{c(){e=u("Type")},l(t){e=y(t,"Type")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Wt(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Xt(t){let e,n,$,c,r,m;return e=new M({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),r=new M({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t)}}}function Zt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("toggle")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=y(a,"toggle"),a.forEach(w),s.forEach(w)},m(t,s){v(t,e,s),E(e,n),E(n,$)},p:D,d(t){t&&w(e)}}}function _t(t){let e,n;return{c(){e=g("code"),n=u("Function")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"Function"),$.forEach(w)},m(t,$){v(t,e,$),E(e,n)},p:D,d(t){t&&w(e)}}}function te(t){let e;return{c(){e=u("A callback to toggle the open state of the current panel.")},l(t){e=y(t,"A callback to toggle the open state of the current panel.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function ee(t){let e,n,$,c,r,m;return e=new V({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),r=new V({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t)}}}function ne(t){let e,n,$,c,r,m;return n=new H({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),r=new H({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s(n.$$.fragment),$=i(),c=g("tbody"),s(r.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(w),$=d(t),c=h(t,"TBODY",{});var o=x(c);a(r.$$.fragment,o),o.forEach(w)},m(t,s){v(t,e,s),o(n,e,null),v(t,$,s),v(t,c,s),o(r,c,null),m=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),r.$set(s)},i(t){m||(p(n.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){t&&w(e),f(n),t&&w($),t&&w(c),f(r)}}}function $e(t){let e;return{c(){e=u("SCSS Variables")},l(t){e=y(t,"SCSS Variables")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function se(t){let e;return{c(){e=u("Name")},l(t){e=y(t,"Name")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function ae(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function oe(t){let e;return{c(){e=u("Default")},l(t){e=y(t,"Default")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function ce(t){let e,n,$,c,r,m;return e=new M({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),r=new M({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t)}}}function re(t){let e,n,$,s,a,o,c,r,p;return{c(){e=g("strong"),n=g("code"),$=u("$main"),s=i(),a=g("small"),o=u("From "),c=g("a"),r=g("code"),p=u("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);n=h(l,"CODE",{});var f=x(n);$=y(f,"$main"),f.forEach(w),l.forEach(w),s=d(t),a=h(t,"SMALL",{});var m=x(a);o=y(m,"From "),c=h(m,"A",{href:!0});var i=x(c);r=h(i,"CODE",{});var g=x(r);p=y(g,"Button"),g.forEach(w),i.forEach(w),m.forEach(w),this.h()},h(){k(c,"href","./docs/components/button")},m(t,l){v(t,e,l),E(e,n),E(n,$),v(t,s,l),v(t,a,l),E(a,o),E(a,c),E(c,r),E(r,p)},p:D,d(t){t&&w(e),t&&w(s),t&&w(a)}}}function pe(t){let e;return{c(){e=u("The color and hover background of the section handle.")},l(t){e=y(t,"The color and hover background of the section handle.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function le(t){let e,n;return e=new F({props:{value:"#4300B0"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p:D,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function fe(t){let e,n,$,c,r,m;return e=new V({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),r=new V({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t)}}}function me(t){let e,n,$,s,a,o,c,r,p;return{c(){e=g("strong"),n=g("code"),$=u("$font"),s=i(),a=g("small"),o=u("From "),c=g("a"),r=g("code"),p=u("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);n=h(l,"CODE",{});var f=x(n);$=y(f,"$font"),f.forEach(w),l.forEach(w),s=d(t),a=h(t,"SMALL",{});var m=x(a);o=y(m,"From "),c=h(m,"A",{href:!0});var i=x(c);r=h(i,"CODE",{});var g=x(r);p=y(g,"Button"),g.forEach(w),i.forEach(w),m.forEach(w),this.h()},h(){k(c,"href","./docs/components/button")},m(t,l){v(t,e,l),E(e,n),E(n,$),v(t,s,l),v(t,a,l),E(a,o),E(a,c),E(c,r),E(r,p)},p:D,d(t){t&&w(e),t&&w(s),t&&w(a)}}}function ie(t){let e;return{c(){e=u("The font of the section handle.")},l(t){e=y(t,"The font of the section handle.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function ge(t){let e,n;return{c(){e=g("code"),n=u("'Ubuntu'")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"'Ubuntu'"),$.forEach(w)},m(t,$){v(t,e,$),E(e,n)},p:D,d(t){t&&w(e)}}}function ue(t){let e,n,$,c,r,m;return e=new V({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),r=new V({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t)}}}function de(t){let e,n,$,s,a,o,c,r,p;return{c(){e=g("strong"),n=g("code"),$=u("$button-radius"),s=i(),a=g("small"),o=u("From "),c=g("a"),r=g("code"),p=u("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);n=h(l,"CODE",{});var f=x(n);$=y(f,"$button-radius"),f.forEach(w),l.forEach(w),s=d(t),a=h(t,"SMALL",{});var m=x(a);o=y(m,"From "),c=h(m,"A",{href:!0});var i=x(c);r=h(i,"CODE",{});var g=x(r);p=y(g,"Button"),g.forEach(w),i.forEach(w),m.forEach(w),this.h()},h(){k(c,"href","./docs/components/button")},m(t,l){v(t,e,l),E(e,n),E(n,$),v(t,s,l),v(t,a,l),E(a,o),E(a,c),E(c,r),E(r,p)},p:D,d(t){t&&w(e),t&&w(s),t&&w(a)}}}function he(t){let e;return{c(){e=u("The curvature radius of the section handle.")},l(t){e=y(t,"The curvature radius of the section handle.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function xe(t){let e,n;return{c(){e=g("code"),n=u("1.5625em")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"1.5625em"),$.forEach(w)},m(t,$){v(t,e,$),E(e,n)},p:D,d(t){t&&w(e)}}}function ye(t){let e,n,$,c,r,m;return e=new V({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),r=new V({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t)}}}function we(t){let e,n,$,s,a,o,c,r,p;return{c(){e=g("strong"),n=g("code"),$=u("$bold-font-weight"),s=i(),a=g("small"),o=u("From "),c=g("a"),r=g("code"),p=u("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);n=h(l,"CODE",{});var f=x(n);$=y(f,"$bold-font-weight"),f.forEach(w),l.forEach(w),s=d(t),a=h(t,"SMALL",{});var m=x(a);o=y(m,"From "),c=h(m,"A",{href:!0});var i=x(c);r=h(i,"CODE",{});var g=x(r);p=y(g,"Button"),g.forEach(w),i.forEach(w),m.forEach(w),this.h()},h(){k(c,"href","./docs/components/button")},m(t,l){v(t,e,l),E(e,n),E(n,$),v(t,s,l),v(t,a,l),E(a,o),E(a,c),E(c,r),E(r,p)},p:D,d(t){t&&w(e),t&&w(s),t&&w(a)}}}function ve(t){let e;return{c(){e=u("The font weight of the section handle.")},l(t){e=y(t,"The font weight of the section handle.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Ee(t){let e,n;return{c(){e=g("code"),n=u("500")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"500"),$.forEach(w)},m(t,$){v(t,e,$),E(e,n)},p:D,d(t){t&&w(e)}}}function ke(t){let e,n,$,c,r,m;return e=new V({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),r=new V({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t)}}}function De(t){let e,n,$,c,r,m,u,y,k,D,b,O;return n=new H({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),r=new H({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),k=new H({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),b=new H({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s(n.$$.fragment),$=i(),c=g("tbody"),s(r.$$.fragment),m=i(),s(u.$$.fragment),y=i(),s(k.$$.fragment),D=i(),s(b.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(w),$=d(t),c=h(t,"TBODY",{});var o=x(c);a(r.$$.fragment,o),m=d(o),a(u.$$.fragment,o),y=d(o),a(k.$$.fragment,o),D=d(o),a(b.$$.fragment,o),o.forEach(w)},m(t,s){v(t,e,s),o(n,e,null),v(t,$,s),v(t,c,s),o(r,c,null),E(c,m),o(u,c,null),E(c,y),o(k,c,null),E(c,D),o(b,c,null),O=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),r.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),u.$set(a);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),k.$set(o);const c={};8&e&&(c.$$scope={dirty:e,ctx:t}),b.$set(c)},i(t){O||(p(n.$$.fragment,t),p(r.$$.fragment,t),p(u.$$.fragment,t),p(k.$$.fragment,t),p(b.$$.fragment,t),O=!0)},o(t){l(n.$$.fragment,t),l(r.$$.fragment,t),l(u.$$.fragment,t),l(k.$$.fragment,t),l(b.$$.fragment,t),O=!1},d(t){t&&w(e),f(n),t&&w($),t&&w(c),f(r),f(u),f(k),f(b)}}}function be(t){let e,n,$,c,r,m,k,D,b,O,S,A,j,B,F,H,M,V,U,z,K,q,J,_,tt,et,nt,$t,st,at,ot,ct,rt,pt,lt,ft,mt,it,xt,yt,wt,vt,Et,kt,Dt;return e=new T({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),$=new C({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),r=new P({props:{components:Se}}),k=new N({props:{$$slots:{source:[W],showcase:[Q]},$$scope:{ctx:t}}}),b=new R({props:{id:"properties",$$slots:{default:[X]},$$scope:{ctx:t}}}),S=new L({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),j=new G({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),F=new L({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),M=new C({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),U=new C({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),K=new G({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),et=new R({props:{id:"events",$$slots:{default:[St]},$$scope:{ctx:t}}}),$t=new G({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),at=new R({props:{id:"slots",$$slots:{default:[Yt]},$$scope:{ctx:t}}}),ct=new L({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),pt=new C({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),ft=new L({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),it=new C({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),yt=new G({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),vt=new R({props:{id:"scss-variables",$$slots:{default:[$e]},$$scope:{ctx:t}}}),kt=new G({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),c=i(),s(r.$$.fragment),m=i(),s(k.$$.fragment),D=i(),s(b.$$.fragment),O=i(),s(S.$$.fragment),A=i(),s(j.$$.fragment),B=i(),s(F.$$.fragment),H=i(),s(M.$$.fragment),V=i(),s(U.$$.fragment),z=i(),s(K.$$.fragment),q=i(),J=g("mark"),_=u("Bonus"),tt=u(": use the `.accordion-chevron` class for the chevrons on the handle to get a nice rotation animation (see showcase).\n"),s(et.$$.fragment),nt=i(),s($t.$$.fragment),st=i(),s(at.$$.fragment),ot=i(),s(ct.$$.fragment),rt=i(),s(pt.$$.fragment),lt=i(),s(ft.$$.fragment),mt=i(),s(it.$$.fragment),xt=i(),s(yt.$$.fragment),wt=i(),s(vt.$$.fragment),Et=i(),s(kt.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),c=d(t),a(r.$$.fragment,t),m=d(t),a(k.$$.fragment,t),D=d(t),a(b.$$.fragment,t),O=d(t),a(S.$$.fragment,t),A=d(t),a(j.$$.fragment,t),B=d(t),a(F.$$.fragment,t),H=d(t),a(M.$$.fragment,t),V=d(t),a(U.$$.fragment,t),z=d(t),a(K.$$.fragment,t),q=d(t),J=h(t,"MARK",{});var s=x(J);_=y(s,"Bonus"),s.forEach(w),tt=y(t,": use the `.accordion-chevron` class for the chevrons on the handle to get a nice rotation animation (see showcase).\n"),a(et.$$.fragment,t),nt=d(t),a($t.$$.fragment,t),st=d(t),a(at.$$.fragment,t),ot=d(t),a(ct.$$.fragment,t),rt=d(t),a(pt.$$.fragment,t),lt=d(t),a(ft.$$.fragment,t),mt=d(t),a(it.$$.fragment,t),xt=d(t),a(yt.$$.fragment,t),wt=d(t),a(vt.$$.fragment,t),Et=d(t),a(kt.$$.fragment,t)},m(t,s){o(e,t,s),v(t,n,s),o($,t,s),v(t,c,s),o(r,t,s),v(t,m,s),o(k,t,s),v(t,D,s),o(b,t,s),v(t,O,s),o(S,t,s),v(t,A,s),o(j,t,s),v(t,B,s),o(F,t,s),v(t,H,s),o(M,t,s),v(t,V,s),o(U,t,s),v(t,z,s),o(K,t,s),v(t,q,s),v(t,J,s),E(J,_),v(t,tt,s),o(et,t,s),v(t,nt,s),o($t,t,s),v(t,st,s),o(at,t,s),v(t,ot,s),o(ct,t,s),v(t,rt,s),o(pt,t,s),v(t,lt,s),o(ft,t,s),v(t,mt,s),o(it,t,s),v(t,xt,s),o(yt,t,s),v(t,wt,s),o(vt,t,s),v(t,Et,s),o(kt,t,s),Dt=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),k.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),b.$set(c);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),S.$set(r);const p={};8&n&&(p.$$scope={dirty:n,ctx:t}),j.$set(p);const l={};8&n&&(l.$$scope={dirty:n,ctx:t}),F.$set(l);const f={};8&n&&(f.$$scope={dirty:n,ctx:t}),M.$set(f);const m={};8&n&&(m.$$scope={dirty:n,ctx:t}),U.$set(m);const i={};8&n&&(i.$$scope={dirty:n,ctx:t}),K.$set(i);const g={};8&n&&(g.$$scope={dirty:n,ctx:t}),et.$set(g);const u={};8&n&&(u.$$scope={dirty:n,ctx:t}),$t.$set(u);const d={};8&n&&(d.$$scope={dirty:n,ctx:t}),at.$set(d);const h={};8&n&&(h.$$scope={dirty:n,ctx:t}),ct.$set(h);const x={};8&n&&(x.$$scope={dirty:n,ctx:t}),pt.$set(x);const y={};8&n&&(y.$$scope={dirty:n,ctx:t}),ft.$set(y);const w={};8&n&&(w.$$scope={dirty:n,ctx:t}),it.$set(w);const v={};8&n&&(v.$$scope={dirty:n,ctx:t}),yt.$set(v);const E={};8&n&&(E.$$scope={dirty:n,ctx:t}),vt.$set(E);const D={};8&n&&(D.$$scope={dirty:n,ctx:t}),kt.$set(D)},i(t){Dt||(p(e.$$.fragment,t),p($.$$.fragment,t),p(r.$$.fragment,t),p(k.$$.fragment,t),p(b.$$.fragment,t),p(S.$$.fragment,t),p(j.$$.fragment,t),p(F.$$.fragment,t),p(M.$$.fragment,t),p(U.$$.fragment,t),p(K.$$.fragment,t),p(et.$$.fragment,t),p($t.$$.fragment,t),p(at.$$.fragment,t),p(ct.$$.fragment,t),p(pt.$$.fragment,t),p(ft.$$.fragment,t),p(it.$$.fragment,t),p(yt.$$.fragment,t),p(vt.$$.fragment,t),p(kt.$$.fragment,t),Dt=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(r.$$.fragment,t),l(k.$$.fragment,t),l(b.$$.fragment,t),l(S.$$.fragment,t),l(j.$$.fragment,t),l(F.$$.fragment,t),l(M.$$.fragment,t),l(U.$$.fragment,t),l(K.$$.fragment,t),l(et.$$.fragment,t),l($t.$$.fragment,t),l(at.$$.fragment,t),l(ct.$$.fragment,t),l(pt.$$.fragment,t),l(ft.$$.fragment,t),l(it.$$.fragment,t),l(yt.$$.fragment,t),l(vt.$$.fragment,t),l(kt.$$.fragment,t),Dt=!1},d(t){f(e,t),t&&w(n),f($,t),t&&w(c),f(r,t),t&&w(m),f(k,t),t&&w(D),f(b,t),t&&w(O),f(S,t),t&&w(A),f(j,t),t&&w(B),f(F,t),t&&w(H),f(M,t),t&&w(V),f(U,t),t&&w(z),f(K,t),t&&w(q),t&&w(J),t&&w(tt),f(et,t),t&&w(nt),f($t,t),t&&w(st),f(at,t),t&&w(ot),f(ct,t),t&&w(rt),f(pt,t),t&&w(lt),f(ft,t),t&&w(mt),f(it,t),t&&w(xt),f(yt,t),t&&w(wt),f(vt,t),t&&w(Et),f(kt,t)}}}function Oe(t){let e,n;const m=[t[0],Te];let i={$$slots:{default:[be]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=$(i,m[t]);return e=new O({props:i}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p(t,[n]){const $=1&n?c(m,[1&n&&r(t[0]),0&n&&r(Te)]):{};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}const Te={name:"AccordionSection",relatedComponents:[{name:"Accordion",link:"./docs/components/accordion"}]},{name:Ce,relatedComponents:Se}=Te;function Ae(t,e,n){return t.$$set=t=>{n(0,e=$($({},e),m(t)))},[e=m(e)]}class je extends t{constructor(t){super(),e(this,t,Ae,Oe,n,{})}}export{je as default,Te as metadata};
diff --git a/376/client/legacy/accordion-section.932eb5db.js b/376/client/legacy/accordion-section.932eb5db.js
new file mode 100644
index 000000000..6b616b0e7
--- /dev/null
+++ b/376/client/legacy/accordion-section.932eb5db.js
@@ -0,0 +1 @@
+import{S as s,i as l,s as e,M as a,K as t,h as n,k as c,b as o,d as r,N as p,O as u,f as i,Q as $,R as m,T as f,U as h,t as d,p as g,I as v,L as b,u as j,w as x,e as q,X as w,J as E,j as I,l as L,m as O,q as k,v as A,x as N,A as S}from"./client.583c6e60.js";import{c as T}from"./classes.a7d1a9eb.js";import{B as U}from"./button.863c0adf.js";const y=s=>({}),B=s=>({closeOtherPanels:s[1]});function C(s){let l,e,v;const b=s[5].default,j=a(b,s,s[4],B);let x=[{class:e=T("accordion",s[0])},s[2]],q={};for(let s=0;s<x.length;s+=1)q=t(q,x[s]);return{c(){l=n("ul"),j&&j.c(),this.h()},l(s){l=c(s,"UL",{class:!0});var e=o(l);j&&j.l(e),e.forEach(r),this.h()},h(){p(l,q),u(l,"svelte-1mw2pgr",!0)},m(s,e){i(s,l,e),j&&j.m(l,null),v=!0},p(s,a){let[t]=a;j&&j.p&&(!v||16&t)&&$(j,b,s,s[4],v?f(b,s[4],t,y):m(s[4]),B),p(l,q=h(x,[(!v||1&t&&e!==(e=T("accordion",s[0])))&&{class:e},4&t&&s[2]])),u(l,"svelte-1mw2pgr",!0)},i(s){v||(d(j,s),v=!0)},o(s){g(j,s),v=!1},d(s){s&&r(l),j&&j.d(s)}}}function J(s,l,e){const a=["class","multiple"];let n=v(l,a),{$$slots:c={},$$scope:o}=l,{class:r=null}=l,{multiple:p=!1}=l,u=null;return s.$$set=s=>{l=t(t({},l),b(s)),e(2,n=v(l,a)),"class"in s&&e(0,r=s.class),"multiple"in s&&e(3,p=s.multiple),"$$scope"in s&&e(4,o=s.$$scope)},[r,function(s){let{detail:l}=s;null==u||u===l||p||u.close(),u=l},n,p,o,c]}var K=class extends s{constructor(s){super(),l(this,s,J,C,e,{class:0,multiple:3})}};const M=s=>({}),P=s=>({toggle:s[3].toggle});function Q(s){let l;return{c(){l=A(s[2])},l(e){l=N(e,s[2])},m(s,e){i(s,l,e)},p(s,e){4&e&&S(l,s[2])},d(s){s&&r(l)}}}function R(s){let l,e,t,p,h;const v=s[4].handle,b=a(v,s,s[5],P),E=b||function(s){let l,e;return l=new U({props:{$$slots:{default:[Q]},$$scope:{ctx:s}}}),l.$on("click",s[3].toggle),{c(){I(l.$$.fragment)},l(s){L(l.$$.fragment,s)},m(s,a){O(l,s,a),e=!0},p(s,e){const a={};36&e&&(a.$$scope={dirty:e,ctx:s}),l.$set(a)},i(s){e||(d(l.$$.fragment,s),e=!0)},o(s){g(l.$$.fragment,s),e=!1},d(s){k(l,s)}}}(s),A=s[4].default,N=a(A,s,s[5],null);return{c(){l=n("li"),E&&E.c(),t=j(),p=n("section"),N&&N.c(),this.h()},l(s){l=c(s,"LI",{class:!0});var e=o(l);E&&E.l(e),e.forEach(r),t=x(s),p=c(s,"SECTION",{class:!0});var a=o(p);N&&N.l(a),a.forEach(r),this.h()},h(){q(l,"class",e=w(T("panel",s[1]))+" svelte-16quehj"),u(l,"open",s[0]),q(p,"class","svelte-16quehj")},m(s,e){i(s,l,e),E&&E.m(l,null),i(s,t,e),i(s,p,e),N&&N.m(p,null),h=!0},p(s,a){let[t]=a;b?b.p&&(!h||32&t)&&$(b,v,s,s[5],h?f(v,s[5],t,M):m(s[5]),P):E&&E.p&&(!h||4&t)&&E.p(s,h?t:-1),(!h||2&t&&e!==(e=w(T("panel",s[1]))+" svelte-16quehj"))&&q(l,"class",e),(!h||3&t)&&u(l,"open",s[0]),N&&N.p&&(!h||32&t)&&$(N,A,s,s[5],h?f(A,s[5],t,null):m(s[5]),null)},i(s){h||(d(E,s),d(N,s),h=!0)},o(s){g(E,s),g(N,s),h=!1},d(s){s&&r(l),E&&E.d(s),s&&r(t),s&&r(p),N&&N.d(s)}}}function X(s,l,e){let{$$slots:a={},$$scope:t}=l,{class:n=null}=l,{label:c=null}=l,{open:o=!1}=l;const r={close(){e(0,o=!1)},toggle(){p(o?"panel-close":"panel-open",r),e(0,o=!o)}},p=E();return s.$$set=s=>{"class"in s&&e(1,n=s.class),"label"in s&&e(2,c=s.label),"open"in s&&e(0,o=s.open),"$$scope"in s&&e(5,t=s.$$scope)},[o,n,c,r,a,t]}var z=class extends s{constructor(s){super(),l(this,s,X,R,e,{class:1,label:2,open:0})}};export{K as A,z as a};
diff --git a/376/client/legacy/accordion.ccf860a4.js b/376/client/legacy/accordion.ccf860a4.js
new file mode 100644
index 000000000..c87a296eb
--- /dev/null
+++ b/376/client/legacy/accordion.ccf860a4.js
@@ -0,0 +1 @@
+import{S as t,i as n,s as e,K as s,j as a,l as o,m as $,U as c,a0 as r,t as p,p as l,q as f,L as m,u as i,w as u,f as g,d,v as x,x as h,h as k,k as y,b as w,e as v,g as E,n as D,H as b,y as A,z as O,a9 as C,V as j}from"./client.583c6e60.js";import{L as T,H as P,P as S}from"./layout.47c81311.js";import{B as N}from"./button.863c0adf.js";import{A as H,a as B}from"./accordion-section.932eb5db.js";import{C as R}from"./ChevronDownIcon.f31c6af5.js";import{S as F}from"./showcase.759e7149.js";import{R as I}from"./related-components.9fddec4f.js";import{H as G}from"./h2.0da05151.js";import{H as V}from"./h3.c9a49f62.js";import{T as z,a as L,b as Y,c as K}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./card.113fcab4.js";function M(t,n,e){const s=t.slice();return s[2]=n[e],s}function q(t){let n;return{c(){n=x("Accordion")},l(t){n=h(t,"Accordion")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function U(t){let n;return{c(){n=x("A controller for multiple collapsible elements, allowing either one open panel at a time or infinite.")},l(t){n=h(t,"A controller for multiple collapsible elements, allowing either one open panel at a time or infinite.")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function J(t){let n,e,s;return{c(){n=x("Content of panel "),e=x(t[2]),s=i()},l(a){n=h(a,"Content of panel "),e=h(a,t[2]),s=u(a)},m(t,a){g(t,n,a),g(t,e,a),g(t,s,a)},p:D,d(t){t&&d(n),t&&d(e),t&&d(s)}}}function Q(t){let n,e,s,c,r;return c=new R({props:{size:"20",class:"ml accordion-chevron"}}),{c(){n=x("open panel "),e=x(t[2]),s=i(),a(c.$$.fragment)},l(a){n=h(a,"open panel "),e=h(a,t[2]),s=u(a),o(c.$$.fragment,a)},m(t,a){g(t,n,a),g(t,e,a),g(t,s,a),$(c,t,a),r=!0},p:D,i(t){r||(p(c.$$.fragment,t),r=!0)},o(t){l(c.$$.fragment,t),r=!1},d(t){t&&d(n),t&&d(e),t&&d(s),f(c,t)}}}function W(t){let n,e,s,c;return e=new N({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),e.$on("click",(function(){j(t[5])&&t[5].apply(this,arguments)})),{c(){n=k("div"),a(e.$$.fragment),s=i(),this.h()},l(t){n=y(t,"DIV",{slot:!0});var a=w(n);o(e.$$.fragment,a),s=u(a),a.forEach(d),this.h()},h(){v(n,"slot","handle")},m(t,a){g(t,n,a),$(e,n,null),E(n,s),c=!0},p(n,s){t=n;const a={};64&s&&(a.$$scope={dirty:s,ctx:t}),e.$set(a)},i(t){c||(p(e.$$.fragment,t),c=!0)},o(t){l(e.$$.fragment,t),c=!1},d(t){t&&d(n),f(e)}}}function X(t){let n,e;return n=new B({props:{$$slots:{handle:[W,({toggle:t})=>({5:t}),({toggle:t})=>t?32:0],default:[J]},$$scope:{ctx:t}}}),n.$on("panel-open",(function(){j(t[1])&&t[1].apply(this,arguments)})),{c(){a(n.$$.fragment)},l(t){o(n.$$.fragment,t)},m(t,s){$(n,t,s),e=!0},p(e,s){t=e;const a={};96&s&&(a.$$scope={dirty:s,ctx:t}),n.$set(a)},i(t){e||(p(n.$$.fragment,t),e=!0)},o(t){l(n.$$.fragment,t),e=!1},d(t){f(n,t)}}}function Z(t){let n,e,s=[0,1,2,3,4],a=[];for(let n=0;n<5;n+=1)a[n]=X(M(t,s,n));const o=t=>l(a[t],1,1,(()=>{a[t]=null}));return{c(){for(let t=0;t<5;t+=1)a[t].c();n=b()},l(t){for(let n=0;n<5;n+=1)a[n].l(t);n=b()},m(t,s){for(let n=0;n<5;n+=1)a[n]&&a[n].m(t,s);g(t,n,s),e=!0},p(t,e){if(34&e){let $;for(s=[0,1,2,3,4],$=0;$<5;$+=1){const o=M(t,s,$);a[$]?(a[$].p(o,e),p(a[$],1)):(a[$]=X(o),a[$].c(),p(a[$],1),a[$].m(n.parentNode,n))}for(A(),$=5;$<5;$+=1)o($);O()}},i(t){if(!e){for(let t=0;t<5;t+=1)p(a[t]);e=!0}},o(t){a=a.filter(Boolean);for(let t=0;t<5;t+=1)l(a[t]);e=!1},d(t){C(a,t),t&&d(n)}}}function _(t){let n,e,s;return e=new H({props:{$$slots:{default:[Z,({closeOtherPanels:t})=>({1:t}),({closeOtherPanels:t})=>t?2:0]},$$scope:{ctx:t}}}),{c(){n=k("div"),a(e.$$.fragment),this.h()},l(t){n=y(t,"DIV",{slot:!0,class:!0});var s=w(n);o(e.$$.fragment,s),s.forEach(d),this.h()},h(){v(n,"slot","showcase"),v(n,"class","svelte-bic265")},m(t,a){g(t,n,a),$(e,n,null),s=!0},p(t,n){const s={};66&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){s||(p(e.$$.fragment,t),s=!0)},o(t){l(e.$$.fragment,t),s=!1},d(t){t&&d(n),f(e)}}}function tt(t){let n,e;return{c(){n=k("div"),e=k("pre"),this.h()},l(t){n=y(t,"DIV",{slot:!0});var s=w(n);e=y(s,"PRE",{class:!0}),w(e).forEach(d),s.forEach(d),this.h()},h(){v(e,"class","language-svelte"),v(n,"slot","source")},m(t,s){g(t,n,s),E(n,e),e.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Accordion</span> <span class="token attr-name"><span class="token namespace">let:</span>closeOtherPanels</span><span class="token punctuation">></span></span>\n  <span class="token each"><span class="token punctuation">&#123;</span><span class="token keyword">#each</span> <span class="token language-javascript"><span class="token punctuation">[</span><span class="token number">0</span><span class="token punctuation">,</span> <span class="token number">1</span><span class="token punctuation">,</span> <span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">,</span> <span class="token number">4</span><span class="token punctuation">]</span> </span><span class="token keyword">as</span> <span class="token language-javascript">idx<span class="token punctuation">&#125;</span></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AccordionSection</span> <span class="token attr-name"><span class="token namespace">on:</span>panel-open=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>closeOtherPanels<span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>handle<span class="token punctuation">"</span></span> <span class="token attr-name"><span class="token namespace">let:</span>toggle</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>toggle<span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n          open panel <span class="token language-javascript"><span class="token punctuation">&#123;</span>idx<span class="token punctuation">&#125;</span></span>\n          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ChevronDownIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>20<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml accordion-chevron<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n      Content of panel <span class="token language-javascript"><span class="token punctuation">&#123;</span>idx<span class="token punctuation">&#125;</span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>AccordionSection</span><span class="token punctuation">></span></span>\n  <span class="token each"><span class="token punctuation">&#123;</span><span class="token keyword">/each</span><span class="token punctuation">&#125;</span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Accordion</span><span class="token punctuation">></span></span></code>'},p:D,d(t){t&&d(n)}}}function nt(t){let n;return{c(){n=x("Properties")},l(t){n=h(t,"Properties")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function et(t){let n;return{c(){n=x("Functional Properties")},l(t){n=h(t,"Functional Properties")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function st(t){let n;return{c(){n=x("Name")},l(t){n=h(t,"Name")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function at(t){let n;return{c(){n=x("Default")},l(t){n=h(t,"Default")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function ot(t){let n;return{c(){n=x("Type")},l(t){n=h(t,"Type")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function $t(t){let n;return{c(){n=x("Description")},l(t){n=h(t,"Description")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function ct(t){let n,e,s,c,r,m,x,h;return n=new Y({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),s=new Y({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),r=new Y({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),x=new Y({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=i(),a(s.$$.fragment),c=i(),a(r.$$.fragment),m=i(),a(x.$$.fragment)},l(t){o(n.$$.fragment,t),e=u(t),o(s.$$.fragment,t),c=u(t),o(r.$$.fragment,t),m=u(t),o(x.$$.fragment,t)},m(t,a){$(n,t,a),g(t,e,a),$(s,t,a),g(t,c,a),$(r,t,a),g(t,m,a),$(x,t,a),h=!0},p(t,e){const a={};64&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const o={};64&e&&(o.$$scope={dirty:e,ctx:t}),s.$set(o);const $={};64&e&&($.$$scope={dirty:e,ctx:t}),r.$set($);const c={};64&e&&(c.$$scope={dirty:e,ctx:t}),x.$set(c)},i(t){h||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(r.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(r.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(c),f(r,t),t&&d(m),f(x,t)}}}function rt(t){let n,e,s;return{c(){n=k("strong"),e=k("code"),s=x("multiple")},l(t){n=y(t,"STRONG",{});var a=w(n);e=y(a,"CODE",{});var o=w(e);s=h(o,"multiple"),o.forEach(d),a.forEach(d)},m(t,a){g(t,n,a),E(n,e),E(e,s)},p:D,d(t){t&&d(n)}}}function pt(t){let n,e;return{c(){n=k("code"),e=x("false")},l(t){n=y(t,"CODE",{});var s=w(n);e=h(s,"false"),s.forEach(d)},m(t,s){g(t,n,s),E(n,e)},p:D,d(t){t&&d(n)}}}function lt(t){let n,e;return{c(){n=k("code"),e=x("boolean")},l(t){n=y(t,"CODE",{});var s=w(n);e=h(s,"boolean"),s.forEach(d)},m(t,s){g(t,n,s),E(n,e)},p:D,d(t){t&&d(n)}}}function ft(t){let n,e,s,a;return{c(){n=x("Setting this to "),e=k("code"),s=x("true"),a=x(" allows multiple panels to be open at the same time.")},l(t){n=h(t,"Setting this to "),e=y(t,"CODE",{});var o=w(e);s=h(o,"true"),o.forEach(d),a=h(t," allows multiple panels to be open at the same time.")},m(t,o){g(t,n,o),g(t,e,o),E(e,s),g(t,a,o)},p:D,d(t){t&&d(n),t&&d(e),t&&d(a)}}}function mt(t){let n,e,s,c,r,m,x,h;return n=new K({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),s=new K({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),r=new K({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),x=new K({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=i(),a(s.$$.fragment),c=i(),a(r.$$.fragment),m=i(),a(x.$$.fragment)},l(t){o(n.$$.fragment,t),e=u(t),o(s.$$.fragment,t),c=u(t),o(r.$$.fragment,t),m=u(t),o(x.$$.fragment,t)},m(t,a){$(n,t,a),g(t,e,a),$(s,t,a),g(t,c,a),$(r,t,a),g(t,m,a),$(x,t,a),h=!0},p(t,e){const a={};64&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const o={};64&e&&(o.$$scope={dirty:e,ctx:t}),s.$set(o);const $={};64&e&&($.$$scope={dirty:e,ctx:t}),r.$set($);const c={};64&e&&(c.$$scope={dirty:e,ctx:t}),x.$set(c)},i(t){h||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(r.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(r.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(c),f(r,t),t&&d(m),f(x,t)}}}function it(t){let n,e,s;return{c(){n=k("strong"),e=k("code"),s=x("...")},l(t){n=y(t,"STRONG",{});var a=w(n);e=y(a,"CODE",{});var o=w(e);s=h(o,"..."),o.forEach(d),a.forEach(d)},m(t,a){g(t,n,a),E(n,e),E(e,s)},p:D,d(t){t&&d(n)}}}function ut(t){let n,e;return{c(){n=k("code"),e=x("any")},l(t){n=y(t,"CODE",{});var s=w(n);e=h(s,"any"),s.forEach(d)},m(t,s){g(t,n,s),E(n,e)},p:D,d(t){t&&d(n)}}}function gt(t){let n,e,s,a;return{c(){n=x("Everything else will be passed to the underlying "),e=k("code"),s=x("<ul>"),a=x(" element.")},l(t){n=h(t,"Everything else will be passed to the underlying "),e=y(t,"CODE",{});var o=w(e);s=h(o,"<ul>"),o.forEach(d),a=h(t," element.")},m(t,o){g(t,n,o),g(t,e,o),E(e,s),g(t,a,o)},p:D,d(t){t&&d(n),t&&d(e),t&&d(a)}}}function dt(t){let n,e,s,c,r,m,x,h;return n=new K({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),s=new K({}),r=new K({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),x=new K({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=i(),a(s.$$.fragment),c=i(),a(r.$$.fragment),m=i(),a(x.$$.fragment)},l(t){o(n.$$.fragment,t),e=u(t),o(s.$$.fragment,t),c=u(t),o(r.$$.fragment,t),m=u(t),o(x.$$.fragment,t)},m(t,a){$(n,t,a),g(t,e,a),$(s,t,a),g(t,c,a),$(r,t,a),g(t,m,a),$(x,t,a),h=!0},p(t,e){const s={};64&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};64&e&&(a.$$scope={dirty:e,ctx:t}),r.$set(a);const o={};64&e&&(o.$$scope={dirty:e,ctx:t}),x.$set(o)},i(t){h||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(r.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(r.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(c),f(r,t),t&&d(m),f(x,t)}}}function xt(t){let n,e,s,c,r,m,x,h;return e=new L({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),r=new L({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),x=new L({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),{c(){n=k("thead"),a(e.$$.fragment),s=i(),c=k("tbody"),a(r.$$.fragment),m=i(),a(x.$$.fragment)},l(t){n=y(t,"THEAD",{});var a=w(n);o(e.$$.fragment,a),a.forEach(d),s=u(t),c=y(t,"TBODY",{});var $=w(c);o(r.$$.fragment,$),m=u($),o(x.$$.fragment,$),$.forEach(d)},m(t,a){g(t,n,a),$(e,n,null),g(t,s,a),g(t,c,a),$(r,c,null),E(c,m),$(x,c,null),h=!0},p(t,n){const s={};64&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};64&n&&(a.$$scope={dirty:n,ctx:t}),r.$set(a);const o={};64&n&&(o.$$scope={dirty:n,ctx:t}),x.$set(o)},i(t){h||(p(e.$$.fragment,t),p(r.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){t&&d(n),f(e),t&&d(s),t&&d(c),f(r),f(x)}}}function ht(t){let n;return{c(){n=x("Class Properties")},l(t){n=h(t,"Class Properties")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function kt(t){let n,e,s,a,o,$,c;return{c(){n=x("All "),e=k("code"),s=x("<Accordion>"),a=x(" components use the "),o=k("code"),$=x(".accordion"),c=x(" class.")},l(t){n=h(t,"All "),e=y(t,"CODE",{});var r=w(e);s=h(r,"<Accordion>"),r.forEach(d),a=h(t," components use the "),o=y(t,"CODE",{});var p=w(o);$=h(p,".accordion"),p.forEach(d),c=h(t," class.")},m(t,r){g(t,n,r),g(t,e,r),E(e,s),g(t,a,r),g(t,o,r),E(o,$),g(t,c,r)},p:D,d(t){t&&d(n),t&&d(e),t&&d(a),t&&d(o),t&&d(c)}}}function yt(t){let n;return{c(){n=x("Falsy values passed to classes will be disregarded.")},l(t){n=h(t,"Falsy values passed to classes will be disregarded.")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function wt(t){let n;return{c(){n=x("Name")},l(t){n=h(t,"Name")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function vt(t){let n;return{c(){n=x("Default")},l(t){n=h(t,"Default")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function Et(t){let n;return{c(){n=x("Type")},l(t){n=h(t,"Type")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function Dt(t){let n;return{c(){n=x("Description")},l(t){n=h(t,"Description")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function bt(t){let n,e,s,c,r,m,x,h;return n=new Y({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),s=new Y({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),r=new Y({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),x=new Y({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=i(),a(s.$$.fragment),c=i(),a(r.$$.fragment),m=i(),a(x.$$.fragment)},l(t){o(n.$$.fragment,t),e=u(t),o(s.$$.fragment,t),c=u(t),o(r.$$.fragment,t),m=u(t),o(x.$$.fragment,t)},m(t,a){$(n,t,a),g(t,e,a),$(s,t,a),g(t,c,a),$(r,t,a),g(t,m,a),$(x,t,a),h=!0},p(t,e){const a={};64&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const o={};64&e&&(o.$$scope={dirty:e,ctx:t}),s.$set(o);const $={};64&e&&($.$$scope={dirty:e,ctx:t}),r.$set($);const c={};64&e&&(c.$$scope={dirty:e,ctx:t}),x.$set(c)},i(t){h||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(r.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(r.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(c),f(r,t),t&&d(m),f(x,t)}}}function At(t){let n,e,s;return{c(){n=k("strong"),e=k("code"),s=x("class")},l(t){n=y(t,"STRONG",{});var a=w(n);e=y(a,"CODE",{});var o=w(e);s=h(o,"class"),o.forEach(d),a.forEach(d)},m(t,a){g(t,n,a),E(n,e),E(e,s)},p:D,d(t){t&&d(n)}}}function Ot(t){let n,e;return{c(){n=k("code"),e=x("null")},l(t){n=y(t,"CODE",{});var s=w(n);e=h(s,"null"),s.forEach(d)},m(t,s){g(t,n,s),E(n,e)},p:D,d(t){t&&d(n)}}}function Ct(t){let n,e;return{c(){n=k("code"),e=x("string")},l(t){n=y(t,"CODE",{});var s=w(n);e=h(s,"string"),s.forEach(d)},m(t,s){g(t,n,s),E(n,e)},p:D,d(t){t&&d(n)}}}function jt(t){let n;return{c(){n=x("A class string to add to the component.")},l(t){n=h(t,"A class string to add to the component.")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function Tt(t){let n,e,s,c,r,m,x,h;return n=new K({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),s=new K({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),r=new K({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),x=new K({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=i(),a(s.$$.fragment),c=i(),a(r.$$.fragment),m=i(),a(x.$$.fragment)},l(t){o(n.$$.fragment,t),e=u(t),o(s.$$.fragment,t),c=u(t),o(r.$$.fragment,t),m=u(t),o(x.$$.fragment,t)},m(t,a){$(n,t,a),g(t,e,a),$(s,t,a),g(t,c,a),$(r,t,a),g(t,m,a),$(x,t,a),h=!0},p(t,e){const a={};64&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const o={};64&e&&(o.$$scope={dirty:e,ctx:t}),s.$set(o);const $={};64&e&&($.$$scope={dirty:e,ctx:t}),r.$set($);const c={};64&e&&(c.$$scope={dirty:e,ctx:t}),x.$set(c)},i(t){h||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(r.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(r.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(c),f(r,t),t&&d(m),f(x,t)}}}function Pt(t){let n,e,s,c,r,m;return e=new L({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),r=new L({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),{c(){n=k("thead"),a(e.$$.fragment),s=i(),c=k("tbody"),a(r.$$.fragment)},l(t){n=y(t,"THEAD",{});var a=w(n);o(e.$$.fragment,a),a.forEach(d),s=u(t),c=y(t,"TBODY",{});var $=w(c);o(r.$$.fragment,$),$.forEach(d)},m(t,a){g(t,n,a),$(e,n,null),g(t,s,a),g(t,c,a),$(r,c,null),m=!0},p(t,n){const s={};64&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};64&n&&(a.$$scope={dirty:n,ctx:t}),r.$set(a)},i(t){m||(p(e.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){t&&d(n),f(e),t&&d(s),t&&d(c),f(r)}}}function St(t){let n;return{c(){n=x("Slots")},l(t){n=h(t,"Slots")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function Nt(t){let n;return{c(){n=x("Default slot")},l(t){n=h(t,"Default slot")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function Ht(t){let n,e,s,a,o,$;return{c(){n=x("The content of the Accordion. Pass one or more "),e=k("a"),s=k("mark"),a=k("code"),o=x("AccordionSection"),$=x(" components or something miscellaneous."),this.h()},l(t){n=h(t,"The content of the Accordion. Pass one or more "),e=y(t,"A",{href:!0});var c=w(e);s=y(c,"MARK",{});var r=w(s);a=y(r,"CODE",{});var p=w(a);o=h(p,"AccordionSection"),p.forEach(d),r.forEach(d),c.forEach(d),$=h(t," components or something miscellaneous."),this.h()},h(){v(e,"href","./docs/components/accordion-section")},m(t,c){g(t,n,c),g(t,e,c),E(e,s),E(s,a),E(a,o),g(t,$,c)},p:D,d(t){t&&d(n),t&&d(e),t&&d($)}}}function Bt(t){let n;return{c(){n=x("Prop Name")},l(t){n=h(t,"Prop Name")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function Rt(t){let n;return{c(){n=x("Type")},l(t){n=h(t,"Type")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function Ft(t){let n;return{c(){n=x("Description")},l(t){n=h(t,"Description")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function It(t){let n,e,s,c,r,m;return n=new Y({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),s=new Y({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),r=new Y({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=i(),a(s.$$.fragment),c=i(),a(r.$$.fragment)},l(t){o(n.$$.fragment,t),e=u(t),o(s.$$.fragment,t),c=u(t),o(r.$$.fragment,t)},m(t,a){$(n,t,a),g(t,e,a),$(s,t,a),g(t,c,a),$(r,t,a),m=!0},p(t,e){const a={};64&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const o={};64&e&&(o.$$scope={dirty:e,ctx:t}),s.$set(o);const $={};64&e&&($.$$scope={dirty:e,ctx:t}),r.$set($)},i(t){m||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(c),f(r,t)}}}function Gt(t){let n,e,s;return{c(){n=k("strong"),e=k("code"),s=x("closeOtherPanels")},l(t){n=y(t,"STRONG",{});var a=w(n);e=y(a,"CODE",{});var o=w(e);s=h(o,"closeOtherPanels"),o.forEach(d),a.forEach(d)},m(t,a){g(t,n,a),E(n,e),E(e,s)},p:D,d(t){t&&d(n)}}}function Vt(t){let n,e;return{c(){n=k("code"),e=x("Function")},l(t){n=y(t,"CODE",{});var s=w(n);e=h(s,"Function"),s.forEach(d)},m(t,s){g(t,n,s),E(n,e)},p:D,d(t){t&&d(n)}}}function zt(t){let n;return{c(){n=x("A callback to force-close all panels except for the calling one.")},l(t){n=h(t,"A callback to force-close all panels except for the calling one.")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function Lt(t){let n,e,s,c,r,m;return n=new K({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),s=new K({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),r=new K({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=i(),a(s.$$.fragment),c=i(),a(r.$$.fragment)},l(t){o(n.$$.fragment,t),e=u(t),o(s.$$.fragment,t),c=u(t),o(r.$$.fragment,t)},m(t,a){$(n,t,a),g(t,e,a),$(s,t,a),g(t,c,a),$(r,t,a),m=!0},p(t,e){const a={};64&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const o={};64&e&&(o.$$scope={dirty:e,ctx:t}),s.$set(o);const $={};64&e&&($.$$scope={dirty:e,ctx:t}),r.$set($)},i(t){m||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(c),f(r,t)}}}function Yt(t){let n,e,s,c,r,m;return e=new L({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),r=new L({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),{c(){n=k("thead"),a(e.$$.fragment),s=i(),c=k("tbody"),a(r.$$.fragment)},l(t){n=y(t,"THEAD",{});var a=w(n);o(e.$$.fragment,a),a.forEach(d),s=u(t),c=y(t,"TBODY",{});var $=w(c);o(r.$$.fragment,$),$.forEach(d)},m(t,a){g(t,n,a),$(e,n,null),g(t,s,a),g(t,c,a),$(r,c,null),m=!0},p(t,n){const s={};64&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};64&n&&(a.$$scope={dirty:n,ctx:t}),r.$set(a)},i(t){m||(p(e.$$.fragment,t),p(r.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),m=!1},d(t){t&&d(n),f(e),t&&d(s),t&&d(c),f(r)}}}function Kt(t){let n,e,s,c,r,m,x,h,k,y,w,v,E,D,b,A,O,C,j,T,N,H,B,R,L,Y,K,M,J,Q;return n=new P({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),s=new S({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),r=new I({props:{components:Jt}}),x=new F({props:{$$slots:{source:[tt],showcase:[_]},$$scope:{ctx:t}}}),k=new G({props:{id:"properties",$$slots:{default:[nt]},$$scope:{ctx:t}}}),w=new V({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),E=new z({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),b=new V({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),O=new S({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),j=new S({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),N=new z({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),B=new G({props:{id:"slots",$$slots:{default:[St]},$$scope:{ctx:t}}}),L=new V({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),K=new S({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),J=new z({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),{c(){a(n.$$.fragment),e=i(),a(s.$$.fragment),c=i(),a(r.$$.fragment),m=i(),a(x.$$.fragment),h=i(),a(k.$$.fragment),y=i(),a(w.$$.fragment),v=i(),a(E.$$.fragment),D=i(),a(b.$$.fragment),A=i(),a(O.$$.fragment),C=i(),a(j.$$.fragment),T=i(),a(N.$$.fragment),H=i(),a(B.$$.fragment),R=i(),a(L.$$.fragment),Y=i(),a(K.$$.fragment),M=i(),a(J.$$.fragment)},l(t){o(n.$$.fragment,t),e=u(t),o(s.$$.fragment,t),c=u(t),o(r.$$.fragment,t),m=u(t),o(x.$$.fragment,t),h=u(t),o(k.$$.fragment,t),y=u(t),o(w.$$.fragment,t),v=u(t),o(E.$$.fragment,t),D=u(t),o(b.$$.fragment,t),A=u(t),o(O.$$.fragment,t),C=u(t),o(j.$$.fragment,t),T=u(t),o(N.$$.fragment,t),H=u(t),o(B.$$.fragment,t),R=u(t),o(L.$$.fragment,t),Y=u(t),o(K.$$.fragment,t),M=u(t),o(J.$$.fragment,t)},m(t,a){$(n,t,a),g(t,e,a),$(s,t,a),g(t,c,a),$(r,t,a),g(t,m,a),$(x,t,a),g(t,h,a),$(k,t,a),g(t,y,a),$(w,t,a),g(t,v,a),$(E,t,a),g(t,D,a),$(b,t,a),g(t,A,a),$(O,t,a),g(t,C,a),$(j,t,a),g(t,T,a),$(N,t,a),g(t,H,a),$(B,t,a),g(t,R,a),$(L,t,a),g(t,Y,a),$(K,t,a),g(t,M,a),$(J,t,a),Q=!0},p(t,e){const a={};64&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const o={};64&e&&(o.$$scope={dirty:e,ctx:t}),s.$set(o);const $={};64&e&&($.$$scope={dirty:e,ctx:t}),x.$set($);const c={};64&e&&(c.$$scope={dirty:e,ctx:t}),k.$set(c);const r={};64&e&&(r.$$scope={dirty:e,ctx:t}),w.$set(r);const p={};64&e&&(p.$$scope={dirty:e,ctx:t}),E.$set(p);const l={};64&e&&(l.$$scope={dirty:e,ctx:t}),b.$set(l);const f={};64&e&&(f.$$scope={dirty:e,ctx:t}),O.$set(f);const m={};64&e&&(m.$$scope={dirty:e,ctx:t}),j.$set(m);const i={};64&e&&(i.$$scope={dirty:e,ctx:t}),N.$set(i);const u={};64&e&&(u.$$scope={dirty:e,ctx:t}),B.$set(u);const g={};64&e&&(g.$$scope={dirty:e,ctx:t}),L.$set(g);const d={};64&e&&(d.$$scope={dirty:e,ctx:t}),K.$set(d);const h={};64&e&&(h.$$scope={dirty:e,ctx:t}),J.$set(h)},i(t){Q||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(r.$$.fragment,t),p(x.$$.fragment,t),p(k.$$.fragment,t),p(w.$$.fragment,t),p(E.$$.fragment,t),p(b.$$.fragment,t),p(O.$$.fragment,t),p(j.$$.fragment,t),p(N.$$.fragment,t),p(B.$$.fragment,t),p(L.$$.fragment,t),p(K.$$.fragment,t),p(J.$$.fragment,t),Q=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(r.$$.fragment,t),l(x.$$.fragment,t),l(k.$$.fragment,t),l(w.$$.fragment,t),l(E.$$.fragment,t),l(b.$$.fragment,t),l(O.$$.fragment,t),l(j.$$.fragment,t),l(N.$$.fragment,t),l(B.$$.fragment,t),l(L.$$.fragment,t),l(K.$$.fragment,t),l(J.$$.fragment,t),Q=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(c),f(r,t),t&&d(m),f(x,t),t&&d(h),f(k,t),t&&d(y),f(w,t),t&&d(v),f(E,t),t&&d(D),f(b,t),t&&d(A),f(O,t),t&&d(C),f(j,t),t&&d(T),f(N,t),t&&d(H),f(B,t),t&&d(R),f(L,t),t&&d(Y),f(K,t),t&&d(M),f(J,t)}}}function Mt(t){let n,e;const m=[t[0],qt];let i={$$slots:{default:[Kt]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=s(i,m[t]);return n=new T({props:i}),{c(){a(n.$$.fragment)},l(t){o(n.$$.fragment,t)},m(t,s){$(n,t,s),e=!0},p(t,[e]){const s=1&e?c(m,[1&e&&r(t[0]),0&e&&r(qt)]):{};64&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s)},i(t){e||(p(n.$$.fragment,t),e=!0)},o(t){l(n.$$.fragment,t),e=!1},d(t){f(n,t)}}}const qt={name:"Accordion",relatedComponents:[{name:"AccordionSection",link:"./docs/components/accordion-section"}]},{name:Ut,relatedComponents:Jt}=qt;function Qt(t,n,e){return t.$$set=t=>{e(0,n=s(s({},n),m(t)))},[n=m(n)]}class Wt extends t{constructor(t){super(),n(this,t,Qt,Mt,e,{})}}export{Wt as default,qt as metadata};
diff --git a/376/client/legacy/autocomplete-a7e9e263.css b/376/client/legacy/autocomplete-a7e9e263.css
new file mode 100644
index 000000000..5a2c9a421
--- /dev/null
+++ b/376/client/legacy/autocomplete-a7e9e263.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-1akyzr0{min-height:10em;padding:1em}[slot=showcase].svelte-1akyzr0 .autocomplete{max-width:20em}
diff --git a/376/client/legacy/autocomplete-f5c17156.css b/376/client/legacy/autocomplete-f5c17156.css
new file mode 100644
index 000000000..5549ad519
--- /dev/null
+++ b/376/client/legacy/autocomplete-f5c17156.css
@@ -0,0 +1 @@
+.autocomplete.svelte-1b94m2{background-color:#f5f5f5;border:0 solid rgba(0, 0, 0, 0.42);border-bottom-width:0.0625em;border-top-left-radius:0.375em;border-top-right-radius:0.375em;box-sizing:border-box;padding:0 0.625em 0.0625em;width:100%;align-items:center;display:flex;flex-wrap:wrap;padding-top:0.25em}.autocomplete.svelte-1b94m2:hover{background-color:#eeeeee}.autocomplete.focus.svelte-1b94m2{background-color:#e1e1e1;border-bottom-width:0.125em;border-color:#4800bd;padding-bottom:0}.autocomplete.disabled.svelte-1b94m2{background-color:#f7f7f7;border-color:rgba(51, 51, 51, 0.3);color:#888}.autocomplete.disabled.svelte-1b94m2:hover{background-color:#f7f7f7}.autocomplete.svelte-1b94m2 .autocomplete-field{flex:1}.autocomplete.svelte-1b94m2 .autocomplete-field input{font-family:"Ubuntu", sans-serif;font-size:1rem;font-weight:300;height:2.8em;outline:none;background:none;border:0;min-width:13em;width:100%}.autocomplete.svelte-1b94m2 .chip.no-padding{align-items:center;display:flex;font-size:0.95em;margin:0.2em 0.4em 0.2em 0;padding-left:0.7em}.autocomplete.svelte-1b94m2 .chip.no-padding .btn{margin-left:0.3em}.autocomplete.svelte-1b94m2 .chip.no-padding svg{height:1.2em;width:1.2em}.notice.svelte-1b94m2{font-size:0.9em;font-weight:300;margin:0.5em}.loading-options.svelte-1b94m2{align-items:center;display:flex;font-size:0.95em;margin:0.5em 1.2em}.loading-options.svelte-1b94m2 .spinner{margin:0.3em 0.7em 0.3em 0}.more-options.svelte-1b94m2{list-style:none;margin-left:0.5em;margin-right:0.5em}.more-options.svelte-1b94m2 svg{margin-right:0.5em}
diff --git a/376/client/legacy/autocomplete-field-a7e9e263.css b/376/client/legacy/autocomplete-field-a7e9e263.css
new file mode 100644
index 000000000..5a2c9a421
--- /dev/null
+++ b/376/client/legacy/autocomplete-field-a7e9e263.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-1akyzr0{min-height:10em;padding:1em}[slot=showcase].svelte-1akyzr0 .autocomplete{max-width:20em}
diff --git a/376/client/legacy/autocomplete-field-e04fe3a8.css b/376/client/legacy/autocomplete-field-e04fe3a8.css
new file mode 100644
index 000000000..d6300df39
--- /dev/null
+++ b/376/client/legacy/autocomplete-field-e04fe3a8.css
@@ -0,0 +1 @@
+.shown-on-focus.svelte-1lud1my.svelte-1lud1my{display:flex;justify-content:center}.shown-on-focus.svelte-1lud1my>.btn{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px;margin:0.5em}.shown-on-focus.svelte-1lud1my>.btn:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.notice.svelte-1lud1my.svelte-1lud1my{font-size:0.9em;font-weight:300;margin:0.5em}input.svelte-1lud1my+.dropdown{border-radius:0.5em;overflow:hidden}.options-list.svelte-1lud1my.svelte-1lud1my{margin:0;max-height:15em;overflow-y:scroll;overscroll-behavior:none;padding:0}.options-list.svelte-1lud1my.svelte-1lud1my::-webkit-scrollbar{background:none;height:0.5em;margin:1em 0;width:0.3125em}.options-list.svelte-1lud1my.svelte-1lud1my::-webkit-scrollbar-thumb{background:#ddd;border-radius:0.3125em}.options-list.svelte-1lud1my.svelte-1lud1my::-webkit-scrollbar-thumb:hover{background:#c7c7c7}.options-list.svelte-1lud1my .loading-options.svelte-1lud1my{align-items:center;display:flex;font-size:0.95em;margin:0.5em 1.2em}.options-list.svelte-1lud1my .loading-options.svelte-1lud1my .spinner{margin:0.3em 0.7em 0.3em 0}.options-list.svelte-1lud1my .more-options.svelte-1lud1my{list-style:none;margin-left:0.5em;margin-right:0.5em}.options-list.svelte-1lud1my .more-options.svelte-1lud1my svg{margin-right:0.5em}.options-list.svelte-1lud1my li:first-child{margin-top:0.5em}.options-list.svelte-1lud1my li:last-child{margin-bottom:0.5em}
diff --git a/376/client/legacy/autocomplete-field.e3e979d4.js b/376/client/legacy/autocomplete-field.e3e979d4.js
new file mode 100644
index 000000000..39b3c5297
--- /dev/null
+++ b/376/client/legacy/autocomplete-field.e3e979d4.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as $,j as o,l as s,m as r,U as a,a0 as c,t as p,p as f,q as l,L as m,u as i,h as g,v as u,w as d,k as h,b as x,x as y,d as w,e as E,f as v,g as O,n as D,Y as b,$ as k,a1 as C,A as T}from"./client.583c6e60.js";import{L as A,H as S,P as R}from"./layout.47c81311.js";import{A as N}from"./autocomplete-field.fbaeb0a4.js";import{S as j}from"./showcase.759e7149.js";import{C as F}from"./color-preview.9db6af61.js";import{R as G}from"./related-components.9fddec4f.js";import{H as L}from"./h2.0da05151.js";import{H as B}from"./h3.c9a49f62.js";import{T as M,a as P,b as q,c as U}from"./table.c1711529.js";import"./dropdown.9218bde6.js";import"./classes.a7d1a9eb.js";import"./button.863c0adf.js";import"./loading.9871237d.js";import"./autocomplete-option.dbbd7e52.js";import"./plural-s.31bb9da9.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./card.113fcab4.js";function H(t){let e;return{c(){e=u("AutocompleteField")},l(t){e=y(t,"AutocompleteField")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function I(t){let e;return{c(){e=u("A plain unstyled input element with a dropdown for suggestions.")},l(t){e=y(t,"A plain unstyled input element with a dropdown for suggestions.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function K(t){let e,n,$,o,s,r;return{c(){e=u("The "),n=g("a"),$=g("mark"),o=g("code"),s=u("Autocomplete"),r=u(" component uses it to provide a full-featured autocomplete solution with chips for selection, it may be better if you don't intend to display the selection on your own."),this.h()},l(t){e=y(t,"The "),n=h(t,"A",{href:!0});var a=x(n);$=h(a,"MARK",{});var c=x($);o=h(c,"CODE",{});var p=x(o);s=y(p,"Autocomplete"),p.forEach(w),c.forEach(w),a.forEach(w),r=y(t," component uses it to provide a full-featured autocomplete solution with chips for selection, it may be better if you don't intend to display the selection on your own."),this.h()},h(){E(n,"href","./docs/components/autocomplete")},m(t,a){v(t,e,a),v(t,n,a),O(n,$),O($,o),O(o,s),v(t,r,a)},p:D,d(t){t&&w(e),t&&w(n),t&&w(r)}}}function Y(t){let e,n,$,a,c,m,D,A=JSON.stringify(t[0],null,2)+"";function S(e){t[2](e)}let R={getOptions:Dn};return void 0!==t[0]&&(R.selection=t[0]),n=new N({props:R}),b.push((()=>k(n,"selection",S))),{c(){e=g("div"),o(n.$$.fragment),a=i(),c=g("pre"),m=u(A),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var $=x(e);s(n.$$.fragment,$),a=d($),c=h($,"PRE",{});var o=x(c);m=y(o,A),o.forEach(w),$.forEach(w),this.h()},h(){E(e,"slot","showcase"),E(e,"class","svelte-1akyzr0")},m(t,$){v(t,e,$),r(n,e,null),O(e,a),O(e,c),O(c,m),D=!0},p(t,e){const o={};!$&&1&e&&($=!0,o.selection=t[0],C((()=>$=!1))),n.$set(o),(!D||1&e)&&A!==(A=JSON.stringify(t[0],null,2)+"")&&T(m,A)},i(t){D||(p(n.$$.fragment,t),D=!0)},o(t){f(n.$$.fragment,t),D=!1},d(t){t&&w(e),l(n)}}}function V(t){let e,n;return{c(){e=g("div"),n=g("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var $=x(e);n=h($,"PRE",{class:!0}),x(n).forEach(w),$.forEach(w),this.h()},h(){E(n,"class","language-svelte"),E(e,"slot","source")},m(t,$){v(t,e,$),O(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">async</span> <span class="token keyword">function</span><span class="token operator">*</span> <span class="token function">getOptions</span><span class="token punctuation">(</span><span class="token parameter">text</span><span class="token punctuation">)</span> <span class="token punctuation">&#123;</span>\n    <span class="token keyword">await</span> <span class="token function">sleep</span><span class="token punctuation">(</span><span class="token number">1000</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n    <span class="token keyword">yield</span> <span class="token punctuation">[</span>\n      <span class="token punctuation">&#123;</span> <span class="token literal-property property">name</span><span class="token operator">:</span> text<span class="token punctuation">,</span> <span class="token literal-property property">details</span><span class="token operator">:</span> <span class="token string">\'Optional\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n      <span class="token punctuation">&#123;</span> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token template-string"><span class="token template-punctuation string">&#96;</span><span class="token string">it highlights the match: </span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">$&#123;</span>text<span class="token interpolation-punctuation punctuation">&#125;</span></span><span class="token template-punctuation string">&#96;</span></span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">]</span><span class="token punctuation">;</span>\n  <span class="token punctuation">&#125;</span>\n\n  <span class="token keyword">let</span> selection <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AutocompleteField</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>getOptions<span class="token punctuation">&#125;</span></span> <span class="token attr-name"><span class="token namespace">bind:</span>selection</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>pre</span><span class="token punctuation">></span></span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>selection<span class="token punctuation">,</span> <span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token number">2</span><span class="token punctuation">)</span><span class="token punctuation">&#125;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>pre</span><span class="token punctuation">></span></span></code>'},p:D,d(t){t&&w(e)}}}function W(t){let e;return{c(){e=u("Properties")},l(t){e=y(t,"Properties")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function z(t){let e;return{c(){e=u("Functional Properties")},l(t){e=y(t,"Functional Properties")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function J(t){let e;return{c(){e=u("Name")},l(t){e=y(t,"Name")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Q(t){let e;return{c(){e=u("Default")},l(t){e=y(t,"Default")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function X(t){let e;return{c(){e=u("Type")},l(t){e=y(t,"Type")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Z(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function _(t){let e,n,$,a,c,m,g,u;return e=new q({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),$=new q({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),g=new q({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(g.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(g,t,o),u=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(g,t)}}}function tt(t){let e,n,$,o,s,r,a;return{c(){e=g("mark"),n=g("strong"),$=g("code"),o=u("getOptions"),s=u(" "),r=g("span"),a=u("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);n=h(c,"STRONG",{});var p=x(n);$=h(p,"CODE",{});var f=x($);o=y(f,"getOptions"),f.forEach(w),p.forEach(w),c.forEach(w),s=y(t," "),r=h(t,"SPAN",{class:!0});var l=x(r);a=y(l,"*"),l.forEach(w),this.h()},h(){E(r,"class","required")},m(t,c){v(t,e,c),O(e,n),O(n,$),O($,o),v(t,s,c),v(t,r,c),O(r,a)},p:D,d(t){t&&w(e),t&&w(s),t&&w(r)}}}function et(t){let e,n;return{c(){e=g("code"),n=u("async function*")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"async function*"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function nt(t){let e,n,$,o,s,r;return{c(){e=u("An async generator of suggestions. "),n=g("br"),$=u(" Receives the input from the text field and is expected to yield promises that resolve to arrays of objects "),o=g("code"),s=u("{ name, details }"),r=u(".")},l(t){e=y(t,"An async generator of suggestions. "),n=h(t,"BR",{}),$=y(t," Receives the input from the text field and is expected to yield promises that resolve to arrays of objects "),o=h(t,"CODE",{});var a=x(o);s=y(a,"{ name, details }"),a.forEach(w),r=y(t,".")},m(t,a){v(t,e,a),v(t,n,a),v(t,$,a),v(t,o,a),O(o,s),v(t,r,a)},p:D,d(t){t&&w(e),t&&w(n),t&&w($),t&&w(o),t&&w(r)}}}function $t(t){let e,n,$,a,c,m,g,u;return e=new U({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),$=new U({}),c=new U({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),g=new U({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(g.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(g,t,o),u=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),g.$set(s)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(g,t)}}}function ot(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("selection")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"selection"),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function st(t){let e,n;return{c(){e=g("code"),n=u("[]")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"[]"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function rt(t){let e,n;return{c(){e=g("code"),n=u("Array")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"Array"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function at(t){let e,n,$,o,s,r;return{c(){e=u("The current selection as an array of objects "),n=g("code"),$=u("{ name, details }"),o=u(". "),s=g("br"),r=u(" Can be used to set the selection programmatically.")},l(t){e=y(t,"The current selection as an array of objects "),n=h(t,"CODE",{});var a=x(n);$=y(a,"{ name, details }"),a.forEach(w),o=y(t,". "),s=h(t,"BR",{}),r=y(t," Can be used to set the selection programmatically.")},m(t,a){v(t,e,a),v(t,n,a),O(n,$),v(t,o,a),v(t,s,a),v(t,r,a)},p:D,d(t){t&&w(e),t&&w(n),t&&w(o),t&&w(s),t&&w(r)}}}function ct(t){let e,n,$,a,c,m,g,u;return e=new U({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),g=new U({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(g.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(g,t,o),u=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(g,t)}}}function pt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("minSearchLength")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"minSearchLength"),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function ft(t){let e,n;return{c(){e=g("code"),n=u("3")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"3"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function lt(t){let e,n;return{c(){e=g("code"),n=u("number")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"number"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function mt(t){let e,n,$,o,s;return{c(){e=u("The minimum amount of characters to call "),n=g("mark"),$=g("code"),o=u("getOptions"),s=u(".")},l(t){e=y(t,"The minimum amount of characters to call "),n=h(t,"MARK",{});var r=x(n);$=h(r,"CODE",{});var a=x($);o=y(a,"getOptions"),a.forEach(w),r.forEach(w),s=y(t,".")},m(t,r){v(t,e,r),v(t,n,r),O(n,$),O($,o),v(t,s,r)},p:D,d(t){t&&w(e),t&&w(n),t&&w(s)}}}function it(t){let e,n,$,a,c,m,g,u;return e=new U({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),g=new U({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(g.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(g,t,o),u=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(g,t)}}}function gt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("maxOptions")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"maxOptions"),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function ut(t){let e,n;return{c(){e=g("code"),n=u("Infinity")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"Infinity"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function dt(t){let e,n;return{c(){e=g("code"),n=u("number")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"number"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function ht(t){let e;return{c(){e=u("The maximum amount of options than can be selected.")},l(t){e=y(t,"The maximum amount of options than can be selected.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function xt(t){let e,n,$,a,c,m,g,u;return e=new U({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),g=new U({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(g.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(g,t,o),u=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(g,t)}}}function yt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("searchQuery")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"searchQuery"),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function wt(t){let e,n;return{c(){e=g("code"),n=u("''")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"''"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function Et(t){let e,n;return{c(){e=g("code"),n=u("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"string"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function vt(t){let e;return{c(){e=u("The current value of the text field. Can be used to control the query programmatically.")},l(t){e=y(t,"The current value of the text field. Can be used to control the query programmatically.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Ot(t){let e,n,$,a,c,m,g,u;return e=new U({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),g=new U({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(g.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(g,t,o),u=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(g,t)}}}function Dt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("optionComponent")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"optionComponent"),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function bt(t){let e,n,$,o;return{c(){e=g("a"),n=g("mark"),$=g("code"),o=u("AutocompleteOption"),this.h()},l(t){e=h(t,"A",{href:!0});var s=x(e);n=h(s,"MARK",{});var r=x(n);$=h(r,"CODE",{});var a=x($);o=y(a,"AutocompleteOption"),a.forEach(w),r.forEach(w),s.forEach(w),this.h()},h(){E(e,"href","./docs/components/autocomplete-option")},m(t,s){v(t,e,s),O(e,n),O(n,$),O($,o)},p:D,d(t){t&&w(e)}}}function kt(t){let e;return{c(){e=u("Svelte component")},l(t){e=y(t,"Svelte component")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Ct(t){let e,n,$,o,s,r,a,c,p,f,l,m,i,d,E,b,k;return{c(){e=u("The component used to render a suggestion in the list. "),n=g("br"),$=u(" Receives two props: the "),o=g("code"),s=u("option"),r=u(" object ("),a=g("code"),c=u("{ name, details }"),p=u(") and the current "),f=g("code"),l=u("query"),m=u(". "),i=g("br"),d=u(" Expected to dispatch "),E=g("code"),b=u("click"),k=u(" events on selection.")},l(t){e=y(t,"The component used to render a suggestion in the list. "),n=h(t,"BR",{}),$=y(t," Receives two props: the "),o=h(t,"CODE",{});var g=x(o);s=y(g,"option"),g.forEach(w),r=y(t," object ("),a=h(t,"CODE",{});var u=x(a);c=y(u,"{ name, details }"),u.forEach(w),p=y(t,") and the current "),f=h(t,"CODE",{});var v=x(f);l=y(v,"query"),v.forEach(w),m=y(t,". "),i=h(t,"BR",{}),d=y(t," Expected to dispatch "),E=h(t,"CODE",{});var O=x(E);b=y(O,"click"),O.forEach(w),k=y(t," events on selection.")},m(t,g){v(t,e,g),v(t,n,g),v(t,$,g),v(t,o,g),O(o,s),v(t,r,g),v(t,a,g),O(a,c),v(t,p,g),v(t,f,g),O(f,l),v(t,m,g),v(t,i,g),v(t,d,g),v(t,E,g),O(E,b),v(t,k,g)},p:D,d(t){t&&w(e),t&&w(n),t&&w($),t&&w(o),t&&w(r),t&&w(a),t&&w(p),t&&w(f),t&&w(m),t&&w(i),t&&w(d),t&&w(E),t&&w(k)}}}function Tt(t){let e,n,$,a,c,m,g,u;return e=new U({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),g=new U({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(g.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(g,t,o),u=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(g,t)}}}function At(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("focus")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"focus"),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function St(t){let e,n;return{c(){e=g("code"),n=u("false")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"false"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function Rt(t){let e,n;return{c(){e=g("code"),n=u("boolean")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"boolean"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function Nt(t){let e;return{c(){e=u("Allows to programmatically control whether the suggestions dropdown is shown.")},l(t){e=y(t,"Allows to programmatically control whether the suggestions dropdown is shown.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function jt(t){let e,n,$,a,c,m,g,u;return e=new U({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),g=new U({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(g.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(g,t,o),u=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(g,t)}}}function Ft(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("disabled")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"disabled"),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function Gt(t){let e,n;return{c(){e=g("code"),n=u("false")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"false"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function Lt(t){let e,n;return{c(){e=g("code"),n=u("boolean")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"boolean"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function Bt(t){let e;return{c(){e=u("Whether to disable the field.")},l(t){e=y(t,"Whether to disable the field.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Mt(t){let e,n,$,a,c,m,g,u;return e=new U({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),g=new U({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(g.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(g,t,o),u=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(g,t)}}}function Pt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("...")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"..."),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function qt(t){let e,n;return{c(){e=g("code"),n=u("any")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"any"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function Ut(t){let e,n,$,o;return{c(){e=u("Everything else will be passed to the underlying "),n=g("code"),$=u("<input>"),o=u(" element.")},l(t){e=y(t,"Everything else will be passed to the underlying "),n=h(t,"CODE",{});var s=x(n);$=y(s,"<input>"),s.forEach(w),o=y(t," element.")},m(t,s){v(t,e,s),v(t,n,s),O(n,$),v(t,o,s)},p:D,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function Ht(t){let e,n,$,a,c,m,g,u;return e=new U({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),$=new U({}),c=new U({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),g=new U({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(g.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(g,t,o),u=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),g.$set(s)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(g,t)}}}function It(t){let e,n,$,a,c,m,u,y,E,D,b,k,C,T,A,S,R,N,j,F,G,L;return n=new P({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),E=new P({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),b=new P({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),C=new P({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),A=new P({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),R=new P({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),j=new P({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),G=new P({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),{c(){e=g("thead"),o(n.$$.fragment),$=i(),a=g("tbody"),o(c.$$.fragment),m=i(),o(u.$$.fragment),y=i(),o(E.$$.fragment),D=i(),o(b.$$.fragment),k=i(),o(C.$$.fragment),T=i(),o(A.$$.fragment),S=i(),o(R.$$.fragment),N=i(),o(j.$$.fragment),F=i(),o(G.$$.fragment)},l(t){e=h(t,"THEAD",{});var o=x(e);s(n.$$.fragment,o),o.forEach(w),$=d(t),a=h(t,"TBODY",{});var r=x(a);s(c.$$.fragment,r),m=d(r),s(u.$$.fragment,r),y=d(r),s(E.$$.fragment,r),D=d(r),s(b.$$.fragment,r),k=d(r),s(C.$$.fragment,r),T=d(r),s(A.$$.fragment,r),S=d(r),s(R.$$.fragment,r),N=d(r),s(j.$$.fragment,r),F=d(r),s(G.$$.fragment,r),r.forEach(w)},m(t,o){v(t,e,o),r(n,e,null),v(t,$,o),v(t,a,o),r(c,a,null),O(a,m),r(u,a,null),O(a,y),r(E,a,null),O(a,D),r(b,a,null),O(a,k),r(C,a,null),O(a,T),r(A,a,null),O(a,S),r(R,a,null),O(a,N),r(j,a,null),O(a,F),r(G,a,null),L=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),u.$set(s);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),E.$set(r);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),b.$set(a);const p={};8&e&&(p.$$scope={dirty:e,ctx:t}),C.$set(p);const f={};8&e&&(f.$$scope={dirty:e,ctx:t}),A.$set(f);const l={};8&e&&(l.$$scope={dirty:e,ctx:t}),R.$set(l);const m={};8&e&&(m.$$scope={dirty:e,ctx:t}),j.$set(m);const i={};8&e&&(i.$$scope={dirty:e,ctx:t}),G.$set(i)},i(t){L||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(E.$$.fragment,t),p(b.$$.fragment,t),p(C.$$.fragment,t),p(A.$$.fragment,t),p(R.$$.fragment,t),p(j.$$.fragment,t),p(G.$$.fragment,t),L=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(E.$$.fragment,t),f(b.$$.fragment,t),f(C.$$.fragment,t),f(A.$$.fragment,t),f(R.$$.fragment,t),f(j.$$.fragment,t),f(G.$$.fragment,t),L=!1},d(t){t&&w(e),l(n),t&&w($),t&&w(a),l(c),l(u),l(E),l(b),l(C),l(A),l(R),l(j),l(G)}}}function Kt(t){let e;return{c(){e=u("Class Properties")},l(t){e=y(t,"Class Properties")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Yt(t){let e,n,$,o,s,r,a;return{c(){e=u("All "),n=g("code"),$=u("<AutocompleteField>"),o=u(" components use the "),s=g("code"),r=u(".autocomplete-field"),a=u(" class.")},l(t){e=y(t,"All "),n=h(t,"CODE",{});var c=x(n);$=y(c,"<AutocompleteField>"),c.forEach(w),o=y(t," components use the "),s=h(t,"CODE",{});var p=x(s);r=y(p,".autocomplete-field"),p.forEach(w),a=y(t," class.")},m(t,c){v(t,e,c),v(t,n,c),O(n,$),v(t,o,c),v(t,s,c),O(s,r),v(t,a,c)},p:D,d(t){t&&w(e),t&&w(n),t&&w(o),t&&w(s),t&&w(a)}}}function Vt(t){let e;return{c(){e=u("Falsy values passed to classes will be disregarded.")},l(t){e=y(t,"Falsy values passed to classes will be disregarded.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Wt(t){let e;return{c(){e=u("Name")},l(t){e=y(t,"Name")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function zt(t){let e;return{c(){e=u("Default")},l(t){e=y(t,"Default")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Jt(t){let e;return{c(){e=u("Type")},l(t){e=y(t,"Type")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Qt(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Xt(t){let e,n,$,a,c,m,g,u;return e=new q({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),$=new q({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),g=new q({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(g.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(g,t,o),u=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(g,t)}}}function Zt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("class")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"class"),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function _t(t){let e,n;return{c(){e=g("code"),n=u("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"null"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function te(t){let e,n;return{c(){e=g("code"),n=u("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"string"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function ee(t){let e;return{c(){e=u("A class string to add to the component.")},l(t){e=y(t,"A class string to add to the component.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function ne(t){let e,n,$,a,c,m,g,u;return e=new U({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),g=new U({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(g.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(g,t,o),u=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){u||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(g,t)}}}function $e(t){let e,n,$,a,c,m;return n=new P({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){e=g("thead"),o(n.$$.fragment),$=i(),a=g("tbody"),o(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var o=x(e);s(n.$$.fragment,o),o.forEach(w),$=d(t),a=h(t,"TBODY",{});var r=x(a);s(c.$$.fragment,r),r.forEach(w)},m(t,o){v(t,e,o),r(n,e,null),v(t,$,o),v(t,a,o),r(c,a,null),m=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&w(e),l(n),t&&w($),t&&w(a),l(c)}}}function oe(t){let e;return{c(){e=u("Events")},l(t){e=y(t,"Events")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function se(t){let e;return{c(){e=u("Name")},l(t){e=y(t,"Name")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function re(t){let e;return{c(){e=u("Event Detail")},l(t){e=y(t,"Event Detail")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function ae(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function ce(t){let e,n,$,a,c,m;return e=new q({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),$=new q({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),m=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t)}}}function pe(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("change")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"change"),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function fe(t){let e,n;return{c(){e=g("code"),n=u("{ value }")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"{ value }"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function le(t){let e,n,$,o;return{c(){e=u("Fired when the selection changes. The "),n=g("code"),$=u("value"),o=u(" contains the selection array.")},l(t){e=y(t,"Fired when the selection changes. The "),n=h(t,"CODE",{});var s=x(n);$=y(s,"value"),s.forEach(w),o=y(t," contains the selection array.")},m(t,s){v(t,e,s),v(t,n,s),O(n,$),v(t,o,s)},p:D,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function me(t){let e,n,$,a,c,m;return e=new U({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),m=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t)}}}function ie(t){let e,n,$,a,c,m;return n=new P({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),{c(){e=g("thead"),o(n.$$.fragment),$=i(),a=g("tbody"),o(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var o=x(e);s(n.$$.fragment,o),o.forEach(w),$=d(t),a=h(t,"TBODY",{});var r=x(a);s(c.$$.fragment,r),r.forEach(w)},m(t,o){v(t,e,o),r(n,e,null),v(t,$,o),v(t,a,o),r(c,a,null),m=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&w(e),l(n),t&&w($),t&&w(a),l(c)}}}function ge(t){let e;return{c(){e=u("Slots")},l(t){e=y(t,"Slots")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function ue(t){let e,n,$;return{c(){e=g("code"),n=u("too-many-options"),$=u(" slot")},l(t){e=h(t,"CODE",{});var o=x(e);n=y(o,"too-many-options"),o.forEach(w),$=y(t," slot")},m(t,o){v(t,e,o),O(e,n),v(t,$,o)},p:D,d(t){t&&w(e),t&&w($)}}}function de(t){let e;return{c(){e=u("The message to show in the dropdown when the maximum amount of selected options has been reached.")},l(t){e=y(t,"The message to show in the dropdown when the maximum amount of selected options has been reached.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function he(t){let e,n,$;return{c(){e=g("code"),n=u("not-enough-input"),$=u(" slot")},l(t){e=h(t,"CODE",{});var o=x(e);n=y(o,"not-enough-input"),o.forEach(w),$=y(t," slot")},m(t,o){v(t,e,o),O(e,n),v(t,$,o)},p:D,d(t){t&&w(e),t&&w($)}}}function xe(t){let e;return{c(){e=u("The message to show in the dropdown when the minimum amount of characters to type for searching hasn't been reached.")},l(t){e=y(t,"The message to show in the dropdown when the minimum amount of characters to type for searching hasn't been reached.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function ye(t){let e,n,$;return{c(){e=g("code"),n=u("loading-options"),$=u(" slot")},l(t){e=h(t,"CODE",{});var o=x(e);n=y(o,"loading-options"),o.forEach(w),$=y(t," slot")},m(t,o){v(t,e,o),O(e,n),v(t,$,o)},p:D,d(t){t&&w(e),t&&w($)}}}function we(t){let e;return{c(){e=u("The loading state of the dropdown while the next promise with suggestions is resolving.")},l(t){e=y(t,"The loading state of the dropdown while the next promise with suggestions is resolving.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Ee(t){let e,n,$;return{c(){e=g("code"),n=u("more-options"),$=u(" slot")},l(t){e=h(t,"CODE",{});var o=x(e);n=y(o,"more-options"),o.forEach(w),$=y(t," slot")},m(t,o){v(t,e,o),O(e,n),v(t,$,o)},p:D,d(t){t&&w(e),t&&w($)}}}function ve(t){let e,n,$,o;return{c(){e=u("The element to display at the end of a list to trigger the option generator.\nDefaults to a button equipped with an "),n=g("code"),$=u("IntersectionObserver"),o=u(" to trigger the generator whenever it scrolls into view.")},l(t){e=y(t,"The element to display at the end of a list to trigger the option generator.\nDefaults to a button equipped with an "),n=h(t,"CODE",{});var s=x(n);$=y(s,"IntersectionObserver"),s.forEach(w),o=y(t," to trigger the generator whenever it scrolls into view.")},m(t,s){v(t,e,s),v(t,n,s),O(n,$),v(t,o,s)},p:D,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function Oe(t){let e;return{c(){e=u("Prop Name")},l(t){e=y(t,"Prop Name")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function De(t){let e;return{c(){e=u("Type")},l(t){e=y(t,"Type")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function be(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function ke(t){let e,n,$,a,c,m;return e=new q({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),$=new q({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),m=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t)}}}function Ce(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("loadMoreOptions")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"loadMoreOptions"),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function Te(t){let e,n;return{c(){e=g("code"),n=u("Function")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"Function"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function Ae(t){let e;return{c(){e=u("A callback to trigger the option generator.")},l(t){e=y(t,"A callback to trigger the option generator.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Se(t){let e,n,$,a,c,m;return e=new U({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),m=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t)}}}function Re(t){let e,n,$,a,c,m;return n=new P({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),{c(){e=g("thead"),o(n.$$.fragment),$=i(),a=g("tbody"),o(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var o=x(e);s(n.$$.fragment,o),o.forEach(w),$=d(t),a=h(t,"TBODY",{});var r=x(a);s(c.$$.fragment,r),r.forEach(w)},m(t,o){v(t,e,o),r(n,e,null),v(t,$,o),v(t,a,o),r(c,a,null),m=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&w(e),l(n),t&&w($),t&&w(a),l(c)}}}function Ne(t){let e,n,$;return{c(){e=g("code"),n=u("close-message"),$=u(" slot")},l(t){e=h(t,"CODE",{});var o=x(e);n=y(o,"close-message"),o.forEach(w),$=y(t," slot")},m(t,o){v(t,e,o),O(e,n),v(t,$,o)},p:D,d(t){t&&w(e),t&&w($)}}}function je(t){let e;return{c(){e=u('Use this slot to translate the "close the options" message that appears when tabbing into the dropdown of options.')},l(t){e=y(t,'Use this slot to translate the "close the options" message that appears when tabbing into the dropdown of options.')},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Fe(t){let e,n,$;return{c(){e=g("code"),n=u("loading-message"),$=u(" slot")},l(t){e=h(t,"CODE",{});var o=x(e);n=y(o,"loading-message"),o.forEach(w),$=y(t," slot")},m(t,o){v(t,e,o),O(e,n),v(t,$,o)},p:D,d(t){t&&w(e),t&&w($)}}}function Ge(t){let e;return{c(){e=u('Use this slot to translate the "loading" message that appears while the options are loading.')},l(t){e=y(t,'Use this slot to translate the "loading" message that appears while the options are loading.')},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Le(t){let e,n,$;return{c(){e=g("code"),n=u("load-more-options-message"),$=u(" slot")},l(t){e=h(t,"CODE",{});var o=x(e);n=y(o,"load-more-options-message"),o.forEach(w),$=y(t," slot")},m(t,o){v(t,e,o),O(e,n),v(t,$,o)},p:D,d(t){t&&w(e),t&&w($)}}}function Be(t){let e;return{c(){e=u('Use this slot to translate the "load more options" message that appears when you scroll to the bottom of the list of options before the infinite scroll triggers loading itself.')},l(t){e=y(t,'Use this slot to translate the "load more options" message that appears when you scroll to the bottom of the list of options before the infinite scroll triggers loading itself.')},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Me(t){let e;return{c(){e=u("SCSS Variables")},l(t){e=y(t,"SCSS Variables")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Pe(t){let e;return{c(){e=u("Name")},l(t){e=y(t,"Name")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function qe(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Ue(t){let e;return{c(){e=u("Default")},l(t){e=y(t,"Default")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function He(t){let e,n,$,a,c,m;return e=new q({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),$=new q({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),m=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t)}}}function Ie(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("$light-contrast")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"$light-contrast"),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function Ke(t){let e;return{c(){e=u("The color of the scrollbar on WebKit browsers.")},l(t){e=y(t,"The color of the scrollbar on WebKit browsers.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Ye(t){let e,n;return e=new F({props:{value:"#DDDDDD"}}),{c(){o(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p:D,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function Ve(t){let e,n,$,a,c,m;return e=new U({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),m=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t)}}}function We(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=u("$thin-font-weight")},l(t){e=h(t,"STRONG",{});var o=x(e);n=h(o,"CODE",{});var s=x(n);$=y(s,"$thin-font-weight"),s.forEach(w),o.forEach(w)},m(t,o){v(t,e,o),O(e,n),O(n,$)},p:D,d(t){t&&w(e)}}}function ze(t){let e;return{c(){e=u("The thin font weight of the status messages like 'type X characters to search'.")},l(t){e=y(t,"The thin font weight of the status messages like 'type X characters to search'.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function Je(t){let e,n;return{c(){e=g("code"),n=u("300")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"300"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function Qe(t){let e,n,$,a,c,m;return e=new U({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),m=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t)}}}function Xe(t){let e,n,$,o,s,r,a,c,p;return{c(){e=g("strong"),n=g("code"),$=u("$main"),o=i(),s=g("small"),r=u("From "),a=g("a"),c=g("code"),p=u("AutocompleteOption"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=y(l,"$main"),l.forEach(w),f.forEach(w),o=d(t),s=h(t,"SMALL",{});var m=x(s);r=y(m,"From "),a=h(m,"A",{href:!0});var i=x(a);c=h(i,"CODE",{});var g=x(c);p=y(g,"AutocompleteOption"),g.forEach(w),i.forEach(w),m.forEach(w),this.h()},h(){E(a,"href","./docs/components/autocomplete-option")},m(t,f){v(t,e,f),O(e,n),O(n,$),v(t,o,f),v(t,s,f),O(s,r),O(s,a),O(a,c),O(c,p)},p:D,d(t){t&&w(e),t&&w(o),t&&w(s)}}}function Ze(t){let e;return{c(){e=u("The background color on hover and the color of the highlight in the options.")},l(t){e=y(t,"The background color on hover and the color of the highlight in the options.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function _e(t){let e,n;return e=new F({props:{value:"#4300B0"}}),{c(){o(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p:D,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function tn(t){let e,n,$,a,c,m;return e=new U({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[Ze]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),m=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t)}}}function en(t){let e,n,$,o,s,r,a,c,p;return{c(){e=g("strong"),n=g("code"),$=u("$font"),o=i(),s=g("small"),r=u("From "),a=g("a"),c=g("code"),p=u("AutocompleteOption"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=y(l,"$font"),l.forEach(w),f.forEach(w),o=d(t),s=h(t,"SMALL",{});var m=x(s);r=y(m,"From "),a=h(m,"A",{href:!0});var i=x(a);c=h(i,"CODE",{});var g=x(c);p=y(g,"AutocompleteOption"),g.forEach(w),i.forEach(w),m.forEach(w),this.h()},h(){E(a,"href","./docs/components/autocomplete-option")},m(t,f){v(t,e,f),O(e,n),O(n,$),v(t,o,f),v(t,s,f),O(s,r),O(s,a),O(a,c),O(c,p)},p:D,d(t){t&&w(e),t&&w(o),t&&w(s)}}}function nn(t){let e;return{c(){e=u("The font of the autocomplete options.")},l(t){e=y(t,"The font of the autocomplete options.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function $n(t){let e,n;return{c(){e=g("code"),n=u("'Ubuntu'")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"'Ubuntu'"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function on(t){let e,n,$,a,c,m;return e=new U({props:{$$slots:{default:[en]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[nn]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[$n]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),m=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t)}}}function sn(t){let e,n,$,o,s,r,a,c,p;return{c(){e=g("strong"),n=g("code"),$=u("$bold-font-weight"),o=i(),s=g("small"),r=u("From "),a=g("a"),c=g("code"),p=u("AutocompleteOption"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=y(l,"$bold-font-weight"),l.forEach(w),f.forEach(w),o=d(t),s=h(t,"SMALL",{});var m=x(s);r=y(m,"From "),a=h(m,"A",{href:!0});var i=x(a);c=h(i,"CODE",{});var g=x(c);p=y(g,"AutocompleteOption"),g.forEach(w),i.forEach(w),m.forEach(w),this.h()},h(){E(a,"href","./docs/components/autocomplete-option")},m(t,f){v(t,e,f),O(e,n),O(n,$),v(t,o,f),v(t,s,f),O(s,r),O(s,a),O(a,c),O(c,p)},p:D,d(t){t&&w(e),t&&w(o),t&&w(s)}}}function rn(t){let e;return{c(){e=u("The bold font weight to emphasize the highight in the options.")},l(t){e=y(t,"The bold font weight to emphasize the highight in the options.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function an(t){let e,n;return{c(){e=g("code"),n=u("500")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"500"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function cn(t){let e,n,$,a,c,m;return e=new U({props:{$$slots:{default:[sn]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[rn]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[an]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),m=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t)}}}function pn(t){let e,n,$,o,s,r,a,c,p;return{c(){e=g("strong"),n=g("code"),$=u("$font"),o=i(),s=g("small"),r=u("From "),a=g("a"),c=g("code"),p=u("Button"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=y(l,"$font"),l.forEach(w),f.forEach(w),o=d(t),s=h(t,"SMALL",{});var m=x(s);r=y(m,"From "),a=h(m,"A",{href:!0});var i=x(a);c=h(i,"CODE",{});var g=x(c);p=y(g,"Button"),g.forEach(w),i.forEach(w),m.forEach(w),this.h()},h(){E(a,"href","./docs/components/button")},m(t,f){v(t,e,f),O(e,n),O(n,$),v(t,o,f),v(t,s,f),O(s,r),O(s,a),O(a,c),O(c,p)},p:D,d(t){t&&w(e),t&&w(o),t&&w(s)}}}function fn(t){let e;return{c(){e=u("The font of the buttons used for dismissing focus and loading more options.")},l(t){e=y(t,"The font of the buttons used for dismissing focus and loading more options.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function ln(t){let e,n;return{c(){e=g("code"),n=u("'Ubuntu'")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"'Ubuntu'"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function mn(t){let e,n,$,a,c,m;return e=new U({props:{$$slots:{default:[pn]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[fn]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[ln]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),m=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t)}}}function gn(t){let e,n,$,o,s,r,a,c,p;return{c(){e=g("strong"),n=g("code"),$=u("$button-radius"),o=i(),s=g("small"),r=u("From "),a=g("a"),c=g("code"),p=u("Button"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=y(l,"$button-radius"),l.forEach(w),f.forEach(w),o=d(t),s=h(t,"SMALL",{});var m=x(s);r=y(m,"From "),a=h(m,"A",{href:!0});var i=x(a);c=h(i,"CODE",{});var g=x(c);p=y(g,"Button"),g.forEach(w),i.forEach(w),m.forEach(w),this.h()},h(){E(a,"href","./docs/components/button")},m(t,f){v(t,e,f),O(e,n),O(n,$),v(t,o,f),v(t,s,f),O(s,r),O(s,a),O(a,c),O(c,p)},p:D,d(t){t&&w(e),t&&w(o),t&&w(s)}}}function un(t){let e;return{c(){e=u("The curvature radius of buttons used for dismissing focus and loading more options.")},l(t){e=y(t,"The curvature radius of buttons used for dismissing focus and loading more options.")},m(t,n){v(t,e,n)},d(t){t&&w(e)}}}function dn(t){let e,n;return{c(){e=g("code"),n=u("1.5625em")},l(t){e=h(t,"CODE",{});var $=x(e);n=y($,"1.5625em"),$.forEach(w)},m(t,$){v(t,e,$),O(e,n)},p:D,d(t){t&&w(e)}}}function hn(t){let e,n,$,a,c,m;return e=new U({props:{$$slots:{default:[gn]},$$scope:{ctx:t}}}),$=new U({props:{$$slots:{default:[un]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[dn]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),m=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t)}}}function xn(t){let e,n,$,a,c,m,u,y,E,D,b,k,C,T,A,S,R,N;return n=new P({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[Qe]},$$scope:{ctx:t}}}),E=new P({props:{$$slots:{default:[tn]},$$scope:{ctx:t}}}),b=new P({props:{$$slots:{default:[on]},$$scope:{ctx:t}}}),C=new P({props:{$$slots:{default:[cn]},$$scope:{ctx:t}}}),A=new P({props:{$$slots:{default:[mn]},$$scope:{ctx:t}}}),R=new P({props:{$$slots:{default:[hn]},$$scope:{ctx:t}}}),{c(){e=g("thead"),o(n.$$.fragment),$=i(),a=g("tbody"),o(c.$$.fragment),m=i(),o(u.$$.fragment),y=i(),o(E.$$.fragment),D=i(),o(b.$$.fragment),k=i(),o(C.$$.fragment),T=i(),o(A.$$.fragment),S=i(),o(R.$$.fragment)},l(t){e=h(t,"THEAD",{});var o=x(e);s(n.$$.fragment,o),o.forEach(w),$=d(t),a=h(t,"TBODY",{});var r=x(a);s(c.$$.fragment,r),m=d(r),s(u.$$.fragment,r),y=d(r),s(E.$$.fragment,r),D=d(r),s(b.$$.fragment,r),k=d(r),s(C.$$.fragment,r),T=d(r),s(A.$$.fragment,r),S=d(r),s(R.$$.fragment,r),r.forEach(w)},m(t,o){v(t,e,o),r(n,e,null),v(t,$,o),v(t,a,o),r(c,a,null),O(a,m),r(u,a,null),O(a,y),r(E,a,null),O(a,D),r(b,a,null),O(a,k),r(C,a,null),O(a,T),r(A,a,null),O(a,S),r(R,a,null),N=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),u.$set(s);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),E.$set(r);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),b.$set(a);const p={};8&e&&(p.$$scope={dirty:e,ctx:t}),C.$set(p);const f={};8&e&&(f.$$scope={dirty:e,ctx:t}),A.$set(f);const l={};8&e&&(l.$$scope={dirty:e,ctx:t}),R.$set(l)},i(t){N||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(E.$$.fragment,t),p(b.$$.fragment,t),p(C.$$.fragment,t),p(A.$$.fragment,t),p(R.$$.fragment,t),N=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(E.$$.fragment,t),f(b.$$.fragment,t),f(C.$$.fragment,t),f(A.$$.fragment,t),f(R.$$.fragment,t),N=!1},d(t){t&&w(e),l(n),t&&w($),t&&w(a),l(c),l(u),l(E),l(b),l(C),l(A),l(R)}}}function yn(t){let e,n,$,a,c,m,D,b,k,C,T,A,N,F,P,q,U,J,Q,X,Z,_,tt,et,nt,$t,ot,st,rt,at,ct,pt,ft,lt,mt,it,gt,ut,dt,ht,xt,yt,wt,Et,vt,Ot,Dt,bt,kt,Ct,Tt,At,St,Rt,Nt,jt,Ft,Gt,Lt,Bt,Mt,Pt,qt,Ut,Ht,Wt,zt;return e=new S({props:{$$slots:{default:[H]},$$scope:{ctx:t}}}),$=new R({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),c=new R({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),D=new G({props:{components:On}}),k=new j({props:{$$slots:{source:[V],showcase:[Y]},$$scope:{ctx:t}}}),T=new L({props:{id:"properties",$$slots:{default:[W]},$$scope:{ctx:t}}}),N=new B({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),P=new M({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),X=new B({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),_=new R({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),et=new R({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),$t=new M({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),st=new L({props:{id:"events",$$slots:{default:[oe]},$$scope:{ctx:t}}}),at=new M({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),pt=new L({props:{id:"slots",$$slots:{default:[ge]},$$scope:{ctx:t}}}),lt=new B({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),it=new R({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),ut=new B({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),ht=new R({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),yt=new B({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),Et=new R({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),Ot=new B({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),bt=new R({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),Ct=new M({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),At=new B({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),Rt=new R({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),jt=new B({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),Gt=new R({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),Bt=new B({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),Pt=new R({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),Ut=new L({props:{id:"scss-variables",$$slots:{default:[Me]},$$scope:{ctx:t}}}),Wt=new M({props:{$$slots:{default:[xn]},$$scope:{ctx:t}}}),{c(){o(e.$$.fragment),n=i(),o($.$$.fragment),a=i(),o(c.$$.fragment),m=i(),o(D.$$.fragment),b=i(),o(k.$$.fragment),C=i(),o(T.$$.fragment),A=i(),o(N.$$.fragment),F=i(),o(P.$$.fragment),q=i(),U=g("div"),J=u("* Required"),Q=i(),o(X.$$.fragment),Z=i(),o(_.$$.fragment),tt=i(),o(et.$$.fragment),nt=i(),o($t.$$.fragment),ot=i(),o(st.$$.fragment),rt=i(),o(at.$$.fragment),ct=i(),o(pt.$$.fragment),ft=i(),o(lt.$$.fragment),mt=i(),o(it.$$.fragment),gt=i(),o(ut.$$.fragment),dt=i(),o(ht.$$.fragment),xt=i(),o(yt.$$.fragment),wt=i(),o(Et.$$.fragment),vt=i(),o(Ot.$$.fragment),Dt=i(),o(bt.$$.fragment),kt=i(),o(Ct.$$.fragment),Tt=i(),o(At.$$.fragment),St=i(),o(Rt.$$.fragment),Nt=i(),o(jt.$$.fragment),Ft=i(),o(Gt.$$.fragment),Lt=i(),o(Bt.$$.fragment),Mt=i(),o(Pt.$$.fragment),qt=i(),o(Ut.$$.fragment),Ht=i(),o(Wt.$$.fragment),this.h()},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(D.$$.fragment,t),b=d(t),s(k.$$.fragment,t),C=d(t),s(T.$$.fragment,t),A=d(t),s(N.$$.fragment,t),F=d(t),s(P.$$.fragment,t),q=d(t),U=h(t,"DIV",{class:!0});var o=x(U);J=y(o,"* Required"),o.forEach(w),Q=d(t),s(X.$$.fragment,t),Z=d(t),s(_.$$.fragment,t),tt=d(t),s(et.$$.fragment,t),nt=d(t),s($t.$$.fragment,t),ot=d(t),s(st.$$.fragment,t),rt=d(t),s(at.$$.fragment,t),ct=d(t),s(pt.$$.fragment,t),ft=d(t),s(lt.$$.fragment,t),mt=d(t),s(it.$$.fragment,t),gt=d(t),s(ut.$$.fragment,t),dt=d(t),s(ht.$$.fragment,t),xt=d(t),s(yt.$$.fragment,t),wt=d(t),s(Et.$$.fragment,t),vt=d(t),s(Ot.$$.fragment,t),Dt=d(t),s(bt.$$.fragment,t),kt=d(t),s(Ct.$$.fragment,t),Tt=d(t),s(At.$$.fragment,t),St=d(t),s(Rt.$$.fragment,t),Nt=d(t),s(jt.$$.fragment,t),Ft=d(t),s(Gt.$$.fragment,t),Lt=d(t),s(Bt.$$.fragment,t),Mt=d(t),s(Pt.$$.fragment,t),qt=d(t),s(Ut.$$.fragment,t),Ht=d(t),s(Wt.$$.fragment,t),this.h()},h(){E(U,"class","required")},m(t,o){r(e,t,o),v(t,n,o),r($,t,o),v(t,a,o),r(c,t,o),v(t,m,o),r(D,t,o),v(t,b,o),r(k,t,o),v(t,C,o),r(T,t,o),v(t,A,o),r(N,t,o),v(t,F,o),r(P,t,o),v(t,q,o),v(t,U,o),O(U,J),v(t,Q,o),r(X,t,o),v(t,Z,o),r(_,t,o),v(t,tt,o),r(et,t,o),v(t,nt,o),r($t,t,o),v(t,ot,o),r(st,t,o),v(t,rt,o),r(at,t,o),v(t,ct,o),r(pt,t,o),v(t,ft,o),r(lt,t,o),v(t,mt,o),r(it,t,o),v(t,gt,o),r(ut,t,o),v(t,dt,o),r(ht,t,o),v(t,xt,o),r(yt,t,o),v(t,wt,o),r(Et,t,o),v(t,vt,o),r(Ot,t,o),v(t,Dt,o),r(bt,t,o),v(t,kt,o),r(Ct,t,o),v(t,Tt,o),r(At,t,o),v(t,St,o),r(Rt,t,o),v(t,Nt,o),r(jt,t,o),v(t,Ft,o),r(Gt,t,o),v(t,Lt,o),r(Bt,t,o),v(t,Mt,o),r(Pt,t,o),v(t,qt,o),r(Ut,t,o),v(t,Ht,o),r(Wt,t,o),zt=!0},p(t,n){const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};9&n&&(a.$$scope={dirty:n,ctx:t}),k.$set(a);const p={};8&n&&(p.$$scope={dirty:n,ctx:t}),T.$set(p);const f={};8&n&&(f.$$scope={dirty:n,ctx:t}),N.$set(f);const l={};8&n&&(l.$$scope={dirty:n,ctx:t}),P.$set(l);const m={};8&n&&(m.$$scope={dirty:n,ctx:t}),X.$set(m);const i={};8&n&&(i.$$scope={dirty:n,ctx:t}),_.$set(i);const g={};8&n&&(g.$$scope={dirty:n,ctx:t}),et.$set(g);const u={};8&n&&(u.$$scope={dirty:n,ctx:t}),$t.$set(u);const d={};8&n&&(d.$$scope={dirty:n,ctx:t}),st.$set(d);const h={};8&n&&(h.$$scope={dirty:n,ctx:t}),at.$set(h);const x={};8&n&&(x.$$scope={dirty:n,ctx:t}),pt.$set(x);const y={};8&n&&(y.$$scope={dirty:n,ctx:t}),lt.$set(y);const w={};8&n&&(w.$$scope={dirty:n,ctx:t}),it.$set(w);const E={};8&n&&(E.$$scope={dirty:n,ctx:t}),ut.$set(E);const v={};8&n&&(v.$$scope={dirty:n,ctx:t}),ht.$set(v);const O={};8&n&&(O.$$scope={dirty:n,ctx:t}),yt.$set(O);const D={};8&n&&(D.$$scope={dirty:n,ctx:t}),Et.$set(D);const b={};8&n&&(b.$$scope={dirty:n,ctx:t}),Ot.$set(b);const C={};8&n&&(C.$$scope={dirty:n,ctx:t}),bt.$set(C);const A={};8&n&&(A.$$scope={dirty:n,ctx:t}),Ct.$set(A);const S={};8&n&&(S.$$scope={dirty:n,ctx:t}),At.$set(S);const R={};8&n&&(R.$$scope={dirty:n,ctx:t}),Rt.$set(R);const j={};8&n&&(j.$$scope={dirty:n,ctx:t}),jt.$set(j);const F={};8&n&&(F.$$scope={dirty:n,ctx:t}),Gt.$set(F);const G={};8&n&&(G.$$scope={dirty:n,ctx:t}),Bt.$set(G);const L={};8&n&&(L.$$scope={dirty:n,ctx:t}),Pt.$set(L);const B={};8&n&&(B.$$scope={dirty:n,ctx:t}),Ut.$set(B);const M={};8&n&&(M.$$scope={dirty:n,ctx:t}),Wt.$set(M)},i(t){zt||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(D.$$.fragment,t),p(k.$$.fragment,t),p(T.$$.fragment,t),p(N.$$.fragment,t),p(P.$$.fragment,t),p(X.$$.fragment,t),p(_.$$.fragment,t),p(et.$$.fragment,t),p($t.$$.fragment,t),p(st.$$.fragment,t),p(at.$$.fragment,t),p(pt.$$.fragment,t),p(lt.$$.fragment,t),p(it.$$.fragment,t),p(ut.$$.fragment,t),p(ht.$$.fragment,t),p(yt.$$.fragment,t),p(Et.$$.fragment,t),p(Ot.$$.fragment,t),p(bt.$$.fragment,t),p(Ct.$$.fragment,t),p(At.$$.fragment,t),p(Rt.$$.fragment,t),p(jt.$$.fragment,t),p(Gt.$$.fragment,t),p(Bt.$$.fragment,t),p(Pt.$$.fragment,t),p(Ut.$$.fragment,t),p(Wt.$$.fragment,t),zt=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(D.$$.fragment,t),f(k.$$.fragment,t),f(T.$$.fragment,t),f(N.$$.fragment,t),f(P.$$.fragment,t),f(X.$$.fragment,t),f(_.$$.fragment,t),f(et.$$.fragment,t),f($t.$$.fragment,t),f(st.$$.fragment,t),f(at.$$.fragment,t),f(pt.$$.fragment,t),f(lt.$$.fragment,t),f(it.$$.fragment,t),f(ut.$$.fragment,t),f(ht.$$.fragment,t),f(yt.$$.fragment,t),f(Et.$$.fragment,t),f(Ot.$$.fragment,t),f(bt.$$.fragment,t),f(Ct.$$.fragment,t),f(At.$$.fragment,t),f(Rt.$$.fragment,t),f(jt.$$.fragment,t),f(Gt.$$.fragment,t),f(Bt.$$.fragment,t),f(Pt.$$.fragment,t),f(Ut.$$.fragment,t),f(Wt.$$.fragment,t),zt=!1},d(t){l(e,t),t&&w(n),l($,t),t&&w(a),l(c,t),t&&w(m),l(D,t),t&&w(b),l(k,t),t&&w(C),l(T,t),t&&w(A),l(N,t),t&&w(F),l(P,t),t&&w(q),t&&w(U),t&&w(Q),l(X,t),t&&w(Z),l(_,t),t&&w(tt),l(et,t),t&&w(nt),l($t,t),t&&w(ot),l(st,t),t&&w(rt),l(at,t),t&&w(ct),l(pt,t),t&&w(ft),l(lt,t),t&&w(mt),l(it,t),t&&w(gt),l(ut,t),t&&w(dt),l(ht,t),t&&w(xt),l(yt,t),t&&w(wt),l(Et,t),t&&w(vt),l(Ot,t),t&&w(Dt),l(bt,t),t&&w(kt),l(Ct,t),t&&w(Tt),l(At,t),t&&w(St),l(Rt,t),t&&w(Nt),l(jt,t),t&&w(Ft),l(Gt,t),t&&w(Lt),l(Bt,t),t&&w(Mt),l(Pt,t),t&&w(qt),l(Ut,t),t&&w(Ht),l(Wt,t)}}}function wn(t){let e,n;const m=[t[1],En];let i={$$slots:{default:[yn]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=$(i,m[t]);return e=new A({props:i}),{c(){o(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p(t,[n]){const $=2&n?a(m,[2&n&&c(t[1]),0&n&&c(En)]):{};9&n&&($.$$scope={dirty:n,ctx:t}),e.$set($)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}const En={name:"AutocompleteField",relatedComponents:[{name:"Autocomplete",link:"./docs/components/autocomplete"},{name:"AutocompleteOption",link:"./docs/components/autocomplete-option"}]},{name:vn,relatedComponents:On}=En;async function*Dn(t){var e;await(e=1e3,new Promise((t=>setTimeout(t,e)))),yield[{name:t,details:"Optional"},{name:`it highlights the match: ${t}`}]}function bn(t,e,n){let o=[];return t.$$set=t=>{n(1,e=$($({},e),m(t)))},e=m(e),[o,e,function(t){o=t,n(0,o)}]}class kn extends t{constructor(t){super(),e(this,t,bn,wn,n,{})}}export{kn as default,En as metadata};
diff --git a/376/client/legacy/autocomplete-field.fbaeb0a4.js b/376/client/legacy/autocomplete-field.fbaeb0a4.js
new file mode 100644
index 000000000..fd43fe3dc
--- /dev/null
+++ b/376/client/legacy/autocomplete-field.fbaeb0a4.js
@@ -0,0 +1 @@
+import{S as t,i as n,s as e,a as o,c as l,b as s,d as c,e as r,f as a,g as i,n as u,j as p,l as h,m as f,t as m,p as d,q as $,I as g,J as v,K as k,L as b,h as y,u as x,k as w,w as O,N as E,O as L,ag as C,o as j,U as I,W as N,Y as Q,H as S,y as D,z as M,M as P,Q as T,R as q,T as A,Z as B,_ as U,C as V,D as R,v as z,x as H,A as J,P as K,r as W}from"./client.583c6e60.js";import{D as Y,a as Z}from"./dropdown.9218bde6.js";import{B as _}from"./button.863c0adf.js";import{L as F}from"./loading.9871237d.js";import{A as G}from"./autocomplete-option.dbbd7e52.js";import{p as X}from"./plural-s.31bb9da9.js";import{c as tt}from"./classes.a7d1a9eb.js";function nt(t){let n,e,p,h;return{c(){n=o("svg"),e=o("circle"),p=o("circle"),h=o("circle"),this.h()},l(t){n=l(t,"svg",{xmlns:!0,width:!0,height:!0,viewBox:!0,fill:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0});var o=s(n);e=l(o,"circle",{cx:!0,cy:!0,r:!0}),s(e).forEach(c),p=l(o,"circle",{cx:!0,cy:!0,r:!0}),s(p).forEach(c),h=l(o,"circle",{cx:!0,cy:!0,r:!0}),s(h).forEach(c),o.forEach(c),this.h()},h(){r(e,"cx","12"),r(e,"cy","12"),r(e,"r","1"),r(p,"cx","19"),r(p,"cy","12"),r(p,"r","1"),r(h,"cx","5"),r(h,"cy","12"),r(h,"r","1"),r(n,"xmlns","http://www.w3.org/2000/svg"),r(n,"width","24"),r(n,"height","24"),r(n,"viewBox","0 0 24 24"),r(n,"fill","none"),r(n,"stroke","currentColor"),r(n,"stroke-width","2"),r(n,"stroke-linecap","round"),r(n,"stroke-linejoin","round")},m(t,o){a(t,n,o),i(n,e),i(n,p),i(n,h)},p:u,i:u,o:u,d(t){t&&c(n)}}}var et=class extends t{constructor(t){super(),n(this,t,null,nt,e,{})}};function ot(t,n){let{callback:e,args:o=[]}=n,l=null;return"undefined"!=typeof IntersectionObserver&&(l=new IntersectionObserver((function(t,n){t.forEach((t=>{t.isIntersecting&&e(...o)}))}),{root:null,threshold:.5}),l.observe(t)),{destroy(){null!=l&&l.disconnect()}}}const lt=t=>({}),st=t=>({}),ct=t=>({}),rt=t=>({loadMoreOptions:t[13]});function at(t,n,e){const o=t.slice();return o[28]=n[e],o}function it(t,n,e){const o=t.slice();return o[32]=n[e],o}const ut=t=>({}),pt=t=>({}),ht=t=>({}),ft=t=>({}),mt=t=>({}),dt=t=>({}),$t=t=>({}),gt=t=>({}),vt=t=>({}),kt=t=>({});function bt(t){let n;const e=t[18]["close-message"],o=P(e,t,t[24],kt),l=o||function(t){let n;return{c(){n=z("close the options")},l(t){n=H(t,"close the options")},m(t,e){a(t,n,e)},d(t){t&&c(n)}}}();return{c(){l&&l.c()},l(t){l&&l.l(t)},m(t,e){l&&l.m(t,e),n=!0},p(t,l){o&&o.p&&(!n||16777216&l[0])&&T(o,e,t,t[24],n?A(e,t[24],l,vt):q(t[24]),kt)},i(t){n||(m(l,t),n=!0)},o(t){d(l,t),n=!1},d(t){l&&l.d(t)}}}function yt(t){let n,e,o,l=[],u=new Map,p=t[9];const h=t=>t[28];for(let n=0;n<p.length;n+=1){let e=at(t,p,n),o=h(e);u.set(o,l[n]=jt(o,e))}let f=t[8]&&null!=t[10]&&It(t);return{c(){n=y("ul");for(let t=0;t<l.length;t+=1)l[t].c();e=x(),f&&f.c(),this.h()},l(t){n=w(t,"UL",{class:!0});var o=s(n);for(let t=0;t<l.length;t+=1)l[t].l(o);e=O(o),f&&f.l(o),o.forEach(c),this.h()},h(){r(n,"class","options-list svelte-1lud1my")},m(t,s){a(t,n,s);for(let t=0;t<l.length;t+=1)l[t]&&l[t].m(n,null);i(n,e),f&&f.m(n,null),o=!0},p(t,o){16798273&o[0]&&(p=t[9],D(),l=B(l,o,h,1,t,p,u,n,U,jt,e,at),M()),t[8]&&null!=t[10]?f?(f.p(t,o),1280&o[0]&&m(f,1)):(f=It(t),f.c(),m(f,1),f.m(n,null)):f&&(D(),d(f,1,1,(()=>{f=null})),M())},i(t){if(!o){for(let t=0;t<p.length;t+=1)m(l[t]);m(f),o=!0}},o(t){for(let t=0;t<l.length;t+=1)d(l[t]);d(f),o=!1},d(t){t&&c(n);for(let t=0;t<l.length;t+=1)l[t].d();f&&f.d()}}}function xt(t){let n;const e=t[18]["not-enough-input"],o=P(e,t,t[24],dt),l=o||function(t){let n,e,o,l,u,p,h=X(t[4])+"";return{c(){n=y("div"),e=z("Type\n          "),o=z(t[4]),l=z("\n          character"),u=z(h),p=z("\n          to search"),this.h()},l(r){n=w(r,"DIV",{class:!0});var a=s(n);e=H(a,"Type\n          "),o=H(a,t[4]),l=H(a,"\n          character"),u=H(a,h),p=H(a,"\n          to search"),a.forEach(c),this.h()},h(){r(n,"class","notice svelte-1lud1my")},m(t,s){a(t,n,s),i(n,e),i(n,o),i(n,l),i(n,u),i(n,p)},p(t,n){16&n[0]&&J(o,t[4]),16&n[0]&&h!==(h=X(t[4])+"")&&J(u,h)},d(t){t&&c(n)}}}(t);return{c(){l&&l.c()},l(t){l&&l.l(t)},m(t,e){l&&l.m(t,e),n=!0},p(t,s){o?o.p&&(!n||16777216&s[0])&&T(o,e,t,t[24],n?A(e,t[24],s,mt):q(t[24]),dt):l&&l.p&&(!n||16&s[0])&&l.p(t,n?s:[-1,-1])},i(t){n||(m(l,t),n=!0)},o(t){d(l,t),n=!1},d(t){l&&l.d(t)}}}function wt(t){let n;const e=t[18]["too-many-options"],o=P(e,t,t[24],gt),l=o||function(t){let n,e,o,l,u,p=X(t[5])+"";return{c(){n=y("div"),e=z("Cannot select more than\n          "),o=z(t[5]),l=z("\n          option"),u=z(p),this.h()},l(r){n=w(r,"DIV",{class:!0});var a=s(n);e=H(a,"Cannot select more than\n          "),o=H(a,t[5]),l=H(a,"\n          option"),u=H(a,p),a.forEach(c),this.h()},h(){r(n,"class","notice svelte-1lud1my")},m(t,s){a(t,n,s),i(n,e),i(n,o),i(n,l),i(n,u)},p(t,n){32&n[0]&&J(o,t[5]),32&n[0]&&p!==(p=X(t[5])+"")&&J(u,p)},d(t){t&&c(n)}}}(t);return{c(){l&&l.c()},l(t){l&&l.l(t)},m(t,e){l&&l.m(t,e),n=!0},p(t,s){o?o.p&&(!n||16777216&s[0])&&T(o,e,t,t[24],n?A(e,t[24],s,$t):q(t[24]),gt):l&&l.p&&(!n||32&s[0])&&l.p(t,n?s:[-1,-1])},i(t){n||(m(l,t),n=!0)},o(t){d(l,t),n=!1},d(t){l&&l.d(t)}}}function Ot(t){return{c:u,l:u,m:u,p:u,i:u,o:u,d:u}}function Et(t){let n,e,o=[],l=new Map,s=t[12](t[31]);const r=t=>t[32];for(let n=0;n<s.length;n+=1){let e=it(t,s,n),c=r(e);l.set(c,o[n]=Lt(c,e))}return{c(){for(let t=0;t<o.length;t+=1)o[t].c();n=S()},l(t){for(let n=0;n<o.length;n+=1)o[n].l(t);n=S()},m(t,l){for(let n=0;n<o.length;n+=1)o[n]&&o[n].m(t,l);a(t,n,l),e=!0},p(t,e){21057&e[0]&&(s=t[12](t[31]),D(),o=B(o,e,r,1,t,s,l,n.parentNode,U,Lt,n,it),M())},i(t){if(!e){for(let t=0;t<s.length;t+=1)m(o[t]);e=!0}},o(t){for(let t=0;t<o.length;t+=1)d(o[t]);e=!1},d(t){for(let n=0;n<o.length;n+=1)o[n].d(t);t&&c(n)}}}function Lt(t,n){let e,o,l,s;function r(){return n[22](n[32])}var i=n[6];function u(t){return{props:{option:t[32],query:t[0]}}}return i&&(o=W(i,u(n)),o.$on("click",r)),{key:t,first:null,c(){e=S(),o&&p(o.$$.fragment),l=S(),this.h()},l(t){e=S(),o&&h(o.$$.fragment,t),l=S(),this.h()},h(){this.first=e},m(t,n){a(t,e,n),o&&f(o,t,n),a(t,l,n),s=!0},p(t,e){n=t;const s={};if(512&e[0]&&(s.option=n[32]),1&e[0]&&(s.query=n[0]),64&e[0]&&i!==(i=n[6])){if(o){D();const t=o;d(t.$$.fragment,1,0,(()=>{$(t,1)})),M()}i?(o=W(i,u(n)),o.$on("click",r),p(o.$$.fragment),m(o.$$.fragment,1),f(o,l.parentNode,l)):o=null}else i&&o.$set(s)},i(t){s||(o&&m(o.$$.fragment,t),s=!0)},o(t){o&&d(o.$$.fragment,t),s=!1},d(t){t&&c(e),t&&c(l),o&&$(o,t)}}}function Ct(t){let n;const e=t[18]["loading-options"],o=P(e,t,t[24],ft),l=o||function(t){let n,e,o,l;e=new F({});const u=t[18]["loading-message"],g=P(u,t,t[24],pt),v=g||function(t){let n;return{c(){n=z("Loading...")},l(t){n=H(t,"Loading...")},m(t,e){a(t,n,e)},d(t){t&&c(n)}}}();return{c(){n=y("li"),p(e.$$.fragment),o=x(),v&&v.c(),this.h()},l(t){n=w(t,"LI",{class:!0});var l=s(n);h(e.$$.fragment,l),o=O(l),v&&v.l(l),l.forEach(c),this.h()},h(){r(n,"class","loading-options svelte-1lud1my")},m(t,s){a(t,n,s),f(e,n,null),i(n,o),v&&v.m(n,null),l=!0},p(t,n){g&&g.p&&(!l||16777216&n[0])&&T(g,u,t,t[24],l?A(u,t[24],n,ut):q(t[24]),pt)},i(t){l||(m(e.$$.fragment,t),m(v,t),l=!0)},o(t){d(e.$$.fragment,t),d(v,t),l=!1},d(t){t&&c(n),$(e),v&&v.d(t)}}}(t);return{c(){l&&l.c()},l(t){l&&l.l(t)},m(t,e){l&&l.m(t,e),n=!0},p(t,s){o?o.p&&(!n||16777216&s[0])&&T(o,e,t,t[24],n?A(e,t[24],s,ht):q(t[24]),ft):l&&l.p&&(!n||16777216&s[0])&&l.p(t,n?s:[-1,-1])},i(t){n||(m(l,t),n=!0)},o(t){d(l,t),n=!1},d(t){l&&l.d(t)}}}function jt(t,n){let e,o,l,s,r={ctx:n,current:null,token:null,hasCatch:!1,pending:Ct,then:Et,catch:Ot,value:31,blocks:[,,,]};return V(l=n[28],r),{key:t,first:null,c(){e=S(),o=S(),r.block.c(),this.h()},l(t){e=S(),o=S(),r.block.l(t),this.h()},h(){this.first=e},m(t,n){a(t,e,n),a(t,o,n),r.block.m(t,r.anchor=n),r.mount=()=>o.parentNode,r.anchor=o,s=!0},p(t,e){n=t,r.ctx=n,512&e[0]&&l!==(l=n[28])&&V(l,r)||R(r,n,e)},i(t){s||(m(r.block),s=!0)},o(t){for(let t=0;t<3;t+=1){const n=r.blocks[t];d(n)}s=!1},d(t){t&&c(e),t&&c(o),r.block.d(t),r.token=null,r=null}}}function It(t){let n,e,o,l={ctx:t,current:null,token:null,hasCatch:!1,pending:Dt,then:Qt,catch:Nt,value:27,blocks:[,,,]};return V(e=Promise.all(t[9]),l),{c(){n=S(),l.block.c()},l(t){n=S(),l.block.l(t)},m(t,e){a(t,n,e),l.block.m(t,l.anchor=e),l.mount=()=>n.parentNode,l.anchor=n,o=!0},p(n,o){t=n,l.ctx=t,512&o[0]&&e!==(e=Promise.all(t[9]))&&V(e,l)||R(l,t,o)},i(t){o||(m(l.block),o=!0)},o(t){for(let t=0;t<3;t+=1){const n=l.blocks[t];d(n)}o=!1},d(t){t&&c(n),l.block.d(t),l.token=null,l=null}}}function Nt(t){return{c:u,l:u,m:u,p:u,i:u,o:u,d:u}}function Qt(t){let n;const e=t[18]["more-options"],o=P(e,t,t[24],rt),l=o||function(t){let n,e,o,l,i;return e=new _({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),e.$on("click",t[13]),{c(){n=y("li"),p(e.$$.fragment),this.h()},l(t){n=w(t,"LI",{class:!0});var o=s(n);h(e.$$.fragment,o),o.forEach(c),this.h()},h(){r(n,"class","more-options svelte-1lud1my")},m(s,c){a(s,n,c),f(e,n,null),o=!0,l||(i=K(ot.call(null,n,{callback:t[13]})),l=!0)},p(t,n){const o={};16777216&n[0]&&(o.$$scope={dirty:n,ctx:t}),e.$set(o)},i(t){o||(m(e.$$.fragment,t),o=!0)},o(t){d(e.$$.fragment,t),o=!1},d(t){t&&c(n),$(e),l=!1,i()}}}(t);return{c(){l&&l.c()},l(t){l&&l.l(t)},m(t,e){l&&l.m(t,e),n=!0},p(t,s){o?o.p&&(!n||16777216&s[0])&&T(o,e,t,t[24],n?A(e,t[24],s,ct):q(t[24]),rt):l&&l.p&&(!n||16777216&s[0])&&l.p(t,n?s:[-1,-1])},i(t){n||(m(l,t),n=!0)},o(t){d(l,t),n=!1},d(t){l&&l.d(t)}}}function St(t){let n,e,o;n=new et({});const l=t[18]["load-more-options-message"],s=P(l,t,t[24],st),r=s||function(t){let n;return{c(){n=z("load more options")},l(t){n=H(t,"load more options")},m(t,e){a(t,n,e)},d(t){t&&c(n)}}}();return{c(){p(n.$$.fragment),e=x(),r&&r.c()},l(t){h(n.$$.fragment,t),e=O(t),r&&r.l(t)},m(t,l){f(n,t,l),a(t,e,l),r&&r.m(t,l),o=!0},p(t,n){s&&s.p&&(!o||16777216&n[0])&&T(s,l,t,t[24],o?A(l,t[24],n,lt):q(t[24]),st)},i(t){o||(m(n.$$.fragment,t),m(r,t),o=!0)},o(t){d(n.$$.fragment,t),d(r,t),o=!1},d(t){$(n,t),t&&c(e),r&&r.d(t)}}}function Dt(t){return{c:u,l:u,m:u,p:u,i:u,o:u,d:u}}function Mt(t){let n,e,o,l,i,u,g;e=new _({props:{noRipple:!0,$$slots:{default:[bt]},$$scope:{ctx:t}}}),e.$on("click",t[21]);const v=[wt,xt,yt],k=[];function b(t,n){return t[1].length>=t[5]?0:t[4]>0&&(null==t[0]||t[0].length<t[4])?1:2}return l=b(t),i=k[l]=v[l](t),{c(){n=y("div"),p(e.$$.fragment),o=x(),i.c(),u=S(),this.h()},l(t){n=w(t,"DIV",{class:!0});var l=s(n);h(e.$$.fragment,l),l.forEach(c),o=O(t),i.l(t),u=S(),this.h()},h(){r(n,"class","shown-on-focus svelte-1lud1my")},m(t,s){a(t,n,s),f(e,n,null),a(t,o,s),k[l].m(t,s),a(t,u,s),g=!0},p(t,n){const o={};16777216&n[0]&&(o.$$scope={dirty:n,ctx:t}),e.$set(o);let s=l;l=b(t),l===s?k[l].p(t,n):(D(),d(k[s],1,1,(()=>{k[s]=null})),M(),i=k[l],i?i.p(t,n):(i=k[l]=v[l](t),i.c()),m(i,1),i.m(u.parentNode,u))},i(t){g||(m(e.$$.fragment,t),m(i),g=!0)},o(t){d(e.$$.fragment,t),d(i),g=!1},d(t){t&&c(n),$(e),t&&c(o),k[l].d(t),t&&c(u)}}}function Pt(t){let n,e,o,l,s,r,i=[{disabled:t[7]},t[16]],u={};for(let t=0;t<i.length;t+=1)u=k(u,i[t]);return o=new Z({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),{c(){n=y("input"),e=x(),p(o.$$.fragment),this.h()},l(t){n=w(t,"INPUT",{}),e=O(t),h(o.$$.fragment,t),this.h()},h(){E(n,u),L(n,"svelte-1lud1my",!0)},m(c,i){a(c,n,i),n.autofocus&&n.focus(),t[19](n),C(n,t[0]),a(c,e,i),f(o,c,i),l=!0,s||(r=[j(n,"input",t[20]),j(n,"focus",t[15])],s=!0)},p(t,e){E(n,u=I(i,[(!l||128&e[0])&&{disabled:t[7]},65536&e[0]&&t[16]])),1&e[0]&&n.value!==t[0]&&C(n,t[0]),L(n,"svelte-1lud1my",!0);const s={};16779127&e[0]&&(s.$$scope={dirty:e,ctx:t}),o.$set(s)},i(t){l||(m(o.$$.fragment,t),l=!0)},o(t){d(o.$$.fragment,t),l=!1},d(l){l&&c(n),t[19](null),l&&c(e),$(o,l),s=!1,N(r)}}}function Tt(t){let n,e;return n=new Y({props:{class:tt("autocomplete-field",t[3]),open:t[2],$$slots:{default:[Pt]},$$scope:{ctx:t}}}),n.$on("change",t[23]),{c(){p(n.$$.fragment)},l(t){h(n.$$.fragment,t)},m(t,o){f(n,t,o),e=!0},p(t,e){const o={};8&e[0]&&(o.class=tt("autocomplete-field",t[3])),4&e[0]&&(o.open=t[2]),16846839&e[0]&&(o.$$scope={dirty:e,ctx:t}),n.$set(o)},i(t){e||(m(n.$$.fragment,t),e=!0)},o(t){d(n.$$.fragment,t),e=!1},d(t){$(n,t)}}}function qt(t,n,e){const o=["class","getOptions","selection","minSearchLength","maxOptions","searchQuery","optionComponent","disabled","focus"];let l=g(n,o),{$$slots:s={},$$scope:c}=n,{class:r=null}=n,{getOptions:a}=n,{selection:i=[]}=n,{minSearchLength:u=3}=n,{maxOptions:p=1/0}=n,{searchQuery:h=""}=n,{optionComponent:f=G}=n,{disabled:m=!1}=n,{focus:d=!1}=n,$=!1,y=[],x=null,w=null;function O(t){i.push(t),e(1,i),e(0,h=""),E("change",{value:i}),i.length<p?w.focus():e(2,d=!1)}const E=v();return t.$$set=t=>{n=k(k({},n),b(t)),e(16,l=g(n,o)),"class"in t&&e(3,r=t.class),"getOptions"in t&&e(17,a=t.getOptions),"selection"in t&&e(1,i=t.selection),"minSearchLength"in t&&e(4,u=t.minSearchLength),"maxOptions"in t&&e(5,p=t.maxOptions),"searchQuery"in t&&e(0,h=t.searchQuery),"optionComponent"in t&&e(6,f=t.optionComponent),"disabled"in t&&e(7,m=t.disabled),"focus"in t&&e(2,d=t.focus),"$$scope"in t&&e(24,c=t.$$scope)},t.$$.update=()=>{var n;1&t.$$.dirty[0]&&((n=h).length>=u?e(10,x=a(n)):e(10,x=null),e(9,y=[]),null!=x&&y.push(x.next()))},[h,i,d,r,u,p,f,m,$,y,x,w,function(t){return e(8,$=!t.done),null==t.value?[]:t.value.filter((t=>null==i.find((n=>n===t))))},function(t){y.push(x.next()),e(9,y),null!=t&&t.detail.nativeEvent.stopPropagation()},O,function(){e(9,y),e(2,d=!0)},l,a,s,function(t){Q[t?"unshift":"push"]((()=>{w=t,e(11,w)}))},function(){h=this.value,e(0,h)},()=>e(2,d=!1),t=>O(t),t=>{let{detail:n}=t;return e(2,d=n.value)},c]}var At=class extends t{constructor(t){super(),n(this,t,qt,Tt,e,{class:3,getOptions:17,selection:1,minSearchLength:4,maxOptions:5,searchQuery:0,optionComponent:6,disabled:7,focus:2},null,[-1,-1])}};export{At as A,et as M,ot as c};
diff --git a/376/client/legacy/autocomplete-option-c8b73499.css b/376/client/legacy/autocomplete-option-c8b73499.css
new file mode 100644
index 000000000..0184688b9
--- /dev/null
+++ b/376/client/legacy/autocomplete-option-c8b73499.css
@@ -0,0 +1 @@
+li.svelte-sb12q7.svelte-sb12q7{list-style:none}button.svelte-sb12q7.svelte-sb12q7{background:none;border:0;cursor:pointer;font-family:"Ubuntu", sans-serif;font-size:1em;outline:none;padding:0.7em 1.2em;text-align:left;width:100%}button.svelte-sb12q7 .subtext.svelte-sb12q7{font-size:0.95em;font-weight:300;margin-top:0.2em}button.svelte-sb12q7.svelte-sb12q7:hover{background:rgba(67, 0, 176, 0.05)}button.svelte-sb12q7.svelte-sb12q7:focus{background:rgba(67, 0, 176, 0.075)}button.svelte-sb12q7 mark.svelte-sb12q7{background:none;color:#4300b0;font-weight:500}
diff --git a/376/client/legacy/autocomplete-option.c73191d2.js b/376/client/legacy/autocomplete-option.c73191d2.js
new file mode 100644
index 000000000..a23065404
--- /dev/null
+++ b/376/client/legacy/autocomplete-option.c73191d2.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as s,j as $,l as a,m as o,U as r,a0 as c,t as p,p as l,q as f,L as m,u as i,h as g,v as u,w as d,k as h,b as x,x as y,d as k,e as w,f as E,g as v,n as D,y as b,z as O,a9 as T}from"./client.583c6e60.js";import{L as A,H as j,P as C}from"./layout.47c81311.js";import{A as N}from"./autocomplete-option.dbbd7e52.js";import{S}from"./showcase.759e7149.js";import{C as R}from"./color-preview.9db6af61.js";import{R as q}from"./related-components.9fddec4f.js";import{H as F}from"./h2.0da05151.js";import{H as G}from"./h3.c9a49f62.js";import{T as H,a as P,b as B,c as I}from"./table.c1711529.js";import"./label.d533579b.js";import"./classes.a7d1a9eb.js";import"./copyable-code.ce778425.js";import"./button.863c0adf.js";import"./card.113fcab4.js";function V(t,e,n){const s=t.slice();return s[2]=e[n],s}function K(t){let e;return{c(){e=u("AutocompleteOption")},l(t){e=y(t,"AutocompleteOption")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function M(t){let e;return{c(){e=u("A list item representing an autocomplete suggestion.")},l(t){e=y(t,"A list item representing an autocomplete suggestion.")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function z(t){let e,n,s,$,a,o;return{c(){e=u("It's unlikely that this component will be used by itself, but it is a part of the larger "),n=g("a"),s=g("mark"),$=g("code"),a=u("Autocomplete"),o=u(" component."),this.h()},l(t){e=y(t,"It's unlikely that this component will be used by itself, but it is a part of the larger "),n=h(t,"A",{href:!0});var r=x(n);s=h(r,"MARK",{});var c=x(s);$=h(c,"CODE",{});var p=x($);a=y(p,"Autocomplete"),p.forEach(k),c.forEach(k),r.forEach(k),o=y(t," component."),this.h()},h(){w(n,"href","./docs/components/autocomplete")},m(t,r){E(t,e,r),E(t,n,r),v(n,s),v(s,$),v($,a),E(t,o,r)},p:D,d(t){t&&k(e),t&&k(n),t&&k(o)}}}function L(t){let e,n;return e=new N({props:{option:t[2],query:"tio"}}),{c(){$(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,s){o(e,t,s),n=!0},p:D,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function U(t){let e,n,s=t[0],$=[];for(let e=0;e<s.length;e+=1)$[e]=L(V(t,s,e));const a=t=>l($[t],1,1,(()=>{$[t]=null}));return{c(){e=g("div");for(let t=0;t<$.length;t+=1)$[t].c();this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var n=x(e);for(let t=0;t<$.length;t+=1)$[t].l(n);n.forEach(k),this.h()},h(){w(e,"slot","showcase"),w(e,"class","padded")},m(t,s){E(t,e,s);for(let t=0;t<$.length;t+=1)$[t]&&$[t].m(e,null);n=!0},p(t,n){if(1&n){let o;for(s=t[0],o=0;o<s.length;o+=1){const a=V(t,s,o);$[o]?($[o].p(a,n),p($[o],1)):($[o]=L(a),$[o].c(),p($[o],1),$[o].m(e,null))}for(b(),o=s.length;o<$.length;o+=1)a(o);O()}},i(t){if(!n){for(let t=0;t<s.length;t+=1)p($[t]);n=!0}},o(t){$=$.filter(Boolean);for(let t=0;t<$.length;t+=1)l($[t]);n=!1},d(t){t&&k(e),T($,t)}}}function Y(t){let e,n;return{c(){e=g("div"),n=g("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var s=x(e);n=h(s,"PRE",{class:!0}),x(n).forEach(k),s.forEach(k),this.h()},h(){w(n,"class","language-svelte"),w(e,"slot","source")},m(t,s){E(t,e,s),v(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">const</span> options <span class="token operator">=</span> <span class="token punctuation">[</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">\'Test Option\'</span><span class="token punctuation">,</span> <span class="token literal-property property">details</span><span class="token operator">:</span> <span class="token string">\'Description\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">\'Another One\'</span><span class="token punctuation">,</span> <span class="token literal-property property">details</span><span class="token operator">:</span> <span class="token string">\'Different\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">\'No Description\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token each"><span class="token punctuation">&#123;</span><span class="token keyword">#each</span> <span class="token language-javascript">options </span><span class="token keyword">as</span> <span class="token language-javascript">option<span class="token punctuation">&#125;</span></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AutocompleteOption</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>option<span class="token punctuation">&#125;</span></span> <span class="token attr-name">query</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>tio<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token each"><span class="token punctuation">&#123;</span><span class="token keyword">/each</span><span class="token punctuation">&#125;</span></span></code>'},p:D,d(t){t&&k(e)}}}function J(t){let e;return{c(){e=u("Properties")},l(t){e=y(t,"Properties")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function Q(t){let e;return{c(){e=u("Functional Properties")},l(t){e=y(t,"Functional Properties")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function W(t){let e;return{c(){e=u("Name")},l(t){e=y(t,"Name")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function X(t){let e;return{c(){e=u("Default")},l(t){e=y(t,"Default")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function Z(t){let e;return{c(){e=u("Type")},l(t){e=y(t,"Type")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function _(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function tt(t){let e,n,s,r,c,m,g,u;return e=new B({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),s=new B({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment),m=i(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),u=!0},p(t,n){const $={};32&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){u||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),u=!1},d(t){f(e,t),t&&k(n),f(s,t),t&&k(r),f(c,t),t&&k(m),f(g,t)}}}function et(t){let e,n,s,$,a,o,r;return{c(){e=g("mark"),n=g("strong"),s=g("code"),$=u("option"),a=u(" "),o=g("span"),r=u("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);n=h(c,"STRONG",{});var p=x(n);s=h(p,"CODE",{});var l=x(s);$=y(l,"option"),l.forEach(k),p.forEach(k),c.forEach(k),a=y(t," "),o=h(t,"SPAN",{class:!0});var f=x(o);r=y(f,"*"),f.forEach(k),this.h()},h(){w(o,"class","required")},m(t,c){E(t,e,c),v(e,n),v(n,s),v(s,$),E(t,a,c),E(t,o,c),v(o,r)},p:D,d(t){t&&k(e),t&&k(a),t&&k(o)}}}function nt(t){let e,n;return{c(){e=g("code"),n=u("Object")},l(t){e=h(t,"CODE",{});var s=x(e);n=y(s,"Object"),s.forEach(k)},m(t,s){E(t,e,s),v(e,n)},p:D,d(t){t&&k(e)}}}function st(t){let e,n,s,$,a,o,r;return{c(){e=u("The option object, containing a "),n=g("code"),s=u("name"),$=u(" field and, optionally, a "),a=g("code"),o=u("details"),r=u(" field, both strings.")},l(t){e=y(t,"The option object, containing a "),n=h(t,"CODE",{});var c=x(n);s=y(c,"name"),c.forEach(k),$=y(t," field and, optionally, a "),a=h(t,"CODE",{});var p=x(a);o=y(p,"details"),p.forEach(k),r=y(t," field, both strings.")},m(t,c){E(t,e,c),E(t,n,c),v(n,s),E(t,$,c),E(t,a,c),v(a,o),E(t,r,c)},p:D,d(t){t&&k(e),t&&k(n),t&&k($),t&&k(a),t&&k(r)}}}function $t(t){let e,n,s,r,c,m,g,u;return e=new I({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),s=new I({}),c=new I({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),g=new I({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment),m=i(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),u=!0},p(t,n){const s={};32&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),c.$set($);const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){u||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),u=!1},d(t){f(e,t),t&&k(n),f(s,t),t&&k(r),f(c,t),t&&k(m),f(g,t)}}}function at(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=u("query")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=y(a,"query"),a.forEach(k),$.forEach(k)},m(t,$){E(t,e,$),v(e,n),v(n,s)},p:D,d(t){t&&k(e)}}}function ot(t){let e,n;return{c(){e=g("code"),n=u("null")},l(t){e=h(t,"CODE",{});var s=x(e);n=y(s,"null"),s.forEach(k)},m(t,s){E(t,e,s),v(e,n)},p:D,d(t){t&&k(e)}}}function rt(t){let e,n;return{c(){e=g("code"),n=u("string")},l(t){e=h(t,"CODE",{});var s=x(e);n=y(s,"string"),s.forEach(k)},m(t,s){E(t,e,s),v(e,n)},p:D,d(t){t&&k(e)}}}function ct(t){let e;return{c(){e=u("The substring to seek out and highlight among the name and the details.")},l(t){e=y(t,"The substring to seek out and highlight among the name and the details.")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function pt(t){let e,n,s,r,c,m,g,u;return e=new I({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),s=new I({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),g=new I({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment),m=i(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),u=!0},p(t,n){const $={};32&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){u||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),u=!1},d(t){f(e,t),t&&k(n),f(s,t),t&&k(r),f(c,t),t&&k(m),f(g,t)}}}function lt(t){let e,n,s,r,c,m,u,y;return n=new P({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=i(),r=g("tbody"),$(c.$$.fragment),m=i(),$(u.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(k),s=d(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),m=d(o),a(u.$$.fragment,o),o.forEach(k)},m(t,$){E(t,e,$),o(n,e,null),E(t,s,$),E(t,r,$),o(c,r,null),v(r,m),o(u,r,null),y=!0},p(t,e){const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};32&e&&($.$$scope={dirty:e,ctx:t}),c.$set($);const a={};32&e&&(a.$$scope={dirty:e,ctx:t}),u.$set(a)},i(t){y||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),y=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),y=!1},d(t){t&&k(e),f(n),t&&k(s),t&&k(r),f(c),f(u)}}}function ft(t){let e;return{c(){e=u("Events")},l(t){e=y(t,"Events")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function mt(t){let e;return{c(){e=u("Name")},l(t){e=y(t,"Name")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function it(t){let e;return{c(){e=u("Event Detail")},l(t){e=y(t,"Event Detail")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function gt(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function ut(t){let e,n,s,r,c,m;return e=new B({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),s=new B({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};32&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&k(n),f(s,t),t&&k(r),f(c,t)}}}function dt(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=u("click")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=y(a,"click"),a.forEach(k),$.forEach(k)},m(t,$){E(t,e,$),v(e,n),v(n,s)},p:D,d(t){t&&k(e)}}}function ht(t){let e,n;return{c(){e=g("code"),n=u("{ nativeEvent }")},l(t){e=h(t,"CODE",{});var s=x(e);n=y(s,"{ nativeEvent }"),s.forEach(k)},m(t,s){E(t,e,s),v(e,n)},p:D,d(t){t&&k(e)}}}function xt(t){let e,n,s,$,a,o,r;return{c(){e=u("Fired when the element is clicked. A necessary part of conforming to the "),n=g("a"),s=g("mark"),$=g("code"),a=u("AutocompleteField"),o=u("'s"),r=u(" interface."),this.h()},l(t){e=y(t,"Fired when the element is clicked. A necessary part of conforming to the "),n=h(t,"A",{href:!0});var c=x(n);s=h(c,"MARK",{});var p=x(s);$=h(p,"CODE",{});var l=x($);a=y(l,"AutocompleteField"),l.forEach(k),p.forEach(k),o=y(c,"'s"),c.forEach(k),r=y(t," interface."),this.h()},h(){w(n,"href","./docs/components/autocomplete-field")},m(t,c){E(t,e,c),E(t,n,c),v(n,s),v(s,$),v($,a),v(n,o),E(t,r,c)},p:D,d(t){t&&k(e),t&&k(n),t&&k(r)}}}function yt(t){let e,n,s,r,c,m;return e=new I({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),s=new I({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};32&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&k(n),f(s,t),t&&k(r),f(c,t)}}}function kt(t){let e,n,s,r,c,m;return n=new P({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=i(),r=g("tbody"),$(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(k),s=d(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),o.forEach(k)},m(t,$){E(t,e,$),o(n,e,null),E(t,s,$),E(t,r,$),o(c,r,null),m=!0},p(t,e){const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};32&e&&($.$$scope={dirty:e,ctx:t}),c.$set($)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&k(e),f(n),t&&k(s),t&&k(r),f(c)}}}function wt(t){let e;return{c(){e=u("SCSS Variables")},l(t){e=y(t,"SCSS Variables")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function Et(t){let e;return{c(){e=u("Name")},l(t){e=y(t,"Name")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function vt(t){let e;return{c(){e=u("Description")},l(t){e=y(t,"Description")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function Dt(t){let e;return{c(){e=u("Default")},l(t){e=y(t,"Default")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function bt(t){let e,n,s,r,c,m;return e=new B({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),s=new B({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};32&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&k(n),f(s,t),t&&k(r),f(c,t)}}}function Ot(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=u("$main")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=y(a,"$main"),a.forEach(k),$.forEach(k)},m(t,$){E(t,e,$),v(e,n),v(n,s)},p:D,d(t){t&&k(e)}}}function Tt(t){let e;return{c(){e=u("The background color on hover and the color of the highlight.")},l(t){e=y(t,"The background color on hover and the color of the highlight.")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function At(t){let e,n;return e=new R({props:{value:"#4300B0"}}),{c(){$(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,s){o(e,t,s),n=!0},p:D,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function jt(t){let e,n,s,r,c,m;return e=new I({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),s=new I({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};32&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&k(n),f(s,t),t&&k(r),f(c,t)}}}function Ct(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=u("$font")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=y(a,"$font"),a.forEach(k),$.forEach(k)},m(t,$){E(t,e,$),v(e,n),v(n,s)},p:D,d(t){t&&k(e)}}}function Nt(t){let e;return{c(){e=u("The font of the component.")},l(t){e=y(t,"The font of the component.")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function St(t){let e,n;return{c(){e=g("code"),n=u("'Ubuntu'")},l(t){e=h(t,"CODE",{});var s=x(e);n=y(s,"'Ubuntu'"),s.forEach(k)},m(t,s){E(t,e,s),v(e,n)},p:D,d(t){t&&k(e)}}}function Rt(t){let e,n,s,r,c,m;return e=new I({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),s=new I({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};32&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&k(n),f(s,t),t&&k(r),f(c,t)}}}function qt(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=u("$thin-font-weight")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=y(a,"$thin-font-weight"),a.forEach(k),$.forEach(k)},m(t,$){E(t,e,$),v(e,n),v(n,s)},p:D,d(t){t&&k(e)}}}function Ft(t){let e;return{c(){e=u("The thin font weight to differentiate the details from the name.")},l(t){e=y(t,"The thin font weight to differentiate the details from the name.")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function Gt(t){let e,n;return{c(){e=g("code"),n=u("300")},l(t){e=h(t,"CODE",{});var s=x(e);n=y(s,"300"),s.forEach(k)},m(t,s){E(t,e,s),v(e,n)},p:D,d(t){t&&k(e)}}}function Ht(t){let e,n,s,r,c,m;return e=new I({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),s=new I({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};32&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&k(n),f(s,t),t&&k(r),f(c,t)}}}function Pt(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=u("$bold-font-weight")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=y(a,"$bold-font-weight"),a.forEach(k),$.forEach(k)},m(t,$){E(t,e,$),v(e,n),v(n,s)},p:D,d(t){t&&k(e)}}}function Bt(t){let e;return{c(){e=u("The bold font weight to emphasize the highight.")},l(t){e=y(t,"The bold font weight to emphasize the highight.")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function It(t){let e,n;return{c(){e=g("code"),n=u("500")},l(t){e=h(t,"CODE",{});var s=x(e);n=y(s,"500"),s.forEach(k)},m(t,s){E(t,e,s),v(e,n)},p:D,d(t){t&&k(e)}}}function Vt(t){let e,n,s,r,c,m;return e=new I({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),s=new I({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};32&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&k(n),f(s,t),t&&k(r),f(c,t)}}}function Kt(t){let e,n,s,r,c,m,u,y,w,D,b,O;return n=new P({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),w=new P({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),b=new P({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=i(),r=g("tbody"),$(c.$$.fragment),m=i(),$(u.$$.fragment),y=i(),$(w.$$.fragment),D=i(),$(b.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(k),s=d(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),m=d(o),a(u.$$.fragment,o),y=d(o),a(w.$$.fragment,o),D=d(o),a(b.$$.fragment,o),o.forEach(k)},m(t,$){E(t,e,$),o(n,e,null),E(t,s,$),E(t,r,$),o(c,r,null),v(r,m),o(u,r,null),v(r,y),o(w,r,null),v(r,D),o(b,r,null),O=!0},p(t,e){const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};32&e&&($.$$scope={dirty:e,ctx:t}),c.$set($);const a={};32&e&&(a.$$scope={dirty:e,ctx:t}),u.$set(a);const o={};32&e&&(o.$$scope={dirty:e,ctx:t}),w.$set(o);const r={};32&e&&(r.$$scope={dirty:e,ctx:t}),b.$set(r)},i(t){O||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(w.$$.fragment,t),p(b.$$.fragment,t),O=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),l(w.$$.fragment,t),l(b.$$.fragment,t),O=!1},d(t){t&&k(e),f(n),t&&k(s),t&&k(r),f(c),f(u),f(w),f(b)}}}function Mt(t){let e,n,s,r,c,m,D,b,O,T,A,N,R,P,B,I,V,L,W,X,Z,_,tt,et,nt,st,$t;return e=new j({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),s=new C({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),c=new C({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),D=new q({props:{components:Yt}}),O=new S({props:{$$slots:{source:[Y],showcase:[U]},$$scope:{ctx:t}}}),A=new F({props:{id:"properties",$$slots:{default:[J]},$$scope:{ctx:t}}}),R=new G({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),B=new H({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),X=new F({props:{id:"events",$$slots:{default:[ft]},$$scope:{ctx:t}}}),_=new H({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),et=new F({props:{id:"scss-variables",$$slots:{default:[wt]},$$scope:{ctx:t}}}),st=new H({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment),m=i(),$(D.$$.fragment),b=i(),$(O.$$.fragment),T=i(),$(A.$$.fragment),N=i(),$(R.$$.fragment),P=i(),$(B.$$.fragment),I=i(),V=g("div"),L=u("* Required"),W=i(),$(X.$$.fragment),Z=i(),$(_.$$.fragment),tt=i(),$(et.$$.fragment),nt=i(),$(st.$$.fragment),this.h()},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(D.$$.fragment,t),b=d(t),a(O.$$.fragment,t),T=d(t),a(A.$$.fragment,t),N=d(t),a(R.$$.fragment,t),P=d(t),a(B.$$.fragment,t),I=d(t),V=h(t,"DIV",{class:!0});var $=x(V);L=y($,"* Required"),$.forEach(k),W=d(t),a(X.$$.fragment,t),Z=d(t),a(_.$$.fragment,t),tt=d(t),a(et.$$.fragment,t),nt=d(t),a(st.$$.fragment,t),this.h()},h(){w(V,"class","required")},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(D,t,$),E(t,b,$),o(O,t,$),E(t,T,$),o(A,t,$),E(t,N,$),o(R,t,$),E(t,P,$),o(B,t,$),E(t,I,$),E(t,V,$),v(V,L),E(t,W,$),o(X,t,$),E(t,Z,$),o(_,t,$),E(t,tt,$),o(et,t,$),E(t,nt,$),o(st,t,$),$t=!0},p(t,n){const $={};32&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),O.$set(r);const p={};32&n&&(p.$$scope={dirty:n,ctx:t}),A.$set(p);const l={};32&n&&(l.$$scope={dirty:n,ctx:t}),R.$set(l);const f={};32&n&&(f.$$scope={dirty:n,ctx:t}),B.$set(f);const m={};32&n&&(m.$$scope={dirty:n,ctx:t}),X.$set(m);const i={};32&n&&(i.$$scope={dirty:n,ctx:t}),_.$set(i);const g={};32&n&&(g.$$scope={dirty:n,ctx:t}),et.$set(g);const u={};32&n&&(u.$$scope={dirty:n,ctx:t}),st.$set(u)},i(t){$t||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(D.$$.fragment,t),p(O.$$.fragment,t),p(A.$$.fragment,t),p(R.$$.fragment,t),p(B.$$.fragment,t),p(X.$$.fragment,t),p(_.$$.fragment,t),p(et.$$.fragment,t),p(st.$$.fragment,t),$t=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(D.$$.fragment,t),l(O.$$.fragment,t),l(A.$$.fragment,t),l(R.$$.fragment,t),l(B.$$.fragment,t),l(X.$$.fragment,t),l(_.$$.fragment,t),l(et.$$.fragment,t),l(st.$$.fragment,t),$t=!1},d(t){f(e,t),t&&k(n),f(s,t),t&&k(r),f(c,t),t&&k(m),f(D,t),t&&k(b),f(O,t),t&&k(T),f(A,t),t&&k(N),f(R,t),t&&k(P),f(B,t),t&&k(I),t&&k(V),t&&k(W),f(X,t),t&&k(Z),f(_,t),t&&k(tt),f(et,t),t&&k(nt),f(st,t)}}}function zt(t){let e,n;const m=[t[1],Lt];let i={$$slots:{default:[Mt]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=s(i,m[t]);return e=new A({props:i}),{c(){$(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,s){o(e,t,s),n=!0},p(t,[n]){const s=2&n?r(m,[2&n&&c(t[1]),0&n&&c(Lt)]):{};32&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}const Lt={name:"AutocompleteOption",relatedComponents:[{name:"Autocomplete",link:"./docs/components/autocomplete"},{name:"AutocompleteField",link:"./docs/components/autocomplete-field"}]},{name:Ut,relatedComponents:Yt}=Lt;function Jt(t,e,n){return t.$$set=t=>{n(1,e=s(s({},e),m(t)))},[[{name:"Test Option",details:"Description"},{name:"Another One",details:"Different"},{name:"No Description"}],e=m(e)]}class Qt extends t{constructor(t){super(),e(this,t,Jt,zt,n,{})}}export{Qt as default,Lt as metadata};
diff --git a/376/client/legacy/autocomplete-option.dbbd7e52.js b/376/client/legacy/autocomplete-option.dbbd7e52.js
new file mode 100644
index 000000000..ec2f4d9c3
--- /dev/null
+++ b/376/client/legacy/autocomplete-option.dbbd7e52.js
@@ -0,0 +1 @@
+import{S as t,i as n,s as e,h as l,u as s,k as c,b as r,w as o,d as a,e as i,f as u,g as h,o as f,ad as d,n as m,a9 as p,J as g,H as v,v as b,x as k,A as q}from"./client.583c6e60.js";function $(t){return t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function y(t,n,e){const l=t.slice();return l[6]=n[e],l}function E(t,n,e){const l=t.slice();return l[6]=n[e],l}function x(t){let n,e=t[6].content+"";return{c(){n=b(e)},l(t){n=k(t,e)},m(t,e){u(t,n,e)},p(t,l){1&l&&e!==(e=t[6].content+"")&&q(n,e)},d(t){t&&a(n)}}}function A(t){let n,e,s=t[6].content+"";return{c(){n=l("mark"),e=b(s),this.h()},l(t){n=c(t,"MARK",{class:!0});var l=r(n);e=k(l,s),l.forEach(a),this.h()},h(){i(n,"class","svelte-sb12q7")},m(t,l){u(t,n,l),h(n,e)},p(t,n){1&n&&s!==(s=t[6].content+"")&&q(e,s)},d(t){t&&a(n)}}}function N(t){let n;function e(t,n){return t[6].marked?A:x}let l=e(t),s=l(t);return{c(){s.c(),n=v()},l(t){s.l(t),n=v()},m(t,e){s.m(t,e),u(t,n,e)},p(t,c){l===(l=e(t))&&s?s.p(t,c):(s.d(1),s=l(t),s&&(s.c(),s.m(n.parentNode,n)))},d(t){s.d(t),t&&a(n)}}}function R(t){let n,e=t[1](t[0].details),s=[];for(let n=0;n<e.length;n+=1)s[n]=K(y(t,e,n));return{c(){n=l("div");for(let t=0;t<s.length;t+=1)s[t].c();this.h()},l(t){n=c(t,"DIV",{class:!0});var e=r(n);for(let t=0;t<s.length;t+=1)s[t].l(e);e.forEach(a),this.h()},h(){i(n,"class","subtext svelte-sb12q7")},m(t,e){u(t,n,e);for(let t=0;t<s.length;t+=1)s[t]&&s[t].m(n,null)},p(t,l){if(3&l){let c;for(e=t[1](t[0].details),c=0;c<e.length;c+=1){const r=y(t,e,c);s[c]?s[c].p(r,l):(s[c]=K(r),s[c].c(),s[c].m(n,null))}for(;c<s.length;c+=1)s[c].d(1);s.length=e.length}},d(t){t&&a(n),p(s,t)}}}function w(t){let n,e=t[6].content+"";return{c(){n=b(e)},l(t){n=k(t,e)},m(t,e){u(t,n,e)},p(t,l){1&l&&e!==(e=t[6].content+"")&&q(n,e)},d(t){t&&a(n)}}}function I(t){let n,e,s=t[6].content+"";return{c(){n=l("mark"),e=b(s),this.h()},l(t){n=c(t,"MARK",{class:!0});var l=r(n);e=k(l,s),l.forEach(a),this.h()},h(){i(n,"class","svelte-sb12q7")},m(t,l){u(t,n,l),h(n,e)},p(t,n){1&n&&s!==(s=t[6].content+"")&&q(e,s)},d(t){t&&a(n)}}}function K(t){let n;function e(t,n){return t[6].marked?I:w}let l=e(t),s=l(t);return{c(){s.c(),n=v()},l(t){s.l(t),n=v()},m(t,e){s.m(t,e),u(t,n,e)},p(t,c){l===(l=e(t))&&s?s.p(t,c):(s.d(1),s=l(t),s&&(s.c(),s.m(n.parentNode,n)))},d(t){s.d(t),t&&a(n)}}}function M(t){let n,e,g,v,b,k=t[1](t[0].name),q=[];for(let n=0;n<k.length;n+=1)q[n]=N(E(t,k,n));let $=t[0].details&&R(t);return{c(){n=l("li"),e=l("button");for(let t=0;t<q.length;t+=1)q[t].c();g=s(),$&&$.c(),this.h()},l(t){n=c(t,"LI",{class:!0});var l=r(n);e=c(l,"BUTTON",{type:!0,class:!0});var s=r(e);for(let t=0;t<q.length;t+=1)q[t].l(s);g=o(s),$&&$.l(s),s.forEach(a),l.forEach(a),this.h()},h(){i(e,"type","button"),i(e,"class","svelte-sb12q7"),i(n,"class","svelte-sb12q7")},m(l,s){u(l,n,s),h(n,e);for(let t=0;t<q.length;t+=1)q[t]&&q[t].m(e,null);h(e,g),$&&$.m(e,null),v||(b=f(n,"click",d(t[4])),v=!0)},p(t,n){let[l]=n;if(3&l){let n;for(k=t[1](t[0].name),n=0;n<k.length;n+=1){const s=E(t,k,n);q[n]?q[n].p(s,l):(q[n]=N(s),q[n].c(),q[n].m(e,g))}for(;n<q.length;n+=1)q[n].d(1);q.length=k.length}t[0].details?$?$.p(t,l):($=R(t),$.c(),$.m(e,null)):$&&($.d(1),$=null)},i:m,o:m,d(t){t&&a(n),p(q,t),$&&$.d(),v=!1,b()}}}function T(t,n,e){let l,{option:s}=n,{query:c=null}=n;const r=g();return t.$$set=t=>{"option"in t&&e(0,s=t.option),"query"in t&&e(3,c=t.query)},t.$$.update=()=>{8&t.$$.dirty&&(l=c?new RegExp(`(${$(c)})`,"ig"):null)},[s,function(t){return null==l?[{content:t,marked:!1}]:t.split(l).map(((t,n)=>({content:t,marked:n%2!=0})))},r,c,t=>r("click",{nativeEvent:t})]}var j=class extends t{constructor(t){super(),n(this,t,T,M,e,{option:0,query:3})}};export{j as A,$ as e};
diff --git a/376/client/legacy/autocomplete.2881aef3.js b/376/client/legacy/autocomplete.2881aef3.js
new file mode 100644
index 000000000..e99de7151
--- /dev/null
+++ b/376/client/legacy/autocomplete.2881aef3.js
@@ -0,0 +1 @@
+import{S as t,i as n,s as e,K as s,Y as o,$ as a,h as l,u as c,j as r,k as i,b as m,w as p,l as $,d as f,e as u,X as h,O as d,f as g,g as b,m as v,t as x,y,z as L,U as O,a0 as j,a1 as Q,p as w,a9 as S,q as I,I as E,J as M,L as k,a2 as V,v as D,x as A,A as C,M as T,Q as B,R as P,T as q,V as z,P as J}from"./client.583c6e60.js";import{B as K}from"./button.863c0adf.js";import{C as R}from"./chip.23e3fcec.js";import{A as U,c as X,M as Y}from"./autocomplete-field.fbaeb0a4.js";import{X as F}from"./x.6b71949c.js";import{L as G}from"./loading.9871237d.js";import{c as H}from"./classes.a7d1a9eb.js";import{p as N}from"./plural-s.31bb9da9.js";const W=t=>({}),Z=t=>({slot:"too-many-options"}),_=t=>({}),tt=t=>({slot:"not-enough-input"}),nt=t=>({}),et=t=>({}),st=t=>({}),ot=t=>({slot:"loading-options"}),at=t=>({}),lt=t=>({}),ct=t=>({loadMoreOptions:131072&t}),rt=t=>({loadMoreOptions:t[17]});function it(t,n,e){const s=t.slice();return s[18]=n[e],s}function mt(t){let n,e;return n=new F({}),{c(){r(n.$$.fragment)},l(t){$(n.$$.fragment,t)},m(t,s){v(n,t,s),e=!0},i(t){e||(x(n.$$.fragment,t),e=!0)},o(t){w(n.$$.fragment,t),e=!1},d(t){I(n,t)}}}function pt(t){let n,e,s,o,a=t[18].name+"";return s=new K({props:{neutral:!0,round:!0,small:!0,$$slots:{default:[mt]},$$scope:{ctx:t}}}),s.$on("click",(function(){return t[10](t[18])})),{c(){n=D(a),e=c(),r(s.$$.fragment)},l(t){n=A(t,a),e=p(t),$(s.$$.fragment,t)},m(t,a){g(t,n,a),g(t,e,a),v(s,t,a),o=!0},p(e,l){t=e,(!o||1&l)&&a!==(a=t[18].name+"")&&C(n,a);const c={};32768&l&&(c.$$scope={dirty:l,ctx:t}),s.$set(c)},i(t){o||(x(s.$$.fragment,t),o=!0)},o(t){w(s.$$.fragment,t),o=!1},d(t){t&&f(n),t&&f(e),I(s,t)}}}function $t(t){let n,e;return n=new R({props:{noPadding:!0,$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){r(n.$$.fragment)},l(t){$(n.$$.fragment,t)},m(t,s){v(n,t,s),e=!0},p(t,e){const s={};32769&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s)},i(t){e||(x(n.$$.fragment,t),e=!0)},o(t){w(n.$$.fragment,t),e=!1},d(t){I(n,t)}}}function ft(t){let n;const e=t[9]["too-many-options"],s=T(e,t,t[15],Z),o=s||function(t){let n,e,s,o,a,c=N(t[4])+"";return{c(){n=l("div"),e=D("Cannot select more than\n        "),s=D(t[4]),o=D("\n        option"),a=D(c),this.h()},l(l){n=i(l,"DIV",{class:!0});var r=m(n);e=A(r,"Cannot select more than\n        "),s=A(r,t[4]),o=A(r,"\n        option"),a=A(r,c),r.forEach(f),this.h()},h(){u(n,"class","notice svelte-1b94m2")},m(t,l){g(t,n,l),b(n,e),b(n,s),b(n,o),b(n,a)},p(t,n){16&n&&C(s,t[4]),16&n&&c!==(c=N(t[4])+"")&&C(a,c)},d(t){t&&f(n)}}}(t);return{c(){o&&o.c()},l(t){o&&o.l(t)},m(t,e){o&&o.m(t,e),n=!0},p(t,a){s?s.p&&(!n||32768&a)&&B(s,e,t,t[15],n?q(e,t[15],a,W):P(t[15]),Z):o&&o.p&&(!n||16&a)&&o.p(t,n?a:-1)},i(t){n||(x(o,t),n=!0)},o(t){w(o,t),n=!1},d(t){o&&o.d(t)}}}function ut(t){let n;const e=t[9]["not-enough-input"],s=T(e,t,t[15],tt),o=s||function(t){let n,e,s,o,a,c,r=N(t[3])+"";return{c(){n=l("div"),e=D("Type\n        "),s=D(t[3]),o=D("\n        character"),a=D(r),c=D("\n        to search"),this.h()},l(l){n=i(l,"DIV",{class:!0});var p=m(n);e=A(p,"Type\n        "),s=A(p,t[3]),o=A(p,"\n        character"),a=A(p,r),c=A(p,"\n        to search"),p.forEach(f),this.h()},h(){u(n,"class","notice svelte-1b94m2")},m(t,l){g(t,n,l),b(n,e),b(n,s),b(n,o),b(n,a),b(n,c)},p(t,n){8&n&&C(s,t[3]),8&n&&r!==(r=N(t[3])+"")&&C(a,r)},d(t){t&&f(n)}}}(t);return{c(){o&&o.c()},l(t){o&&o.l(t)},m(t,e){o&&o.m(t,e),n=!0},p(t,a){s?s.p&&(!n||32768&a)&&B(s,e,t,t[15],n?q(e,t[15],a,_):P(t[15]),tt):o&&o.p&&(!n||8&a)&&o.p(t,n?a:-1)},i(t){n||(x(o,t),n=!0)},o(t){w(o,t),n=!1},d(t){o&&o.d(t)}}}function ht(t){let n,e,s,o;e=new G({});const a=t[9]["loading-message"],h=T(a,t,t[15],et),d=h||function(t){let n;return{c(){n=D("Loading...")},l(t){n=A(t,"Loading...")},m(t,e){g(t,n,e)},d(t){t&&f(n)}}}();return{c(){n=l("li"),r(e.$$.fragment),s=c(),d&&d.c(),this.h()},l(t){n=i(t,"LI",{class:!0});var o=m(n);$(e.$$.fragment,o),s=p(o),d&&d.l(o),o.forEach(f),this.h()},h(){u(n,"class","loading-options svelte-1b94m2")},m(t,a){g(t,n,a),v(e,n,null),b(n,s),d&&d.m(n,null),o=!0},p(t,n){h&&h.p&&(!o||32768&n)&&B(h,a,t,t[15],o?q(a,t[15],n,nt):P(t[15]),et)},i(t){o||(x(e.$$.fragment,t),x(d,t),o=!0)},o(t){w(e.$$.fragment,t),w(d,t),o=!1},d(t){t&&f(n),I(e),d&&d.d(t)}}}function dt(t){let n;const e=t[9]["loading-options"],s=T(e,t,t[15],ot),o=s||ht(t);return{c(){o&&o.c()},l(t){o&&o.l(t)},m(t,e){o&&o.m(t,e),n=!0},p(t,a){s?s.p&&(!n||32768&a)&&B(s,e,t,t[15],n?q(e,t[15],a,st):P(t[15]),ot):o&&o.p&&(!n||32768&a)&&o.p(t,n?a:-1)},i(t){n||(x(o,t),n=!0)},o(t){w(o,t),n=!1},d(t){o&&o.d(t)}}}function gt(t){let n,e,s;n=new Y({});const o=t[9]["load-more-options-message"],a=T(o,t,t[15],lt),l=a||function(t){let n;return{c(){n=D("load more options")},l(t){n=A(t,"load more options")},m(t,e){g(t,n,e)},d(t){t&&f(n)}}}();return{c(){r(n.$$.fragment),e=c(),l&&l.c()},l(t){$(n.$$.fragment,t),e=p(t),l&&l.l(t)},m(t,o){v(n,t,o),g(t,e,o),l&&l.m(t,o),s=!0},p(t,n){a&&a.p&&(!s||32768&n)&&B(a,o,t,t[15],s?q(o,t[15],n,at):P(t[15]),lt)},i(t){s||(x(n.$$.fragment,t),x(l,t),s=!0)},o(t){w(n.$$.fragment,t),w(l,t),s=!1},d(t){I(n,t),t&&f(e),l&&l.d(t)}}}function bt(t){let n,e;const s=t[9]["more-options"],o=T(s,t,t[15],rt),a=o||function(t){let n,e,s,o,a,c;return e=new K({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),e.$on("click",(function(){z(t[17])&&t[17].apply(this,arguments)})),{c(){n=l("div"),r(e.$$.fragment)},l(t){n=i(t,"DIV",{});var s=m(n);$(e.$$.fragment,s),s.forEach(f)},m(l,r){g(l,n,r),v(e,n,null),o=!0,a||(c=J(s=X.call(null,n,{callback:t[17]})),a=!0)},p(n,o){t=n;const a={};32768&o&&(a.$$scope={dirty:o,ctx:t}),e.$set(a),s&&z(s.update)&&131072&o&&s.update.call(null,{callback:t[17]})},i(t){o||(x(e.$$.fragment,t),o=!0)},o(t){w(e.$$.fragment,t),o=!1},d(t){t&&f(n),I(e),a=!1,c()}}}(t);return{c(){n=l("li"),a&&a.c(),this.h()},l(t){n=i(t,"LI",{class:!0,slot:!0});var e=m(n);a&&a.l(e),e.forEach(f),this.h()},h(){u(n,"class","more-options svelte-1b94m2"),u(n,"slot","more-options")},m(t,s){g(t,n,s),a&&a.m(n,null),e=!0},p(t,n){o?o.p&&(!e||163840&n)&&B(o,s,t,t[15],e?q(s,t[15],n,ct):P(t[15]),rt):a&&a.p&&(!e||163840&n)&&a.p(t,e?n:-1)},i(t){e||(x(a,t),e=!0)},o(t){w(a,t),e=!1},d(t){t&&f(n),a&&a.d(t)}}}function vt(t){let n,e,E,M,k,V,D,A,C=t[0],T=[];for(let n=0;n<C.length;n+=1)T[n]=$t(it(t,C,n));const B=t=>w(T[t],1,1,(()=>{T[t]=null})),P=[{minSearchLength:t[3]},{maxOptions:t[4]},{disabled:t[5]},t[8]];function q(n){t[11](n)}function z(n){t[12](n)}function J(n){t[13](n)}let K={$$slots:{"more-options":[bt,t=>{let{loadMoreOptions:n}=t;return{17:n}},t=>{let{loadMoreOptions:n}=t;return n?131072:0}],"loading-options":[dt],"not-enough-input":[ut],"too-many-options":[ft]},$$scope:{ctx:t}};for(let t=0;t<P.length;t+=1)K=s(K,P[t]);return void 0!==t[0]&&(K.selection=t[0]),void 0!==t[1]&&(K.searchQuery=t[1]),void 0!==t[6]&&(K.focus=t[6]),E=new U({props:K}),o.push((()=>a(E,"selection",q))),o.push((()=>a(E,"searchQuery",z))),o.push((()=>a(E,"focus",J))),E.$on("change",t[14]),{c(){n=l("div");for(let t=0;t<T.length;t+=1)T[t].c();e=c(),r(E.$$.fragment),this.h()},l(t){n=i(t,"DIV",{class:!0});var s=m(n);for(let t=0;t<T.length;t+=1)T[t].l(s);e=p(s),$(E.$$.fragment,s),s.forEach(f),this.h()},h(){u(n,"class",D=h(H("autocomplete",t[2]))+" svelte-1b94m2"),d(n,"focus",t[6]),d(n,"disabled",t[5])},m(t,s){g(t,n,s);for(let t=0;t<T.length;t+=1)T[t]&&T[t].m(n,null);b(n,e),v(E,n,null),A=!0},p(t,s){let[o]=s;if(129&o){let s;for(C=t[0],s=0;s<C.length;s+=1){const a=it(t,C,s);T[s]?(T[s].p(a,o),x(T[s],1)):(T[s]=$t(a),T[s].c(),x(T[s],1),T[s].m(n,e))}for(y(),s=C.length;s<T.length;s+=1)B(s);L()}const a=312&o?O(P,[8&o&&{minSearchLength:t[3]},16&o&&{maxOptions:t[4]},32&o&&{disabled:t[5]},256&o&&j(t[8])]):{};163864&o&&(a.$$scope={dirty:o,ctx:t}),!M&&1&o&&(M=!0,a.selection=t[0],Q((()=>M=!1))),!k&&2&o&&(k=!0,a.searchQuery=t[1],Q((()=>k=!1))),!V&&64&o&&(V=!0,a.focus=t[6],Q((()=>V=!1))),E.$set(a),(!A||4&o&&D!==(D=h(H("autocomplete",t[2]))+" svelte-1b94m2"))&&u(n,"class",D),(!A||68&o)&&d(n,"focus",t[6]),(!A||36&o)&&d(n,"disabled",t[5])},i(t){if(!A){for(let t=0;t<C.length;t+=1)x(T[t]);x(E.$$.fragment,t),A=!0}},o(t){T=T.filter(Boolean);for(let t=0;t<T.length;t+=1)w(T[t]);w(E.$$.fragment,t),A=!1},d(t){t&&f(n),S(T,t),I(E)}}}function xt(t,n,e){const o=["class","selection","minSearchLength","maxOptions","searchQuery","disabled"];let a=E(n,o),{$$slots:l={},$$scope:c}=n,{class:r=null}=n,{selection:i=[]}=n,{minSearchLength:m=3}=n,{maxOptions:p=1/0}=n,{searchQuery:$=""}=n,{disabled:f=!1}=n,u=!1;function h(t){e(0,i=i.filter((n=>n!==t))),d("change",{value:i})}const d=M();return t.$$set=t=>{n=s(s({},n),k(t)),e(8,a=E(n,o)),"class"in t&&e(2,r=t.class),"selection"in t&&e(0,i=t.selection),"minSearchLength"in t&&e(3,m=t.minSearchLength),"maxOptions"in t&&e(4,p=t.maxOptions),"searchQuery"in t&&e(1,$=t.searchQuery),"disabled"in t&&e(5,f=t.disabled),"$$scope"in t&&e(15,c=t.$$scope)},[i,$,r,m,p,f,u,h,a,l,t=>h(t),function(t){i=t,e(0,i)},function(t){$=t,e(1,$)},function(t){u=t,e(6,u)},function(n){V.call(this,t,n)},c]}var yt=class extends t{constructor(t){super(),n(this,t,xt,vt,e,{class:2,selection:0,minSearchLength:3,maxOptions:4,searchQuery:1,disabled:5})}};export{yt as A};
diff --git a/376/client/legacy/autocomplete.e77e12a9.js b/376/client/legacy/autocomplete.e77e12a9.js
new file mode 100644
index 000000000..676f344f9
--- /dev/null
+++ b/376/client/legacy/autocomplete.e77e12a9.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as r,l as o,m as s,U as a,a0 as c,t as f,p,q as l,L as m,u as i,h as g,v as d,w as u,k as h,b as x,x as E,d as y,e as w,f as v,g as O,n as D}from"./client.583c6e60.js";import{L as b,H as k,P as C}from"./layout.47c81311.js";import{A as T}from"./autocomplete.2881aef3.js";import{S as A}from"./showcase.759e7149.js";import{C as S}from"./color-preview.9db6af61.js";import{R}from"./related-components.9fddec4f.js";import{H as F}from"./h2.0da05151.js";import{H as j}from"./h3.c9a49f62.js";import{T as N,a as G,b as L,c as B}from"./table.c1711529.js";import"./button.863c0adf.js";import"./classes.a7d1a9eb.js";import"./chip.23e3fcec.js";import"./autocomplete-field.fbaeb0a4.js";import"./dropdown.9218bde6.js";import"./loading.9871237d.js";import"./autocomplete-option.dbbd7e52.js";import"./plural-s.31bb9da9.js";import"./x.6b71949c.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./card.113fcab4.js";function M(t){let e;return{c(){e=d("Autocomplete")},l(t){e=E(t,"Autocomplete")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function q(t){let e;return{c(){e=d("A text field suggesting options to select.")},l(t){e=E(t,"A text field suggesting options to select.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function P(t){let e,$,n,r,o,s;return{c(){e=d("Builds upon the "),$=g("a"),n=g("mark"),r=g("code"),o=d("AutocompleteField"),s=d(", prefer that instead if you need more customization freedom."),this.h()},l(t){e=E(t,"Builds upon the "),$=h(t,"A",{href:!0});var a=x($);n=h(a,"MARK",{});var c=x(n);r=h(c,"CODE",{});var f=x(r);o=E(f,"AutocompleteField"),f.forEach(y),c.forEach(y),a.forEach(y),s=E(t,", prefer that instead if you need more customization freedom."),this.h()},h(){w($,"href","./docs/components/autocomplete-field")},m(t,a){v(t,e,a),v(t,$,a),O($,n),O(n,r),O(r,o),v(t,s,a)},p:D,d(t){t&&y(e),t&&y($),t&&y(s)}}}function H(t){let e,$,n;return $=new T({props:{getOptions:c$}}),{c(){e=g("div"),r($.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var n=x(e);o($.$$.fragment,n),n.forEach(y),this.h()},h(){w(e,"slot","showcase"),w(e,"class","svelte-1akyzr0")},m(t,r){v(t,e,r),s($,e,null),n=!0},p:D,i(t){n||(f($.$$.fragment,t),n=!0)},o(t){p($.$$.fragment,t),n=!1},d(t){t&&y(e),l($)}}}function K(t){let e,$;return{c(){e=g("div"),$=g("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var n=x(e);$=h(n,"PRE",{class:!0}),x($).forEach(y),n.forEach(y),this.h()},h(){w($,"class","language-svelte"),w(e,"slot","source")},m(t,n){v(t,e,n),O(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">async</span> <span class="token keyword">function</span><span class="token operator">*</span> <span class="token function">getOptions</span><span class="token punctuation">(</span><span class="token parameter">text</span><span class="token punctuation">)</span> <span class="token punctuation">&#123;</span>\n    <span class="token keyword">await</span> <span class="token function">sleep</span><span class="token punctuation">(</span><span class="token number">1000</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n    <span class="token keyword">yield</span> <span class="token punctuation">[</span>\n      <span class="token punctuation">&#123;</span> <span class="token literal-property property">name</span><span class="token operator">:</span> text<span class="token punctuation">,</span> <span class="token literal-property property">details</span><span class="token operator">:</span> <span class="token string">\'Optional\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n      <span class="token punctuation">&#123;</span> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token template-string"><span class="token template-punctuation string">&#96;</span><span class="token string">it highlights the match: </span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">$&#123;</span>text<span class="token interpolation-punctuation punctuation">&#125;</span></span><span class="token template-punctuation string">&#96;</span></span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">]</span><span class="token punctuation">;</span>\n  <span class="token punctuation">&#125;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Autocomplete</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>getOptions<span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span></code>'},p:D,d(t){t&&y(e)}}}function z(t){let e;return{c(){e=d("Properties")},l(t){e=E(t,"Properties")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function I(t){let e;return{c(){e=d("Functional Properties")},l(t){e=E(t,"Functional Properties")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function V(t){let e;return{c(){e=d("Name")},l(t){e=E(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function W(t){let e;return{c(){e=d("Default")},l(t){e=E(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function X(t){let e;return{c(){e=d("Type")},l(t){e=E(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Y(t){let e;return{c(){e=d("Description")},l(t){e=E(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function U(t){let e,$,n,a,c,m,g,d;return e=new L({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),n=new L({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),g=new L({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t),m=u(t),o(g.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),v(t,m,r),s(g,t,r),d=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),d=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),d=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function Q(t){let e,$,n,r,o,s,a;return{c(){e=g("mark"),$=g("strong"),n=g("code"),r=d("getOptions"),o=d(" "),s=g("span"),a=d("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);n=h(f,"CODE",{});var p=x(n);r=E(p,"getOptions"),p.forEach(y),f.forEach(y),c.forEach(y),o=E(t," "),s=h(t,"SPAN",{class:!0});var l=x(s);a=E(l,"*"),l.forEach(y),this.h()},h(){w(s,"class","required")},m(t,c){v(t,e,c),O(e,$),O($,n),O(n,r),v(t,o,c),v(t,s,c),O(s,a)},p:D,d(t){t&&y(e),t&&y(o),t&&y(s)}}}function J(t){let e,$;return{c(){e=g("code"),$=d("async function*")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"async function*"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function Z(t){let e,$,n,r,o,s;return{c(){e=d("An async generator of suggestions. "),$=g("br"),n=d(" Receives the input from the text field and is expected to yield promises that resolve to arrays of objects "),r=g("code"),o=d("{ name, details }"),s=d(".")},l(t){e=E(t,"An async generator of suggestions. "),$=h(t,"BR",{}),n=E(t," Receives the input from the text field and is expected to yield promises that resolve to arrays of objects "),r=h(t,"CODE",{});var a=x(r);o=E(a,"{ name, details }"),a.forEach(y),s=E(t,".")},m(t,a){v(t,e,a),v(t,$,a),v(t,n,a),v(t,r,a),O(r,o),v(t,s,a)},p:D,d(t){t&&y(e),t&&y($),t&&y(n),t&&y(r),t&&y(s)}}}function _(t){let e,$,n,a,c,m,g,d;return e=new B({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),n=new B({}),c=new B({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t),m=u(t),o(g.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),v(t,m,r),s(g,t,r),d=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),d=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),d=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function tt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=d("selection")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"selection"),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function et(t){let e,$;return{c(){e=g("code"),$=d("[]")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"[]"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function $t(t){let e,$;return{c(){e=g("code"),$=d("Array")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"Array"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function nt(t){let e,$,n,r,o,s;return{c(){e=d("The current selection as an array of objects "),$=g("code"),n=d("{ name, details }"),r=d(". "),o=g("br"),s=d(" Can be used to set the selection programmatically.")},l(t){e=E(t,"The current selection as an array of objects "),$=h(t,"CODE",{});var a=x($);n=E(a,"{ name, details }"),a.forEach(y),r=E(t,". "),o=h(t,"BR",{}),s=E(t," Can be used to set the selection programmatically.")},m(t,a){v(t,e,a),v(t,$,a),O($,n),v(t,r,a),v(t,o,a),v(t,s,a)},p:D,d(t){t&&y(e),t&&y($),t&&y(r),t&&y(o),t&&y(s)}}}function rt(t){let e,$,n,a,c,m,g,d;return e=new B({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t),m=u(t),o(g.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),v(t,m,r),s(g,t,r),d=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),d=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),d=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function ot(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=d("minSearchLength")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"minSearchLength"),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function st(t){let e,$;return{c(){e=g("code"),$=d("3")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"3"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function at(t){let e,$;return{c(){e=g("code"),$=d("number")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"number"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function ct(t){let e,$,n,r,o;return{c(){e=d("The minimum amount of characters to call "),$=g("mark"),n=g("code"),r=d("getOptions"),o=d(".")},l(t){e=E(t,"The minimum amount of characters to call "),$=h(t,"MARK",{});var s=x($);n=h(s,"CODE",{});var a=x(n);r=E(a,"getOptions"),a.forEach(y),s.forEach(y),o=E(t,".")},m(t,s){v(t,e,s),v(t,$,s),O($,n),O(n,r),v(t,o,s)},p:D,d(t){t&&y(e),t&&y($),t&&y(o)}}}function ft(t){let e,$,n,a,c,m,g,d;return e=new B({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t),m=u(t),o(g.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),v(t,m,r),s(g,t,r),d=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),d=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),d=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function pt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=d("maxOptions")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"maxOptions"),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function lt(t){let e,$;return{c(){e=g("code"),$=d("Infinity")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"Infinity"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function mt(t){let e,$;return{c(){e=g("code"),$=d("number")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"number"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function it(t){let e;return{c(){e=d("The maximum amount of options than can be selected.")},l(t){e=E(t,"The maximum amount of options than can be selected.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function gt(t){let e,$,n,a,c,m,g,d;return e=new B({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t),m=u(t),o(g.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),v(t,m,r),s(g,t,r),d=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),d=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),d=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function dt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=d("searchQuery")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"searchQuery"),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function ut(t){let e,$;return{c(){e=g("code"),$=d("''")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"''"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function ht(t){let e,$;return{c(){e=g("code"),$=d("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"string"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function xt(t){let e;return{c(){e=d("The current value of the text field. Can be used to control the query programmatically.")},l(t){e=E(t,"The current value of the text field. Can be used to control the query programmatically.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Et(t){let e,$,n,a,c,m,g,d;return e=new B({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t),m=u(t),o(g.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),v(t,m,r),s(g,t,r),d=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),d=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),d=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function yt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=d("optionComponent")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"optionComponent"),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function wt(t){let e,$,n,r;return{c(){e=g("a"),$=g("mark"),n=g("code"),r=d("AutocompleteOption"),this.h()},l(t){e=h(t,"A",{href:!0});var o=x(e);$=h(o,"MARK",{});var s=x($);n=h(s,"CODE",{});var a=x(n);r=E(a,"AutocompleteOption"),a.forEach(y),s.forEach(y),o.forEach(y),this.h()},h(){w(e,"href","./docs/components/autocomplete-option")},m(t,o){v(t,e,o),O(e,$),O($,n),O(n,r)},p:D,d(t){t&&y(e)}}}function vt(t){let e;return{c(){e=d("Svelte component")},l(t){e=E(t,"Svelte component")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Ot(t){let e,$,n,r,o,s,a,c,f,p,l,m,i,u,w,b,k;return{c(){e=d("The component used to render a suggestion in the list. "),$=g("br"),n=d(" Receives two props: the "),r=g("code"),o=d("option"),s=d(" object ("),a=g("code"),c=d("{ name, details }"),f=d(") and the current "),p=g("code"),l=d("query"),m=d(". "),i=g("br"),u=d(" Expected to dispatch "),w=g("code"),b=d("click"),k=d(" events on selection.")},l(t){e=E(t,"The component used to render a suggestion in the list. "),$=h(t,"BR",{}),n=E(t," Receives two props: the "),r=h(t,"CODE",{});var g=x(r);o=E(g,"option"),g.forEach(y),s=E(t," object ("),a=h(t,"CODE",{});var d=x(a);c=E(d,"{ name, details }"),d.forEach(y),f=E(t,") and the current "),p=h(t,"CODE",{});var v=x(p);l=E(v,"query"),v.forEach(y),m=E(t,". "),i=h(t,"BR",{}),u=E(t," Expected to dispatch "),w=h(t,"CODE",{});var O=x(w);b=E(O,"click"),O.forEach(y),k=E(t," events on selection.")},m(t,g){v(t,e,g),v(t,$,g),v(t,n,g),v(t,r,g),O(r,o),v(t,s,g),v(t,a,g),O(a,c),v(t,f,g),v(t,p,g),O(p,l),v(t,m,g),v(t,i,g),v(t,u,g),v(t,w,g),O(w,b),v(t,k,g)},p:D,d(t){t&&y(e),t&&y($),t&&y(n),t&&y(r),t&&y(s),t&&y(a),t&&y(f),t&&y(p),t&&y(m),t&&y(i),t&&y(u),t&&y(w),t&&y(k)}}}function Dt(t){let e,$,n,a,c,m,g,d;return e=new B({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t),m=u(t),o(g.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),v(t,m,r),s(g,t,r),d=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),d=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),d=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function bt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=d("disabled")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"disabled"),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function kt(t){let e,$;return{c(){e=g("code"),$=d("false")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"false"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function Ct(t){let e,$;return{c(){e=g("code"),$=d("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"boolean"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function Tt(t){let e;return{c(){e=d("Whether to disable the field.")},l(t){e=E(t,"Whether to disable the field.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function At(t){let e,$,n,a,c,m,g,d;return e=new B({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t),m=u(t),o(g.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),v(t,m,r),s(g,t,r),d=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),d=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),d=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function St(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=d("...")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"..."),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function Rt(t){let e,$;return{c(){e=g("code"),$=d("any")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"any"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function Ft(t){let e,$,n,r;return{c(){e=d("Everything else will be passed to the underlying "),$=g("code"),n=d("<AutocompleteField>"),r=d(" component.")},l(t){e=E(t,"Everything else will be passed to the underlying "),$=h(t,"CODE",{});var o=x($);n=E(o,"<AutocompleteField>"),o.forEach(y),r=E(t," component.")},m(t,o){v(t,e,o),v(t,$,o),O($,n),v(t,r,o)},p:D,d(t){t&&y(e),t&&y($),t&&y(r)}}}function jt(t){let e,$,n,a,c,m,g,d;return e=new B({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),n=new B({}),c=new B({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t),m=u(t),o(g.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),v(t,m,r),s(g,t,r),d=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),d=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),d=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function Nt(t){let e,$,n,a,c,m,d,E,w,D,b,k,C,T,A,S,R,F,j,N;return $=new G({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),d=new G({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),w=new G({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),b=new G({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),C=new G({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),A=new G({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),R=new G({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),j=new G({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=i(),a=g("tbody"),r(c.$$.fragment),m=i(),r(d.$$.fragment),E=i(),r(w.$$.fragment),D=i(),r(b.$$.fragment),k=i(),r(C.$$.fragment),T=i(),r(A.$$.fragment),S=i(),r(R.$$.fragment),F=i(),r(j.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);o($.$$.fragment,r),r.forEach(y),n=u(t),a=h(t,"TBODY",{});var s=x(a);o(c.$$.fragment,s),m=u(s),o(d.$$.fragment,s),E=u(s),o(w.$$.fragment,s),D=u(s),o(b.$$.fragment,s),k=u(s),o(C.$$.fragment,s),T=u(s),o(A.$$.fragment,s),S=u(s),o(R.$$.fragment,s),F=u(s),o(j.$$.fragment,s),s.forEach(y)},m(t,r){v(t,e,r),s($,e,null),v(t,n,r),v(t,a,r),s(c,a,null),O(a,m),s(d,a,null),O(a,E),s(w,a,null),O(a,D),s(b,a,null),O(a,k),s(C,a,null),O(a,T),s(A,a,null),O(a,S),s(R,a,null),O(a,F),s(j,a,null),N=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),d.$set(o);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),w.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),b.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),A.$set(p);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),R.$set(l);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),j.$set(m)},i(t){N||(f($.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),f(w.$$.fragment,t),f(b.$$.fragment,t),f(C.$$.fragment,t),f(A.$$.fragment,t),f(R.$$.fragment,t),f(j.$$.fragment,t),N=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),p(d.$$.fragment,t),p(w.$$.fragment,t),p(b.$$.fragment,t),p(C.$$.fragment,t),p(A.$$.fragment,t),p(R.$$.fragment,t),p(j.$$.fragment,t),N=!1},d(t){t&&y(e),l($),t&&y(n),t&&y(a),l(c),l(d),l(w),l(b),l(C),l(A),l(R),l(j)}}}function Gt(t){let e;return{c(){e=d("Class Properties")},l(t){e=E(t,"Class Properties")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Lt(t){let e,$,n,r,o,s,a;return{c(){e=d("All "),$=g("code"),n=d("<Autocomplete>"),r=d(" components use the "),o=g("code"),s=d(".autocomplete"),a=d(" class.")},l(t){e=E(t,"All "),$=h(t,"CODE",{});var c=x($);n=E(c,"<Autocomplete>"),c.forEach(y),r=E(t," components use the "),o=h(t,"CODE",{});var f=x(o);s=E(f,".autocomplete"),f.forEach(y),a=E(t," class.")},m(t,c){v(t,e,c),v(t,$,c),O($,n),v(t,r,c),v(t,o,c),O(o,s),v(t,a,c)},p:D,d(t){t&&y(e),t&&y($),t&&y(r),t&&y(o),t&&y(a)}}}function Bt(t){let e;return{c(){e=d("Falsy values passed to classes will be disregarded.")},l(t){e=E(t,"Falsy values passed to classes will be disregarded.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Mt(t){let e;return{c(){e=d("Name")},l(t){e=E(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function qt(t){let e;return{c(){e=d("Default")},l(t){e=E(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Pt(t){let e;return{c(){e=d("Type")},l(t){e=E(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Ht(t){let e;return{c(){e=d("Description")},l(t){e=E(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Kt(t){let e,$,n,a,c,m,g,d;return e=new L({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),n=new L({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),g=new L({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t),m=u(t),o(g.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),v(t,m,r),s(g,t,r),d=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),d=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),d=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function zt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=d("class")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"class"),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function It(t){let e,$;return{c(){e=g("code"),$=d("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"null"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function Vt(t){let e,$;return{c(){e=g("code"),$=d("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"string"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function Wt(t){let e;return{c(){e=d("A class string to add to the component.")},l(t){e=E(t,"A class string to add to the component.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Xt(t){let e,$,n,a,c,m,g,d;return e=new B({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t),m=u(t),o(g.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),v(t,m,r),s(g,t,r),d=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),d=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),d=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function Yt(t){let e,$,n,a,c,m;return $=new G({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=i(),a=g("tbody"),r(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);o($.$$.fragment,r),r.forEach(y),n=u(t),a=h(t,"TBODY",{});var s=x(a);o(c.$$.fragment,s),s.forEach(y)},m(t,r){v(t,e,r),s($,e,null),v(t,n,r),v(t,a,r),s(c,a,null),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r)},i(t){m||(f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&y(e),l($),t&&y(n),t&&y(a),l(c)}}}function Ut(t){let e;return{c(){e=d("Events")},l(t){e=E(t,"Events")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Qt(t){let e;return{c(){e=d("Name")},l(t){e=E(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Jt(t){let e;return{c(){e=d("Event Detail")},l(t){e=E(t,"Event Detail")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Zt(t){let e;return{c(){e=d("Description")},l(t){e=E(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function _t(t){let e,$,n,a,c,m;return e=new L({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),n=new L({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function te(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=d("change")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"change"),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function ee(t){let e,$;return{c(){e=g("code"),$=d("{ value }")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"{ value }"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function $e(t){let e,$,n,r;return{c(){e=d("Fired when the selection changes. The "),$=g("code"),n=d("value"),r=d(" contains the selection array.")},l(t){e=E(t,"Fired when the selection changes. The "),$=h(t,"CODE",{});var o=x($);n=E(o,"value"),o.forEach(y),r=E(t," contains the selection array.")},m(t,o){v(t,e,o),v(t,$,o),O($,n),v(t,r,o)},p:D,d(t){t&&y(e),t&&y($),t&&y(r)}}}function ne(t){let e,$,n,a,c,m;return e=new B({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function re(t){let e,$,n,a,c,m;return $=new G({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=i(),a=g("tbody"),r(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);o($.$$.fragment,r),r.forEach(y),n=u(t),a=h(t,"TBODY",{});var s=x(a);o(c.$$.fragment,s),s.forEach(y)},m(t,r){v(t,e,r),s($,e,null),v(t,n,r),v(t,a,r),s(c,a,null),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r)},i(t){m||(f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&y(e),l($),t&&y(n),t&&y(a),l(c)}}}function oe(t){let e;return{c(){e=d("Slots")},l(t){e=E(t,"Slots")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function se(t){let e,$,n,r,o,s;return{c(){e=d("All slots of "),$=g("a"),n=g("mark"),r=g("code"),o=d("AutocompleteField"),s=d(" are available here with the same names."),this.h()},l(t){e=E(t,"All slots of "),$=h(t,"A",{href:!0});var a=x($);n=h(a,"MARK",{});var c=x(n);r=h(c,"CODE",{});var f=x(r);o=E(f,"AutocompleteField"),f.forEach(y),c.forEach(y),a.forEach(y),s=E(t," are available here with the same names."),this.h()},h(){w($,"href","./docs/components/autocomplete-field#slots")},m(t,a){v(t,e,a),v(t,$,a),O($,n),O(n,r),O(r,o),v(t,s,a)},p:D,d(t){t&&y(e),t&&y($),t&&y(s)}}}function ae(t){let e;return{c(){e=d("SCSS Variables")},l(t){e=E(t,"SCSS Variables")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function ce(t){let e;return{c(){e=d("Name")},l(t){e=E(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function fe(t){let e;return{c(){e=d("Description")},l(t){e=E(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function pe(t){let e;return{c(){e=d("Default")},l(t){e=E(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function le(t){let e,$,n,a,c,m;return e=new L({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),n=new L({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function me(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=d("$main")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"$main"),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function ie(t){let e;return{c(){e=d("The bottom border color of the selected text field and the highlight color in options.")},l(t){e=E(t,"The bottom border color of the selected text field and the highlight color in options.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function ge(t){let e,$;return e=new S({props:{value:"#4300B0"}}),{c(){r(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function de(t){let e,$,n,a,c,m;return e=new B({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function ue(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=d("$font")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"$font"),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function he(t){let e;return{c(){e=d("The font of the text field's content and the options.")},l(t){e=E(t,"The font of the text field's content and the options.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function xe(t){let e,$;return{c(){e=g("code"),$=d("'Ubuntu'")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"'Ubuntu'"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function Ee(t){let e,$,n,a,c,m;return e=new B({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function ye(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=d("$textfield-border")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"$textfield-border"),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function we(t){let e;return{c(){e=d("The bottom border color of the unselected text field.")},l(t){e=E(t,"The bottom border color of the unselected text field.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function ve(t){let e,$;return e=new S({props:{value:"rgba(0, 0, 0, .42)"}}),{c(){r(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function Oe(t){let e,$,n,a,c,m;return e=new B({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function De(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=d("$textfield-bg")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var o=x($);n=E(o,"$textfield-bg"),o.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),O(e,$),O($,n)},p:D,d(t){t&&y(e)}}}function be(t){let e;return{c(){e=d("The background color of the text field.")},l(t){e=E(t,"The background color of the text field.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function ke(t){let e,$;return e=new S({props:{value:"#F5F5F5",bordered:!0}}),{c(){r(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function Ce(t){let e,$,n,a,c,m;return e=new B({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function Te(t){let e,$,n,r,o,s,a,c,f;return{c(){e=g("strong"),$=g("code"),n=d("$light-contrast"),r=i(),o=g("small"),s=d("From "),a=g("a"),c=g("code"),f=d("AutocompleteField"),this.h()},l(t){e=h(t,"STRONG",{});var p=x(e);$=h(p,"CODE",{});var l=x($);n=E(l,"$light-contrast"),l.forEach(y),p.forEach(y),r=u(t),o=h(t,"SMALL",{});var m=x(o);s=E(m,"From "),a=h(m,"A",{href:!0});var i=x(a);c=h(i,"CODE",{});var g=x(c);f=E(g,"AutocompleteField"),g.forEach(y),i.forEach(y),m.forEach(y),this.h()},h(){w(a,"href","./docs/components/autocomplete-field")},m(t,p){v(t,e,p),O(e,$),O($,n),v(t,r,p),v(t,o,p),O(o,s),O(o,a),O(a,c),O(c,f)},p:D,d(t){t&&y(e),t&&y(r),t&&y(o)}}}function Ae(t){let e;return{c(){e=d("The color of the scrollbar on WebKit browsers.")},l(t){e=E(t,"The color of the scrollbar on WebKit browsers.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Se(t){let e,$;return e=new S({props:{value:"#DDDDDD"}}),{c(){r(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function Re(t){let e,$,n,a,c,m;return e=new B({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function Fe(t){let e,$,n,r,o,s,a,c,f;return{c(){e=g("strong"),$=g("code"),n=d("$thin-font-weight"),r=i(),o=g("small"),s=d("From "),a=g("a"),c=g("code"),f=d("AutocompleteField"),this.h()},l(t){e=h(t,"STRONG",{});var p=x(e);$=h(p,"CODE",{});var l=x($);n=E(l,"$thin-font-weight"),l.forEach(y),p.forEach(y),r=u(t),o=h(t,"SMALL",{});var m=x(o);s=E(m,"From "),a=h(m,"A",{href:!0});var i=x(a);c=h(i,"CODE",{});var g=x(c);f=E(g,"AutocompleteField"),g.forEach(y),i.forEach(y),m.forEach(y),this.h()},h(){w(a,"href","./docs/components/autocomplete-field")},m(t,p){v(t,e,p),O(e,$),O($,n),v(t,r,p),v(t,o,p),O(o,s),O(o,a),O(a,c),O(c,f)},p:D,d(t){t&&y(e),t&&y(r),t&&y(o)}}}function je(t){let e;return{c(){e=d("The thin font weight of the status messages like 'type X characters to search'.")},l(t){e=E(t,"The thin font weight of the status messages like 'type X characters to search'.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Ne(t){let e,$;return{c(){e=g("code"),$=d("300")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"300"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function Ge(t){let e,$,n,a,c,m;return e=new B({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function Le(t){let e,$,n,r,o,s,a,c,f;return{c(){e=g("strong"),$=g("code"),n=d("$bold-font-weight"),r=i(),o=g("small"),s=d("From "),a=g("a"),c=g("code"),f=d("AutocompleteOption"),this.h()},l(t){e=h(t,"STRONG",{});var p=x(e);$=h(p,"CODE",{});var l=x($);n=E(l,"$bold-font-weight"),l.forEach(y),p.forEach(y),r=u(t),o=h(t,"SMALL",{});var m=x(o);s=E(m,"From "),a=h(m,"A",{href:!0});var i=x(a);c=h(i,"CODE",{});var g=x(c);f=E(g,"AutocompleteOption"),g.forEach(y),i.forEach(y),m.forEach(y),this.h()},h(){w(a,"href","./docs/components/autocomplete-option")},m(t,p){v(t,e,p),O(e,$),O($,n),v(t,r,p),v(t,o,p),O(o,s),O(o,a),O(a,c),O(c,f)},p:D,d(t){t&&y(e),t&&y(r),t&&y(o)}}}function Be(t){let e;return{c(){e=d("The bold font weight to emphasize the highight in the options.")},l(t){e=E(t,"The bold font weight to emphasize the highight in the options.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Me(t){let e,$;return{c(){e=g("code"),$=d("500")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"500"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function qe(t){let e,$,n,a,c,m;return e=new B({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function Pe(t){let e,$,n,r,o,s,a,c,f;return{c(){e=g("strong"),$=g("code"),n=d("$chip-bg"),r=i(),o=g("small"),s=d("From "),a=g("a"),c=g("code"),f=d("Chip"),this.h()},l(t){e=h(t,"STRONG",{});var p=x(e);$=h(p,"CODE",{});var l=x($);n=E(l,"$chip-bg"),l.forEach(y),p.forEach(y),r=u(t),o=h(t,"SMALL",{});var m=x(o);s=E(m,"From "),a=h(m,"A",{href:!0});var i=x(a);c=h(i,"CODE",{});var g=x(c);f=E(g,"Chip"),g.forEach(y),i.forEach(y),m.forEach(y),this.h()},h(){w(a,"href","./docs/components/chip")},m(t,p){v(t,e,p),O(e,$),O($,n),v(t,r,p),v(t,o,p),O(o,s),O(o,a),O(a,c),O(c,f)},p:D,d(t){t&&y(e),t&&y(r),t&&y(o)}}}function He(t){let e;return{c(){e=d("The background color of a non-outline chip.")},l(t){e=E(t,"The background color of a non-outline chip.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Ke(t){let e,$;return e=new S({props:{value:"rgba(0, 0, 0, .08)"}}),{c(){r(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function ze(t){let e,$,n,a,c,m;return e=new B({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function Ie(t){let e,$,n,r,o,s,a,c,f;return{c(){e=g("strong"),$=g("code"),n=d("$chip-fg"),r=i(),o=g("small"),s=d("From "),a=g("a"),c=g("code"),f=d("Chip"),this.h()},l(t){e=h(t,"STRONG",{});var p=x(e);$=h(p,"CODE",{});var l=x($);n=E(l,"$chip-fg"),l.forEach(y),p.forEach(y),r=u(t),o=h(t,"SMALL",{});var m=x(o);s=E(m,"From "),a=h(m,"A",{href:!0});var i=x(a);c=h(i,"CODE",{});var g=x(c);f=E(g,"Chip"),g.forEach(y),i.forEach(y),m.forEach(y),this.h()},h(){w(a,"href","./docs/components/chip")},m(t,p){v(t,e,p),O(e,$),O($,n),v(t,r,p),v(t,o,p),O(o,s),O(o,a),O(a,c),O(c,f)},p:D,d(t){t&&y(e),t&&y(r),t&&y(o)}}}function Ve(t){let e;return{c(){e=d("The text color of a chip.")},l(t){e=E(t,"The text color of a chip.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function We(t){let e,$;return e=new S({props:{value:"#656565"}}),{c(){r(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function Xe(t){let e,$,n,a,c,m;return e=new B({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function Ye(t){let e,$,n,r,o,s,a,c,f;return{c(){e=g("strong"),$=g("code"),n=d("$chip-radius"),r=i(),o=g("small"),s=d("From "),a=g("a"),c=g("code"),f=d("Chip"),this.h()},l(t){e=h(t,"STRONG",{});var p=x(e);$=h(p,"CODE",{});var l=x($);n=E(l,"$chip-radius"),l.forEach(y),p.forEach(y),r=u(t),o=h(t,"SMALL",{});var m=x(o);s=E(m,"From "),a=h(m,"A",{href:!0});var i=x(a);c=h(i,"CODE",{});var g=x(c);f=E(g,"Chip"),g.forEach(y),i.forEach(y),m.forEach(y),this.h()},h(){w(a,"href","./docs/components/chip")},m(t,p){v(t,e,p),O(e,$),O($,n),v(t,r,p),v(t,o,p),O(o,s),O(o,a),O(a,c),O(c,f)},p:D,d(t){t&&y(e),t&&y(r),t&&y(o)}}}function Ue(t){let e;return{c(){e=d("The curvature radius of a chip.")},l(t){e=E(t,"The curvature radius of a chip.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Qe(t){let e,$;return{c(){e=g("code"),$=d("1.5625em")},l(t){e=h(t,"CODE",{});var n=x(e);$=E(n,"1.5625em"),n.forEach(y)},m(t,n){v(t,e,n),O(e,$)},p:D,d(t){t&&y(e)}}}function Je(t){let e,$,n,a,c,m;return e=new B({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Qe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function Ze(t){let e,$,n,r,o,s,a,c,f;return{c(){e=g("strong"),$=g("code"),n=d("$dark"),r=i(),o=g("small"),s=d("From "),a=g("a"),c=g("code"),f=d("Button"),this.h()},l(t){e=h(t,"STRONG",{});var p=x(e);$=h(p,"CODE",{});var l=x($);n=E(l,"$dark"),l.forEach(y),p.forEach(y),r=u(t),o=h(t,"SMALL",{});var m=x(o);s=E(m,"From "),a=h(m,"A",{href:!0});var i=x(a);c=h(i,"CODE",{});var g=x(c);f=E(g,"Button"),g.forEach(y),i.forEach(y),m.forEach(y),this.h()},h(){w(a,"href","./docs/components/button")},m(t,p){v(t,e,p),O(e,$),O($,n),v(t,r,p),v(t,o,p),O(o,s),O(o,a),O(a,c),O(c,f)},p:D,d(t){t&&y(e),t&&y(r),t&&y(o)}}}function _e(t){let e;return{c(){e=d("The color of the Xs on the option chips.")},l(t){e=E(t,"The color of the Xs on the option chips.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function t$(t){let e,$;return e=new S({props:{value:"#333333"}}),{c(){r(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function e$(t){let e,$,n,a,c,m;return e=new B({props:{$$slots:{default:[Ze]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function $$(t){let e,$,n,a,c,m,d,E,w,D,b,k,C,T,A,S,R,F,j,N,L,B,M,q,P,H;return $=new G({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),d=new G({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),w=new G({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),b=new G({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),C=new G({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),A=new G({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),R=new G({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),j=new G({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),L=new G({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),M=new G({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),P=new G({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=i(),a=g("tbody"),r(c.$$.fragment),m=i(),r(d.$$.fragment),E=i(),r(w.$$.fragment),D=i(),r(b.$$.fragment),k=i(),r(C.$$.fragment),T=i(),r(A.$$.fragment),S=i(),r(R.$$.fragment),F=i(),r(j.$$.fragment),N=i(),r(L.$$.fragment),B=i(),r(M.$$.fragment),q=i(),r(P.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);o($.$$.fragment,r),r.forEach(y),n=u(t),a=h(t,"TBODY",{});var s=x(a);o(c.$$.fragment,s),m=u(s),o(d.$$.fragment,s),E=u(s),o(w.$$.fragment,s),D=u(s),o(b.$$.fragment,s),k=u(s),o(C.$$.fragment,s),T=u(s),o(A.$$.fragment,s),S=u(s),o(R.$$.fragment,s),F=u(s),o(j.$$.fragment,s),N=u(s),o(L.$$.fragment,s),B=u(s),o(M.$$.fragment,s),q=u(s),o(P.$$.fragment,s),s.forEach(y)},m(t,r){v(t,e,r),s($,e,null),v(t,n,r),v(t,a,r),s(c,a,null),O(a,m),s(d,a,null),O(a,E),s(w,a,null),O(a,D),s(b,a,null),O(a,k),s(C,a,null),O(a,T),s(A,a,null),O(a,S),s(R,a,null),O(a,F),s(j,a,null),O(a,N),s(L,a,null),O(a,B),s(M,a,null),O(a,q),s(P,a,null),H=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),d.$set(o);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),w.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),b.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),A.$set(p);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),R.$set(l);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),j.$set(m);const i={};2&e&&(i.$$scope={dirty:e,ctx:t}),L.$set(i);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),M.$set(g);const u={};2&e&&(u.$$scope={dirty:e,ctx:t}),P.$set(u)},i(t){H||(f($.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),f(w.$$.fragment,t),f(b.$$.fragment,t),f(C.$$.fragment,t),f(A.$$.fragment,t),f(R.$$.fragment,t),f(j.$$.fragment,t),f(L.$$.fragment,t),f(M.$$.fragment,t),f(P.$$.fragment,t),H=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),p(d.$$.fragment,t),p(w.$$.fragment,t),p(b.$$.fragment,t),p(C.$$.fragment,t),p(A.$$.fragment,t),p(R.$$.fragment,t),p(j.$$.fragment,t),p(L.$$.fragment,t),p(M.$$.fragment,t),p(P.$$.fragment,t),H=!1},d(t){t&&y(e),l($),t&&y(n),t&&y(a),l(c),l(d),l(w),l(b),l(C),l(A),l(R),l(j),l(L),l(M),l(P)}}}function n$(t){let e,$,n,a,c,m,D,b,T,S,G,L,B,V,W,X,Y,U,Q,J,Z,_,tt,et,$t,nt,rt,ot,st,at,ct,ft,pt,lt,mt,it,gt,dt,ut;return e=new k({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),n=new C({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),c=new C({props:{$$slots:{default:[P]},$$scope:{ctx:t}}}),D=new R({props:{components:a$}}),T=new A({props:{$$slots:{source:[K],showcase:[H]},$$scope:{ctx:t}}}),G=new F({props:{id:"properties",$$slots:{default:[z]},$$scope:{ctx:t}}}),B=new j({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),W=new N({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),J=new j({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),_=new C({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),et=new C({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),nt=new N({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),ot=new F({props:{id:"events",$$slots:{default:[Ut]},$$scope:{ctx:t}}}),at=new N({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),ft=new F({props:{id:"slots",$$slots:{default:[oe]},$$scope:{ctx:t}}}),lt=new C({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),it=new F({props:{id:"scss-variables",$$slots:{default:[ae]},$$scope:{ctx:t}}}),dt=new N({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(D.$$.fragment),b=i(),r(T.$$.fragment),S=i(),r(G.$$.fragment),L=i(),r(B.$$.fragment),V=i(),r(W.$$.fragment),X=i(),Y=g("div"),U=d("* Required"),Q=i(),r(J.$$.fragment),Z=i(),r(_.$$.fragment),tt=i(),r(et.$$.fragment),$t=i(),r(nt.$$.fragment),rt=i(),r(ot.$$.fragment),st=i(),r(at.$$.fragment),ct=i(),r(ft.$$.fragment),pt=i(),r(lt.$$.fragment),mt=i(),r(it.$$.fragment),gt=i(),r(dt.$$.fragment),this.h()},l(t){o(e.$$.fragment,t),$=u(t),o(n.$$.fragment,t),a=u(t),o(c.$$.fragment,t),m=u(t),o(D.$$.fragment,t),b=u(t),o(T.$$.fragment,t),S=u(t),o(G.$$.fragment,t),L=u(t),o(B.$$.fragment,t),V=u(t),o(W.$$.fragment,t),X=u(t),Y=h(t,"DIV",{class:!0});var r=x(Y);U=E(r,"* Required"),r.forEach(y),Q=u(t),o(J.$$.fragment,t),Z=u(t),o(_.$$.fragment,t),tt=u(t),o(et.$$.fragment,t),$t=u(t),o(nt.$$.fragment,t),rt=u(t),o(ot.$$.fragment,t),st=u(t),o(at.$$.fragment,t),ct=u(t),o(ft.$$.fragment,t),pt=u(t),o(lt.$$.fragment,t),mt=u(t),o(it.$$.fragment,t),gt=u(t),o(dt.$$.fragment,t),this.h()},h(){w(Y,"class","required")},m(t,r){s(e,t,r),v(t,$,r),s(n,t,r),v(t,a,r),s(c,t,r),v(t,m,r),s(D,t,r),v(t,b,r),s(T,t,r),v(t,S,r),s(G,t,r),v(t,L,r),s(B,t,r),v(t,V,r),s(W,t,r),v(t,X,r),v(t,Y,r),O(Y,U),v(t,Q,r),s(J,t,r),v(t,Z,r),s(_,t,r),v(t,tt,r),s(et,t,r),v(t,$t,r),s(nt,t,r),v(t,rt,r),s(ot,t,r),v(t,st,r),s(at,t,r),v(t,ct,r),s(ft,t,r),v(t,pt,r),s(lt,t,r),v(t,mt,r),s(it,t,r),v(t,gt,r),s(dt,t,r),ut=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),T.$set(a);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),G.$set(f);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),B.$set(p);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),W.$set(l);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),J.$set(m);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),_.$set(i);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),et.$set(g);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),nt.$set(d);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),ot.$set(u);const h={};2&$&&(h.$$scope={dirty:$,ctx:t}),at.$set(h);const x={};2&$&&(x.$$scope={dirty:$,ctx:t}),ft.$set(x);const E={};2&$&&(E.$$scope={dirty:$,ctx:t}),lt.$set(E);const y={};2&$&&(y.$$scope={dirty:$,ctx:t}),it.$set(y);const w={};2&$&&(w.$$scope={dirty:$,ctx:t}),dt.$set(w)},i(t){ut||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(D.$$.fragment,t),f(T.$$.fragment,t),f(G.$$.fragment,t),f(B.$$.fragment,t),f(W.$$.fragment,t),f(J.$$.fragment,t),f(_.$$.fragment,t),f(et.$$.fragment,t),f(nt.$$.fragment,t),f(ot.$$.fragment,t),f(at.$$.fragment,t),f(ft.$$.fragment,t),f(lt.$$.fragment,t),f(it.$$.fragment,t),f(dt.$$.fragment,t),ut=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(D.$$.fragment,t),p(T.$$.fragment,t),p(G.$$.fragment,t),p(B.$$.fragment,t),p(W.$$.fragment,t),p(J.$$.fragment,t),p(_.$$.fragment,t),p(et.$$.fragment,t),p(nt.$$.fragment,t),p(ot.$$.fragment,t),p(at.$$.fragment,t),p(ft.$$.fragment,t),p(lt.$$.fragment,t),p(it.$$.fragment,t),p(dt.$$.fragment,t),ut=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(D,t),t&&y(b),l(T,t),t&&y(S),l(G,t),t&&y(L),l(B,t),t&&y(V),l(W,t),t&&y(X),t&&y(Y),t&&y(Q),l(J,t),t&&y(Z),l(_,t),t&&y(tt),l(et,t),t&&y($t),l(nt,t),t&&y(rt),l(ot,t),t&&y(st),l(at,t),t&&y(ct),l(ft,t),t&&y(pt),l(lt,t),t&&y(mt),l(it,t),t&&y(gt),l(dt,t)}}}function r$(t){let e,$;const m=[t[0],o$];let i={$$slots:{default:[n$]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=n(i,m[t]);return e=new b({props:i}),{c(){r(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p(t,[$]){const n=1&$?a(m,[1&$&&c(t[0]),0&$&&c(o$)]):{};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}const o$={name:"Autocomplete",relatedComponents:[{name:"AutocompleteField",link:"./docs/components/autocomplete-field"},{name:"AutocompleteOption",link:"./docs/components/autocomplete-option"}]},{name:s$,relatedComponents:a$}=o$;async function*c$(t){var e;await(e=1e3,new Promise((t=>setTimeout(t,e)))),yield[{name:t,details:"Optional"},{name:`it highlights the match: ${t}`}]}function f$(t,e,$){return t.$$set=t=>{$(0,e=n(n({},e),m(t)))},[e=m(e)]}class p$ extends t{constructor(t){super(),e(this,t,f$,r$,$,{})}}export{p$ as default,o$ as metadata};
diff --git a/376/client/legacy/badge-bdbb1862.css b/376/client/legacy/badge-bdbb1862.css
new file mode 100644
index 000000000..46c7096ec
--- /dev/null
+++ b/376/client/legacy/badge-bdbb1862.css
@@ -0,0 +1 @@
+.badge.svelte-15lz037{position:relative}.badge.svelte-15lz037::after{background-color:#ff5757;border-radius:50%;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);content:"";height:0.625em;position:absolute;right:-0.125em;top:-0.1875em;width:0.625em}.badge.hidden.svelte-15lz037::after{display:none}.badge.svelte-15lz037 .icon{display:block}
diff --git a/376/client/legacy/badge.db27abda.js b/376/client/legacy/badge.db27abda.js
new file mode 100644
index 000000000..9235e26e4
--- /dev/null
+++ b/376/client/legacy/badge.db27abda.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,a as s,c as a,b as $,d as o,e as r,f as c,g as p,n as l,K as f,j as m,l as i,m as d,U as g,a0 as u,t as h,p as x,q as k,L as w,u as y,h as v,v as b,w as E,k as D,x as T}from"./client.583c6e60.js";import{L as B,H as j,P as O}from"./layout.47c81311.js";import{B as C}from"./button.863c0adf.js";import{B as S}from"./badge.fb655f64.js";import{S as A}from"./showcase.759e7149.js";import{C as N}from"./color-preview.9db6af61.js";import{S as R}from"./shadow-preview.487038f8.js";import{H}from"./h2.0da05151.js";import{H as P}from"./h3.c9a49f62.js";import{T as z,a as F,b as M,c as W}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./popover.3a24cfa5.js";function G(t){let e,n,f,m;return{c(){e=s("svg"),n=s("path"),f=s("path"),this.h()},l(t){e=a(t,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var s=$(e);n=a(s,"path",{d:!0}),$(n).forEach(o),f=a(s,"path",{d:!0}),$(f).forEach(o),s.forEach(o),this.h()},h(){r(n,"d","M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"),r(f,"d","M13.73 21a2 2 0 0 1-3.46 0"),r(e,"xmlns","http://www.w3.org/2000/svg"),r(e,"width",t[0]),r(e,"height",t[0]),r(e,"fill","none"),r(e,"viewBox","0 0 24 24"),r(e,"stroke","currentColor"),r(e,"stroke-width",t[1]),r(e,"stroke-linecap","round"),r(e,"stroke-linejoin","round"),r(e,"class",m="feather feather-bell "+t[2])},m(t,s){c(t,e,s),p(e,n),p(e,f)},p(t,n){let[s]=n;1&s&&r(e,"width",t[0]),1&s&&r(e,"height",t[0]),2&s&&r(e,"stroke-width",t[1]),4&s&&m!==(m="feather feather-bell "+t[2])&&r(e,"class",m)},i:l,o:l,d(t){t&&o(e)}}}function I(t,e,n){let{size:s="100%"}=e,{strokeWidth:a=2}=e,{class:$=""}=e;return"100%"!==s&&(s="x"===s.slice(-1)?s.slice(0,s.length-1)+"em":parseInt(s)+"px"),t.$$set=t=>{"size"in t&&n(0,s=t.size),"strokeWidth"in t&&n(1,a=t.strokeWidth),"class"in t&&n(2,$=t.class)},[s,a,$]}class V extends t{constructor(t){super(),e(this,t,I,G,n,{size:0,strokeWidth:1,class:2})}}function L(t){let e;return{c(){e=b("Badge")},l(t){e=T(t,"Badge")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function U(t){let e;return{c(){e=b("A distinctive colored circle to bring attention to an element.")},l(t){e=T(t,"A distinctive colored circle to bring attention to an element.")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function Y(t){let e;return{c(){e=b("used on some text")},l(t){e=T(t,"used on some text")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function K(t){let e,n;return e=new V({props:{size:"20",class:"icon"}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,s){d(e,t,s),n=!0},p:l,i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){x(e.$$.fragment,t),n=!1},d(t){k(e,t)}}}function q(t){let e,n;return e=new S({props:{hidden:t[0],$$slots:{default:[K]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,s){d(e,t,s),n=!0},p(t,n){const s={};1&n&&(s.hidden=t[0]),8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){x(e.$$.fragment,t),n=!1},d(t){k(e,t)}}}function J(t){let e,n,s,a,l;return n=new S({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),a=new C({props:{round:!0,$$slots:{default:[q]},$$scope:{ctx:t}}}),a.$on("click",t[2]),{c(){e=v("div"),m(n.$$.fragment),s=y(),m(a.$$.fragment),this.h()},l(t){e=D(t,"DIV",{slot:!0,class:!0});var r=$(e);i(n.$$.fragment,r),s=E(r),i(a.$$.fragment,r),r.forEach(o),this.h()},h(){r(e,"slot","showcase"),r(e,"class","padded")},m(t,$){c(t,e,$),d(n,e,null),p(e,s),d(a,e,null),l=!0},p(t,e){const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};9&e&&($.$$scope={dirty:e,ctx:t}),a.$set($)},i(t){l||(h(n.$$.fragment,t),h(a.$$.fragment,t),l=!0)},o(t){x(n.$$.fragment,t),x(a.$$.fragment,t),l=!1},d(t){t&&o(e),k(n),k(a)}}}function Q(t){let e,n;return{c(){e=v("div"),n=v("pre"),this.h()},l(t){e=D(t,"DIV",{slot:!0});var s=$(e);n=D(s,"PRE",{class:!0}),$(n).forEach(o),s.forEach(o),this.h()},h(){r(n,"class","language-svelte"),r(e,"slot","source")},m(t,s){c(t,e,s),p(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">let</span> hidden <span class="token operator">=</span> <span class="token boolean">false</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Badge</span><span class="token punctuation">></span></span>used on some text<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Badge</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">round</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> hidden <span class="token operator">=</span> <span class="token operator">!</span>hidden<span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Badge</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>hidden<span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>BellIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>20<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>icon<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Badge</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span></code>'},p:l,d(t){t&&o(e)}}}function X(t){let e;return{c(){e=b("Properties")},l(t){e=T(t,"Properties")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function Z(t){let e;return{c(){e=b("Functional Properties")},l(t){e=T(t,"Functional Properties")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function _(t){let e;return{c(){e=b("Name")},l(t){e=T(t,"Name")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function tt(t){let e;return{c(){e=b("Default")},l(t){e=T(t,"Default")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function et(t){let e;return{c(){e=b("Type")},l(t){e=T(t,"Type")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function nt(t){let e;return{c(){e=b("Description")},l(t){e=T(t,"Description")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function st(t){let e,n,s,a,$,r,p,l;return e=new M({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),p=new M({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=y(),m(s.$$.fragment),a=y(),m($.$$.fragment),r=y(),m(p.$$.fragment)},l(t){i(e.$$.fragment,t),n=E(t),i(s.$$.fragment,t),a=E(t),i($.$$.fragment,t),r=E(t),i(p.$$.fragment,t)},m(t,o){d(e,t,o),c(t,n,o),d(s,t,o),c(t,a,o),d($,t,o),c(t,r,o),d(p,t,o),l=!0},p(t,n){const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),s.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),p.$set(c)},i(t){l||(h(e.$$.fragment,t),h(s.$$.fragment,t),h($.$$.fragment,t),h(p.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(s.$$.fragment,t),x($.$$.fragment,t),x(p.$$.fragment,t),l=!1},d(t){k(e,t),t&&o(n),k(s,t),t&&o(a),k($,t),t&&o(r),k(p,t)}}}function at(t){let e,n,s;return{c(){e=v("strong"),n=v("code"),s=b("hidden")},l(t){e=D(t,"STRONG",{});var a=$(e);n=D(a,"CODE",{});var r=$(n);s=T(r,"hidden"),r.forEach(o),a.forEach(o)},m(t,a){c(t,e,a),p(e,n),p(n,s)},p:l,d(t){t&&o(e)}}}function $t(t){let e,n;return{c(){e=v("code"),n=b("false")},l(t){e=D(t,"CODE",{});var s=$(e);n=T(s,"false"),s.forEach(o)},m(t,s){c(t,e,s),p(e,n)},p:l,d(t){t&&o(e)}}}function ot(t){let e,n;return{c(){e=v("code"),n=b("boolean")},l(t){e=D(t,"CODE",{});var s=$(e);n=T(s,"boolean"),s.forEach(o)},m(t,s){c(t,e,s),p(e,n)},p:l,d(t){t&&o(e)}}}function rt(t){let e;return{c(){e=b("Whether the badge is shown or hidden. Useful for controlling its appearance without modifying the DOM tree.")},l(t){e=T(t,"Whether the badge is shown or hidden. Useful for controlling its appearance without modifying the DOM tree.")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function ct(t){let e,n,s,a,$,r,p,l;return e=new W({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),s=new W({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),$=new W({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),p=new W({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=y(),m(s.$$.fragment),a=y(),m($.$$.fragment),r=y(),m(p.$$.fragment)},l(t){i(e.$$.fragment,t),n=E(t),i(s.$$.fragment,t),a=E(t),i($.$$.fragment,t),r=E(t),i(p.$$.fragment,t)},m(t,o){d(e,t,o),c(t,n,o),d(s,t,o),c(t,a,o),d($,t,o),c(t,r,o),d(p,t,o),l=!0},p(t,n){const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),s.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),p.$set(c)},i(t){l||(h(e.$$.fragment,t),h(s.$$.fragment,t),h($.$$.fragment,t),h(p.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(s.$$.fragment,t),x($.$$.fragment,t),x(p.$$.fragment,t),l=!1},d(t){k(e,t),t&&o(n),k(s,t),t&&o(a),k($,t),t&&o(r),k(p,t)}}}function pt(t){let e,n,s,a,r,p;return n=new F({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),r=new F({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),{c(){e=v("thead"),m(n.$$.fragment),s=y(),a=v("tbody"),m(r.$$.fragment)},l(t){e=D(t,"THEAD",{});var c=$(e);i(n.$$.fragment,c),c.forEach(o),s=E(t),a=D(t,"TBODY",{});var p=$(a);i(r.$$.fragment,p),p.forEach(o)},m(t,$){c(t,e,$),d(n,e,null),c(t,s,$),c(t,a,$),d(r,a,null),p=!0},p(t,e){const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),r.$set(a)},i(t){p||(h(n.$$.fragment,t),h(r.$$.fragment,t),p=!0)},o(t){x(n.$$.fragment,t),x(r.$$.fragment,t),p=!1},d(t){t&&o(e),k(n),t&&o(s),t&&o(a),k(r)}}}function lt(t){let e;return{c(){e=b("Class Properties")},l(t){e=T(t,"Class Properties")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function ft(t){let e,n,s,a,r,f,m;return{c(){e=b("All "),n=v("code"),s=b("<Badge>"),a=b(" components use the "),r=v("code"),f=b(".badge"),m=b(" class.")},l(t){e=T(t,"All "),n=D(t,"CODE",{});var c=$(n);s=T(c,"<Badge>"),c.forEach(o),a=T(t," components use the "),r=D(t,"CODE",{});var p=$(r);f=T(p,".badge"),p.forEach(o),m=T(t," class.")},m(t,$){c(t,e,$),c(t,n,$),p(n,s),c(t,a,$),c(t,r,$),p(r,f),c(t,m,$)},p:l,d(t){t&&o(e),t&&o(n),t&&o(a),t&&o(r),t&&o(m)}}}function mt(t){let e;return{c(){e=b("Falsy values passed to classes will be disregarded.")},l(t){e=T(t,"Falsy values passed to classes will be disregarded.")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function it(t){let e;return{c(){e=b("Name")},l(t){e=T(t,"Name")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function dt(t){let e;return{c(){e=b("Default")},l(t){e=T(t,"Default")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function gt(t){let e;return{c(){e=b("Type")},l(t){e=T(t,"Type")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function ut(t){let e;return{c(){e=b("Description")},l(t){e=T(t,"Description")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function ht(t){let e,n,s,a,$,r,p,l;return e=new M({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),p=new M({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=y(),m(s.$$.fragment),a=y(),m($.$$.fragment),r=y(),m(p.$$.fragment)},l(t){i(e.$$.fragment,t),n=E(t),i(s.$$.fragment,t),a=E(t),i($.$$.fragment,t),r=E(t),i(p.$$.fragment,t)},m(t,o){d(e,t,o),c(t,n,o),d(s,t,o),c(t,a,o),d($,t,o),c(t,r,o),d(p,t,o),l=!0},p(t,n){const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),s.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),p.$set(c)},i(t){l||(h(e.$$.fragment,t),h(s.$$.fragment,t),h($.$$.fragment,t),h(p.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(s.$$.fragment,t),x($.$$.fragment,t),x(p.$$.fragment,t),l=!1},d(t){k(e,t),t&&o(n),k(s,t),t&&o(a),k($,t),t&&o(r),k(p,t)}}}function xt(t){let e,n,s;return{c(){e=v("strong"),n=v("code"),s=b("class")},l(t){e=D(t,"STRONG",{});var a=$(e);n=D(a,"CODE",{});var r=$(n);s=T(r,"class"),r.forEach(o),a.forEach(o)},m(t,a){c(t,e,a),p(e,n),p(n,s)},p:l,d(t){t&&o(e)}}}function kt(t){let e,n;return{c(){e=v("code"),n=b("null")},l(t){e=D(t,"CODE",{});var s=$(e);n=T(s,"null"),s.forEach(o)},m(t,s){c(t,e,s),p(e,n)},p:l,d(t){t&&o(e)}}}function wt(t){let e,n;return{c(){e=v("code"),n=b("string")},l(t){e=D(t,"CODE",{});var s=$(e);n=T(s,"string"),s.forEach(o)},m(t,s){c(t,e,s),p(e,n)},p:l,d(t){t&&o(e)}}}function yt(t){let e;return{c(){e=b("A class string to add to the handle.")},l(t){e=T(t,"A class string to add to the handle.")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function vt(t){let e,n,s,a,$,r,p,l;return e=new W({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),s=new W({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),$=new W({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),p=new W({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=y(),m(s.$$.fragment),a=y(),m($.$$.fragment),r=y(),m(p.$$.fragment)},l(t){i(e.$$.fragment,t),n=E(t),i(s.$$.fragment,t),a=E(t),i($.$$.fragment,t),r=E(t),i(p.$$.fragment,t)},m(t,o){d(e,t,o),c(t,n,o),d(s,t,o),c(t,a,o),d($,t,o),c(t,r,o),d(p,t,o),l=!0},p(t,n){const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),s.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),p.$set(c)},i(t){l||(h(e.$$.fragment,t),h(s.$$.fragment,t),h($.$$.fragment,t),h(p.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(s.$$.fragment,t),x($.$$.fragment,t),x(p.$$.fragment,t),l=!1},d(t){k(e,t),t&&o(n),k(s,t),t&&o(a),k($,t),t&&o(r),k(p,t)}}}function bt(t){let e,n,s,a,r,p;return n=new F({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),r=new F({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){e=v("thead"),m(n.$$.fragment),s=y(),a=v("tbody"),m(r.$$.fragment)},l(t){e=D(t,"THEAD",{});var c=$(e);i(n.$$.fragment,c),c.forEach(o),s=E(t),a=D(t,"TBODY",{});var p=$(a);i(r.$$.fragment,p),p.forEach(o)},m(t,$){c(t,e,$),d(n,e,null),c(t,s,$),c(t,a,$),d(r,a,null),p=!0},p(t,e){const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),r.$set(a)},i(t){p||(h(n.$$.fragment,t),h(r.$$.fragment,t),p=!0)},o(t){x(n.$$.fragment,t),x(r.$$.fragment,t),p=!1},d(t){t&&o(e),k(n),t&&o(s),t&&o(a),k(r)}}}function Et(t){let e;return{c(){e=b("Slots")},l(t){e=T(t,"Slots")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function Dt(t){let e;return{c(){e=b("Default slot")},l(t){e=T(t,"Default slot")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function Tt(t){let e;return{c(){e=b("The element to attach a badge to.")},l(t){e=T(t,"The element to attach a badge to.")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function Bt(t){let e;return{c(){e=b("SCSS Variables")},l(t){e=T(t,"SCSS Variables")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function jt(t){let e;return{c(){e=b("Name")},l(t){e=T(t,"Name")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function Ot(t){let e;return{c(){e=b("Description")},l(t){e=T(t,"Description")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function Ct(t){let e;return{c(){e=b("Default")},l(t){e=T(t,"Default")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function St(t){let e,n,s,a,$,r;return e=new M({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=y(),m(s.$$.fragment),a=y(),m($.$$.fragment)},l(t){i(e.$$.fragment,t),n=E(t),i(s.$$.fragment,t),a=E(t),i($.$$.fragment,t)},m(t,o){d(e,t,o),c(t,n,o),d(s,t,o),c(t,a,o),d($,t,o),r=!0},p(t,n){const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),s.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r)},i(t){r||(h(e.$$.fragment,t),h(s.$$.fragment,t),h($.$$.fragment,t),r=!0)},o(t){x(e.$$.fragment,t),x(s.$$.fragment,t),x($.$$.fragment,t),r=!1},d(t){k(e,t),t&&o(n),k(s,t),t&&o(a),k($,t)}}}function At(t){let e,n,s;return{c(){e=v("strong"),n=v("code"),s=b("$shadow-raised")},l(t){e=D(t,"STRONG",{});var a=$(e);n=D(a,"CODE",{});var r=$(n);s=T(r,"$shadow-raised"),r.forEach(o),a.forEach(o)},m(t,a){c(t,e,a),p(e,n),p(n,s)},p:l,d(t){t&&o(e)}}}function Nt(t){let e;return{c(){e=b("The shadow of the badge.")},l(t){e=T(t,"The shadow of the badge.")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function Rt(t){let e,n;return e=new R({props:{value:Ut}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,s){d(e,t,s),n=!0},p:l,i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){x(e.$$.fragment,t),n=!1},d(t){k(e,t)}}}function Ht(t){let e,n,s,a,$,r;return e=new W({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),s=new W({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),$=new W({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=y(),m(s.$$.fragment),a=y(),m($.$$.fragment)},l(t){i(e.$$.fragment,t),n=E(t),i(s.$$.fragment,t),a=E(t),i($.$$.fragment,t)},m(t,o){d(e,t,o),c(t,n,o),d(s,t,o),c(t,a,o),d($,t,o),r=!0},p(t,n){const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),s.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r)},i(t){r||(h(e.$$.fragment,t),h(s.$$.fragment,t),h($.$$.fragment,t),r=!0)},o(t){x(e.$$.fragment,t),x(s.$$.fragment,t),x($.$$.fragment,t),r=!1},d(t){k(e,t),t&&o(n),k(s,t),t&&o(a),k($,t)}}}function Pt(t){let e,n,s;return{c(){e=v("strong"),n=v("code"),s=b("$badge-default")},l(t){e=D(t,"STRONG",{});var a=$(e);n=D(a,"CODE",{});var r=$(n);s=T(r,"$badge-default"),r.forEach(o),a.forEach(o)},m(t,a){c(t,e,a),p(e,n),p(n,s)},p:l,d(t){t&&o(e)}}}function zt(t){let e;return{c(){e=b("The default color of the badge.")},l(t){e=T(t,"The default color of the badge.")},m(t,n){c(t,e,n)},d(t){t&&o(e)}}}function Ft(t){let e,n;return e=new N({props:{value:"#FF5757"}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,s){d(e,t,s),n=!0},p:l,i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){x(e.$$.fragment,t),n=!1},d(t){k(e,t)}}}function Mt(t){let e,n,s,a,$,r;return e=new W({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),s=new W({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),$=new W({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=y(),m(s.$$.fragment),a=y(),m($.$$.fragment)},l(t){i(e.$$.fragment,t),n=E(t),i(s.$$.fragment,t),a=E(t),i($.$$.fragment,t)},m(t,o){d(e,t,o),c(t,n,o),d(s,t,o),c(t,a,o),d($,t,o),r=!0},p(t,n){const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),s.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r)},i(t){r||(h(e.$$.fragment,t),h(s.$$.fragment,t),h($.$$.fragment,t),r=!0)},o(t){x(e.$$.fragment,t),x(s.$$.fragment,t),x($.$$.fragment,t),r=!1},d(t){k(e,t),t&&o(n),k(s,t),t&&o(a),k($,t)}}}function Wt(t){let e,n,s,a,r,l,f,g;return n=new F({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),r=new F({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),f=new F({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),{c(){e=v("thead"),m(n.$$.fragment),s=y(),a=v("tbody"),m(r.$$.fragment),l=y(),m(f.$$.fragment)},l(t){e=D(t,"THEAD",{});var c=$(e);i(n.$$.fragment,c),c.forEach(o),s=E(t),a=D(t,"TBODY",{});var p=$(a);i(r.$$.fragment,p),l=E(p),i(f.$$.fragment,p),p.forEach(o)},m(t,$){c(t,e,$),d(n,e,null),c(t,s,$),c(t,a,$),d(r,a,null),p(a,l),d(f,a,null),g=!0},p(t,e){const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),r.$set(a);const $={};8&e&&($.$$scope={dirty:e,ctx:t}),f.$set($)},i(t){g||(h(n.$$.fragment,t),h(r.$$.fragment,t),h(f.$$.fragment,t),g=!0)},o(t){x(n.$$.fragment,t),x(r.$$.fragment,t),x(f.$$.fragment,t),g=!1},d(t){t&&o(e),k(n),t&&o(s),t&&o(a),k(r),k(f)}}}function Gt(t){let e,n,s,a,r,l,f,g,u,w,B,C,S,N,R,F,M,W,G,I,V,Y,K,q,_,tt,et,nt,st,at,$t,ot,rt;return e=new j({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),s=new O({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),r=new A({props:{$$slots:{source:[Q],showcase:[J]},$$scope:{ctx:t}}}),f=new H({props:{id:"properties",$$slots:{default:[X]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),B=new z({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),S=new P({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),R=new O({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),M=new O({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),G=new z({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),q=new H({props:{id:"slots",$$slots:{default:[Et]},$$scope:{ctx:t}}}),tt=new P({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),nt=new O({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),at=new H({props:{id:"scss-variables",$$slots:{default:[Bt]},$$scope:{ctx:t}}}),ot=new z({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=y(),m(s.$$.fragment),a=y(),m(r.$$.fragment),l=y(),m(f.$$.fragment),g=y(),m(u.$$.fragment),w=y(),m(B.$$.fragment),C=y(),m(S.$$.fragment),N=y(),m(R.$$.fragment),F=y(),m(M.$$.fragment),W=y(),m(G.$$.fragment),I=y(),V=v("mark"),Y=b("Bonus"),K=b(": use the `.icon` class for the icons inside the badge to set `display: block` on them and avoid unexpected space at the bottom.\n"),m(q.$$.fragment),_=y(),m(tt.$$.fragment),et=y(),m(nt.$$.fragment),st=y(),m(at.$$.fragment),$t=y(),m(ot.$$.fragment)},l(t){i(e.$$.fragment,t),n=E(t),i(s.$$.fragment,t),a=E(t),i(r.$$.fragment,t),l=E(t),i(f.$$.fragment,t),g=E(t),i(u.$$.fragment,t),w=E(t),i(B.$$.fragment,t),C=E(t),i(S.$$.fragment,t),N=E(t),i(R.$$.fragment,t),F=E(t),i(M.$$.fragment,t),W=E(t),i(G.$$.fragment,t),I=E(t),V=D(t,"MARK",{});var c=$(V);Y=T(c,"Bonus"),c.forEach(o),K=T(t,": use the `.icon` class for the icons inside the badge to set `display: block` on them and avoid unexpected space at the bottom.\n"),i(q.$$.fragment,t),_=E(t),i(tt.$$.fragment,t),et=E(t),i(nt.$$.fragment,t),st=E(t),i(at.$$.fragment,t),$t=E(t),i(ot.$$.fragment,t)},m(t,$){d(e,t,$),c(t,n,$),d(s,t,$),c(t,a,$),d(r,t,$),c(t,l,$),d(f,t,$),c(t,g,$),d(u,t,$),c(t,w,$),d(B,t,$),c(t,C,$),d(S,t,$),c(t,N,$),d(R,t,$),c(t,F,$),d(M,t,$),c(t,W,$),d(G,t,$),c(t,I,$),c(t,V,$),p(V,Y),c(t,K,$),d(q,t,$),c(t,_,$),d(tt,t,$),c(t,et,$),d(nt,t,$),c(t,st,$),d(at,t,$),c(t,$t,$),d(ot,t,$),rt=!0},p(t,n){const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const $={};8&n&&($.$$scope={dirty:n,ctx:t}),s.$set($);const o={};9&n&&(o.$$scope={dirty:n,ctx:t}),r.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),f.$set(c);const p={};8&n&&(p.$$scope={dirty:n,ctx:t}),u.$set(p);const l={};8&n&&(l.$$scope={dirty:n,ctx:t}),B.$set(l);const m={};8&n&&(m.$$scope={dirty:n,ctx:t}),S.$set(m);const i={};8&n&&(i.$$scope={dirty:n,ctx:t}),R.$set(i);const d={};8&n&&(d.$$scope={dirty:n,ctx:t}),M.$set(d);const g={};8&n&&(g.$$scope={dirty:n,ctx:t}),G.$set(g);const h={};8&n&&(h.$$scope={dirty:n,ctx:t}),q.$set(h);const x={};8&n&&(x.$$scope={dirty:n,ctx:t}),tt.$set(x);const k={};8&n&&(k.$$scope={dirty:n,ctx:t}),nt.$set(k);const w={};8&n&&(w.$$scope={dirty:n,ctx:t}),at.$set(w);const y={};8&n&&(y.$$scope={dirty:n,ctx:t}),ot.$set(y)},i(t){rt||(h(e.$$.fragment,t),h(s.$$.fragment,t),h(r.$$.fragment,t),h(f.$$.fragment,t),h(u.$$.fragment,t),h(B.$$.fragment,t),h(S.$$.fragment,t),h(R.$$.fragment,t),h(M.$$.fragment,t),h(G.$$.fragment,t),h(q.$$.fragment,t),h(tt.$$.fragment,t),h(nt.$$.fragment,t),h(at.$$.fragment,t),h(ot.$$.fragment,t),rt=!0)},o(t){x(e.$$.fragment,t),x(s.$$.fragment,t),x(r.$$.fragment,t),x(f.$$.fragment,t),x(u.$$.fragment,t),x(B.$$.fragment,t),x(S.$$.fragment,t),x(R.$$.fragment,t),x(M.$$.fragment,t),x(G.$$.fragment,t),x(q.$$.fragment,t),x(tt.$$.fragment,t),x(nt.$$.fragment,t),x(at.$$.fragment,t),x(ot.$$.fragment,t),rt=!1},d(t){k(e,t),t&&o(n),k(s,t),t&&o(a),k(r,t),t&&o(l),k(f,t),t&&o(g),k(u,t),t&&o(w),k(B,t),t&&o(C),k(S,t),t&&o(N),k(R,t),t&&o(F),k(M,t),t&&o(W),k(G,t),t&&o(I),t&&o(V),t&&o(K),k(q,t),t&&o(_),k(tt,t),t&&o(et),k(nt,t),t&&o(st),k(at,t),t&&o($t),k(ot,t)}}}function It(t){let e,n;const s=[t[1],Vt];let a={$$slots:{default:[Gt]},$$scope:{ctx:t}};for(let t=0;t<s.length;t+=1)a=f(a,s[t]);return e=new B({props:a}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,s){d(e,t,s),n=!0},p(t,[n]){const a=2&n?g(s,[2&n&&u(t[1]),0&n&&u(Vt)]):{};9&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a)},i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){x(e.$$.fragment,t),n=!1},d(t){k(e,t)}}}const Vt={name:"Badge",shadowRaised:"0 2px 4px -1px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);"},{name:Lt,shadowRaised:Ut}=Vt;function Yt(t,e,n){let s=!1;return t.$$set=t=>{n(1,e=f(f({},e),w(t)))},e=w(e),[s,e,()=>n(0,s=!s)]}class Kt extends t{constructor(t){super(),e(this,t,Yt,It,n,{})}}export{Kt as default,Vt as metadata};
diff --git a/376/client/legacy/badge.fb655f64.js b/376/client/legacy/badge.fb655f64.js
new file mode 100644
index 000000000..1776344fd
--- /dev/null
+++ b/376/client/legacy/badge.fb655f64.js
@@ -0,0 +1 @@
+import{S as s,i as a,s as l,M as e,K as t,h as n,k as c,b as d,d as i,N as o,O as h,f as r,Q as u,R as p,T as $,U as f,t as m,p as v,I as b,L as g}from"./client.583c6e60.js";import{c as j}from"./classes.a7d1a9eb.js";function x(s){let a,l,b;const g=s[4].default,x=e(g,s,s[3],null);let z=[{class:l=j("badge",s[0])},s[2]],I={};for(let s=0;s<z.length;s+=1)I=t(I,z[s]);return{c(){a=n("div"),x&&x.c(),this.h()},l(s){a=c(s,"DIV",{class:!0});var l=d(a);x&&x.l(l),l.forEach(i),this.h()},h(){o(a,I),h(a,"hidden",s[1]),h(a,"svelte-15lz037",!0)},m(s,l){r(s,a,l),x&&x.m(a,null),b=!0},p(s,e){let[t]=e;x&&x.p&&(!b||8&t)&&u(x,g,s,s[3],b?$(g,s[3],t,null):p(s[3]),null),o(a,I=f(z,[(!b||1&t&&l!==(l=j("badge",s[0])))&&{class:l},4&t&&s[2]])),h(a,"hidden",s[1]),h(a,"svelte-15lz037",!0)},i(s){b||(m(x,s),b=!0)},o(s){v(x,s),b=!1},d(s){s&&i(a),x&&x.d(s)}}}function z(s,a,l){const e=["class","hidden"];let n=b(a,e),{$$slots:c={},$$scope:d}=a,{class:i=null}=a,{hidden:o=!1}=a;return s.$$set=s=>{a=t(t({},a),g(s)),l(2,n=b(a,e)),"class"in s&&l(0,i=s.class),"hidden"in s&&l(1,o=s.hidden),"$$scope"in s&&l(3,d=s.$$scope)},[i,o,n,d,c]}var I=class extends s{constructor(s){super(),a(this,s,z,x,l,{class:0,hidden:1})}};export{I as B};
diff --git a/376/client/legacy/breadcrumbs-c35afc8f.css b/376/client/legacy/breadcrumbs-c35afc8f.css
new file mode 100644
index 000000000..45a80dcc8
--- /dev/null
+++ b/376/client/legacy/breadcrumbs-c35afc8f.css
@@ -0,0 +1 @@
+nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 0.25em}
diff --git a/376/client/legacy/breadcrumbs.2de94418.js b/376/client/legacy/breadcrumbs.2de94418.js
new file mode 100644
index 000000000..378c35a47
--- /dev/null
+++ b/376/client/legacy/breadcrumbs.2de94418.js
@@ -0,0 +1 @@
+import{S as t,i as n,s,a,c as e,b as o,d as r,e as $,f as p,g as c,n as l,K as i,j as f,l as u,m,U as g,a0 as d,t as k,p as h,q as x,L as w,u as y,w as v,v as E,x as D,h as b,k as j,y as C,z as T,A as O}from"./client.583c6e60.js";import{L as B,H as S,P as H}from"./layout.47c81311.js";import{B as z}from"./button.863c0adf.js";import{C as I}from"./chip.23e3fcec.js";import{B as N}from"./breadcrumbs.6aed459c.js";import{H as P}from"./HomeIcon.5bd187b1.js";import{S as A}from"./showcase.759e7149.js";import{H as R}from"./h2.0da05151.js";import{H as V}from"./h3.c9a49f62.js";import{T as G,a as W,b as L,c as Y}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";function F(t){let n,s,i,f;return{c(){n=a("svg"),s=a("line"),i=a("polyline"),this.h()},l(t){n=e(t,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var a=o(n);s=e(a,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),o(s).forEach(r),i=e(a,"polyline",{points:!0}),o(i).forEach(r),a.forEach(r),this.h()},h(){$(s,"x1","5"),$(s,"y1","12"),$(s,"x2","19"),$(s,"y2","12"),$(i,"points","12 5 19 12 12 19"),$(n,"xmlns","http://www.w3.org/2000/svg"),$(n,"width",t[0]),$(n,"height",t[0]),$(n,"fill","none"),$(n,"viewBox","0 0 24 24"),$(n,"stroke","currentColor"),$(n,"stroke-width",t[1]),$(n,"stroke-linecap","round"),$(n,"stroke-linejoin","round"),$(n,"class",f="feather feather-arrow-right "+t[2])},m(t,a){p(t,n,a),c(n,s),c(n,i)},p(t,s){let[a]=s;1&a&&$(n,"width",t[0]),1&a&&$(n,"height",t[0]),2&a&&$(n,"stroke-width",t[1]),4&a&&f!==(f="feather feather-arrow-right "+t[2])&&$(n,"class",f)},i:l,o:l,d(t){t&&r(n)}}}function q(t,n,s){let{size:a="100%"}=n,{strokeWidth:e=2}=n,{class:o=""}=n;return"100%"!==a&&(a="x"===a.slice(-1)?a.slice(0,a.length-1)+"em":parseInt(a)+"px"),t.$$set=t=>{"size"in t&&s(0,a=t.size),"strokeWidth"in t&&s(1,e=t.strokeWidth),"class"in t&&s(2,o=t.class)},[a,e,o]}class K extends t{constructor(t){super(),n(this,t,q,F,s,{size:0,strokeWidth:1,class:2})}}function M(t){let n;return{c(){n=E("Breadcrumbs")},l(t){n=D(t,"Breadcrumbs")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function U(t){let n;return{c(){n=E("Breadcrumbs are used to indicate the current page's location in the navigation hierarchy, as well as to navigate through it.")},l(t){n=D(t,"Breadcrumbs are used to indicate the current page's location in the navigation hierarchy, as well as to navigate through it.")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function J(t){let n,s;return n=new I({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),{c(){f(n.$$.fragment)},l(t){u(n.$$.fragment,t)},m(t,a){m(n,t,a),s=!0},p(t,s){const a={};12&s&&(a.$$scope={dirty:s,ctx:t}),n.$set(a)},i(t){s||(k(n.$$.fragment,t),s=!0)},o(t){h(n.$$.fragment,t),s=!1},d(t){x(n,t)}}}function Q(t){let n,s;return n=new z({props:{href:"/",round:!0,small:!0,$$slots:{default:[Z]},$$scope:{ctx:t}}}),{c(){f(n.$$.fragment)},l(t){u(n.$$.fragment,t)},m(t,a){m(n,t,a),s=!0},p(t,s){const a={};8&s&&(a.$$scope={dirty:s,ctx:t}),n.$set(a)},i(t){s||(k(n.$$.fragment,t),s=!0)},o(t){h(n.$$.fragment,t),s=!1},d(t){x(n,t)}}}function X(t){let n,s=t[2].text+"";return{c(){n=E(s)},l(t){n=D(t,s)},m(t,s){p(t,n,s)},p(t,a){4&a&&s!==(s=t[2].text+"")&&O(n,s)},d(t){t&&r(n)}}}function Z(t){let n,s;return n=new P({props:{size:"20"}}),{c(){f(n.$$.fragment)},l(t){u(n.$$.fragment,t)},m(t,a){m(n,t,a),s=!0},p:l,i(t){s||(k(n.$$.fragment,t),s=!0)},o(t){h(n.$$.fragment,t),s=!1},d(t){x(n,t)}}}function _(t){let n,s,a,e;const c=[Q,J],l=[];function i(t,n){return"/"===t[2].href?0:1}return s=i(t),a=l[s]=c[s](t),{c(){n=b("div"),a.c(),this.h()},l(t){n=j(t,"DIV",{slot:!0});var s=o(n);a.l(s),s.forEach(r),this.h()},h(){$(n,"slot","item")},m(t,a){p(t,n,a),l[s].m(n,null),e=!0},p(t,e){let o=s;s=i(t),s===o?l[s].p(t,e):(C(),h(l[o],1,1,(()=>{l[o]=null})),T(),a=l[s],a?a.p(t,e):(a=l[s]=c[s](t),a.c()),k(a,1),a.m(n,null))},i(t){e||(k(a),e=!0)},o(t){h(a),e=!1},d(t){t&&r(n),l[s].d()}}}function tt(t){let n,s;return n=new K({props:{slot:"separator",size:"20"}}),{c(){f(n.$$.fragment)},l(t){u(n.$$.fragment,t)},m(t,a){m(n,t,a),s=!0},p:l,i(t){s||(k(n.$$.fragment,t),s=!0)},o(t){h(n.$$.fragment,t),s=!1},d(t){x(n,t)}}}function nt(t){let n,s,a,e,l,i,g;return s=new N({props:{items:t[0]}}),e=new N({props:{items:t[0],separator:"~"}}),i=new N({props:{items:t[0],$$slots:{separator:[tt],item:[_,({item:t})=>({2:t}),({item:t})=>t?4:0]},$$scope:{ctx:t}}}),{c(){n=b("div"),f(s.$$.fragment),a=y(),f(e.$$.fragment),l=y(),f(i.$$.fragment),this.h()},l(t){n=j(t,"DIV",{slot:!0,class:!0});var $=o(n);u(s.$$.fragment,$),a=v($),u(e.$$.fragment,$),l=v($),u(i.$$.fragment,$),$.forEach(r),this.h()},h(){$(n,"slot","showcase"),$(n,"class","padded")},m(t,o){p(t,n,o),m(s,n,null),c(n,a),m(e,n,null),c(n,l),m(i,n,null),g=!0},p(t,n){const s={};12&n&&(s.$$scope={dirty:n,ctx:t}),i.$set(s)},i(t){g||(k(s.$$.fragment,t),k(e.$$.fragment,t),k(i.$$.fragment,t),g=!0)},o(t){h(s.$$.fragment,t),h(e.$$.fragment,t),h(i.$$.fragment,t),g=!1},d(t){t&&r(n),x(s),x(e),x(i)}}}function st(t){let n,s;return{c(){n=b("div"),s=b("pre"),this.h()},l(t){n=j(t,"DIV",{slot:!0});var a=o(n);s=j(a,"PRE",{class:!0}),o(s).forEach(r),a.forEach(r),this.h()},h(){$(s,"class","language-svelte"),$(n,"slot","source")},m(t,a){p(t,n,a),c(n,s),s.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">const</span> items <span class="token operator">=</span> <span class="token punctuation">[</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">href</span><span class="token operator">:</span> <span class="token string">\'/\'</span><span class="token punctuation">,</span> <span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">\'Home\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">href</span><span class="token operator">:</span> <span class="token string">\'/docs\'</span><span class="token punctuation">,</span> <span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">\'Docs\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">\'Components\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumbs</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>items<span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumbs</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>items<span class="token punctuation">&#125;</span></span> <span class="token attr-name">separator</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">\'</span>~<span class="token punctuation">\'</span></span> <span class="token punctuation">/></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumbs</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>items<span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>item<span class="token punctuation">"</span></span> <span class="token attr-name"><span class="token namespace">let:</span>item</span><span class="token punctuation">></span></span>\n    <span class="token language-javascript"><span class="token punctuation">&#123;</span>#<span class="token keyword">if</span> item<span class="token punctuation">.</span>href <span class="token operator">===</span> <span class="token string">\'/\'</span><span class="token punctuation">&#125;</span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>/<span class="token punctuation">"</span></span> <span class="token attr-name">round</span> <span class="token attr-name">small</span><span class="token punctuation">></span></span>\n        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>HomeIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>20<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n    <span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token operator">:</span><span class="token keyword">else</span><span class="token punctuation">&#125;</span></span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Chip</span><span class="token punctuation">></span></span><span class="token language-javascript"><span class="token punctuation">&#123;</span>item<span class="token punctuation">.</span>text<span class="token punctuation">&#125;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Chip</span><span class="token punctuation">></span></span>\n    <span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token operator">/</span><span class="token keyword">if</span><span class="token punctuation">&#125;</span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ArrowRightIcon</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>separator<span class="token punctuation">"</span></span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>20<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumbs</span><span class="token punctuation">></span></span></code>'},p:l,d(t){t&&r(n)}}}function at(t){let n;return{c(){n=E("Properties")},l(t){n=D(t,"Properties")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function et(t){let n;return{c(){n=E("Functional Properties")},l(t){n=D(t,"Functional Properties")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function ot(t){let n;return{c(){n=E("Name")},l(t){n=D(t,"Name")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function rt(t){let n;return{c(){n=E("Default")},l(t){n=D(t,"Default")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function $t(t){let n;return{c(){n=E("Type")},l(t){n=D(t,"Type")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function pt(t){let n;return{c(){n=E("Description")},l(t){n=D(t,"Description")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function ct(t){let n,s,a,e,o,$,c,l;return n=new L({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),o=new L({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){f(n.$$.fragment),s=y(),f(a.$$.fragment),e=y(),f(o.$$.fragment),$=y(),f(c.$$.fragment)},l(t){u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),e=v(t),u(o.$$.fragment,t),$=v(t),u(c.$$.fragment,t)},m(t,r){m(n,t,r),p(t,s,r),m(a,t,r),p(t,e,r),m(o,t,r),p(t,$,r),m(c,t,r),l=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const r={};8&s&&(r.$$scope={dirty:s,ctx:t}),a.$set(r);const $={};8&s&&($.$$scope={dirty:s,ctx:t}),o.$set($);const p={};8&s&&(p.$$scope={dirty:s,ctx:t}),c.$set(p)},i(t){l||(k(n.$$.fragment,t),k(a.$$.fragment,t),k(o.$$.fragment,t),k(c.$$.fragment,t),l=!0)},o(t){h(n.$$.fragment,t),h(a.$$.fragment,t),h(o.$$.fragment,t),h(c.$$.fragment,t),l=!1},d(t){x(n,t),t&&r(s),x(a,t),t&&r(e),x(o,t),t&&r($),x(c,t)}}}function lt(t){let n,s,a;return{c(){n=b("strong"),s=b("code"),a=E("items")},l(t){n=j(t,"STRONG",{});var e=o(n);s=j(e,"CODE",{});var $=o(s);a=D($,"items"),$.forEach(r),e.forEach(r)},m(t,e){p(t,n,e),c(n,s),c(s,a)},p:l,d(t){t&&r(n)}}}function it(t){let n,s;return{c(){n=b("code"),s=E("[]")},l(t){n=j(t,"CODE",{});var a=o(n);s=D(a,"[]"),a.forEach(r)},m(t,a){p(t,n,a),c(n,s)},p:l,d(t){t&&r(n)}}}function ft(t){let n,s;return{c(){n=b("code"),s=E(Ut)},l(t){n=j(t,"CODE",{});var a=o(n);s=D(a,Ut),a.forEach(r)},m(t,a){p(t,n,a),c(n,s)},p:l,d(t){t&&r(n)}}}function ut(t){let n;return{c(){n=E("The list of segments to be displayed.")},l(t){n=D(t,"The list of segments to be displayed.")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function mt(t){let n,s,a,e,o,$,c,l;return n=new Y({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),a=new Y({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),o=new Y({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),c=new Y({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),{c(){f(n.$$.fragment),s=y(),f(a.$$.fragment),e=y(),f(o.$$.fragment),$=y(),f(c.$$.fragment)},l(t){u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),e=v(t),u(o.$$.fragment,t),$=v(t),u(c.$$.fragment,t)},m(t,r){m(n,t,r),p(t,s,r),m(a,t,r),p(t,e,r),m(o,t,r),p(t,$,r),m(c,t,r),l=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const r={};8&s&&(r.$$scope={dirty:s,ctx:t}),a.$set(r);const $={};8&s&&($.$$scope={dirty:s,ctx:t}),o.$set($);const p={};8&s&&(p.$$scope={dirty:s,ctx:t}),c.$set(p)},i(t){l||(k(n.$$.fragment,t),k(a.$$.fragment,t),k(o.$$.fragment,t),k(c.$$.fragment,t),l=!0)},o(t){h(n.$$.fragment,t),h(a.$$.fragment,t),h(o.$$.fragment,t),h(c.$$.fragment,t),l=!1},d(t){x(n,t),t&&r(s),x(a,t),t&&r(e),x(o,t),t&&r($),x(c,t)}}}function gt(t){let n,s,a;return{c(){n=b("strong"),s=b("code"),a=E("separator")},l(t){n=j(t,"STRONG",{});var e=o(n);s=j(e,"CODE",{});var $=o(s);a=D($,"separator"),$.forEach(r),e.forEach(r)},m(t,e){p(t,n,e),c(n,s),c(s,a)},p:l,d(t){t&&r(n)}}}function dt(t){let n,s;return{c(){n=b("code"),s=E("'/'")},l(t){n=j(t,"CODE",{});var a=o(n);s=D(a,"'/'"),a.forEach(r)},m(t,a){p(t,n,a),c(n,s)},p:l,d(t){t&&r(n)}}}function kt(t){let n,s;return{c(){n=b("code"),s=E("string")},l(t){n=j(t,"CODE",{});var a=o(n);s=D(a,"string"),a.forEach(r)},m(t,a){p(t,n,a),c(n,s)},p:l,d(t){t&&r(n)}}}function ht(t){let n;return{c(){n=E("The separator between segments.")},l(t){n=D(t,"The separator between segments.")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function xt(t){let n,s,a,e,o,$,c,l;return n=new Y({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),a=new Y({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),o=new Y({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),c=new Y({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),{c(){f(n.$$.fragment),s=y(),f(a.$$.fragment),e=y(),f(o.$$.fragment),$=y(),f(c.$$.fragment)},l(t){u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),e=v(t),u(o.$$.fragment,t),$=v(t),u(c.$$.fragment,t)},m(t,r){m(n,t,r),p(t,s,r),m(a,t,r),p(t,e,r),m(o,t,r),p(t,$,r),m(c,t,r),l=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const r={};8&s&&(r.$$scope={dirty:s,ctx:t}),a.$set(r);const $={};8&s&&($.$$scope={dirty:s,ctx:t}),o.$set($);const p={};8&s&&(p.$$scope={dirty:s,ctx:t}),c.$set(p)},i(t){l||(k(n.$$.fragment,t),k(a.$$.fragment,t),k(o.$$.fragment,t),k(c.$$.fragment,t),l=!0)},o(t){h(n.$$.fragment,t),h(a.$$.fragment,t),h(o.$$.fragment,t),h(c.$$.fragment,t),l=!1},d(t){x(n,t),t&&r(s),x(a,t),t&&r(e),x(o,t),t&&r($),x(c,t)}}}function wt(t){let n,s,a,e,$,l,i,g;return s=new W({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),$=new W({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),i=new W({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){n=b("thead"),f(s.$$.fragment),a=y(),e=b("tbody"),f($.$$.fragment),l=y(),f(i.$$.fragment)},l(t){n=j(t,"THEAD",{});var p=o(n);u(s.$$.fragment,p),p.forEach(r),a=v(t),e=j(t,"TBODY",{});var c=o(e);u($.$$.fragment,c),l=v(c),u(i.$$.fragment,c),c.forEach(r)},m(t,o){p(t,n,o),m(s,n,null),p(t,a,o),p(t,e,o),m($,e,null),c(e,l),m(i,e,null),g=!0},p(t,n){const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const e={};8&n&&(e.$$scope={dirty:n,ctx:t}),$.$set(e);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),i.$set(o)},i(t){g||(k(s.$$.fragment,t),k($.$$.fragment,t),k(i.$$.fragment,t),g=!0)},o(t){h(s.$$.fragment,t),h($.$$.fragment,t),h(i.$$.fragment,t),g=!1},d(t){t&&r(n),x(s),t&&r(a),t&&r(e),x($),x(i)}}}function yt(t){let n;return{c(){n=E("Slots")},l(t){n=D(t,"Slots")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function vt(t){let n,s,a;return{c(){n=b("code"),s=E("item"),a=E(" slot")},l(t){n=j(t,"CODE",{});var e=o(n);s=D(e,"item"),e.forEach(r),a=D(t," slot")},m(t,e){p(t,n,e),c(n,s),p(t,a,e)},p:l,d(t){t&&r(n),t&&r(a)}}}function Et(t){let n,s,a,e,$,i,f,u,m,g;return{c(){n=E("The item displayed in the breadcrumbs. Defaults to a "),s=b("code"),a=E("<Button>"),e=E(" if "),$=b("code"),i=E("href"),f=E(" is provided, otherwise a "),u=b("code"),m=E("<span>"),g=E(".")},l(t){n=D(t,"The item displayed in the breadcrumbs. Defaults to a "),s=j(t,"CODE",{});var p=o(s);a=D(p,"<Button>"),p.forEach(r),e=D(t," if "),$=j(t,"CODE",{});var c=o($);i=D(c,"href"),c.forEach(r),f=D(t," is provided, otherwise a "),u=j(t,"CODE",{});var l=o(u);m=D(l,"<span>"),l.forEach(r),g=D(t,".")},m(t,o){p(t,n,o),p(t,s,o),c(s,a),p(t,e,o),p(t,$,o),c($,i),p(t,f,o),p(t,u,o),c(u,m),p(t,g,o)},p:l,d(t){t&&r(n),t&&r(s),t&&r(e),t&&r($),t&&r(f),t&&r(u),t&&r(g)}}}function Dt(t){let n;return{c(){n=E("Prop Name")},l(t){n=D(t,"Prop Name")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function bt(t){let n;return{c(){n=E("Type")},l(t){n=D(t,"Type")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function jt(t){let n;return{c(){n=E("Description")},l(t){n=D(t,"Description")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function Ct(t){let n,s,a,e,o,$;return n=new L({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),o=new L({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),{c(){f(n.$$.fragment),s=y(),f(a.$$.fragment),e=y(),f(o.$$.fragment)},l(t){u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),e=v(t),u(o.$$.fragment,t)},m(t,r){m(n,t,r),p(t,s,r),m(a,t,r),p(t,e,r),m(o,t,r),$=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const r={};8&s&&(r.$$scope={dirty:s,ctx:t}),a.$set(r);const $={};8&s&&($.$$scope={dirty:s,ctx:t}),o.$set($)},i(t){$||(k(n.$$.fragment,t),k(a.$$.fragment,t),k(o.$$.fragment,t),$=!0)},o(t){h(n.$$.fragment,t),h(a.$$.fragment,t),h(o.$$.fragment,t),$=!1},d(t){x(n,t),t&&r(s),x(a,t),t&&r(e),x(o,t)}}}function Tt(t){let n,s,a;return{c(){n=b("strong"),s=b("code"),a=E("item")},l(t){n=j(t,"STRONG",{});var e=o(n);s=j(e,"CODE",{});var $=o(s);a=D($,"item"),$.forEach(r),e.forEach(r)},m(t,e){p(t,n,e),c(n,s),c(s,a)},p:l,d(t){t&&r(n)}}}function Ot(t){let n,s;return{c(){n=b("code"),s=E("{ href?: string, text: string }")},l(t){n=j(t,"CODE",{});var a=o(n);s=D(a,"{ href?: string, text: string }"),a.forEach(r)},m(t,a){p(t,n,a),c(n,s)},p:l,d(t){t&&r(n)}}}function Bt(t){let n;return{c(){n=E("Information about the current segment.")},l(t){n=D(t,"Information about the current segment.")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function St(t){let n,s,a,e,o,$;return n=new Y({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),a=new Y({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),o=new Y({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),{c(){f(n.$$.fragment),s=y(),f(a.$$.fragment),e=y(),f(o.$$.fragment)},l(t){u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),e=v(t),u(o.$$.fragment,t)},m(t,r){m(n,t,r),p(t,s,r),m(a,t,r),p(t,e,r),m(o,t,r),$=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const r={};8&s&&(r.$$scope={dirty:s,ctx:t}),a.$set(r);const $={};8&s&&($.$$scope={dirty:s,ctx:t}),o.$set($)},i(t){$||(k(n.$$.fragment,t),k(a.$$.fragment,t),k(o.$$.fragment,t),$=!0)},o(t){h(n.$$.fragment,t),h(a.$$.fragment,t),h(o.$$.fragment,t),$=!1},d(t){x(n,t),t&&r(s),x(a,t),t&&r(e),x(o,t)}}}function Ht(t){let n,s,a,e,$,c;return s=new W({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),$=new W({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){n=b("thead"),f(s.$$.fragment),a=y(),e=b("tbody"),f($.$$.fragment)},l(t){n=j(t,"THEAD",{});var p=o(n);u(s.$$.fragment,p),p.forEach(r),a=v(t),e=j(t,"TBODY",{});var c=o(e);u($.$$.fragment,c),c.forEach(r)},m(t,o){p(t,n,o),m(s,n,null),p(t,a,o),p(t,e,o),m($,e,null),c=!0},p(t,n){const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const e={};8&n&&(e.$$scope={dirty:n,ctx:t}),$.$set(e)},i(t){c||(k(s.$$.fragment,t),k($.$$.fragment,t),c=!0)},o(t){h(s.$$.fragment,t),h($.$$.fragment,t),c=!1},d(t){t&&r(n),x(s),t&&r(a),t&&r(e),x($)}}}function zt(t){let n,s,a;return{c(){n=b("code"),s=E("separator"),a=E(" slot")},l(t){n=j(t,"CODE",{});var e=o(n);s=D(e,"separator"),e.forEach(r),a=D(t," slot")},m(t,e){p(t,n,e),c(n,s),p(t,a,e)},p:l,d(t){t&&r(n),t&&r(a)}}}function It(t){let n;return{c(){n=E("If a string separator is not enough, use this slot to add a custom component separator (and ignore the prop).")},l(t){n=D(t,"If a string separator is not enough, use this slot to add a custom component separator (and ignore the prop).")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function Nt(t){let n;return{c(){n=E("SCSS Variables")},l(t){n=D(t,"SCSS Variables")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function Pt(t){let n;return{c(){n=E("Name")},l(t){n=D(t,"Name")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function At(t){let n;return{c(){n=E("Description")},l(t){n=D(t,"Description")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function Rt(t){let n;return{c(){n=E("Default")},l(t){n=D(t,"Default")},m(t,s){p(t,n,s)},d(t){t&&r(n)}}}function Vt(t){let n,s,a,e,o,$;return n=new L({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),o=new L({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),{c(){f(n.$$.fragment),s=y(),f(a.$$.fragment),e=y(),f(o.$$.fragment)},l(t){u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),e=v(t),u(o.$$.fragment,t)},m(t,r){m(n,t,r),p(t,s,r),m(a,t,r),p(t,e,r),m(o,t,r),$=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const r={};8&s&&(r.$$scope={dirty:s,ctx:t}),a.$set(r);const $={};8&s&&($.$$scope={dirty:s,ctx:t}),o.$set($)},i(t){$||(k(n.$$.fragment,t),k(a.$$.fragment,t),k(o.$$.fragment,t),$=!0)},o(t){h(n.$$.fragment,t),h(a.$$.fragment,t),h(o.$$.fragment,t),$=!1},d(t){x(n,t),t&&r(s),x(a,t),t&&r(e),x(o,t)}}}function Gt(t){let n,s,a;return{c(){n=b("strong"),s=b("code"),a=E("$thin-font-weight")},l(t){n=j(t,"STRONG",{});var e=o(n);s=j(e,"CODE",{});var $=o(s);a=D($,"$thin-font-weight"),$.forEach(r),e.forEach(r)},m(t,e){p(t,n,e),c(n,s),c(s,a)},p:l,d(t){t&&r(n)}}}function Wt(t){let n,s,a,e;return{c(){n=E("The font size of the separator and the segments without "),s=b("code"),a=E("href"),e=E(".")},l(t){n=D(t,"The font size of the separator and the segments without "),s=j(t,"CODE",{});var $=o(s);a=D($,"href"),$.forEach(r),e=D(t,".")},m(t,o){p(t,n,o),p(t,s,o),c(s,a),p(t,e,o)},p:l,d(t){t&&r(n),t&&r(s),t&&r(e)}}}function Lt(t){let n,s;return{c(){n=b("code"),s=E("300")},l(t){n=j(t,"CODE",{});var a=o(n);s=D(a,"300"),a.forEach(r)},m(t,a){p(t,n,a),c(n,s)},p:l,d(t){t&&r(n)}}}function Yt(t){let n,s,a,e,o,$;return n=new Y({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),a=new Y({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),o=new Y({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),{c(){f(n.$$.fragment),s=y(),f(a.$$.fragment),e=y(),f(o.$$.fragment)},l(t){u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),e=v(t),u(o.$$.fragment,t)},m(t,r){m(n,t,r),p(t,s,r),m(a,t,r),p(t,e,r),m(o,t,r),$=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const r={};8&s&&(r.$$scope={dirty:s,ctx:t}),a.$set(r);const $={};8&s&&($.$$scope={dirty:s,ctx:t}),o.$set($)},i(t){$||(k(n.$$.fragment,t),k(a.$$.fragment,t),k(o.$$.fragment,t),$=!0)},o(t){h(n.$$.fragment,t),h(a.$$.fragment,t),h(o.$$.fragment,t),$=!1},d(t){x(n,t),t&&r(s),x(a,t),t&&r(e),x(o,t)}}}function Ft(t){let n,s,a,e,$,c;return s=new W({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),$=new W({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),{c(){n=b("thead"),f(s.$$.fragment),a=y(),e=b("tbody"),f($.$$.fragment)},l(t){n=j(t,"THEAD",{});var p=o(n);u(s.$$.fragment,p),p.forEach(r),a=v(t),e=j(t,"TBODY",{});var c=o(e);u($.$$.fragment,c),c.forEach(r)},m(t,o){p(t,n,o),m(s,n,null),p(t,a,o),p(t,e,o),m($,e,null),c=!0},p(t,n){const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const e={};8&n&&(e.$$scope={dirty:n,ctx:t}),$.$set(e)},i(t){c||(k(s.$$.fragment,t),k($.$$.fragment,t),c=!0)},o(t){h(s.$$.fragment,t),h($.$$.fragment,t),c=!1},d(t){t&&r(n),x(s),t&&r(a),t&&r(e),x($)}}}function qt(t){let n,s,a,e,o,$,c,l,i,g,d,w,E,D,b,j,C,T,O,B,z,I,N,P,W,L,Y,F;return n=new S({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),a=new H({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),o=new A({props:{$$slots:{source:[st],showcase:[nt]},$$scope:{ctx:t}}}),c=new R({props:{id:"properties",$$slots:{default:[at]},$$scope:{ctx:t}}}),i=new V({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),d=new G({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),E=new R({props:{id:"slots",$$slots:{default:[yt]},$$scope:{ctx:t}}}),b=new V({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),C=new H({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),O=new G({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),z=new V({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),N=new H({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),W=new R({props:{id:"scss-variables",$$slots:{default:[Nt]},$$scope:{ctx:t}}}),Y=new G({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){f(n.$$.fragment),s=y(),f(a.$$.fragment),e=y(),f(o.$$.fragment),$=y(),f(c.$$.fragment),l=y(),f(i.$$.fragment),g=y(),f(d.$$.fragment),w=y(),f(E.$$.fragment),D=y(),f(b.$$.fragment),j=y(),f(C.$$.fragment),T=y(),f(O.$$.fragment),B=y(),f(z.$$.fragment),I=y(),f(N.$$.fragment),P=y(),f(W.$$.fragment),L=y(),f(Y.$$.fragment)},l(t){u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),e=v(t),u(o.$$.fragment,t),$=v(t),u(c.$$.fragment,t),l=v(t),u(i.$$.fragment,t),g=v(t),u(d.$$.fragment,t),w=v(t),u(E.$$.fragment,t),D=v(t),u(b.$$.fragment,t),j=v(t),u(C.$$.fragment,t),T=v(t),u(O.$$.fragment,t),B=v(t),u(z.$$.fragment,t),I=v(t),u(N.$$.fragment,t),P=v(t),u(W.$$.fragment,t),L=v(t),u(Y.$$.fragment,t)},m(t,r){m(n,t,r),p(t,s,r),m(a,t,r),p(t,e,r),m(o,t,r),p(t,$,r),m(c,t,r),p(t,l,r),m(i,t,r),p(t,g,r),m(d,t,r),p(t,w,r),m(E,t,r),p(t,D,r),m(b,t,r),p(t,j,r),m(C,t,r),p(t,T,r),m(O,t,r),p(t,B,r),m(z,t,r),p(t,I,r),m(N,t,r),p(t,P,r),m(W,t,r),p(t,L,r),m(Y,t,r),F=!0},p(t,s){const e={};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e);const r={};8&s&&(r.$$scope={dirty:s,ctx:t}),a.$set(r);const $={};8&s&&($.$$scope={dirty:s,ctx:t}),o.$set($);const p={};8&s&&(p.$$scope={dirty:s,ctx:t}),c.$set(p);const l={};8&s&&(l.$$scope={dirty:s,ctx:t}),i.$set(l);const f={};8&s&&(f.$$scope={dirty:s,ctx:t}),d.$set(f);const u={};8&s&&(u.$$scope={dirty:s,ctx:t}),E.$set(u);const m={};8&s&&(m.$$scope={dirty:s,ctx:t}),b.$set(m);const g={};8&s&&(g.$$scope={dirty:s,ctx:t}),C.$set(g);const k={};8&s&&(k.$$scope={dirty:s,ctx:t}),O.$set(k);const h={};8&s&&(h.$$scope={dirty:s,ctx:t}),z.$set(h);const x={};8&s&&(x.$$scope={dirty:s,ctx:t}),N.$set(x);const w={};8&s&&(w.$$scope={dirty:s,ctx:t}),W.$set(w);const y={};8&s&&(y.$$scope={dirty:s,ctx:t}),Y.$set(y)},i(t){F||(k(n.$$.fragment,t),k(a.$$.fragment,t),k(o.$$.fragment,t),k(c.$$.fragment,t),k(i.$$.fragment,t),k(d.$$.fragment,t),k(E.$$.fragment,t),k(b.$$.fragment,t),k(C.$$.fragment,t),k(O.$$.fragment,t),k(z.$$.fragment,t),k(N.$$.fragment,t),k(W.$$.fragment,t),k(Y.$$.fragment,t),F=!0)},o(t){h(n.$$.fragment,t),h(a.$$.fragment,t),h(o.$$.fragment,t),h(c.$$.fragment,t),h(i.$$.fragment,t),h(d.$$.fragment,t),h(E.$$.fragment,t),h(b.$$.fragment,t),h(C.$$.fragment,t),h(O.$$.fragment,t),h(z.$$.fragment,t),h(N.$$.fragment,t),h(W.$$.fragment,t),h(Y.$$.fragment,t),F=!1},d(t){x(n,t),t&&r(s),x(a,t),t&&r(e),x(o,t),t&&r($),x(c,t),t&&r(l),x(i,t),t&&r(g),x(d,t),t&&r(w),x(E,t),t&&r(D),x(b,t),t&&r(j),x(C,t),t&&r(T),x(O,t),t&&r(B),x(z,t),t&&r(I),x(N,t),t&&r(P),x(W,t),t&&r(L),x(Y,t)}}}function Kt(t){let n,s;const a=[t[1],Mt];let e={$$slots:{default:[qt]},$$scope:{ctx:t}};for(let t=0;t<a.length;t+=1)e=i(e,a[t]);return n=new B({props:e}),{c(){f(n.$$.fragment)},l(t){u(n.$$.fragment,t)},m(t,a){m(n,t,a),s=!0},p(t,[s]){const e=2&s?g(a,[2&s&&d(t[1]),0&s&&d(Mt)]):{};8&s&&(e.$$scope={dirty:s,ctx:t}),n.$set(e)},i(t){s||(k(n.$$.fragment,t),s=!0)},o(t){h(n.$$.fragment,t),s=!1},d(t){x(n,t)}}}const Mt={name:"Breadcrumbs"},Ut="Array<{ href?: string; text: string; }>";function Jt(t,n,s){return t.$$set=t=>{s(1,n=i(i({},n),w(t)))},[[{href:"/",text:"Home"},{href:"/docs",text:"Docs"},{text:"Components"}],n=w(n)]}class Qt extends t{constructor(t){super(),n(this,t,Jt,Kt,s,{})}}export{Qt as default,Mt as metadata};
diff --git a/376/client/legacy/breadcrumbs.6aed459c.js b/376/client/legacy/breadcrumbs.6aed459c.js
new file mode 100644
index 000000000..20b0b7211
--- /dev/null
+++ b/376/client/legacy/breadcrumbs.6aed459c.js
@@ -0,0 +1 @@
+import{S as t,i as s,s as e,h as n,k as r,b as a,d as l,e as o,f as c,t as i,y as f,z as p,p as h,a9 as m,M as u,u as $,w as d,Q as g,R as v,T as x,v as b,x as j,g as k,A,n as B,j as E,l as N,m as w,q as y}from"./client.583c6e60.js";import{B as S}from"./button.863c0adf.js";function V(t,s,e){const n=t.slice();return n[4]=s[e],n[6]=e,n}const q=t=>({item:1&t}),z=t=>({item:t[4]}),D=t=>({}),I=t=>({});function M(t){let s;const e=t[2].separator,f=u(e,t,t[3],I),p=f||function(t){let s,e;return{c(){s=n("div"),e=b(t[1]),this.h()},l(n){s=r(n,"DIV",{class:!0});var o=a(s);e=j(o,t[1]),o.forEach(l),this.h()},h(){o(s,"class","node")},m(t,n){c(t,s,n),k(s,e)},p(t,s){2&s&&A(e,t[1])},d(t){t&&l(s)}}}(t);return{c(){p&&p.c()},l(t){p&&p.l(t)},m(t,e){p&&p.m(t,e),s=!0},p(t,n){f?f.p&&(!s||8&n)&&g(f,e,t,t[3],s?x(e,t[3],n,D):v(t[3]),I):p&&p.p&&(!s||2&n)&&p.p(t,s?n:-1)},i(t){s||(i(p,t),s=!0)},o(t){h(p,t),s=!1},d(t){p&&p.d(t)}}}function P(t){let s,e,i=t[4].text+"";return{c(){s=n("span"),e=b(i),this.h()},l(t){s=r(t,"SPAN",{class:!0});var n=a(s);e=j(n,i),n.forEach(l),this.h()},h(){o(s,"class","node")},m(t,n){c(t,s,n),k(s,e)},p(t,s){1&s&&i!==(i=t[4].text+"")&&A(e,i)},i:B,o:B,d(t){t&&l(s)}}}function Q(t){let s,e;return s=new S({props:{href:t[4].href,class:"node",small:!0,$$slots:{default:[R]},$$scope:{ctx:t}}}),{c(){E(s.$$.fragment)},l(t){N(s.$$.fragment,t)},m(t,n){w(s,t,n),e=!0},p(t,e){const n={};1&e&&(n.href=t[4].href),9&e&&(n.$$scope={dirty:e,ctx:t}),s.$set(n)},i(t){e||(i(s.$$.fragment,t),e=!0)},o(t){h(s.$$.fragment,t),e=!1},d(t){y(s,t)}}}function R(t){let s,e=t[4].text+"";return{c(){s=b(e)},l(t){s=j(t,e)},m(t,e){c(t,s,e)},p(t,n){1&n&&e!==(e=t[4].text+"")&&A(s,e)},d(t){t&&l(s)}}}function T(t){let s,e,n=t[6]>0&&M(t);const r=t[2].item,a=u(r,t,t[3],z),o=a||function(t){let s,e,n,r;const a=[Q,P],o=[];function m(t,s){return t[4].href?0:1}return s=m(t),e=o[s]=a[s](t),{c(){e.c(),n=$()},l(t){e.l(t),n=d(t)},m(t,e){o[s].m(t,e),c(t,n,e),r=!0},p(t,r){let l=s;s=m(t),s===l?o[s].p(t,r):(f(),h(o[l],1,1,(()=>{o[l]=null})),p(),e=o[s],e?e.p(t,r):(e=o[s]=a[s](t),e.c()),i(e,1),e.m(n.parentNode,n))},i(t){r||(i(e),r=!0)},o(t){h(e),r=!1},d(t){o[s].d(t),t&&l(n)}}}(t);return{c(){n&&n.c(),s=$(),o&&o.c()},l(t){n&&n.l(t),s=d(t),o&&o.l(t)},m(t,r){n&&n.m(t,r),c(t,s,r),o&&o.m(t,r),e=!0},p(t,s){t[6]>0&&n.p(t,s),a?a.p&&(!e||9&s)&&g(a,r,t,t[3],e?x(r,t[3],s,q):v(t[3]),z):o&&o.p&&(!e||1&s)&&o.p(t,e?s:-1)},i(t){e||(i(n),i(o,t),e=!0)},o(t){h(n),h(o,t),e=!1},d(t){n&&n.d(t),t&&l(s),o&&o.d(t)}}}function C(t){let s,e,u=t[0],$=[];for(let s=0;s<u.length;s+=1)$[s]=T(V(t,u,s));const d=t=>h($[t],1,1,(()=>{$[t]=null}));return{c(){s=n("nav");for(let t=0;t<$.length;t+=1)$[t].c();this.h()},l(t){s=r(t,"NAV",{class:!0});var e=a(s);for(let t=0;t<$.length;t+=1)$[t].l(e);e.forEach(l),this.h()},h(){o(s,"class","breadcrumbs svelte-o18kkv")},m(t,n){c(t,s,n);for(let t=0;t<$.length;t+=1)$[t]&&$[t].m(s,null);e=!0},p(t,e){let[n]=e;if(11&n){let e;for(u=t[0],e=0;e<u.length;e+=1){const r=V(t,u,e);$[e]?($[e].p(r,n),i($[e],1)):($[e]=T(r),$[e].c(),i($[e],1),$[e].m(s,null))}for(f(),e=u.length;e<$.length;e+=1)d(e);p()}},i(t){if(!e){for(let t=0;t<u.length;t+=1)i($[t]);e=!0}},o(t){$=$.filter(Boolean);for(let t=0;t<$.length;t+=1)h($[t]);e=!1},d(t){t&&l(s),m($,t)}}}function F(t,s,e){let{$$slots:n={},$$scope:r}=s,{items:a=[]}=s,{separator:l="/"}=s;return t.$$set=t=>{"items"in t&&e(0,a=t.items),"separator"in t&&e(1,l=t.separator),"$$scope"in t&&e(3,r=t.$$scope)},[a,l,n,r]}var G=class extends t{constructor(t){super(),s(this,t,F,C,e,{items:0,separator:1})}};export{G as B};
diff --git a/376/client/legacy/button-00dad5c4.css b/376/client/legacy/button-00dad5c4.css
new file mode 100644
index 000000000..d66a96292
--- /dev/null
+++ b/376/client/legacy/button-00dad5c4.css
@@ -0,0 +1 @@
+.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:"Ubuntu", sans-serif;font-weight:500;outline:none;background:none;border-radius:1.5625em;font-size:1rem;padding:0.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.svelte-2r4z0x:hover:not([disabled]),.btn.outline.svelte-2r4z0x:hover:not([disabled]){background:rgba(67, 0, 176, 0.05)}.btn.svelte-2r4z0x:focus:not([disabled]),.btn.outline.svelte-2r4z0x:focus:not([disabled]){background:rgba(67, 0, 176, 0.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67, 0, 176, 0.1)}.btn.danger.svelte-2r4z0x:hover:not([disabled]),.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]){background:rgba(184, 0, 0, 0.05)}.btn.danger.svelte-2r4z0x:focus:not([disabled]),.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]){background:rgba(184, 0, 0, 0.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184, 0, 0, 0.1)}.btn.neutral.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]){background:rgba(51, 51, 51, 0.05)}.btn.neutral.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]){background:rgba(51, 51, 51, 0.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51, 51, 51, 0.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg, #4300b0 0%, #5000d1 100%);box-shadow:0 2px 5px rgba(0, 0, 0, 0.14), 0 1px 5px rgba(0, 0, 0, 0.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg, #4900c1 0%, #5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg, #5000d1 0%, #5c00f3 100%)}.btn.filled.svelte-2r4z0x:hover:not([disabled]),.btn.filled.svelte-2r4z0x:focus:not([disabled]){box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg, #b80000 0%, #d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg, #c80000 0%, #e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg, #d90000 0%, #f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg, #333 0%, #474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg, #3d3d3d 0%, #525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg, #474747 0%, #5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255, 255, 255, 0.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:transparent;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:0.7em}.btn.rectangle.svelte-2r4z0x{border-radius:0.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:0.5em 0.8em}.btn.small.round.svelte-2r4z0x{padding:0.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67, 0, 176, 0.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}
diff --git a/376/client/legacy/button-231e7b4e.css b/376/client/legacy/button-231e7b4e.css
new file mode 100644
index 000000000..5ce244107
--- /dev/null
+++ b/376/client/legacy/button-231e7b4e.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-1u9djfh{align-items:center;display:grid;gap:0.5em;grid-auto-flow:column;grid-template-columns:repeat(4, auto);grid-template-rows:repeat(3, 3em);justify-items:start;padding:1em}@media only screen and (min-width: 920px){[slot=showcase].svelte-1u9djfh{grid-auto-flow:row;grid-template-columns:repeat(3, auto);grid-template-rows:repeat(4, 3em)}}
diff --git a/376/client/legacy/button.863c0adf.js b/376/client/legacy/button.863c0adf.js
new file mode 100644
index 000000000..858f2346a
--- /dev/null
+++ b/376/client/legacy/button.863c0adf.js
@@ -0,0 +1 @@
+import{S as e,i as t,s as l,H as n,f as s,y as a,p as i,z as r,t as o,d,I as c,J as u,K as p,L as h,M as f,h as m,k as b,b as g,N as y,O as v,o as x,P as R,Q as E,R as L,T,U as k,V as $,W as z}from"./client.583c6e60.js";import{c as C}from"./classes.a7d1a9eb.js";function N(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const l={event:t.event||"click",transition:t.transition||150,zIndex:t.zIndex||"100",bg:t.rippleColor||null,disabled:t.disabled||!1},n=t=>function(e,t,l){let{bg:n,zIndex:s,transition:a}=l;const i=parseInt(getComputedStyle(t).borderWidth.replace("px","")),r=t.getBoundingClientRect(),o=r.left,d=r.top,c=t.offsetWidth,u=t.offsetHeight,p=e.clientX-o,h=e.clientY-d,f=Math.max(p,c-p),m=Math.max(h,u-h),b=window.getComputedStyle(t),g=Math.sqrt(f*f+m*m),y=i>0?i:0,v=document.createElement("div"),x=document.createElement("div");x.className="ripple-container",v.className="ripple",v.style.marginTop="0px",v.style.marginLeft="0px",v.style.width="1px",v.style.height="1px",v.style.transition=`all ${a}ms cubic-bezier(0.4, 0, 0.2, 1)`,v.style.borderRadius="50%",v.style.pointerEvents="none",v.style.position="relative",v.style.zIndex=s,null!==n&&(v.style.backgroundColor=n);x.style.position="absolute",x.style.left=0-y+"px",x.style.top=0-y+"px",x.style.height="0",x.style.width="0",x.style.pointerEvents="none",x.style.overflow="hidden";const R=t.style.position.length>0?t.style.position:getComputedStyle(t).position;"relative"!==R&&"absolute"!==R&&(t.style.position="relative");function E(){setTimeout((()=>{v.style.backgroundColor="rgba(0, 0, 0, 0)"}),250),setTimeout((()=>{x.parentNode.removeChild(x)}),a+250),setTimeout((()=>{let e=!0;for(let l=0;l<t.childNodes.length;l++)"ripple-container"===t.childNodes[l].className&&(e=!1);e&&(t.style.position="static"!==R?R:"")}),a+250)}x.appendChild(v),t.appendChild(x),v.style.marginLeft=p+"px",v.style.marginTop=h+"px",x.style.width=c+"px",x.style.height=u+"px",x.style.borderTopLeftRadius=b.borderTopLeftRadius,x.style.borderTopRightRadius=b.borderTopRightRadius,x.style.borderBottomLeftRadius=b.borderBottomLeftRadius,x.style.borderBottomRightRadius=b.borderBottomRightRadius,x.style.direction="ltr",setTimeout((()=>{v.style.width=2*g+"px",v.style.height=2*g+"px",v.style.marginLeft=p-g+"px",v.style.marginTop=h-g+"px"}),0),E()}(t,e,l);return l.disabled||e.addEventListener(l.event,n),{destroy(){e.removeEventListener(l.event,n)},update(){(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).disabled?e.removeEventListener(l.event,n):e.addEventListener(l.event,n)}}}function w(e,t){if(null!=t)for(const l of t)e.addEventListener(l.name,l.handler);return{destroy(){if(null!=t)for(const l of t)e.removeEventListener(l.name,l.handler)}}}function B(e){let t,l,n,a,r,c,u;const h=e[17].default,B=f(h,e,e[16],null);let I=[{type:"button"},{disabled:e[10]},{class:l=C("btn",e[0])},e[15]],P={};for(let e=0;e<I.length;e+=1)P=p(P,I[e]);return{c(){t=m("button"),B&&B.c(),this.h()},l(e){t=b(e,"BUTTON",{type:!0,class:!0});var l=g(t);B&&B.l(l),l.forEach(d),this.h()},h(){y(t,P),v(t,"filled",e[1]),v(t,"outline",e[2]),v(t,"danger",e[3]),v(t,"round",e[5]),v(t,"neutral",e[4]),v(t,"rectangle",e[6]),v(t,"small",e[7]),v(t,"selected",e[8]),v(t,"svelte-2r4z0x",!0)},m(l,i){s(l,t,i),B&&B.m(t,null),t.autofocus&&t.focus(),r=!0,c||(u=[x(t,"click",e[19]),R(n=N.call(null,t,{disabled:e[9]||e[10]})),R(a=w.call(null,t,e[13]))],c=!0)},p(e,s){B&&B.p&&(!r||65536&s)&&E(B,h,e,e[16],r?T(h,e[16],s,null):L(e[16]),null),y(t,P=k(I,[{type:"button"},(!r||1024&s)&&{disabled:e[10]},(!r||1&s&&l!==(l=C("btn",e[0])))&&{class:l},32768&s&&e[15]])),n&&$(n.update)&&1536&s&&n.update.call(null,{disabled:e[9]||e[10]}),a&&$(a.update)&&8192&s&&a.update.call(null,e[13]),v(t,"filled",e[1]),v(t,"outline",e[2]),v(t,"danger",e[3]),v(t,"round",e[5]),v(t,"neutral",e[4]),v(t,"rectangle",e[6]),v(t,"small",e[7]),v(t,"selected",e[8]),v(t,"svelte-2r4z0x",!0)},i(e){r||(o(B,e),r=!0)},o(e){i(B,e),r=!1},d(e){e&&d(t),B&&B.d(e),c=!1,z(u)}}}function I(e){let t,l,n,a,r,c,u,h,B,I,P,A;const M=e[17].default,S=f(M,e,e[16],null);let W=[{href:l=e[10]?null:e[11]},{rel:n=e[12]?null:"prefetch"},{"sapper:prefetch":a=!e[12]||null},{"sveltekit:prefetch":r=!e[12]||null},{disabled:c=!!e[10]||null},{class:u=C("btn",e[0])},e[15]],j={};for(let e=0;e<W.length;e+=1)j=p(j,W[e]);return{c(){t=m("a"),S&&S.c(),this.h()},l(e){t=b(e,"A",{href:!0,rel:!0,"sapper:prefetch":!0,"sveltekit:prefetch":!0,disabled:!0,class:!0});var l=g(t);S&&S.l(l),l.forEach(d),this.h()},h(){y(t,j),v(t,"filled",e[1]),v(t,"outline",e[2]),v(t,"danger",e[3]),v(t,"round",e[5]),v(t,"neutral",e[4]),v(t,"rectangle",e[6]),v(t,"small",e[7]),v(t,"selected",e[8]),v(t,"svelte-2r4z0x",!0)},m(l,n){s(l,t,n),S&&S.m(t,null),I=!0,P||(A=[x(t,"click",e[18]),R(h=w.call(null,t,e[13])),R(B=N.call(null,t,{disabled:e[9]||e[10]}))],P=!0)},p(e,s){S&&S.p&&(!I||65536&s)&&E(S,M,e,e[16],I?T(M,e[16],s,null):L(e[16]),null),y(t,j=k(W,[(!I||3072&s&&l!==(l=e[10]?null:e[11]))&&{href:l},(!I||4096&s&&n!==(n=e[12]?null:"prefetch"))&&{rel:n},(!I||4096&s&&a!==(a=!e[12]||null))&&{"sapper:prefetch":a},(!I||4096&s&&r!==(r=!e[12]||null))&&{"sveltekit:prefetch":r},(!I||1024&s&&c!==(c=!!e[10]||null))&&{disabled:c},(!I||1&s&&u!==(u=C("btn",e[0])))&&{class:u},32768&s&&e[15]])),h&&$(h.update)&&8192&s&&h.update.call(null,e[13]),B&&$(B.update)&&1536&s&&B.update.call(null,{disabled:e[9]||e[10]}),v(t,"filled",e[1]),v(t,"outline",e[2]),v(t,"danger",e[3]),v(t,"round",e[5]),v(t,"neutral",e[4]),v(t,"rectangle",e[6]),v(t,"small",e[7]),v(t,"selected",e[8]),v(t,"svelte-2r4z0x",!0)},i(e){I||(o(S,e),I=!0)},o(e){i(S,e),I=!1},d(e){e&&d(t),S&&S.d(e),P=!1,z(A)}}}function P(e){let t,l,c,u;const p=[I,B],h=[];function f(e,t){return e[11]?0:1}return t=f(e),l=h[t]=p[t](e),{c(){l.c(),c=n()},l(e){l.l(e),c=n()},m(e,l){h[t].m(e,l),s(e,c,l),u=!0},p(e,n){let[s]=n,d=t;t=f(e),t===d?h[t].p(e,s):(a(),i(h[d],1,1,(()=>{h[d]=null})),r(),l=h[t],l?l.p(e,s):(l=h[t]=p[t](e),l.c()),o(l,1),l.m(c.parentNode,c))},i(e){u||(o(l),u=!0)},o(e){i(l),u=!1},d(e){h[t].d(e),e&&d(c)}}}function A(e,t,l){const n=["class","filled","outline","danger","neutral","round","rectangle","small","selected","noRipple","disabled","href","noPrefetch","events"];let s=c(t,n),{$$slots:a={},$$scope:i}=t,{class:r=null}=t,{filled:o=!1}=t,{outline:d=!1}=t,{danger:f=!1}=t,{neutral:m=!1}=t,{round:b=!1}=t,{rectangle:g=!1}=t,{small:y=!1}=t,{selected:v=!1}=t,{noRipple:x=!1}=t,{disabled:R=!1}=t,{href:E=null}=t,{noPrefetch:L=!1}=t,{events:T=[]}=t;o&&d&&console.error("A button may not be filled and outlined at the same time"),f&&m&&console.error("A button may not be danger and neutral at the same time"),o&&v&&console.error("A button may not be filled and selected at the same time");const k=u();return e.$$set=e=>{t=p(p({},t),h(e)),l(15,s=c(t,n)),"class"in e&&l(0,r=e.class),"filled"in e&&l(1,o=e.filled),"outline"in e&&l(2,d=e.outline),"danger"in e&&l(3,f=e.danger),"neutral"in e&&l(4,m=e.neutral),"round"in e&&l(5,b=e.round),"rectangle"in e&&l(6,g=e.rectangle),"small"in e&&l(7,y=e.small),"selected"in e&&l(8,v=e.selected),"noRipple"in e&&l(9,x=e.noRipple),"disabled"in e&&l(10,R=e.disabled),"href"in e&&l(11,E=e.href),"noPrefetch"in e&&l(12,L=e.noPrefetch),"events"in e&&l(13,T=e.events),"$$scope"in e&&l(16,i=e.$$scope)},[r,o,d,f,m,b,g,y,v,x,R,E,L,T,k,s,i,a,e=>k("click",{nativeEvent:e}),e=>k("click",{nativeEvent:e})]}var M=class extends e{constructor(e){super(),t(this,e,A,P,l,{class:0,filled:1,outline:2,danger:3,neutral:4,round:5,rectangle:6,small:7,selected:8,noRipple:9,disabled:10,href:11,noPrefetch:12,events:13})}};export{M as B,w as e,N as r};
diff --git a/376/client/legacy/button.a3561935.js b/376/client/legacy/button.a3561935.js
new file mode 100644
index 000000000..9dc2f5daa
--- /dev/null
+++ b/376/client/legacy/button.a3561935.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,a as n,c as s,b as a,d as r,e as o,f as c,g as f,n as l,K as p,j as m,l as u,m as g,U as d,a0 as i,t as x,p as h,q as y,L as w,u as E,w as v,v as b,x as k,h as D,k as O}from"./client.583c6e60.js";import{L as C,H as T,P as R}from"./layout.47c81311.js";import{B}from"./button.863c0adf.js";import{a as S}from"./copyable-code.ce778425.js";import{S as N}from"./showcase.759e7149.js";import{C as G}from"./color-preview.9db6af61.js";import{S as A}from"./shadow-preview.487038f8.js";import{H as M}from"./h2.0da05151.js";import{H as j}from"./h3.c9a49f62.js";import{T as F,a as H,b as P,c as K}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./label.d533579b.js";import"./popover.3a24cfa5.js";function z(t){let e,$,p,m;return{c(){e=n("svg"),$=n("line"),p=n("line"),this.h()},l(t){e=s(t,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var n=a(e);$=s(n,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),a($).forEach(r),p=s(n,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),a(p).forEach(r),n.forEach(r),this.h()},h(){o($,"x1","18"),o($,"y1","6"),o($,"x2","6"),o($,"y2","18"),o(p,"x1","6"),o(p,"y1","6"),o(p,"x2","18"),o(p,"y2","18"),o(e,"xmlns","http://www.w3.org/2000/svg"),o(e,"width",t[0]),o(e,"height",t[0]),o(e,"fill","none"),o(e,"viewBox","0 0 24 24"),o(e,"stroke","currentColor"),o(e,"stroke-width",t[1]),o(e,"stroke-linecap","round"),o(e,"stroke-linejoin","round"),o(e,"class",m="feather feather-x "+t[2])},m(t,n){c(t,e,n),f(e,$),f(e,p)},p(t,$){let[n]=$;1&n&&o(e,"width",t[0]),1&n&&o(e,"height",t[0]),2&n&&o(e,"stroke-width",t[1]),4&n&&m!==(m="feather feather-x "+t[2])&&o(e,"class",m)},i:l,o:l,d(t){t&&r(e)}}}function I(t,e,$){let{size:n="100%"}=e,{strokeWidth:s=2}=e,{class:a=""}=e;return"100%"!==n&&(n="x"===n.slice(-1)?n.slice(0,n.length-1)+"em":parseInt(n)+"px"),t.$$set=t=>{"size"in t&&$(0,n=t.size),"strokeWidth"in t&&$(1,s=t.strokeWidth),"class"in t&&$(2,a=t.class)},[n,s,a]}class W extends t{constructor(t){super(),e(this,t,I,z,$,{size:0,strokeWidth:1,class:2})}}function L(t){let e;return{c(){e=b("Button")},l(t){e=k(t,"Button")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function U(t){let e;return{c(){e=b("A clickable entity for all your controlling and linking needs.")},l(t){e=k(t,"A clickable entity for all your controlling and linking needs.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function Y(t){let e;return{c(){e=b("Comes in three flavours: filled, outline and flat.")},l(t){e=k(t,"Comes in three flavours: filled, outline and flat.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function V(t){let e;return{c(){e=b("button")},l(t){e=k(t,"button")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function q(t){let e;return{c(){e=b("button")},l(t){e=k(t,"button")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function X(t){let e;return{c(){e=b("button")},l(t){e=k(t,"button")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function J(t){let e;return{c(){e=b("button")},l(t){e=k(t,"button")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function Q(t){let e;return{c(){e=b("button")},l(t){e=k(t,"button")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function Z(t){let e;return{c(){e=b("button")},l(t){e=k(t,"button")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function _(t){let e;return{c(){e=b("button")},l(t){e=k(t,"button")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function tt(t){let e;return{c(){e=b("button")},l(t){e=k(t,"button")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function et(t){let e;return{c(){e=b("button")},l(t){e=k(t,"button")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function $t(t){let e,$,n;return e=new S({props:{size:"20",class:"mr"}}),{c(){m(e.$$.fragment),$=b("\n      icons")},l(t){u(e.$$.fragment,t),$=k(t,"\n      icons")},m(t,s){g(e,t,s),c(t,$,s),n=!0},p:l,i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){h(e.$$.fragment,t),n=!1},d(t){y(e,t),t&&r($)}}}function nt(t){let e;return{c(){e=b("selected")},l(t){e=k(t,"selected")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function st(t){let e,$;return e=new W({props:{size:"20"}}),{c(){m(e.$$.fragment)},l(t){u(e.$$.fragment,t)},m(t,n){g(e,t,n),$=!0},p:l,i(t){$||(x(e.$$.fragment,t),$=!0)},o(t){h(e.$$.fragment,t),$=!1},d(t){y(e,t)}}}function at(t){let e,$,n,s,l,p,d,i,w,b,k,C,T,R,S,N,G,A,M,j,F,H,P,K,z;return $=new B({props:{filled:!0,$$slots:{default:[V]},$$scope:{ctx:t}}}),s=new B({props:{outline:!0,$$slots:{default:[q]},$$scope:{ctx:t}}}),p=new B({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),i=new B({props:{disabled:!0,filled:!0,$$slots:{default:[J]},$$scope:{ctx:t}}}),b=new B({props:{disabled:!0,outline:!0,$$slots:{default:[Q]},$$scope:{ctx:t}}}),C=new B({props:{disabled:!0,$$slots:{default:[Z]},$$scope:{ctx:t}}}),R=new B({props:{danger:!0,filled:!0,$$slots:{default:[_]},$$scope:{ctx:t}}}),N=new B({props:{danger:!0,outline:!0,$$slots:{default:[tt]},$$scope:{ctx:t}}}),A=new B({props:{danger:!0,noRipple:!0,$$slots:{default:[et]},$$scope:{ctx:t}}}),j=new B({props:{filled:!0,$$slots:{default:[$t]},$$scope:{ctx:t}}}),H=new B({props:{selected:!0,$$slots:{default:[nt]},$$scope:{ctx:t}}}),K=new B({props:{round:!0,neutral:!0,$$slots:{default:[st]},$$scope:{ctx:t}}}),{c(){e=D("div"),m($.$$.fragment),n=E(),m(s.$$.fragment),l=E(),m(p.$$.fragment),d=E(),m(i.$$.fragment),w=E(),m(b.$$.fragment),k=E(),m(C.$$.fragment),T=E(),m(R.$$.fragment),S=E(),m(N.$$.fragment),G=E(),m(A.$$.fragment),M=E(),m(j.$$.fragment),F=E(),m(H.$$.fragment),P=E(),m(K.$$.fragment),this.h()},l(t){e=O(t,"DIV",{slot:!0,class:!0});var o=a(e);u($.$$.fragment,o),n=v(o),u(s.$$.fragment,o),l=v(o),u(p.$$.fragment,o),d=v(o),u(i.$$.fragment,o),w=v(o),u(b.$$.fragment,o),k=v(o),u(C.$$.fragment,o),T=v(o),u(R.$$.fragment,o),S=v(o),u(N.$$.fragment,o),G=v(o),u(A.$$.fragment,o),M=v(o),u(j.$$.fragment,o),F=v(o),u(H.$$.fragment,o),P=v(o),u(K.$$.fragment,o),o.forEach(r),this.h()},h(){o(e,"slot","showcase"),o(e,"class","svelte-1u9djfh")},m(t,a){c(t,e,a),g($,e,null),f(e,n),g(s,e,null),f(e,l),g(p,e,null),f(e,d),g(i,e,null),f(e,w),g(b,e,null),f(e,k),g(C,e,null),f(e,T),g(R,e,null),f(e,S),g(N,e,null),f(e,G),g(A,e,null),f(e,M),g(j,e,null),f(e,F),g(H,e,null),f(e,P),g(K,e,null),z=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),s.$set(a);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),p.$set(r);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),i.$set(o);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),b.$set(c);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),R.$set(l);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),N.$set(m);const u={};2&e&&(u.$$scope={dirty:e,ctx:t}),A.$set(u);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),j.$set(g);const d={};2&e&&(d.$$scope={dirty:e,ctx:t}),H.$set(d);const x={};2&e&&(x.$$scope={dirty:e,ctx:t}),K.$set(x)},i(t){z||(x($.$$.fragment,t),x(s.$$.fragment,t),x(p.$$.fragment,t),x(i.$$.fragment,t),x(b.$$.fragment,t),x(C.$$.fragment,t),x(R.$$.fragment,t),x(N.$$.fragment,t),x(A.$$.fragment,t),x(j.$$.fragment,t),x(H.$$.fragment,t),x(K.$$.fragment,t),z=!0)},o(t){h($.$$.fragment,t),h(s.$$.fragment,t),h(p.$$.fragment,t),h(i.$$.fragment,t),h(b.$$.fragment,t),h(C.$$.fragment,t),h(R.$$.fragment,t),h(N.$$.fragment,t),h(A.$$.fragment,t),h(j.$$.fragment,t),h(H.$$.fragment,t),h(K.$$.fragment,t),z=!1},d(t){t&&r(e),y($),y(s),y(p),y(i),y(b),y(C),y(R),y(N),y(A),y(j),y(H),y(K)}}}function rt(t){let e,$;return{c(){e=D("div"),$=D("pre"),this.h()},l(t){e=O(t,"DIV",{slot:!0});var n=a(e);$=O(n,"PRE",{class:!0}),a($).forEach(r),n.forEach(r),this.h()},h(){o($,"class","language-svelte"),o(e,"slot","source")},m(t,n){c(t,e,n),f(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">filled</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">outline</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">disabled</span> <span class="token attr-name">filled</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">disabled</span> <span class="token attr-name">outline</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">disabled</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">danger</span> <span class="token attr-name">filled</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">danger</span> <span class="token attr-name">outline</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">danger</span> <span class="token attr-name">noRipple</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">filled</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>20<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>mr<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n  icons\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">selected</span><span class="token punctuation">></span></span>selected<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">round</span> <span class="token attr-name">neutral</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>XIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>20<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span></code>'},p:l,d(t){t&&r(e)}}}function ot(t){let e;return{c(){e=b("Properties")},l(t){e=k(t,"Properties")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function ct(t){let e;return{c(){e=b("Style Properties")},l(t){e=k(t,"Style Properties")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function ft(t){let e;return{c(){e=b("Name")},l(t){e=k(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function lt(t){let e;return{c(){e=b("Default")},l(t){e=k(t,"Default")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function pt(t){let e;return{c(){e=b("Type")},l(t){e=k(t,"Type")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function mt(t){let e;return{c(){e=b("Description")},l(t){e=k(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function ut(t){let e,$,n,s,a,o,f,l;return e=new P({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),a=new P({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),f=new P({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function gt(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("filled")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"filled"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function dt(t){let e,$;return{c(){e=D("code"),$=b("false")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"false"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function it(t){let e,$;return{c(){e=D("code"),$=b("boolean")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"boolean"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function xt(t){let e,$,n,s,o,p,m,u,g,d,i;return{c(){e=b("Adds a filled background to the button. "),$=D("br"),n=b(" Mutually exclusive with "),s=D("mark"),o=D("code"),p=b("outline"),m=b(" and "),u=D("mark"),g=D("code"),d=b("selected"),i=b(".")},l(t){e=k(t,"Adds a filled background to the button. "),$=O(t,"BR",{}),n=k(t," Mutually exclusive with "),s=O(t,"MARK",{});var c=a(s);o=O(c,"CODE",{});var f=a(o);p=k(f,"outline"),f.forEach(r),c.forEach(r),m=k(t," and "),u=O(t,"MARK",{});var l=a(u);g=O(l,"CODE",{});var x=a(g);d=k(x,"selected"),x.forEach(r),l.forEach(r),i=k(t,".")},m(t,a){c(t,e,a),c(t,$,a),c(t,n,a),c(t,s,a),f(s,o),f(o,p),c(t,m,a),c(t,u,a),f(u,g),f(g,d),c(t,i,a)},p:l,d(t){t&&r(e),t&&r($),t&&r(n),t&&r(s),t&&r(m),t&&r(u),t&&r(i)}}}function ht(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function yt(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("outline")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"outline"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function wt(t){let e,$;return{c(){e=D("code"),$=b("false")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"false"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Et(t){let e,$;return{c(){e=D("code"),$=b("boolean")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"boolean"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function vt(t){let e,$,n,s,o,p,m;return{c(){e=b("Adds a border to the button. "),$=D("br"),n=b(" Mutually exclusive with "),s=D("mark"),o=D("code"),p=b("filled"),m=b(".")},l(t){e=k(t,"Adds a border to the button. "),$=O(t,"BR",{}),n=k(t," Mutually exclusive with "),s=O(t,"MARK",{});var c=a(s);o=O(c,"CODE",{});var f=a(o);p=k(f,"filled"),f.forEach(r),c.forEach(r),m=k(t,".")},m(t,a){c(t,e,a),c(t,$,a),c(t,n,a),c(t,s,a),f(s,o),f(o,p),c(t,m,a)},p:l,d(t){t&&r(e),t&&r($),t&&r(n),t&&r(s),t&&r(m)}}}function bt(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function kt(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("danger")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"danger"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function Dt(t){let e,$;return{c(){e=D("code"),$=b("false")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"false"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Ot(t){let e,$;return{c(){e=D("code"),$=b("boolean")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"boolean"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Ct(t){let e,$,n,s,o,p,m;return{c(){e=b("Gives the button a color of danger (red by default) "),$=D("br"),n=b(" Mutually exclusive with "),s=D("mark"),o=D("code"),p=b("neutral"),m=b(".")},l(t){e=k(t,"Gives the button a color of danger (red by default) "),$=O(t,"BR",{}),n=k(t," Mutually exclusive with "),s=O(t,"MARK",{});var c=a(s);o=O(c,"CODE",{});var f=a(o);p=k(f,"neutral"),f.forEach(r),c.forEach(r),m=k(t,".")},m(t,a){c(t,e,a),c(t,$,a),c(t,n,a),c(t,s,a),f(s,o),f(o,p),c(t,m,a)},p:l,d(t){t&&r(e),t&&r($),t&&r(n),t&&r(s),t&&r(m)}}}function Tt(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function Rt(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("neutral")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"neutral"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function Bt(t){let e,$;return{c(){e=D("code"),$=b("false")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"false"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function St(t){let e,$;return{c(){e=D("code"),$=b("boolean")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"boolean"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Nt(t){let e,$,n,s,o,p,m;return{c(){e=b("Gives the button a neutral color (very dark gray by default). "),$=D("br"),n=b(" Mutually exclusive with "),s=D("mark"),o=D("code"),p=b("danger"),m=b(".")},l(t){e=k(t,"Gives the button a neutral color (very dark gray by default). "),$=O(t,"BR",{}),n=k(t," Mutually exclusive with "),s=O(t,"MARK",{});var c=a(s);o=O(c,"CODE",{});var f=a(o);p=k(f,"danger"),f.forEach(r),c.forEach(r),m=k(t,".")},m(t,a){c(t,e,a),c(t,$,a),c(t,n,a),c(t,s,a),f(s,o),f(o,p),c(t,m,a)},p:l,d(t){t&&r(e),t&&r($),t&&r(n),t&&r(s),t&&r(m)}}}function Gt(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function At(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("round")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"round"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function Mt(t){let e,$;return{c(){e=D("code"),$=b("false")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"false"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function jt(t){let e,$;return{c(){e=D("code"),$=b("boolean")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"boolean"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Ft(t){let e;return{c(){e=b("Adjusts the padding to be equal on all sides. Great for icon-only buttons.")},l(t){e=k(t,"Adjusts the padding to be equal on all sides. Great for icon-only buttons.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function Ht(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function Pt(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("rectangle")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"rectangle"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function Kt(t){let e,$;return{c(){e=D("code"),$=b("false")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"false"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function zt(t){let e,$;return{c(){e=D("code"),$=b("boolean")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"boolean"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function It(t){let e;return{c(){e=b("Halves the border radius and increases the padding. Well-suited for large menus.")},l(t){e=k(t,"Halves the border radius and increases the padding. Well-suited for large menus.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function Wt(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function Lt(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("small")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"small"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function Ut(t){let e,$;return{c(){e=D("code"),$=b("false")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"false"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Yt(t){let e,$;return{c(){e=D("code"),$=b("boolean")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"boolean"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Vt(t){let e;return{c(){e=b("Cuts the padding to make the button smaller.")},l(t){e=k(t,"Cuts the padding to make the button smaller.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function qt(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function Xt(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("selected")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"selected"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function Jt(t){let e,$;return{c(){e=D("code"),$=b("false")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"false"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Qt(t){let e,$;return{c(){e=D("code"),$=b("boolean")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"boolean"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Zt(t){let e,$,n,s,o,p,m;return{c(){e=b("Gives the button a tinted background. Suitable for indicating the selected item. "),$=D("br"),n=b(" Mutually exclusive with "),s=D("mark"),o=D("code"),p=b("filled"),m=b(".")},l(t){e=k(t,"Gives the button a tinted background. Suitable for indicating the selected item. "),$=O(t,"BR",{}),n=k(t," Mutually exclusive with "),s=O(t,"MARK",{});var c=a(s);o=O(c,"CODE",{});var f=a(o);p=k(f,"filled"),f.forEach(r),c.forEach(r),m=k(t,".")},m(t,a){c(t,e,a),c(t,$,a),c(t,n,a),c(t,s,a),f(s,o),f(o,p),c(t,m,a)},p:l,d(t){t&&r(e),t&&r($),t&&r(n),t&&r(s),t&&r(m)}}}function _t(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function te(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("noRipple")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"noRipple"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function ee(t){let e,$;return{c(){e=D("code"),$=b("false")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"false"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function $e(t){let e,$;return{c(){e=D("code"),$=b("boolean")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"boolean"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function ne(t){let e;return{c(){e=b("Disables the ripple effect.")},l(t){e=k(t,"Disables the ripple effect.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function se(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function ae(t){let e,$,n,s,o,l,p,d,i,w,b,k,C,T,R,B,S,N,G,A,M,j;return $=new H({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),o=new H({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),p=new H({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),b=new H({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),C=new H({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),R=new H({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),S=new H({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),G=new H({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),M=new H({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){e=D("thead"),m($.$$.fragment),n=E(),s=D("tbody"),m(o.$$.fragment),l=E(),m(p.$$.fragment),d=E(),m(i.$$.fragment),w=E(),m(b.$$.fragment),k=E(),m(C.$$.fragment),T=E(),m(R.$$.fragment),B=E(),m(S.$$.fragment),N=E(),m(G.$$.fragment),A=E(),m(M.$$.fragment)},l(t){e=O(t,"THEAD",{});var c=a(e);u($.$$.fragment,c),c.forEach(r),n=v(t),s=O(t,"TBODY",{});var f=a(s);u(o.$$.fragment,f),l=v(f),u(p.$$.fragment,f),d=v(f),u(i.$$.fragment,f),w=v(f),u(b.$$.fragment,f),k=v(f),u(C.$$.fragment,f),T=v(f),u(R.$$.fragment,f),B=v(f),u(S.$$.fragment,f),N=v(f),u(G.$$.fragment,f),A=v(f),u(M.$$.fragment,f),f.forEach(r)},m(t,a){c(t,e,a),g($,e,null),c(t,n,a),c(t,s,a),g(o,s,null),f(s,l),g(p,s,null),f(s,d),g(i,s,null),f(s,w),g(b,s,null),f(s,k),g(C,s,null),f(s,T),g(R,s,null),f(s,B),g(S,s,null),f(s,N),g(G,s,null),f(s,A),g(M,s,null),j=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),o.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),p.$set(a);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),i.$set(r);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),b.$set(c);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),R.$set(l);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),S.$set(m);const u={};2&e&&(u.$$scope={dirty:e,ctx:t}),G.$set(u);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),M.$set(g)},i(t){j||(x($.$$.fragment,t),x(o.$$.fragment,t),x(p.$$.fragment,t),x(i.$$.fragment,t),x(b.$$.fragment,t),x(C.$$.fragment,t),x(R.$$.fragment,t),x(S.$$.fragment,t),x(G.$$.fragment,t),x(M.$$.fragment,t),j=!0)},o(t){h($.$$.fragment,t),h(o.$$.fragment,t),h(p.$$.fragment,t),h(i.$$.fragment,t),h(b.$$.fragment,t),h(C.$$.fragment,t),h(R.$$.fragment,t),h(S.$$.fragment,t),h(G.$$.fragment,t),h(M.$$.fragment,t),j=!1},d(t){t&&r(e),y($),t&&r(n),t&&r(s),y(o),y(p),y(i),y(b),y(C),y(R),y(S),y(G),y(M)}}}function re(t){let e;return{c(){e=b("Functional Properties")},l(t){e=k(t,"Functional Properties")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function oe(t){let e;return{c(){e=b("Name")},l(t){e=k(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function ce(t){let e;return{c(){e=b("Default")},l(t){e=k(t,"Default")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function fe(t){let e;return{c(){e=b("Type")},l(t){e=k(t,"Type")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function le(t){let e;return{c(){e=b("Description")},l(t){e=k(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function pe(t){let e,$,n,s,a,o,f,l;return e=new P({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),a=new P({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),f=new P({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function me(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("disabled")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"disabled"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function ue(t){let e,$;return{c(){e=D("code"),$=b("false")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"false"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function ge(t){let e,$;return{c(){e=D("code"),$=b("boolean")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"boolean"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function de(t){let e;return{c(){e=b("Disables the button, styling it appropriately and disabling click events.")},l(t){e=k(t,"Disables the button, styling it appropriately and disabling click events.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function ie(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function xe(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("href")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"href"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function he(t){let e,$;return{c(){e=D("code"),$=b("null")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"null"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function ye(t){let e,$;return{c(){e=D("code"),$=b("string")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"string"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function we(t){let e;return{c(){e=b("Turns the button into a link (prefetch-enabled for Sapper).")},l(t){e=k(t,"Turns the button into a link (prefetch-enabled for Sapper).")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function Ee(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function ve(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("noPrefetch")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"noPrefetch"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function be(t){let e,$;return{c(){e=D("code"),$=b("false")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"false"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function ke(t){let e,$;return{c(){e=D("code"),$=b("boolean")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"boolean"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function De(t){let e,$,n,s,o;return{c(){e=b("Disables Sapper prefetching for link buttons (those with an "),$=D("mark"),n=D("code"),s=b("href"),o=b(" prop).")},l(t){e=k(t,"Disables Sapper prefetching for link buttons (those with an "),$=O(t,"MARK",{});var c=a($);n=O(c,"CODE",{});var f=a(n);s=k(f,"href"),f.forEach(r),c.forEach(r),o=k(t," prop).")},m(t,a){c(t,e,a),c(t,$,a),f($,n),f(n,s),c(t,o,a)},p:l,d(t){t&&r(e),t&&r($),t&&r(o)}}}function Oe(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function Ce(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("events")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"events"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function Te(t){let e,$;return{c(){e=D("code"),$=b("[]")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"[]"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Re(t){let e,$;return{c(){e=D("code"),$=b("Array")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"Array"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Be(t){let e,$,n,s,p,m,u;return{c(){e=b("List of handlers for the "),$=D("a"),n=b("Events action"),s=b(": "),p=D("code"),m=b("[{ name, handler }]"),u=b("."),this.h()},l(t){e=k(t,"List of handlers for the "),$=O(t,"A",{href:!0});var o=a($);n=k(o,"Events action"),o.forEach(r),s=k(t,": "),p=O(t,"CODE",{});var c=a(p);m=k(c,"[{ name, handler }]"),c.forEach(r),u=k(t,"."),this.h()},h(){o($,"href","./docs/utilities")},m(t,a){c(t,e,a),c(t,$,a),f($,n),c(t,s,a),c(t,p,a),f(p,m),c(t,u,a)},p:l,d(t){t&&r(e),t&&r($),t&&r(s),t&&r(p),t&&r(u)}}}function Se(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function Ne(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("...")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"..."),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function Ge(t){let e,$;return{c(){e=D("code"),$=b("any")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"any"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Ae(t){let e,$,n,s,o,p,m;return{c(){e=b("Everything else will be passed to the underlying "),$=D("code"),n=b("<button>"),s=b(" or "),o=D("code"),p=b("<a>"),m=b(" element.")},l(t){e=k(t,"Everything else will be passed to the underlying "),$=O(t,"CODE",{});var c=a($);n=k(c,"<button>"),c.forEach(r),s=k(t," or "),o=O(t,"CODE",{});var f=a(o);p=k(f,"<a>"),f.forEach(r),m=k(t," element.")},m(t,a){c(t,e,a),c(t,$,a),f($,n),c(t,s,a),c(t,o,a),f(o,p),c(t,m,a)},p:l,d(t){t&&r(e),t&&r($),t&&r(s),t&&r(o),t&&r(m)}}}function Me(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),n=new K({}),a=new K({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),f.$set(r)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function je(t){let e,$,n,s,o,l,p,d,i,w,b,k,C,T;return $=new H({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),o=new H({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),p=new H({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),b=new H({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),C=new H({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),{c(){e=D("thead"),m($.$$.fragment),n=E(),s=D("tbody"),m(o.$$.fragment),l=E(),m(p.$$.fragment),d=E(),m(i.$$.fragment),w=E(),m(b.$$.fragment),k=E(),m(C.$$.fragment)},l(t){e=O(t,"THEAD",{});var c=a(e);u($.$$.fragment,c),c.forEach(r),n=v(t),s=O(t,"TBODY",{});var f=a(s);u(o.$$.fragment,f),l=v(f),u(p.$$.fragment,f),d=v(f),u(i.$$.fragment,f),w=v(f),u(b.$$.fragment,f),k=v(f),u(C.$$.fragment,f),f.forEach(r)},m(t,a){c(t,e,a),g($,e,null),c(t,n,a),c(t,s,a),g(o,s,null),f(s,l),g(p,s,null),f(s,d),g(i,s,null),f(s,w),g(b,s,null),f(s,k),g(C,s,null),T=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),o.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),p.$set(a);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),i.$set(r);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),b.$set(c);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f)},i(t){T||(x($.$$.fragment,t),x(o.$$.fragment,t),x(p.$$.fragment,t),x(i.$$.fragment,t),x(b.$$.fragment,t),x(C.$$.fragment,t),T=!0)},o(t){h($.$$.fragment,t),h(o.$$.fragment,t),h(p.$$.fragment,t),h(i.$$.fragment,t),h(b.$$.fragment,t),h(C.$$.fragment,t),T=!1},d(t){t&&r(e),y($),t&&r(n),t&&r(s),y(o),y(p),y(i),y(b),y(C)}}}function Fe(t){let e;return{c(){e=b("Class Properties")},l(t){e=k(t,"Class Properties")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function He(t){let e,$,n,s,o,p,m;return{c(){e=b("All "),$=D("code"),n=b("<Button>"),s=b(" components use the "),o=D("code"),p=b(".btn"),m=b(" class.")},l(t){e=k(t,"All "),$=O(t,"CODE",{});var c=a($);n=k(c,"<Button>"),c.forEach(r),s=k(t," components use the "),o=O(t,"CODE",{});var f=a(o);p=k(f,".btn"),f.forEach(r),m=k(t," class.")},m(t,a){c(t,e,a),c(t,$,a),f($,n),c(t,s,a),c(t,o,a),f(o,p),c(t,m,a)},p:l,d(t){t&&r(e),t&&r($),t&&r(s),t&&r(o),t&&r(m)}}}function Pe(t){let e;return{c(){e=b("Falsy values passed to classes will be disregarded.")},l(t){e=k(t,"Falsy values passed to classes will be disregarded.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function Ke(t){let e;return{c(){e=b("Name")},l(t){e=k(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function ze(t){let e;return{c(){e=b("Default")},l(t){e=k(t,"Default")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function Ie(t){let e;return{c(){e=b("Type")},l(t){e=k(t,"Type")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function We(t){let e;return{c(){e=b("Description")},l(t){e=k(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function Le(t){let e,$,n,s,a,o,f,l;return e=new P({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),a=new P({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),f=new P({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function Ue(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("class")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"class"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function Ye(t){let e,$;return{c(){e=D("code"),$=b("null")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"null"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function Ve(t){let e,$;return{c(){e=D("code"),$=b("string")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"string"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function qe(t){let e;return{c(){e=b("A class string to add to the component.")},l(t){e=k(t,"A class string to add to the component.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function Xe(t){let e,$,n,s,a,o,f,l;return e=new K({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),f=new K({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),l=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),l=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),l=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t)}}}function Je(t){let e,$,n,s,o,f;return $=new H({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),o=new H({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),{c(){e=D("thead"),m($.$$.fragment),n=E(),s=D("tbody"),m(o.$$.fragment)},l(t){e=O(t,"THEAD",{});var c=a(e);u($.$$.fragment,c),c.forEach(r),n=v(t),s=O(t,"TBODY",{});var f=a(s);u(o.$$.fragment,f),f.forEach(r)},m(t,a){c(t,e,a),g($,e,null),c(t,n,a),c(t,s,a),g(o,s,null),f=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),o.$set(s)},i(t){f||(x($.$$.fragment,t),x(o.$$.fragment,t),f=!0)},o(t){h($.$$.fragment,t),h(o.$$.fragment,t),f=!1},d(t){t&&r(e),y($),t&&r(n),t&&r(s),y(o)}}}function Qe(t){let e;return{c(){e=b("Events")},l(t){e=k(t,"Events")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function Ze(t){let e,$,n,s,o;return{c(){e=b("Native DOM events of buttons and links may be handled using the Events action through the "),$=D("mark"),n=D("code"),s=b("events"),o=b(" property.")},l(t){e=k(t,"Native DOM events of buttons and links may be handled using the Events action through the "),$=O(t,"MARK",{});var c=a($);n=O(c,"CODE",{});var f=a(n);s=k(f,"events"),f.forEach(r),c.forEach(r),o=k(t," property.")},m(t,a){c(t,e,a),c(t,$,a),f($,n),f(n,s),c(t,o,a)},p:l,d(t){t&&r(e),t&&r($),t&&r(o)}}}function _e(t){let e;return{c(){e=b("Name")},l(t){e=k(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function t$(t){let e;return{c(){e=b("Event Detail")},l(t){e=k(t,"Event Detail")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function e$(t){let e;return{c(){e=b("Description")},l(t){e=k(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function $$(t){let e,$,n,s,a,o;return e=new P({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),a=new P({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function n$(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("click")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"click"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function s$(t){let e,$;return{c(){e=D("code"),$=b("{ nativeEvent }")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"{ nativeEvent }"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function a$(t){let e;return{c(){e=b("Fired on clicking the button with a mouse or keyboard.")},l(t){e=k(t,"Fired on clicking the button with a mouse or keyboard.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function r$(t){let e,$,n,s,a,o;return e=new K({props:{$$slots:{default:[n$]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[s$]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[a$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function o$(t){let e,$,n,s,o,f;return $=new H({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),o=new H({props:{$$slots:{default:[r$]},$$scope:{ctx:t}}}),{c(){e=D("thead"),m($.$$.fragment),n=E(),s=D("tbody"),m(o.$$.fragment)},l(t){e=O(t,"THEAD",{});var c=a(e);u($.$$.fragment,c),c.forEach(r),n=v(t),s=O(t,"TBODY",{});var f=a(s);u(o.$$.fragment,f),f.forEach(r)},m(t,a){c(t,e,a),g($,e,null),c(t,n,a),c(t,s,a),g(o,s,null),f=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),o.$set(s)},i(t){f||(x($.$$.fragment,t),x(o.$$.fragment,t),f=!0)},o(t){h($.$$.fragment,t),h(o.$$.fragment,t),f=!1},d(t){t&&r(e),y($),t&&r(n),t&&r(s),y(o)}}}function c$(t){let e;return{c(){e=b("Slots")},l(t){e=k(t,"Slots")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function f$(t){let e;return{c(){e=b("Default slot")},l(t){e=k(t,"Default slot")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function l$(t){let e;return{c(){e=b("The content of the Button. Icons, other components, everything is fair game here.")},l(t){e=k(t,"The content of the Button. Icons, other components, everything is fair game here.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function p$(t){let e;return{c(){e=b("SCSS Variables")},l(t){e=k(t,"SCSS Variables")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function m$(t){let e;return{c(){e=b("Name")},l(t){e=k(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function u$(t){let e;return{c(){e=b("Description")},l(t){e=k(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function g$(t){let e;return{c(){e=b("Default")},l(t){e=k(t,"Default")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function d$(t){let e,$,n,s,a,o;return e=new P({props:{$$slots:{default:[m$]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[u$]},$$scope:{ctx:t}}}),a=new P({props:{$$slots:{default:[g$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function i$(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("$main")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"$main"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function x$(t){let e;return{c(){e=b("The main theme color. Used in backgrounds of filled buttons, text and tint of flat buttons, etc.")},l(t){e=k(t,"The main theme color. Used in backgrounds of filled buttons, text and tint of flat buttons, etc.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function h$(t){let e,$;return e=new G({props:{value:"#4300B0"}}),{c(){m(e.$$.fragment)},l(t){u(e.$$.fragment,t)},m(t,n){g(e,t,n),$=!0},p:l,i(t){$||(x(e.$$.fragment,t),$=!0)},o(t){h(e.$$.fragment,t),$=!1},d(t){y(e,t)}}}function y$(t){let e,$,n,s,a,o;return e=new K({props:{$$slots:{default:[i$]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[x$]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[h$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function w$(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("$font")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"$font"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function E$(t){let e;return{c(){e=b("The font of the button text.")},l(t){e=k(t,"The font of the button text.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function v$(t){let e,$;return{c(){e=D("code"),$=b("'Ubuntu'")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"'Ubuntu'"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function b$(t){let e,$,n,s,a,o;return e=new K({props:{$$slots:{default:[w$]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[E$]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[v$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function k$(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("$button-radius")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"$button-radius"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function D$(t){let e;return{c(){e=b("The curvature radius of a button.")},l(t){e=k(t,"The curvature radius of a button.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function O$(t){let e,$;return{c(){e=D("code"),$=b("1.5625em")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"1.5625em"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function C$(t){let e,$,n,s,a,o;return e=new K({props:{$$slots:{default:[k$]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[D$]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[O$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function T$(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("$dark")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"$dark"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function R$(t){let e;return{c(){e=b("The color used in neutral buttons.")},l(t){e=k(t,"The color used in neutral buttons.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function B$(t){let e,$;return e=new G({props:{value:"#333333"}}),{c(){m(e.$$.fragment)},l(t){u(e.$$.fragment,t)},m(t,n){g(e,t,n),$=!0},p:l,i(t){$||(x(e.$$.fragment,t),$=!0)},o(t){h(e.$$.fragment,t),$=!1},d(t){y(e,t)}}}function S$(t){let e,$,n,s,a,o;return e=new K({props:{$$slots:{default:[T$]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[R$]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[B$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function N$(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("$danger")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"$danger"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function G$(t){let e;return{c(){e=b("The color used in danger buttons.")},l(t){e=k(t,"The color used in danger buttons.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function A$(t){let e,$;return e=new G({props:{value:"#B80000"}}),{c(){m(e.$$.fragment)},l(t){u(e.$$.fragment,t)},m(t,n){g(e,t,n),$=!0},p:l,i(t){$||(x(e.$$.fragment,t),$=!0)},o(t){h(e.$$.fragment,t),$=!1},d(t){y(e,t)}}}function M$(t){let e,$,n,s,a,o;return e=new K({props:{$$slots:{default:[N$]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[G$]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[A$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function j$(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("$shadow-1")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"$shadow-1"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function F$(t){let e;return{c(){e=b("The shadow of filled buttons.")},l(t){e=k(t,"The shadow of filled buttons.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function H$(t){let e,$;return e=new A({props:{value:pn}}),{c(){m(e.$$.fragment)},l(t){u(e.$$.fragment,t)},m(t,n){g(e,t,n),$=!0},p:l,i(t){$||(x(e.$$.fragment,t),$=!0)},o(t){h(e.$$.fragment,t),$=!1},d(t){y(e,t)}}}function P$(t){let e,$,n,s,a,o;return e=new K({props:{$$slots:{default:[j$]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[F$]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[H$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function K$(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("$main-text")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"$main-text"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function z$(t){let e;return{c(){e=b("The text color of filled buttons.")},l(t){e=k(t,"The text color of filled buttons.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function I$(t){let e,$;return e=new G({props:{value:"#FFFFFF",bordered:!0}}),{c(){m(e.$$.fragment)},l(t){u(e.$$.fragment,t)},m(t,n){g(e,t,n),$=!0},p:l,i(t){$||(x(e.$$.fragment,t),$=!0)},o(t){h(e.$$.fragment,t),$=!1},d(t){y(e,t)}}}function W$(t){let e,$,n,s,a,o;return e=new K({props:{$$slots:{default:[K$]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[z$]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[I$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function L$(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("$shadow-raised")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"$shadow-raised"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function U$(t){let e;return{c(){e=b("The shadow of filled buttons on hover.")},l(t){e=k(t,"The shadow of filled buttons on hover.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function Y$(t){let e,$;return e=new A({props:{value:mn}}),{c(){m(e.$$.fragment)},l(t){u(e.$$.fragment,t)},m(t,n){g(e,t,n),$=!0},p:l,i(t){$||(x(e.$$.fragment,t),$=!0)},o(t){h(e.$$.fragment,t),$=!1},d(t){y(e,t)}}}function V$(t){let e,$,n,s,a,o;return e=new K({props:{$$slots:{default:[L$]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[U$]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[Y$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function q$(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("$disabled")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"$disabled"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function X$(t){let e;return{c(){e=b("The text color of disabled buttons.")},l(t){e=k(t,"The text color of disabled buttons.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function J$(t){let e,$;return e=new G({props:{value:"#888888"}}),{c(){m(e.$$.fragment)},l(t){u(e.$$.fragment,t)},m(t,n){g(e,t,n),$=!0},p:l,i(t){$||(x(e.$$.fragment,t),$=!0)},o(t){h(e.$$.fragment,t),$=!1},d(t){y(e,t)}}}function Q$(t){let e,$,n,s,a,o;return e=new K({props:{$$slots:{default:[q$]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[X$]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[J$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function Z$(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("$disabled-bg")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"$disabled-bg"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function _$(t){let e;return{c(){e=b("The background color of filled disabled buttons.")},l(t){e=k(t,"The background color of filled disabled buttons.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function tn(t){let e,$;return e=new G({props:{value:"#D7D7D7"}}),{c(){m(e.$$.fragment)},l(t){u(e.$$.fragment,t)},m(t,n){g(e,t,n),$=!0},p:l,i(t){$||(x(e.$$.fragment,t),$=!0)},o(t){h(e.$$.fragment,t),$=!1},d(t){y(e,t)}}}function en(t){let e,$,n,s,a,o;return e=new K({props:{$$slots:{default:[Z$]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[_$]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[tn]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function $n(t){let e,$,n;return{c(){e=D("strong"),$=D("code"),n=b("$button-font-weight")},l(t){e=O(t,"STRONG",{});var s=a(e);$=O(s,"CODE",{});var o=a($);n=k(o,"$button-font-weight"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),f(e,$),f($,n)},p:l,d(t){t&&r(e)}}}function nn(t){let e;return{c(){e=b("The font weight of the buttons.")},l(t){e=k(t,"The font weight of the buttons.")},m(t,$){c(t,e,$)},d(t){t&&r(e)}}}function sn(t){let e,$;return{c(){e=D("code"),$=b("500")},l(t){e=O(t,"CODE",{});var n=a(e);$=k(n,"500"),n.forEach(r)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&r(e)}}}function an(t){let e,$,n,s,a,o;return e=new K({props:{$$slots:{default:[$n]},$$scope:{ctx:t}}}),n=new K({props:{$$slots:{default:[nn]},$$scope:{ctx:t}}}),a=new K({props:{$$slots:{default:[sn]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),o=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o)},i(t){o||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),o=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),o=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t)}}}function rn(t){let e,$,n,s,o,l,p,d,i,w,b,k,C,T,R,B,S,N,G,A,M,j,F,P,K,z;return $=new H({props:{$$slots:{default:[d$]},$$scope:{ctx:t}}}),o=new H({props:{$$slots:{default:[y$]},$$scope:{ctx:t}}}),p=new H({props:{$$slots:{default:[b$]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[C$]},$$scope:{ctx:t}}}),b=new H({props:{$$slots:{default:[S$]},$$scope:{ctx:t}}}),C=new H({props:{$$slots:{default:[M$]},$$scope:{ctx:t}}}),R=new H({props:{$$slots:{default:[P$]},$$scope:{ctx:t}}}),S=new H({props:{$$slots:{default:[W$]},$$scope:{ctx:t}}}),G=new H({props:{$$slots:{default:[V$]},$$scope:{ctx:t}}}),M=new H({props:{$$slots:{default:[Q$]},$$scope:{ctx:t}}}),F=new H({props:{$$slots:{default:[en]},$$scope:{ctx:t}}}),K=new H({props:{$$slots:{default:[an]},$$scope:{ctx:t}}}),{c(){e=D("thead"),m($.$$.fragment),n=E(),s=D("tbody"),m(o.$$.fragment),l=E(),m(p.$$.fragment),d=E(),m(i.$$.fragment),w=E(),m(b.$$.fragment),k=E(),m(C.$$.fragment),T=E(),m(R.$$.fragment),B=E(),m(S.$$.fragment),N=E(),m(G.$$.fragment),A=E(),m(M.$$.fragment),j=E(),m(F.$$.fragment),P=E(),m(K.$$.fragment)},l(t){e=O(t,"THEAD",{});var c=a(e);u($.$$.fragment,c),c.forEach(r),n=v(t),s=O(t,"TBODY",{});var f=a(s);u(o.$$.fragment,f),l=v(f),u(p.$$.fragment,f),d=v(f),u(i.$$.fragment,f),w=v(f),u(b.$$.fragment,f),k=v(f),u(C.$$.fragment,f),T=v(f),u(R.$$.fragment,f),B=v(f),u(S.$$.fragment,f),N=v(f),u(G.$$.fragment,f),A=v(f),u(M.$$.fragment,f),j=v(f),u(F.$$.fragment,f),P=v(f),u(K.$$.fragment,f),f.forEach(r)},m(t,a){c(t,e,a),g($,e,null),c(t,n,a),c(t,s,a),g(o,s,null),f(s,l),g(p,s,null),f(s,d),g(i,s,null),f(s,w),g(b,s,null),f(s,k),g(C,s,null),f(s,T),g(R,s,null),f(s,B),g(S,s,null),f(s,N),g(G,s,null),f(s,A),g(M,s,null),f(s,j),g(F,s,null),f(s,P),g(K,s,null),z=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),o.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),p.$set(a);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),i.$set(r);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),b.$set(c);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),R.$set(l);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),S.$set(m);const u={};2&e&&(u.$$scope={dirty:e,ctx:t}),G.$set(u);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),M.$set(g);const d={};2&e&&(d.$$scope={dirty:e,ctx:t}),F.$set(d);const x={};2&e&&(x.$$scope={dirty:e,ctx:t}),K.$set(x)},i(t){z||(x($.$$.fragment,t),x(o.$$.fragment,t),x(p.$$.fragment,t),x(i.$$.fragment,t),x(b.$$.fragment,t),x(C.$$.fragment,t),x(R.$$.fragment,t),x(S.$$.fragment,t),x(G.$$.fragment,t),x(M.$$.fragment,t),x(F.$$.fragment,t),x(K.$$.fragment,t),z=!0)},o(t){h($.$$.fragment,t),h(o.$$.fragment,t),h(p.$$.fragment,t),h(i.$$.fragment,t),h(b.$$.fragment,t),h(C.$$.fragment,t),h(R.$$.fragment,t),h(S.$$.fragment,t),h(G.$$.fragment,t),h(M.$$.fragment,t),h(F.$$.fragment,t),h(K.$$.fragment,t),z=!1},d(t){t&&r(e),y($),t&&r(n),t&&r(s),y(o),y(p),y(i),y(b),y(C),y(R),y(S),y(G),y(M),y(F),y(K)}}}function on(t){let e,$,n,s,a,o,f,l,p,d,i,w,b,k,D,O,C,B,S,G,A,H,P,K,z,I,W,V,q,X,J,Q,Z,_,tt,et,$t,nt,st,ft,lt,pt;return e=new T({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),n=new R({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),a=new R({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),f=new N({props:{$$slots:{source:[rt],showcase:[at]},$$scope:{ctx:t}}}),p=new M({props:{id:"properties",$$slots:{default:[ot]},$$scope:{ctx:t}}}),i=new j({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),b=new F({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),D=new j({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),C=new F({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),S=new j({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),A=new R({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),P=new R({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),z=new F({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),W=new M({props:{id:"events",$$slots:{default:[Qe]},$$scope:{ctx:t}}}),q=new R({props:{$$slots:{default:[Ze]},$$scope:{ctx:t}}}),J=new F({props:{$$slots:{default:[o$]},$$scope:{ctx:t}}}),Z=new M({props:{id:"slots",$$slots:{default:[c$]},$$scope:{ctx:t}}}),tt=new j({props:{$$slots:{default:[f$]},$$scope:{ctx:t}}}),$t=new R({props:{$$slots:{default:[l$]},$$scope:{ctx:t}}}),st=new M({props:{id:"scss-variables",$$slots:{default:[p$]},$$scope:{ctx:t}}}),lt=new F({props:{$$slots:{default:[rn]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=E(),m(n.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(f.$$.fragment),l=E(),m(p.$$.fragment),d=E(),m(i.$$.fragment),w=E(),m(b.$$.fragment),k=E(),m(D.$$.fragment),O=E(),m(C.$$.fragment),B=E(),m(S.$$.fragment),G=E(),m(A.$$.fragment),H=E(),m(P.$$.fragment),K=E(),m(z.$$.fragment),I=E(),m(W.$$.fragment),V=E(),m(q.$$.fragment),X=E(),m(J.$$.fragment),Q=E(),m(Z.$$.fragment),_=E(),m(tt.$$.fragment),et=E(),m($t.$$.fragment),nt=E(),m(st.$$.fragment),ft=E(),m(lt.$$.fragment)},l(t){u(e.$$.fragment,t),$=v(t),u(n.$$.fragment,t),s=v(t),u(a.$$.fragment,t),o=v(t),u(f.$$.fragment,t),l=v(t),u(p.$$.fragment,t),d=v(t),u(i.$$.fragment,t),w=v(t),u(b.$$.fragment,t),k=v(t),u(D.$$.fragment,t),O=v(t),u(C.$$.fragment,t),B=v(t),u(S.$$.fragment,t),G=v(t),u(A.$$.fragment,t),H=v(t),u(P.$$.fragment,t),K=v(t),u(z.$$.fragment,t),I=v(t),u(W.$$.fragment,t),V=v(t),u(q.$$.fragment,t),X=v(t),u(J.$$.fragment,t),Q=v(t),u(Z.$$.fragment,t),_=v(t),u(tt.$$.fragment,t),et=v(t),u($t.$$.fragment,t),nt=v(t),u(st.$$.fragment,t),ft=v(t),u(lt.$$.fragment,t)},m(t,r){g(e,t,r),c(t,$,r),g(n,t,r),c(t,s,r),g(a,t,r),c(t,o,r),g(f,t,r),c(t,l,r),g(p,t,r),c(t,d,r),g(i,t,r),c(t,w,r),g(b,t,r),c(t,k,r),g(D,t,r),c(t,O,r),g(C,t,r),c(t,B,r),g(S,t,r),c(t,G,r),g(A,t,r),c(t,H,r),g(P,t,r),c(t,K,r),g(z,t,r),c(t,I,r),g(W,t,r),c(t,V,r),g(q,t,r),c(t,X,r),g(J,t,r),c(t,Q,r),g(Z,t,r),c(t,_,r),g(tt,t,r),c(t,et,r),g($t,t,r),c(t,nt,r),g(st,t,r),c(t,ft,r),g(lt,t,r),pt=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),a.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),p.$set(l);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),i.$set(m);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),b.$set(u);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),D.$set(g);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),C.$set(d);const x={};2&$&&(x.$$scope={dirty:$,ctx:t}),S.$set(x);const h={};2&$&&(h.$$scope={dirty:$,ctx:t}),A.$set(h);const y={};2&$&&(y.$$scope={dirty:$,ctx:t}),P.$set(y);const w={};2&$&&(w.$$scope={dirty:$,ctx:t}),z.$set(w);const E={};2&$&&(E.$$scope={dirty:$,ctx:t}),W.$set(E);const v={};2&$&&(v.$$scope={dirty:$,ctx:t}),q.$set(v);const k={};2&$&&(k.$$scope={dirty:$,ctx:t}),J.$set(k);const O={};2&$&&(O.$$scope={dirty:$,ctx:t}),Z.$set(O);const T={};2&$&&(T.$$scope={dirty:$,ctx:t}),tt.$set(T);const R={};2&$&&(R.$$scope={dirty:$,ctx:t}),$t.$set(R);const B={};2&$&&(B.$$scope={dirty:$,ctx:t}),st.$set(B);const N={};2&$&&(N.$$scope={dirty:$,ctx:t}),lt.$set(N)},i(t){pt||(x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(f.$$.fragment,t),x(p.$$.fragment,t),x(i.$$.fragment,t),x(b.$$.fragment,t),x(D.$$.fragment,t),x(C.$$.fragment,t),x(S.$$.fragment,t),x(A.$$.fragment,t),x(P.$$.fragment,t),x(z.$$.fragment,t),x(W.$$.fragment,t),x(q.$$.fragment,t),x(J.$$.fragment,t),x(Z.$$.fragment,t),x(tt.$$.fragment,t),x($t.$$.fragment,t),x(st.$$.fragment,t),x(lt.$$.fragment,t),pt=!0)},o(t){h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(f.$$.fragment,t),h(p.$$.fragment,t),h(i.$$.fragment,t),h(b.$$.fragment,t),h(D.$$.fragment,t),h(C.$$.fragment,t),h(S.$$.fragment,t),h(A.$$.fragment,t),h(P.$$.fragment,t),h(z.$$.fragment,t),h(W.$$.fragment,t),h(q.$$.fragment,t),h(J.$$.fragment,t),h(Z.$$.fragment,t),h(tt.$$.fragment,t),h($t.$$.fragment,t),h(st.$$.fragment,t),h(lt.$$.fragment,t),pt=!1},d(t){y(e,t),t&&r($),y(n,t),t&&r(s),y(a,t),t&&r(o),y(f,t),t&&r(l),y(p,t),t&&r(d),y(i,t),t&&r(w),y(b,t),t&&r(k),y(D,t),t&&r(O),y(C,t),t&&r(B),y(S,t),t&&r(G),y(A,t),t&&r(H),y(P,t),t&&r(K),y(z,t),t&&r(I),y(W,t),t&&r(V),y(q,t),t&&r(X),y(J,t),t&&r(Q),y(Z,t),t&&r(_),y(tt,t),t&&r(et),y($t,t),t&&r(nt),y(st,t),t&&r(ft),y(lt,t)}}}function cn(t){let e,$;const n=[t[0],fn];let s={$$slots:{default:[on]},$$scope:{ctx:t}};for(let t=0;t<n.length;t+=1)s=p(s,n[t]);return e=new C({props:s}),{c(){m(e.$$.fragment)},l(t){u(e.$$.fragment,t)},m(t,n){g(e,t,n),$=!0},p(t,[$]){const s=1&$?d(n,[1&$&&i(t[0]),0&$&&i(fn)]):{};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s)},i(t){$||(x(e.$$.fragment,t),$=!0)},o(t){h(e.$$.fragment,t),$=!1},d(t){y(e,t)}}}const fn={name:"Button",shadow1:"0 2px 5px rgba(0, 0, 0, .14), 0 1px 5px rgba(0, 0, 0, .12);",shadowRaised:"0 2px 4px -1px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);"},{name:ln,shadow1:pn,shadowRaised:mn}=fn;function un(t,e,$){return t.$$set=t=>{$(0,e=p(p({},e),w(t)))},[e=w(e)]}class gn extends t{constructor(t){super(),e(this,t,un,cn,$,{})}}export{gn as default,fn as metadata};
diff --git a/376/client/legacy/calendar-a20becc1.css b/376/client/legacy/calendar-a20becc1.css
new file mode 100644
index 000000000..467448780
--- /dev/null
+++ b/376/client/legacy/calendar-a20becc1.css
@@ -0,0 +1 @@
+.weekdays.svelte-qsvvhr.svelte-qsvvhr{display:flex;font-size:0.85em;padding:0.5em 1em}.weekdays.svelte-qsvvhr>.weekday.svelte-qsvvhr{text-align:center;width:14.2857142857%}.week.svelte-qsvvhr.svelte-qsvvhr{display:flex}.week.svelte-qsvvhr .day.svelte-qsvvhr{align-items:center;display:flex;justify-content:center;position:relative;width:14.2857142857%}.week.svelte-qsvvhr .day.svelte-qsvvhr:last-child{padding-right:1rem}.week.svelte-qsvvhr .day.svelte-qsvvhr:first-child{padding-left:1rem}.week.svelte-qsvvhr .day.svelte-qsvvhr>.btn{color:#333;font-size:0.9em;font-weight:400;height:2.25rem;justify-content:center;margin:0.0625rem;width:2.25rem;z-index:2}.week.svelte-qsvvhr .day.today.svelte-qsvvhr>.btn{color:#4300b0}.week.svelte-qsvvhr .day.selected.svelte-qsvvhr>.btn{background-color:#5b17cb;color:#fff}.week.svelte-qsvvhr .day.outside.svelte-qsvvhr>.btn{color:#888}.week.svelte-qsvvhr .day.disabled.svelte-qsvvhr>.btn{color:#b80000;position:relative}.week.svelte-qsvvhr .day.disabled.svelte-qsvvhr>.btn::before{background:#b80000;content:"";height:1px;left:50%;position:absolute;top:50%;transform:translateX(-50%) rotate(-30deg);width:50%}.week.svelte-qsvvhr .day.in-range.svelte-qsvvhr::before{background-color:rgba(67, 0, 176, 0.25);content:"";height:2.25rem;left:0;position:absolute;right:0;top:0.0625rem;z-index:1}.week.svelte-qsvvhr .day.outside.selected.svelte-qsvvhr>.btn{color:#fff}.week.svelte-qsvvhr .day.start.svelte-qsvvhr::before{left:unset;right:0;width:1.1875rem}.week.svelte-qsvvhr .day.start.svelte-qsvvhr:last-child::before{width:2.1875rem}.week.svelte-qsvvhr .day.end.svelte-qsvvhr::before{left:0;right:unset;width:1.1875rem}.week.svelte-qsvvhr .day.start.svelte-qsvvhr:last-child::before,.week.svelte-qsvvhr .day.end.svelte-qsvvhr:first-child::before{width:2.1875rem}.week.svelte-qsvvhr .day.start.end.svelte-qsvvhr::before{width:0}
diff --git a/376/client/legacy/calendar.43a50b45.js b/376/client/legacy/calendar.43a50b45.js
new file mode 100644
index 000000000..01b294bf7
--- /dev/null
+++ b/376/client/legacy/calendar.43a50b45.js
@@ -0,0 +1 @@
+import{S as e,i as t,s as l,h as s,u as a,H as n,k as i,b as o,d as r,w as d,e as c,X as u,f,Z as h,t as v,y as g,z as y,p as m,a9 as b,J as p,v as k,x as w,g as $,af as C,j as M,l as A,O as N,m as T,q as D,A as E}from"./client.583c6e60.js";import{B as q}from"./button.863c0adf.js";import{c as S}from"./classes.a7d1a9eb.js";import{g as j,b as x,d as I,e as W}from"./datetime-utils.1be0c3c8.js";function B(e,t,l){const s=e.slice();return s[19]=t[l],s}function V(e,t,l){const s=e.slice();return s[22]=t[l],s}function P(e,t,l){const s=e.slice();return s[25]=t[l],s}function z(e,t){let l,a,n=t[25]+"";return{key:e,first:null,c(){l=s("span"),a=k(n),this.h()},l(e){l=i(e,"SPAN",{class:!0});var t=o(l);a=w(t,n),t.forEach(r),this.h()},h(){c(l,"class","weekday svelte-qsvvhr"),this.first=l},m(e,t){f(e,l,t),$(l,a)},p(e,l){t=e},d(e){e&&r(l)}}}function F(e){let t,l=e[12].format(e[22].value)+"";return{c(){t=k(l)},l(e){t=w(e,l)},m(e,l){f(e,t,l)},p(e,s){312&s&&l!==(l=e[12].format(e[22].value)+"")&&E(t,l)},d(e){e&&r(t)}}}function H(e){let t,l,a,n;return l=new q({props:{title:e[11](e[22]),disabled:e[22].disabled,$$slots:{default:[F]},$$scope:{ctx:e}}}),l.$on("click",(function(){for(var t=arguments.length,l=new Array(t),s=0;s<t;s++)l[s]=arguments[s];return e[18](e[22],...l)})),{c(){t=s("div"),M(l.$$.fragment),this.h()},l(e){t=i(e,"DIV",{class:!0});var s=o(t);A(l.$$.fragment,s),s.forEach(r),this.h()},h(){c(t,"class",a=u(S("day",e[2]))+" svelte-qsvvhr"),N(t,"today",I(e[22].value,e[10])),N(t,"outside",e[22].outside),N(t,"selected",I(e[22].value,e[6])||I(e[22].value,e[7])),N(t,"start",I(e[22].value,e[6])),N(t,"end",I(e[22].value,e[7])),N(t,"in-range",W(e[6],e[22].value)&&W(e[22].value,e[7])),N(t,"disabled",e[22].disabled)},m(e,s){f(e,t,s),T(l,t,null),n=!0},p(s,i){e=s;const o={};312&i&&(o.title=e[11](e[22])),312&i&&(o.disabled=e[22].disabled),268435768&i&&(o.$$scope={dirty:i,ctx:e}),l.$set(o),(!n||4&i&&a!==(a=u(S("day",e[2]))+" svelte-qsvvhr"))&&c(t,"class",a),(!n||1340&i)&&N(t,"today",I(e[22].value,e[10])),(!n||316&i)&&N(t,"outside",e[22].outside),(!n||508&i)&&N(t,"selected",I(e[22].value,e[6])||I(e[22].value,e[7])),(!n||380&i)&&N(t,"start",I(e[22].value,e[6])),(!n||444&i)&&N(t,"end",I(e[22].value,e[7])),(!n||508&i)&&N(t,"in-range",W(e[6],e[22].value)&&W(e[22].value,e[7])),(!n||316&i)&&N(t,"disabled",e[22].disabled)},i(e){n||(v(l.$$.fragment,e),n=!0)},o(e){m(l.$$.fragment,e),n=!1},d(e){e&&r(t),D(l)}}}function J(e){let t,l,n,h,p=e[19],k=[];for(let t=0;t<p.length;t+=1)k[t]=H(V(e,p,t));const w=e=>m(k[e],1,1,(()=>{k[e]=null}));return{c(){t=s("div");for(let e=0;e<k.length;e+=1)k[e].c();l=a(),this.h()},l(e){t=i(e,"DIV",{class:!0});var s=o(t);for(let e=0;e<k.length;e+=1)k[e].l(s);l=d(s),s.forEach(r),this.h()},h(){c(t,"class",n=u(S("week",e[1]))+" svelte-qsvvhr")},m(e,s){f(e,t,s);for(let e=0;e<k.length;e+=1)k[e]&&k[e].m(t,null);$(t,l),h=!0},p(e,s){if(15868&s){let a;for(p=e[19],a=0;a<p.length;a+=1){const n=V(e,p,a);k[a]?(k[a].p(n,s),v(k[a],1)):(k[a]=H(n),k[a].c(),v(k[a],1),k[a].m(t,l))}for(g(),a=p.length;a<k.length;a+=1)w(a);y()}(!h||2&s&&n!==(n=u(S("week",e[1]))+" svelte-qsvvhr"))&&c(t,"class",n)},i(e){if(!h){for(let e=0;e<p.length;e+=1)v(k[e]);h=!0}},o(e){k=k.filter(Boolean);for(let e=0;e<k.length;e+=1)m(k[e]);h=!1},d(e){e&&r(t),b(k,e)}}}function O(e){let t,l,p,k,w,$=[],M=new Map,A=e[9];const N=e=>e[25];for(let t=0;t<A.length;t+=1){let l=P(e,A,t),s=N(l);M.set(s,$[t]=z(s,l))}let T=j(e[4],e[5],e[3],e[8]),D=[];for(let t=0;t<T.length;t+=1)D[t]=J(B(e,T,t));const E=e=>m(D[e],1,1,(()=>{D[e]=null}));return{c(){t=s("div");for(let e=0;e<$.length;e+=1)$[e].c();p=a();for(let e=0;e<D.length;e+=1)D[e].c();k=n(),this.h()},l(e){t=i(e,"DIV",{class:!0});var l=o(t);for(let e=0;e<$.length;e+=1)$[e].l(l);l.forEach(r),p=d(e);for(let t=0;t<D.length;t+=1)D[t].l(e);k=n(),this.h()},h(){c(t,"class",l=u(S("weekdays",e[0]))+" svelte-qsvvhr")},m(e,l){f(e,t,l);for(let e=0;e<$.length;e+=1)$[e]&&$[e].m(t,null);f(e,p,l);for(let t=0;t<D.length;t+=1)D[t]&&D[t].m(e,l);f(e,k,l),w=!0},p(e,s){let[a]=s;if(512&a&&(A=e[9],$=h($,a,N,1,e,A,M,t,C,z,null,P)),(!w||1&a&&l!==(l=u(S("weekdays",e[0]))+" svelte-qsvvhr"))&&c(t,"class",l),15870&a){let t;for(T=j(e[4],e[5],e[3],e[8]),t=0;t<T.length;t+=1){const l=B(e,T,t);D[t]?(D[t].p(l,a),v(D[t],1)):(D[t]=J(l),D[t].c(),v(D[t],1),D[t].m(k.parentNode,k))}for(g(),t=T.length;t<D.length;t+=1)E(t);y()}},i(e){if(!w){for(let e=0;e<T.length;e+=1)v(D[e]);w=!0}},o(e){D=D.filter(Boolean);for(let e=0;e<D.length;e+=1)m(D[e]);w=!1},d(e){e&&r(t);for(let e=0;e<$.length;e+=1)$[e].d();e&&r(p),b(D,e),e&&r(k)}}}function X(e,t,l){let{weekdaysClass:s=null}=t,{weekClass:a=null}=t,{dayClass:n=null}=t,{locale:i}=t,{firstWeekday:o=1}=t,{month:r}=t,{year:d}=t,{selectionStart:c=null}=t,{selectionEnd:u=null}=t,{disabledDates:f=[]}=t,{titleTodayNotAvailableMessage:h="Today, not available"}=t,{titleTodayMessage:v="Today"}=t,{titleNotAvailableMessage:g="Not available"}=t;const y=x(i,o),m=new Date;const b=Intl.DateTimeFormat(i,{day:"numeric"}),k=p();return e.$$set=e=>{"weekdaysClass"in e&&l(0,s=e.weekdaysClass),"weekClass"in e&&l(1,a=e.weekClass),"dayClass"in e&&l(2,n=e.dayClass),"locale"in e&&l(14,i=e.locale),"firstWeekday"in e&&l(3,o=e.firstWeekday),"month"in e&&l(4,r=e.month),"year"in e&&l(5,d=e.year),"selectionStart"in e&&l(6,c=e.selectionStart),"selectionEnd"in e&&l(7,u=e.selectionEnd),"disabledDates"in e&&l(8,f=e.disabledDates),"titleTodayNotAvailableMessage"in e&&l(15,h=e.titleTodayNotAvailableMessage),"titleTodayMessage"in e&&l(16,v=e.titleTodayMessage),"titleNotAvailableMessage"in e&&l(17,g=e.titleNotAvailableMessage)},[s,a,n,o,r,d,c,u,f,y,m,function(e){return I(e.value,m)?e.disabled?h:v:e.disabled?g:null},b,k,i,h,v,g,(e,t)=>{t.detail.nativeEvent.stopPropagation(),k("day-select",e.value)}]}var Z=class extends e{constructor(e){super(),t(this,e,X,O,l,{weekdaysClass:0,weekClass:1,dayClass:2,locale:14,firstWeekday:3,month:4,year:5,selectionStart:6,selectionEnd:7,disabledDates:8,titleTodayNotAvailableMessage:15,titleTodayMessage:16,titleNotAvailableMessage:17})}};export{Z as C};
diff --git a/376/client/legacy/calendar.e265724d.js b/376/client/legacy/calendar.e265724d.js
new file mode 100644
index 000000000..c55e24e06
--- /dev/null
+++ b/376/client/legacy/calendar.e265724d.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as r,l as s,m as a,U as o,a0 as c,t as f,p as l,q as m,L as p,u as d,h as g,v as i,w as u,k as h,b as x,x as y,d as w,e as E,f as v,g as D,n as b}from"./client.583c6e60.js";import{L as O,H as T,P as C}from"./layout.47c81311.js";import{C as k}from"./calendar.43a50b45.js";import{S}from"./showcase.759e7149.js";import{C as N}from"./color-preview.9db6af61.js";import{R as A}from"./related-components.9fddec4f.js";import{H as R}from"./h2.0da05151.js";import{H as j}from"./h3.c9a49f62.js";import{T as G,a as F,b as B,c as P}from"./table.c1711529.js";import"./button.863c0adf.js";import"./classes.a7d1a9eb.js";import"./datetime-utils.1be0c3c8.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./card.113fcab4.js";function I(t){let e;return{c(){e=i("Calendar")},l(t){e=y(t,"Calendar")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function M(t){let e;return{c(){e=i("A calendar component representing a month with selectable days.")},l(t){e=y(t,"A calendar component representing a month with selectable days.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function H(t){let e,$,n,r,s;return{c(){e=i("If you're seeking a ready-to-use date picking solution, consider using "),$=g("a"),n=g("code"),r=i("DatePicker"),s=i("."),this.h()},l(t){e=y(t,"If you're seeking a ready-to-use date picking solution, consider using "),$=h(t,"A",{href:!0});var a=x($);n=h(a,"CODE",{});var o=x(n);r=y(o,"DatePicker"),o.forEach(w),a.forEach(w),s=y(t,"."),this.h()},h(){E($,"href","./docs/components/date-picker")},m(t,a){v(t,e,a),v(t,$,a),D($,n),D(n,r),v(t,s,a)},p:b,d(t){t&&w(e),t&&w($),t&&w(s)}}}function L(t){let e,$,n;return $=new k({props:{month:0,year:2020}}),{c(){e=g("div"),r($.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var n=x(e);s($.$$.fragment,n),n.forEach(w),this.h()},h(){E(e,"slot","showcase"),E(e,"class","padded")},m(t,r){v(t,e,r),a($,e,null),n=!0},p:b,i(t){n||(f($.$$.fragment,t),n=!0)},o(t){l($.$$.fragment,t),n=!1},d(t){t&&w(e),m($)}}}function q(t){let e,$;return{c(){e=g("div"),$=g("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var n=x(e);$=h(n,"PRE",{class:!0}),x($).forEach(w),n.forEach(w),this.h()},h(){E($,"class","language-svelte"),E(e,"slot","source")},m(t,n){v(t,e,n),D(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Calendar</span> <span class="token attr-name">month=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">0</span><span class="token punctuation">&#125;</span></span> <span class="token attr-name">year=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">2020</span><span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span></code>'},p:b,d(t){t&&w(e)}}}function U(t){let e;return{c(){e=i("Properties")},l(t){e=y(t,"Properties")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function V(t){let e;return{c(){e=i("Functional Properties")},l(t){e=y(t,"Functional Properties")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Y(t){let e;return{c(){e=i("Name")},l(t){e=y(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function K(t){let e;return{c(){e=i("Default")},l(t){e=y(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function J(t){let e;return{c(){e=i("Type")},l(t){e=y(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function W(t){let e;return{c(){e=i("Description")},l(t){e=y(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function z(t){let e,$,n,o,c,p,g,i;return e=new B({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function Q(t){let e,$,n,r,s,a,o;return{c(){e=g("mark"),$=g("strong"),n=g("code"),r=i("month"),s=i(" "),a=g("span"),o=i("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);n=h(f,"CODE",{});var l=x(n);r=y(l,"month"),l.forEach(w),f.forEach(w),c.forEach(w),s=y(t," "),a=h(t,"SPAN",{class:!0});var m=x(a);o=y(m,"*"),m.forEach(w),this.h()},h(){E(a,"class","required")},m(t,c){v(t,e,c),D(e,$),D($,n),D(n,r),v(t,s,c),v(t,a,c),D(a,o)},p:b,d(t){t&&w(e),t&&w(s),t&&w(a)}}}function X(t){let e,$;return{c(){e=g("code"),$=i("number")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"number"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function Z(t){let e,$,n;return{c(){e=i("An index of the desired month. "),$=g("br"),n=i(" 0 is for January, 11 is for December.")},l(t){e=y(t,"An index of the desired month. "),$=h(t,"BR",{}),n=y(t," 0 is for January, 11 is for December.")},m(t,r){v(t,e,r),v(t,$,r),v(t,n,r)},p:b,d(t){t&&w(e),t&&w($),t&&w(n)}}}function _(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),n=new P({}),c=new P({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),g.$set(s)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function tt(t){let e,$,n,r,s,a,o;return{c(){e=g("mark"),$=g("strong"),n=g("code"),r=i("year"),s=i(" "),a=g("span"),o=i("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);n=h(f,"CODE",{});var l=x(n);r=y(l,"year"),l.forEach(w),f.forEach(w),c.forEach(w),s=y(t," "),a=h(t,"SPAN",{class:!0});var m=x(a);o=y(m,"*"),m.forEach(w),this.h()},h(){E(a,"class","required")},m(t,c){v(t,e,c),D(e,$),D($,n),D(n,r),v(t,s,c),v(t,a,c),D(a,o)},p:b,d(t){t&&w(e),t&&w(s),t&&w(a)}}}function et(t){let e,$;return{c(){e=g("code"),$=i("number")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"number"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function $t(t){let e;return{c(){e=i("The desired year.")},l(t){e=y(t,"The desired year.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function nt(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),n=new P({}),c=new P({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),g.$set(s)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function rt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("locale")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"locale"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function st(t){let e,$;return{c(){e=g("code"),$=i("undefined")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"undefined"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function at(t){let e,$;return{c(){e=g("code"),$=i("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"string"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function ot(t){let e,$,n,r,s,a,o,c,f;return{c(){e=i("The language tag defining the desired locale (e.g., "),$=g("code"),n=i("en-US"),r=i("). If left "),s=g("code"),a=i("undefined"),o=i(", the user's locale will be used. "),c=g("br"),f=i(" This will affect the weekdays and the day number representations.")},l(t){e=y(t,"The language tag defining the desired locale (e.g., "),$=h(t,"CODE",{});var l=x($);n=y(l,"en-US"),l.forEach(w),r=y(t,"). If left "),s=h(t,"CODE",{});var m=x(s);a=y(m,"undefined"),m.forEach(w),o=y(t,", the user's locale will be used. "),c=h(t,"BR",{}),f=y(t," This will affect the weekdays and the day number representations.")},m(t,l){v(t,e,l),v(t,$,l),D($,n),v(t,r,l),v(t,s,l),D(s,a),v(t,o,l),v(t,c,l),v(t,f,l)},p:b,d(t){t&&w(e),t&&w($),t&&w(r),t&&w(s),t&&w(o),t&&w(c),t&&w(f)}}}function ct(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function ft(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("firstWeekday")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"firstWeekday"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function lt(t){let e,$;return{c(){e=g("code"),$=i("1")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"1"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function mt(t){let e,$;return{c(){e=g("code"),$=i("number")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"number"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function pt(t){let e,$,n;return{c(){e=i("The index of the weekday to start the week at. "),$=g("br"),n=i(" 0 is for Sunday and 6 is for Saturday.")},l(t){e=y(t,"The index of the weekday to start the week at. "),$=h(t,"BR",{}),n=y(t," 0 is for Sunday and 6 is for Saturday.")},m(t,r){v(t,e,r),v(t,$,r),v(t,n,r)},p:b,d(t){t&&w(e),t&&w($),t&&w(n)}}}function dt(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function gt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("selectionStart")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"selectionStart"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function it(t){let e,$;return{c(){e=g("code"),$=i("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"null"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function ut(t){let e,$;return{c(){e=g("code"),$=i("Date")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"Date"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function ht(t){let e,$,n,r;return{c(){e=i("If a selection should be displayed, this should be a "),$=g("code"),n=i("Date"),r=i(" object signifying the start of the selection (can be outside the shown days).")},l(t){e=y(t,"If a selection should be displayed, this should be a "),$=h(t,"CODE",{});var s=x($);n=y(s,"Date"),s.forEach(w),r=y(t," object signifying the start of the selection (can be outside the shown days).")},m(t,s){v(t,e,s),v(t,$,s),D($,n),v(t,r,s)},p:b,d(t){t&&w(e),t&&w($),t&&w(r)}}}function xt(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function yt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("selectionEnd")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"selectionEnd"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function wt(t){let e,$;return{c(){e=g("code"),$=i("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"null"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function Et(t){let e,$;return{c(){e=g("code"),$=i("Date")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"Date"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function vt(t){let e,$,n,r;return{c(){e=i("If a selection should be displayed, this should be a "),$=g("code"),n=i("Date"),r=i(" object signifying the end of the selection (can be outside the shown days).")},l(t){e=y(t,"If a selection should be displayed, this should be a "),$=h(t,"CODE",{});var s=x($);n=y(s,"Date"),s.forEach(w),r=y(t," object signifying the end of the selection (can be outside the shown days).")},m(t,s){v(t,e,s),v(t,$,s),D($,n),v(t,r,s)},p:b,d(t){t&&w(e),t&&w($),t&&w(r)}}}function Dt(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function bt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("disabledDates")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"disabledDates"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function Ot(t){let e,$;return{c(){e=g("code"),$=i("[]")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"[]"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function Tt(t){let e,$;return{c(){e=g("code"),$=i(w$)},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,w$),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function Ct(t){let e;return{c(){e=i("A range of dates (or date ranges) for which to disable selection.")},l(t){e=y(t,"A range of dates (or date ranges) for which to disable selection.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function kt(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function St(t){let e,$,n,o,c,p,i,y,E,b,O,T,C,k,S,N,A,R;return $=new F({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),i=new F({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),E=new F({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),O=new F({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),C=new F({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),S=new F({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),A=new F({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=d(),o=g("tbody"),r(c.$$.fragment),p=d(),r(i.$$.fragment),y=d(),r(E.$$.fragment),b=d(),r(O.$$.fragment),T=d(),r(C.$$.fragment),k=d(),r(S.$$.fragment),N=d(),r(A.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(w),n=u(t),o=h(t,"TBODY",{});var a=x(o);s(c.$$.fragment,a),p=u(a),s(i.$$.fragment,a),y=u(a),s(E.$$.fragment,a),b=u(a),s(O.$$.fragment,a),T=u(a),s(C.$$.fragment,a),k=u(a),s(S.$$.fragment,a),N=u(a),s(A.$$.fragment,a),a.forEach(w)},m(t,r){v(t,e,r),a($,e,null),v(t,n,r),v(t,o,r),a(c,o,null),D(o,p),a(i,o,null),D(o,y),a(E,o,null),D(o,b),a(O,o,null),D(o,T),a(C,o,null),D(o,k),a(S,o,null),D(o,N),a(A,o,null),R=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),i.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),E.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),O.$set(o);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),A.$set(m)},i(t){R||(f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(E.$$.fragment,t),f(O.$$.fragment,t),f(C.$$.fragment,t),f(S.$$.fragment,t),f(A.$$.fragment,t),R=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(E.$$.fragment,t),l(O.$$.fragment,t),l(C.$$.fragment,t),l(S.$$.fragment,t),l(A.$$.fragment,t),R=!1},d(t){t&&w(e),m($),t&&w(n),t&&w(o),m(c),m(i),m(E),m(O),m(C),m(S),m(A)}}}function Nt(t){let e;return{c(){e=i("Class Properties")},l(t){e=y(t,"Class Properties")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function At(t){let e;return{c(){e=i("Falsy values passed to classes will be disregarded.")},l(t){e=y(t,"Falsy values passed to classes will be disregarded.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Rt(t){let e;return{c(){e=i("Name")},l(t){e=y(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function jt(t){let e;return{c(){e=i("Default")},l(t){e=y(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Gt(t){let e;return{c(){e=i("Type")},l(t){e=y(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Ft(t){let e;return{c(){e=i("Description")},l(t){e=y(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Bt(t){let e,$,n,o,c,p,g,i;return e=new B({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function Pt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("weekdaysClass")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"weekdaysClass"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function It(t){let e,$;return{c(){e=g("code"),$=i("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"null"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function Mt(t){let e,$;return{c(){e=g("code"),$=i("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"string"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function Ht(t){let e;return{c(){e=i("A class string to add to the list of weekdays above the calendar.")},l(t){e=y(t,"A class string to add to the list of weekdays above the calendar.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Lt(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function qt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("weekClass")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"weekClass"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function Ut(t){let e,$;return{c(){e=g("code"),$=i("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"null"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function Vt(t){let e,$;return{c(){e=g("code"),$=i("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"string"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function Yt(t){let e;return{c(){e=i("A class string to add to the element containing each row of days in the calendar.")},l(t){e=y(t,"A class string to add to the element containing each row of days in the calendar.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Kt(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function Jt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("dayClass")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"dayClass"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function Wt(t){let e,$;return{c(){e=g("code"),$=i("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"null"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function zt(t){let e,$;return{c(){e=g("code"),$=i("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"string"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function Qt(t){let e;return{c(){e=i("A class string to add to each day in the calendar.")},l(t){e=y(t,"A class string to add to each day in the calendar.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Xt(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function Zt(t){let e,$,n,o,c,p,i,y,E,b;return $=new F({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),i=new F({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),E=new F({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=d(),o=g("tbody"),r(c.$$.fragment),p=d(),r(i.$$.fragment),y=d(),r(E.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(w),n=u(t),o=h(t,"TBODY",{});var a=x(o);s(c.$$.fragment,a),p=u(a),s(i.$$.fragment,a),y=u(a),s(E.$$.fragment,a),a.forEach(w)},m(t,r){v(t,e,r),a($,e,null),v(t,n,r),v(t,o,r),a(c,o,null),D(o,p),a(i,o,null),D(o,y),a(E,o,null),b=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),i.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),E.$set(a)},i(t){b||(f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(E.$$.fragment,t),b=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(E.$$.fragment,t),b=!1},d(t){t&&w(e),m($),t&&w(n),t&&w(o),m(c),m(i),m(E)}}}function _t(t){let e;return{c(){e=i("Translation Properties")},l(t){e=y(t,"Translation Properties")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function te(t){let e;return{c(){e=i("Name")},l(t){e=y(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function ee(t){let e;return{c(){e=i("Default")},l(t){e=y(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function $e(t){let e;return{c(){e=i("Type")},l(t){e=y(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function ne(t){let e;return{c(){e=i("Description")},l(t){e=y(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function re(t){let e,$,n,o,c,p,g,i;return e=new B({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),g=new B({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function se(t){let e,$;return{c(){e=g("strong"),$=i("titleTodayNotAvailableMessage")},l(t){e=h(t,"STRONG",{});var n=x(e);$=y(n,"titleTodayNotAvailableMessage"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function ae(t){let e,$;return{c(){e=g("code"),$=i('"Today, not available"')},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,'"Today, not available"'),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function oe(t){let e,$;return{c(){e=g("code"),$=i("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"string"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function ce(t){let e;return{c(){e=i("The tooltip text that appears when hovering over the current day when it is disabled.")},l(t){e=y(t,"The tooltip text that appears when hovering over the current day when it is disabled.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function fe(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function le(t){let e,$;return{c(){e=g("strong"),$=i("titleTodayMessage")},l(t){e=h(t,"STRONG",{});var n=x(e);$=y(n,"titleTodayMessage"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function me(t){let e,$;return{c(){e=g("code"),$=i('"Today"')},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,'"Today"'),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function pe(t){let e,$;return{c(){e=g("code"),$=i("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"string"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function de(t){let e;return{c(){e=i("The tooltip text that appears when hovering over the current day.")},l(t){e=y(t,"The tooltip text that appears when hovering over the current day.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function ge(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function ie(t){let e,$;return{c(){e=g("strong"),$=i("titleNotAvailableMessage")},l(t){e=h(t,"STRONG",{});var n=x(e);$=y(n,"titleNotAvailableMessage"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function ue(t){let e,$;return{c(){e=g("code"),$=i('"Not available"')},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,'"Not available"'),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function he(t){let e,$;return{c(){e=g("code"),$=i("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"string"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function xe(t){let e;return{c(){e=i("The tooltip text that appears when hovering over a day that is disabled.")},l(t){e=y(t,"The tooltip text that appears when hovering over a day that is disabled.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function ye(t){let e,$,n,o,c,p,g,i;return e=new P({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),g=new P({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(g.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(g,t,r),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(g,t)}}}function we(t){let e,$,n,o,c,p,i,y,E,b;return $=new F({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),i=new F({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),E=new F({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=d(),o=g("tbody"),r(c.$$.fragment),p=d(),r(i.$$.fragment),y=d(),r(E.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(w),n=u(t),o=h(t,"TBODY",{});var a=x(o);s(c.$$.fragment,a),p=u(a),s(i.$$.fragment,a),y=u(a),s(E.$$.fragment,a),a.forEach(w)},m(t,r){v(t,e,r),a($,e,null),v(t,n,r),v(t,o,r),a(c,o,null),D(o,p),a(i,o,null),D(o,y),a(E,o,null),b=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),i.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),E.$set(a)},i(t){b||(f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(E.$$.fragment,t),b=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(E.$$.fragment,t),b=!1},d(t){t&&w(e),m($),t&&w(n),t&&w(o),m(c),m(i),m(E)}}}function Ee(t){let e;return{c(){e=i("Events")},l(t){e=y(t,"Events")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function ve(t){let e;return{c(){e=i("Name")},l(t){e=y(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function De(t){let e;return{c(){e=i("Event Detail")},l(t){e=y(t,"Event Detail")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function be(t){let e;return{c(){e=i("Description")},l(t){e=y(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Oe(t){let e,$,n,o,c,p;return e=new B({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),p=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t)}}}function Te(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("day-select")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"day-select"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function Ce(t){let e,$;return{c(){e=g("code"),$=i("{ value }")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"{ value }"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function ke(t){let e,$,n,r,s,a,o;return{c(){e=i("Fired when any of the days are clicked. The "),$=g("code"),n=i("value"),r=i(" is a "),s=g("code"),a=i("Date"),o=i(" object of the clicked day.")},l(t){e=y(t,"Fired when any of the days are clicked. The "),$=h(t,"CODE",{});var c=x($);n=y(c,"value"),c.forEach(w),r=y(t," is a "),s=h(t,"CODE",{});var f=x(s);a=y(f,"Date"),f.forEach(w),o=y(t," object of the clicked day.")},m(t,c){v(t,e,c),v(t,$,c),D($,n),v(t,r,c),v(t,s,c),D(s,a),v(t,o,c)},p:b,d(t){t&&w(e),t&&w($),t&&w(r),t&&w(s),t&&w(o)}}}function Se(t){let e,$,n,o,c,p;return e=new P({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),p=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t)}}}function Ne(t){let e,$,n,o,c,p;return $=new F({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=d(),o=g("tbody"),r(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(w),n=u(t),o=h(t,"TBODY",{});var a=x(o);s(c.$$.fragment,a),a.forEach(w)},m(t,r){v(t,e,r),a($,e,null),v(t,n,r),v(t,o,r),a(c,o,null),p=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r)},i(t){p||(f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){t&&w(e),m($),t&&w(n),t&&w(o),m(c)}}}function Ae(t){let e;return{c(){e=i("SCSS Variables")},l(t){e=y(t,"SCSS Variables")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Re(t){let e;return{c(){e=i("Name")},l(t){e=y(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function je(t){let e;return{c(){e=i("Description")},l(t){e=y(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Ge(t){let e;return{c(){e=i("Default")},l(t){e=y(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Fe(t){let e,$,n,o,c,p;return e=new B({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),n=new B({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),p=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t)}}}function Be(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$dark")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"$dark"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function Pe(t){let e;return{c(){e=i("The text color of the days in the calendar.")},l(t){e=y(t,"The text color of the days in the calendar.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Ie(t){let e,$;return e=new N({props:{value:"#333333"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){a(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function Me(t){let e,$,n,o,c,p;return e=new P({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),p=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t)}}}function He(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$disabled")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"$disabled"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function Le(t){let e;return{c(){e=i("The text color of the days in the calendar outside the current month.")},l(t){e=y(t,"The text color of the days in the calendar outside the current month.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function qe(t){let e,$;return e=new N({props:{value:"#888888"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){a(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function Ue(t){let e,$,n,o,c,p;return e=new P({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),p=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t)}}}function Ve(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$danger")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"$danger"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function Ye(t){let e;return{c(){e=i("The color of the disabled days in the calendar.")},l(t){e=y(t,"The color of the disabled days in the calendar.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Ke(t){let e,$;return e=new N({props:{value:"#B80000"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){a(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function Je(t){let e,$,n,o,c,p;return e=new P({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),p=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t)}}}function We(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$main-text")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"$main-text"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function ze(t){let e;return{c(){e=i("The text color of the selected days in the calendar.")},l(t){e=y(t,"The text color of the selected days in the calendar.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Qe(t){let e,$;return e=new N({props:{value:"#FFFFFF",bordered:!0}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){a(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function Xe(t){let e,$,n,o,c,p;return e=new P({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Qe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),p=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t)}}}function Ze(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$main")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"$main"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function _e(t){let e;return{c(){e=i("The tint color of the selected days in the calendar and on hover.")},l(t){e=y(t,"The tint color of the selected days in the calendar and on hover.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function t$(t){let e,$;return e=new N({props:{value:"#4300B0"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){a(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function e$(t){let e,$,n,o,c,p;return e=new P({props:{$$slots:{default:[Ze]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),p=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t)}}}function $$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$regular-font-weight")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=y(s,"$regular-font-weight"),s.forEach(w),r.forEach(w)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&w(e)}}}function n$(t){let e;return{c(){e=i("The font weight of the days.")},l(t){e=y(t,"The font weight of the days.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function r$(t){let e,$;return{c(){e=g("code"),$=i("400")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"400"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function s$(t){let e,$,n,o,c,p;return e=new P({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[n$]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[r$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),p=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t)}}}function a$(t){let e,$,n,r,s,a,o,c,f;return{c(){e=g("strong"),$=g("code"),n=i("$font"),r=d(),s=g("small"),a=i("From "),o=g("a"),c=g("code"),f=i("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var m=x($);n=y(m,"$font"),m.forEach(w),l.forEach(w),r=u(t),s=h(t,"SMALL",{});var p=x(s);a=y(p,"From "),o=h(p,"A",{href:!0});var d=x(o);c=h(d,"CODE",{});var g=x(c);f=y(g,"Button"),g.forEach(w),d.forEach(w),p.forEach(w),this.h()},h(){E(o,"href","./docs/components/button")},m(t,l){v(t,e,l),D(e,$),D($,n),v(t,r,l),v(t,s,l),D(s,a),D(s,o),D(o,c),D(c,f)},p:b,d(t){t&&w(e),t&&w(r),t&&w(s)}}}function o$(t){let e;return{c(){e=i("The font of the days in the calendar.")},l(t){e=y(t,"The font of the days in the calendar.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function c$(t){let e,$;return{c(){e=g("code"),$=i("'Ubuntu'")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"'Ubuntu'"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function f$(t){let e,$,n,o,c,p;return e=new P({props:{$$slots:{default:[a$]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[o$]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[c$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),p=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t)}}}function l$(t){let e,$,n,r,s,a,o,c,f;return{c(){e=g("strong"),$=g("code"),n=i("$button-radius"),r=d(),s=g("small"),a=i("From "),o=g("a"),c=g("code"),f=i("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var m=x($);n=y(m,"$button-radius"),m.forEach(w),l.forEach(w),r=u(t),s=h(t,"SMALL",{});var p=x(s);a=y(p,"From "),o=h(p,"A",{href:!0});var d=x(o);c=h(d,"CODE",{});var g=x(c);f=y(g,"Button"),g.forEach(w),d.forEach(w),p.forEach(w),this.h()},h(){E(o,"href","./docs/components/button")},m(t,l){v(t,e,l),D(e,$),D($,n),v(t,r,l),v(t,s,l),D(s,a),D(s,o),D(o,c),D(c,f)},p:b,d(t){t&&w(e),t&&w(r),t&&w(s)}}}function m$(t){let e;return{c(){e=i("The curvature radius of a button.")},l(t){e=y(t,"The curvature radius of a button.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function p$(t){let e,$;return{c(){e=g("code"),$=i("1.5625em")},l(t){e=h(t,"CODE",{});var n=x(e);$=y(n,"1.5625em"),n.forEach(w)},m(t,n){v(t,e,n),D(e,$)},p:b,d(t){t&&w(e)}}}function d$(t){let e,$,n,o,c,p;return e=new P({props:{$$slots:{default:[l$]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[m$]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[p$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),p=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t)}}}function g$(t){let e,$,n,o,c,p,i,y,E,b,O,T,C,k,S,N,A,R,j,G;return $=new F({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),i=new F({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),E=new F({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),O=new F({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),C=new F({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),S=new F({props:{$$slots:{default:[s$]},$$scope:{ctx:t}}}),A=new F({props:{$$slots:{default:[f$]},$$scope:{ctx:t}}}),j=new F({props:{$$slots:{default:[d$]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=d(),o=g("tbody"),r(c.$$.fragment),p=d(),r(i.$$.fragment),y=d(),r(E.$$.fragment),b=d(),r(O.$$.fragment),T=d(),r(C.$$.fragment),k=d(),r(S.$$.fragment),N=d(),r(A.$$.fragment),R=d(),r(j.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(w),n=u(t),o=h(t,"TBODY",{});var a=x(o);s(c.$$.fragment,a),p=u(a),s(i.$$.fragment,a),y=u(a),s(E.$$.fragment,a),b=u(a),s(O.$$.fragment,a),T=u(a),s(C.$$.fragment,a),k=u(a),s(S.$$.fragment,a),N=u(a),s(A.$$.fragment,a),R=u(a),s(j.$$.fragment,a),a.forEach(w)},m(t,r){v(t,e,r),a($,e,null),v(t,n,r),v(t,o,r),a(c,o,null),D(o,p),a(i,o,null),D(o,y),a(E,o,null),D(o,b),a(O,o,null),D(o,T),a(C,o,null),D(o,k),a(S,o,null),D(o,N),a(A,o,null),D(o,R),a(j,o,null),G=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),i.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),E.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),O.$set(o);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),A.$set(m);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),j.$set(p)},i(t){G||(f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(E.$$.fragment,t),f(O.$$.fragment,t),f(C.$$.fragment,t),f(S.$$.fragment,t),f(A.$$.fragment,t),f(j.$$.fragment,t),G=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(E.$$.fragment,t),l(O.$$.fragment,t),l(C.$$.fragment,t),l(S.$$.fragment,t),l(A.$$.fragment,t),l(j.$$.fragment,t),G=!1},d(t){t&&w(e),m($),t&&w(n),t&&w(o),m(c),m(i),m(E),m(O),m(C),m(S),m(A),m(j)}}}function i$(t){let e,$,n,o,c,p,b,O,k,N,F,B,P,Y,K,J,W,z,Q,X,Z,_,tt,et,$t,nt,rt,st,at,ot,ct,ft,lt,mt,pt,dt,gt;return e=new T({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),n=new C({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),c=new C({props:{$$slots:{default:[H]},$$scope:{ctx:t}}}),b=new A({props:{components:y$}}),k=new S({props:{$$slots:{source:[q],showcase:[L]},$$scope:{ctx:t}}}),F=new R({props:{id:"properties",$$slots:{default:[U]},$$scope:{ctx:t}}}),P=new j({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),K=new G({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),X=new j({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),_=new C({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),et=new G({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),nt=new j({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),st=new G({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),ot=new R({props:{id:"events",$$slots:{default:[Ee]},$$scope:{ctx:t}}}),ft=new G({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),mt=new R({props:{id:"scss-variables",$$slots:{default:[Ae]},$$scope:{ctx:t}}}),dt=new G({props:{$$slots:{default:[g$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=d(),r(n.$$.fragment),o=d(),r(c.$$.fragment),p=d(),r(b.$$.fragment),O=d(),r(k.$$.fragment),N=d(),r(F.$$.fragment),B=d(),r(P.$$.fragment),Y=d(),r(K.$$.fragment),J=d(),W=g("div"),z=i("* Required"),Q=d(),r(X.$$.fragment),Z=d(),r(_.$$.fragment),tt=d(),r(et.$$.fragment),$t=d(),r(nt.$$.fragment),rt=d(),r(st.$$.fragment),at=d(),r(ot.$$.fragment),ct=d(),r(ft.$$.fragment),lt=d(),r(mt.$$.fragment),pt=d(),r(dt.$$.fragment),this.h()},l(t){s(e.$$.fragment,t),$=u(t),s(n.$$.fragment,t),o=u(t),s(c.$$.fragment,t),p=u(t),s(b.$$.fragment,t),O=u(t),s(k.$$.fragment,t),N=u(t),s(F.$$.fragment,t),B=u(t),s(P.$$.fragment,t),Y=u(t),s(K.$$.fragment,t),J=u(t),W=h(t,"DIV",{class:!0});var r=x(W);z=y(r,"* Required"),r.forEach(w),Q=u(t),s(X.$$.fragment,t),Z=u(t),s(_.$$.fragment,t),tt=u(t),s(et.$$.fragment,t),$t=u(t),s(nt.$$.fragment,t),rt=u(t),s(st.$$.fragment,t),at=u(t),s(ot.$$.fragment,t),ct=u(t),s(ft.$$.fragment,t),lt=u(t),s(mt.$$.fragment,t),pt=u(t),s(dt.$$.fragment,t),this.h()},h(){E(W,"class","required")},m(t,r){a(e,t,r),v(t,$,r),a(n,t,r),v(t,o,r),a(c,t,r),v(t,p,r),a(b,t,r),v(t,O,r),a(k,t,r),v(t,N,r),a(F,t,r),v(t,B,r),a(P,t,r),v(t,Y,r),a(K,t,r),v(t,J,r),v(t,W,r),D(W,z),v(t,Q,r),a(X,t,r),v(t,Z,r),a(_,t,r),v(t,tt,r),a(et,t,r),v(t,$t,r),a(nt,t,r),v(t,rt,r),a(st,t,r),v(t,at,r),a(ot,t,r),v(t,ct,r),a(ft,t,r),v(t,lt,r),a(mt,t,r),v(t,pt,r),a(dt,t,r),gt=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),k.$set(o);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),F.$set(f);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),P.$set(l);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),K.$set(m);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),X.$set(p);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),_.$set(d);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),et.$set(g);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),nt.$set(i);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),st.$set(u);const h={};2&$&&(h.$$scope={dirty:$,ctx:t}),ot.$set(h);const x={};2&$&&(x.$$scope={dirty:$,ctx:t}),ft.$set(x);const y={};2&$&&(y.$$scope={dirty:$,ctx:t}),mt.$set(y);const w={};2&$&&(w.$$scope={dirty:$,ctx:t}),dt.$set(w)},i(t){gt||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(b.$$.fragment,t),f(k.$$.fragment,t),f(F.$$.fragment,t),f(P.$$.fragment,t),f(K.$$.fragment,t),f(X.$$.fragment,t),f(_.$$.fragment,t),f(et.$$.fragment,t),f(nt.$$.fragment,t),f(st.$$.fragment,t),f(ot.$$.fragment,t),f(ft.$$.fragment,t),f(mt.$$.fragment,t),f(dt.$$.fragment,t),gt=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(b.$$.fragment,t),l(k.$$.fragment,t),l(F.$$.fragment,t),l(P.$$.fragment,t),l(K.$$.fragment,t),l(X.$$.fragment,t),l(_.$$.fragment,t),l(et.$$.fragment,t),l(nt.$$.fragment,t),l(st.$$.fragment,t),l(ot.$$.fragment,t),l(ft.$$.fragment,t),l(mt.$$.fragment,t),l(dt.$$.fragment,t),gt=!1},d(t){m(e,t),t&&w($),m(n,t),t&&w(o),m(c,t),t&&w(p),m(b,t),t&&w(O),m(k,t),t&&w(N),m(F,t),t&&w(B),m(P,t),t&&w(Y),m(K,t),t&&w(J),t&&w(W),t&&w(Q),m(X,t),t&&w(Z),m(_,t),t&&w(tt),m(et,t),t&&w($t),m(nt,t),t&&w(rt),m(st,t),t&&w(at),m(ot,t),t&&w(ct),m(ft,t),t&&w(lt),m(mt,t),t&&w(pt),m(dt,t)}}}function u$(t){let e,$;const p=[t[0],h$];let d={$$slots:{default:[i$]},$$scope:{ctx:t}};for(let t=0;t<p.length;t+=1)d=n(d,p[t]);return e=new O({props:d}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){a(e,t,n),$=!0},p(t,[$]){const n=1&$?o(p,[1&$&&c(t[0]),0&$&&c(h$)]):{};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}const h$={name:"Calendar",relatedComponents:[{name:"DatePicker",link:"./docs/components/date-picker"}]},{name:x$,relatedComponents:y$}=h$,w$="Array<Date | {start?: Date; end?: Date}>";function E$(t,e,$){return t.$$set=t=>{$(0,e=n(n({},e),p(t)))},[e=p(e)]}class v$ extends t{constructor(t){super(),e(this,t,E$,u$,$,{})}}export{v$ as default,h$ as metadata};
diff --git a/376/client/legacy/card-8c29b4bb.css b/376/client/legacy/card-8c29b4bb.css
new file mode 100644
index 000000000..76ad531ee
--- /dev/null
+++ b/376/client/legacy/card-8c29b4bb.css
@@ -0,0 +1 @@
+.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67, 0, 176, 0.3);box-shadow:none}
diff --git a/376/client/legacy/card.113fcab4.js b/376/client/legacy/card.113fcab4.js
new file mode 100644
index 000000000..b813ff1c8
--- /dev/null
+++ b/376/client/legacy/card.113fcab4.js
@@ -0,0 +1 @@
+import{S as s,i as t,s as a,M as l,K as e,h as n,k as i,b as c,d as o,N as u,O as r,f as h,Q as d,R as p,T as $,U as f,t as g,p as m,I as v,L as b}from"./client.583c6e60.js";import{c as j}from"./classes.a7d1a9eb.js";function x(s){let t,a,v;const b=s[5].default,x=l(b,s,s[4],null);let I=[{class:a=j("card",s[0],s[1]&&"no-padding")},s[3]],k={};for(let s=0;s<I.length;s+=1)k=e(k,I[s]);return{c(){t=n("div"),x&&x.c(),this.h()},l(s){t=i(s,"DIV",{class:!0});var a=c(t);x&&x.l(a),a.forEach(o),this.h()},h(){u(t,k),r(t,"outline",s[2]),r(t,"svelte-1bts72l",!0)},m(s,a){h(s,t,a),x&&x.m(t,null),v=!0},p(s,l){let[e]=l;x&&x.p&&(!v||16&e)&&d(x,b,s,s[4],v?$(b,s[4],e,null):p(s[4]),null),u(t,k=f(I,[(!v||3&e&&a!==(a=j("card",s[0],s[1]&&"no-padding")))&&{class:a},8&e&&s[3]])),r(t,"outline",s[2]),r(t,"svelte-1bts72l",!0)},i(s){v||(g(x,s),v=!0)},o(s){m(x,s),v=!1},d(s){s&&o(t),x&&x.d(s)}}}function I(s,t,a){const l=["class","tight","outline"];let n=v(t,l),{$$slots:i={},$$scope:c}=t,{class:o=null}=t,{tight:u=!1}=t,{outline:r=!1}=t;return s.$$set=s=>{t=e(e({},t),b(s)),a(3,n=v(t,l)),"class"in s&&a(0,o=s.class),"tight"in s&&a(1,u=s.tight),"outline"in s&&a(2,r=s.outline),"$$scope"in s&&a(4,c=s.$$scope)},[o,u,r,n,c,i]}var k=class extends s{constructor(s){super(),t(this,s,I,x,a,{class:0,tight:1,outline:2})}};export{k as C};
diff --git a/376/client/legacy/card.32bff8c3.js b/376/client/legacy/card.32bff8c3.js
new file mode 100644
index 000000000..c8b5590f9
--- /dev/null
+++ b/376/client/legacy/card.32bff8c3.js
@@ -0,0 +1 @@
+import{S as t,i as $,s as e,K as n,j as r,l as s,m as a,U as o,a0 as c,t as f,p as l,q as p,L as m,u as g,w as d,f as u,d as i,v as x,x as h,h as w,k as y,b as E,e as v,g as D,n as b}from"./client.583c6e60.js";import{L as C,H as T,P as O}from"./layout.47c81311.js";import{C as k}from"./card.113fcab4.js";import{S}from"./showcase.759e7149.js";import{C as N}from"./color-preview.9db6af61.js";import{S as j}from"./shadow-preview.487038f8.js";import{H as R}from"./h2.0da05151.js";import{H as A}from"./h3.c9a49f62.js";import{T as F,a as P,b as G,c as H}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./button.863c0adf.js";import"./popover.3a24cfa5.js";function B(t){let $;return{c(){$=x("Card")},l(t){$=h(t,"Card")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function I(t){let $;return{c(){$=x("A surface that stands out.")},l(t){$=h(t,"A surface that stands out.")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function V(t){let $;return{c(){$=x("card content")},l(t){$=h(t,"card content")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Y(t){let $;return{c(){$=x("card content")},l(t){$=h(t,"card content")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function L(t){let $,e,n,o,c;return e=new k({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),o=new k({props:{outline:!0,$$slots:{default:[Y]},$$scope:{ctx:t}}}),{c(){$=w("div"),r(e.$$.fragment),n=g(),r(o.$$.fragment),this.h()},l(t){$=y(t,"DIV",{slot:!0,class:!0});var r=E($);s(e.$$.fragment,r),n=d(r),s(o.$$.fragment,r),r.forEach(i),this.h()},h(){v($,"slot","showcase"),v($,"class","padded")},m(t,r){u(t,$,r),a(e,$,null),D($,n),a(o,$,null),c=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),o.$set(r)},i(t){c||(f(e.$$.fragment,t),f(o.$$.fragment,t),c=!0)},o(t){l(e.$$.fragment,t),l(o.$$.fragment,t),c=!1},d(t){t&&i($),p(e),p(o)}}}function z(t){let $,e;return{c(){$=w("div"),e=w("pre"),this.h()},l(t){$=y(t,"DIV",{slot:!0});var n=E($);e=y(n,"PRE",{class:!0}),E(e).forEach(i),n.forEach(i),this.h()},h(){v(e,"class","language-svelte"),v($,"slot","source")},m(t,n){u(t,$,n),D($,e),e.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Card</span><span class="token punctuation">></span></span>card content<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Card</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Card</span> <span class="token attr-name">outline</span><span class="token punctuation">></span></span>card content<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Card</span><span class="token punctuation">></span></span></code>'},p:b,d(t){t&&i($)}}}function q(t){let $;return{c(){$=x("Properties")},l(t){$=h(t,"Properties")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function K(t){let $;return{c(){$=x("Style Properties")},l(t){$=h(t,"Style Properties")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function M(t){let $;return{c(){$=x("Name")},l(t){$=h(t,"Name")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function U(t){let $;return{c(){$=x("Default")},l(t){$=h(t,"Default")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function J(t){let $;return{c(){$=x("Type")},l(t){$=h(t,"Type")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Q(t){let $;return{c(){$=x("Description")},l(t){$=h(t,"Description")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function W(t){let $,e,n,o,c,m,x,h;return $=new G({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),n=new G({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),x=new G({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(x.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t),m=d(t),s(x.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),u(t,m,r),a(x,t,r),h=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),x.$set(o)},i(t){h||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t),t&&i(m),p(x,t)}}}function X(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=x("outline")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=h(s,"outline"),s.forEach(i),r.forEach(i)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&i($)}}}function Z(t){let $,e;return{c(){$=w("code"),e=x("false")},l(t){$=y(t,"CODE",{});var n=E($);e=h(n,"false"),n.forEach(i)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&i($)}}}function _(t){let $,e;return{c(){$=w("code"),e=x("boolean")},l(t){$=y(t,"CODE",{});var n=E($);e=h(n,"boolean"),n.forEach(i)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&i($)}}}function tt(t){let $;return{c(){$=x("Instead of emphasizing the card with a shadow, uses an outline.")},l(t){$=h(t,"Instead of emphasizing the card with a shadow, uses an outline.")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function $t(t){let $,e,n,o,c,m,x,h;return $=new H({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),x=new H({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(x.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t),m=d(t),s(x.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),u(t,m,r),a(x,t,r),h=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),x.$set(o)},i(t){h||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t),t&&i(m),p(x,t)}}}function et(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=x("tight")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=h(s,"tight"),s.forEach(i),r.forEach(i)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&i($)}}}function nt(t){let $,e;return{c(){$=w("code"),e=x("false")},l(t){$=y(t,"CODE",{});var n=E($);e=h(n,"false"),n.forEach(i)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&i($)}}}function rt(t){let $,e;return{c(){$=w("code"),e=x("boolean")},l(t){$=y(t,"CODE",{});var n=E($);e=h(n,"boolean"),n.forEach(i)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&i($)}}}function st(t){let $;return{c(){$=x("Removes the internal padding for full control over the content.")},l(t){$=h(t,"Removes the internal padding for full control over the content.")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function at(t){let $,e,n,o,c,m,x,h;return $=new H({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),x=new H({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(x.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t),m=d(t),s(x.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),u(t,m,r),a(x,t,r),h=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),x.$set(o)},i(t){h||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t),t&&i(m),p(x,t)}}}function ot(t){let $,e,n,o,c,m,x,h;return e=new P({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),x=new P({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),{c(){$=w("thead"),r(e.$$.fragment),n=g(),o=w("tbody"),r(c.$$.fragment),m=g(),r(x.$$.fragment)},l(t){$=y(t,"THEAD",{});var r=E($);s(e.$$.fragment,r),r.forEach(i),n=d(t),o=y(t,"TBODY",{});var a=E(o);s(c.$$.fragment,a),m=d(a),s(x.$$.fragment,a),a.forEach(i)},m(t,r){u(t,$,r),a(e,$,null),u(t,n,r),u(t,o,r),a(c,o,null),D(o,m),a(x,o,null),h=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),x.$set(s)},i(t){h||(f(e.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){t&&i($),p(e),t&&i(n),t&&i(o),p(c),p(x)}}}function ct(t){let $;return{c(){$=x("Functional Properties")},l(t){$=h(t,"Functional Properties")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function ft(t){let $;return{c(){$=x("Name")},l(t){$=h(t,"Name")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function lt(t){let $;return{c(){$=x("Default")},l(t){$=h(t,"Default")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function pt(t){let $;return{c(){$=x("Type")},l(t){$=h(t,"Type")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function mt(t){let $;return{c(){$=x("Description")},l(t){$=h(t,"Description")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function gt(t){let $,e,n,o,c,m,x,h;return $=new G({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),n=new G({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),x=new G({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(x.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t),m=d(t),s(x.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),u(t,m,r),a(x,t,r),h=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),x.$set(o)},i(t){h||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t),t&&i(m),p(x,t)}}}function dt(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=x("...")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=h(s,"..."),s.forEach(i),r.forEach(i)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&i($)}}}function ut(t){let $,e;return{c(){$=w("code"),e=x("any")},l(t){$=y(t,"CODE",{});var n=E($);e=h(n,"any"),n.forEach(i)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&i($)}}}function it(t){let $,e,n,r;return{c(){$=x("Everything else will be passed to the underlying "),e=w("code"),n=x("<div>"),r=x(" element.")},l(t){$=h(t,"Everything else will be passed to the underlying "),e=y(t,"CODE",{});var s=E(e);n=h(s,"<div>"),s.forEach(i),r=h(t," element.")},m(t,s){u(t,$,s),u(t,e,s),D(e,n),u(t,r,s)},p:b,d(t){t&&i($),t&&i(e),t&&i(r)}}}function xt(t){let $,e,n,o,c,m,x,h;return $=new H({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),n=new H({}),c=new H({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),x=new H({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(x.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t),m=d(t),s(x.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),u(t,m,r),a(x,t,r),h=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),x.$set(s)},i(t){h||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t),t&&i(m),p(x,t)}}}function ht(t){let $,e,n,o,c,m;return e=new P({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){$=w("thead"),r(e.$$.fragment),n=g(),o=w("tbody"),r(c.$$.fragment)},l(t){$=y(t,"THEAD",{});var r=E($);s(e.$$.fragment,r),r.forEach(i),n=d(t),o=y(t,"TBODY",{});var a=E(o);s(c.$$.fragment,a),a.forEach(i)},m(t,r){u(t,$,r),a(e,$,null),u(t,n,r),u(t,o,r),a(c,o,null),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(f(e.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&i($),p(e),t&&i(n),t&&i(o),p(c)}}}function wt(t){let $;return{c(){$=x("Class Properties")},l(t){$=h(t,"Class Properties")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function yt(t){let $,e,n,r,s,a,o;return{c(){$=x("All "),e=w("code"),n=x("<Card>"),r=x(" components use the "),s=w("code"),a=x(".card"),o=x(" class.")},l(t){$=h(t,"All "),e=y(t,"CODE",{});var c=E(e);n=h(c,"<Card>"),c.forEach(i),r=h(t," components use the "),s=y(t,"CODE",{});var f=E(s);a=h(f,".card"),f.forEach(i),o=h(t," class.")},m(t,c){u(t,$,c),u(t,e,c),D(e,n),u(t,r,c),u(t,s,c),D(s,a),u(t,o,c)},p:b,d(t){t&&i($),t&&i(e),t&&i(r),t&&i(s),t&&i(o)}}}function Et(t){let $;return{c(){$=x("Falsy values passed to classes will be disregarded.")},l(t){$=h(t,"Falsy values passed to classes will be disregarded.")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function vt(t){let $;return{c(){$=x("Name")},l(t){$=h(t,"Name")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Dt(t){let $;return{c(){$=x("Default")},l(t){$=h(t,"Default")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function bt(t){let $;return{c(){$=x("Type")},l(t){$=h(t,"Type")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Ct(t){let $;return{c(){$=x("Description")},l(t){$=h(t,"Description")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Tt(t){let $,e,n,o,c,m,x,h;return $=new G({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),n=new G({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),x=new G({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(x.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t),m=d(t),s(x.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),u(t,m,r),a(x,t,r),h=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),x.$set(o)},i(t){h||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t),t&&i(m),p(x,t)}}}function Ot(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=x("class")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=h(s,"class"),s.forEach(i),r.forEach(i)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&i($)}}}function kt(t){let $,e;return{c(){$=w("code"),e=x("null")},l(t){$=y(t,"CODE",{});var n=E($);e=h(n,"null"),n.forEach(i)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&i($)}}}function St(t){let $,e;return{c(){$=w("code"),e=x("string")},l(t){$=y(t,"CODE",{});var n=E($);e=h(n,"string"),n.forEach(i)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&i($)}}}function Nt(t){let $;return{c(){$=x("A class string to add to the component.")},l(t){$=h(t,"A class string to add to the component.")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function jt(t){let $,e,n,o,c,m,x,h;return $=new H({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),x=new H({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(x.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t),m=d(t),s(x.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),u(t,m,r),a(x,t,r),h=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),x.$set(o)},i(t){h||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t),t&&i(m),p(x,t)}}}function Rt(t){let $,e,n,o,c,m;return e=new P({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),{c(){$=w("thead"),r(e.$$.fragment),n=g(),o=w("tbody"),r(c.$$.fragment)},l(t){$=y(t,"THEAD",{});var r=E($);s(e.$$.fragment,r),r.forEach(i),n=d(t),o=y(t,"TBODY",{});var a=E(o);s(c.$$.fragment,a),a.forEach(i)},m(t,r){u(t,$,r),a(e,$,null),u(t,n,r),u(t,o,r),a(c,o,null),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(f(e.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&i($),p(e),t&&i(n),t&&i(o),p(c)}}}function At(t){let $;return{c(){$=x("Slots")},l(t){$=h(t,"Slots")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Ft(t){let $;return{c(){$=x("Default slot")},l(t){$=h(t,"Default slot")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Pt(t){let $;return{c(){$=x("The content of the card.")},l(t){$=h(t,"The content of the card.")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Gt(t){let $;return{c(){$=x("SCSS Variables")},l(t){$=h(t,"SCSS Variables")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Ht(t){let $;return{c(){$=x("Name")},l(t){$=h(t,"Name")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Bt(t){let $;return{c(){$=x("Description")},l(t){$=h(t,"Description")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function It(t){let $;return{c(){$=x("Default")},l(t){$=h(t,"Default")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Vt(t){let $,e,n,o,c,m;return $=new G({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),n=new G({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t)}}}function Yt(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=x("$main")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=h(s,"$main"),s.forEach(i),r.forEach(i)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&i($)}}}function Lt(t){let $;return{c(){$=x("The color of the border for outline cards.")},l(t){$=h(t,"The color of the border for outline cards.")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function zt(t){let $,e;return $=new N({props:{value:"#4300B0"}}),{c(){r($.$$.fragment)},l(t){s($.$$.fragment,t)},m(t,n){a($,t,n),e=!0},p:b,i(t){e||(f($.$$.fragment,t),e=!0)},o(t){l($.$$.fragment,t),e=!1},d(t){p($,t)}}}function qt(t){let $,e,n,o,c,m;return $=new H({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t)}}}function Kt(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=x("$background")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=h(s,"$background"),s.forEach(i),r.forEach(i)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&i($)}}}function Mt(t){let $;return{c(){$=x("The background color of the card.")},l(t){$=h(t,"The background color of the card.")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Ut(t){let $,e;return $=new N({props:{value:"#FFFFFF",bordered:!0}}),{c(){r($.$$.fragment)},l(t){s($.$$.fragment,t)},m(t,n){a($,t,n),e=!0},p:b,i(t){e||(f($.$$.fragment,t),e=!0)},o(t){l($.$$.fragment,t),e=!1},d(t){p($,t)}}}function Jt(t){let $,e,n,o,c,m;return $=new H({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t)}}}function Qt(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=x("$shadow-0")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=h(s,"$shadow-0"),s.forEach(i),r.forEach(i)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&i($)}}}function Wt(t){let $;return{c(){$=x("The shadow of regular cards.")},l(t){$=h(t,"The shadow of regular cards.")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function Xt(t){let $,e;return $=new j({props:{value:c$}}),{c(){r($.$$.fragment)},l(t){s($.$$.fragment,t)},m(t,n){a($,t,n),e=!0},p:b,i(t){e||(f($.$$.fragment,t),e=!0)},o(t){l($.$$.fragment,t),e=!1},d(t){p($,t)}}}function Zt(t){let $,e,n,o,c,m;return $=new H({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t)}}}function _t(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=x("$card-radius")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=h(s,"$card-radius"),s.forEach(i),r.forEach(i)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&i($)}}}function t$(t){let $;return{c(){$=x("The curvature radius of a card.")},l(t){$=h(t,"The curvature radius of a card.")},m(t,e){u(t,$,e)},d(t){t&&i($)}}}function $$(t){let $,e;return{c(){$=w("code"),e=x("1.25em")},l(t){$=y(t,"CODE",{});var n=E($);e=h(n,"1.25em"),n.forEach(i)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&i($)}}}function e$(t){let $,e,n,o,c,m;return $=new H({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t)}}}function n$(t){let $,e,n,o,c,m,x,h,v,b,C,T;return e=new P({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),x=new P({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),v=new P({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),C=new P({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),{c(){$=w("thead"),r(e.$$.fragment),n=g(),o=w("tbody"),r(c.$$.fragment),m=g(),r(x.$$.fragment),h=g(),r(v.$$.fragment),b=g(),r(C.$$.fragment)},l(t){$=y(t,"THEAD",{});var r=E($);s(e.$$.fragment,r),r.forEach(i),n=d(t),o=y(t,"TBODY",{});var a=E(o);s(c.$$.fragment,a),m=d(a),s(x.$$.fragment,a),h=d(a),s(v.$$.fragment,a),b=d(a),s(C.$$.fragment,a),a.forEach(i)},m(t,r){u(t,$,r),a(e,$,null),u(t,n,r),u(t,o,r),a(c,o,null),D(o,m),a(x,o,null),D(o,h),a(v,o,null),D(o,b),a(C,o,null),T=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),x.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),v.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),C.$set(o)},i(t){T||(f(e.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),f(v.$$.fragment,t),f(C.$$.fragment,t),T=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),l(v.$$.fragment,t),l(C.$$.fragment,t),T=!1},d(t){t&&i($),p(e),t&&i(n),t&&i(o),p(c),p(x),p(v),p(C)}}}function r$(t){let $,e,n,o,c,m,x,h,w,y,E,v,D,b,C,k,N,j,P,G,H,V,Y,M,U,J,Q,W,X,Z,_,tt,$t,et;return $=new T({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),n=new O({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),c=new S({props:{$$slots:{source:[z],showcase:[L]},$$scope:{ctx:t}}}),x=new R({props:{id:"properties",$$slots:{default:[q]},$$scope:{ctx:t}}}),w=new A({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),E=new F({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),D=new A({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),C=new F({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),N=new A({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),P=new O({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),H=new O({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),Y=new F({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),U=new R({props:{id:"slots",$$slots:{default:[At]},$$scope:{ctx:t}}}),Q=new A({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),X=new O({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),_=new R({props:{id:"scss-variables",$$slots:{default:[Gt]},$$scope:{ctx:t}}}),$t=new F({props:{$$slots:{default:[n$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(x.$$.fragment),h=g(),r(w.$$.fragment),y=g(),r(E.$$.fragment),v=g(),r(D.$$.fragment),b=g(),r(C.$$.fragment),k=g(),r(N.$$.fragment),j=g(),r(P.$$.fragment),G=g(),r(H.$$.fragment),V=g(),r(Y.$$.fragment),M=g(),r(U.$$.fragment),J=g(),r(Q.$$.fragment),W=g(),r(X.$$.fragment),Z=g(),r(_.$$.fragment),tt=g(),r($t.$$.fragment)},l(t){s($.$$.fragment,t),e=d(t),s(n.$$.fragment,t),o=d(t),s(c.$$.fragment,t),m=d(t),s(x.$$.fragment,t),h=d(t),s(w.$$.fragment,t),y=d(t),s(E.$$.fragment,t),v=d(t),s(D.$$.fragment,t),b=d(t),s(C.$$.fragment,t),k=d(t),s(N.$$.fragment,t),j=d(t),s(P.$$.fragment,t),G=d(t),s(H.$$.fragment,t),V=d(t),s(Y.$$.fragment,t),M=d(t),s(U.$$.fragment,t),J=d(t),s(Q.$$.fragment,t),W=d(t),s(X.$$.fragment,t),Z=d(t),s(_.$$.fragment,t),tt=d(t),s($t.$$.fragment,t)},m(t,r){a($,t,r),u(t,e,r),a(n,t,r),u(t,o,r),a(c,t,r),u(t,m,r),a(x,t,r),u(t,h,r),a(w,t,r),u(t,y,r),a(E,t,r),u(t,v,r),a(D,t,r),u(t,b,r),a(C,t,r),u(t,k,r),a(N,t,r),u(t,j,r),a(P,t,r),u(t,G,r),a(H,t,r),u(t,V,r),a(Y,t,r),u(t,M,r),a(U,t,r),u(t,J,r),a(Q,t,r),u(t,W,r),a(X,t,r),u(t,Z,r),a(_,t,r),u(t,tt,r),a($t,t,r),et=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),x.$set(o);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),w.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),E.$set(l);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),D.$set(p);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),C.$set(m);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),N.$set(g);const d={};2&e&&(d.$$scope={dirty:e,ctx:t}),P.$set(d);const u={};2&e&&(u.$$scope={dirty:e,ctx:t}),H.$set(u);const i={};2&e&&(i.$$scope={dirty:e,ctx:t}),Y.$set(i);const h={};2&e&&(h.$$scope={dirty:e,ctx:t}),U.$set(h);const y={};2&e&&(y.$$scope={dirty:e,ctx:t}),Q.$set(y);const v={};2&e&&(v.$$scope={dirty:e,ctx:t}),X.$set(v);const b={};2&e&&(b.$$scope={dirty:e,ctx:t}),_.$set(b);const T={};2&e&&(T.$$scope={dirty:e,ctx:t}),$t.$set(T)},i(t){et||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),f(w.$$.fragment,t),f(E.$$.fragment,t),f(D.$$.fragment,t),f(C.$$.fragment,t),f(N.$$.fragment,t),f(P.$$.fragment,t),f(H.$$.fragment,t),f(Y.$$.fragment,t),f(U.$$.fragment,t),f(Q.$$.fragment,t),f(X.$$.fragment,t),f(_.$$.fragment,t),f($t.$$.fragment,t),et=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),l(w.$$.fragment,t),l(E.$$.fragment,t),l(D.$$.fragment,t),l(C.$$.fragment,t),l(N.$$.fragment,t),l(P.$$.fragment,t),l(H.$$.fragment,t),l(Y.$$.fragment,t),l(U.$$.fragment,t),l(Q.$$.fragment,t),l(X.$$.fragment,t),l(_.$$.fragment,t),l($t.$$.fragment,t),et=!1},d(t){p($,t),t&&i(e),p(n,t),t&&i(o),p(c,t),t&&i(m),p(x,t),t&&i(h),p(w,t),t&&i(y),p(E,t),t&&i(v),p(D,t),t&&i(b),p(C,t),t&&i(k),p(N,t),t&&i(j),p(P,t),t&&i(G),p(H,t),t&&i(V),p(Y,t),t&&i(M),p(U,t),t&&i(J),p(Q,t),t&&i(W),p(X,t),t&&i(Z),p(_,t),t&&i(tt),p($t,t)}}}function s$(t){let $,e;const m=[t[0],a$];let g={$$slots:{default:[r$]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)g=n(g,m[t]);return $=new C({props:g}),{c(){r($.$$.fragment)},l(t){s($.$$.fragment,t)},m(t,n){a($,t,n),e=!0},p(t,[e]){const n=1&e?o(m,[1&e&&c(t[0]),0&e&&c(a$)]):{};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n)},i(t){e||(f($.$$.fragment,t),e=!0)},o(t){l($.$$.fragment,t),e=!1},d(t){p($,t)}}}const a$={name:"Card",shadow0:"0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);"},{name:o$,shadow0:c$}=a$;function f$(t,$,e){return t.$$set=t=>{e(0,$=n(n({},$),m(t)))},[$=m($)]}class l$ extends t{constructor(t){super(),$(this,t,f$,s$,e,{})}}export{l$ as default,a$ as metadata};
diff --git a/376/client/legacy/changelog.98c16ff4.js b/376/client/legacy/changelog.98c16ff4.js
new file mode 100644
index 000000000..4597ed547
--- /dev/null
+++ b/376/client/legacy/changelog.98c16ff4.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as r,K as o,j as n,l as $,m as s,U as a,a0 as c,t as l,p as i,q as f,L as h,u as p,h as m,w as d,k as g,f as u,d as w,v as x,x as y,b as v,e as b,g as E,n as A}from"./client.583c6e60.js";import{H as C,P as T,L as k}from"./layout.47c81311.js";import{L as D}from"./layout-no-head.a162a1d0.js";import{H as O}from"./h2.0da05151.js";import{H as S}from"./h3.c9a49f62.js";import{U as F,L as P}from"./ul.ce467381.js";function R(t){let e;return{c(){e=x("Changelog")},l(t){e=y(t,"Changelog")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function N(t){let e;return{c(){e=x("All notable changes to this project will be documented here.")},l(t){e=y(t,"All notable changes to this project will be documented here.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function j(t){let e,r,o,n,$,s,a;return{c(){e=x("The format is based on "),r=m("a"),o=x("Keep a Changelog"),n=x(" and this project adheres to "),$=m("a"),s=x("Semantic Versioning"),a=x("."),this.h()},l(t){e=y(t,"The format is based on "),r=g(t,"A",{href:!0,rel:!0});var c=v(r);o=y(c,"Keep a Changelog"),c.forEach(w),n=y(t," and this project adheres to "),$=g(t,"A",{href:!0,rel:!0});var l=v($);s=y(l,"Semantic Versioning"),l.forEach(w),a=y(t,"."),this.h()},h(){b(r,"href","https://keepachangelog.com/"),b(r,"rel","nofollow"),b($,"href","https://semver.org/"),b($,"rel","nofollow")},m(t,c){u(t,e,c),u(t,r,c),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a)}}}function z(t){let e,r,o;return{c(){e=m("a"),r=x("3.7.1"),o=x(" - 2023-06-25"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"3.7.1"),n.forEach(w),o=y(t," - 2023-06-25"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v3.7.1"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function B(t){let e;return{c(){e=x("Added")},l(t){e=y(t,"Added")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function I(t){let e,r,o,n,$,s,a;return{c(){e=x("Slots and props for various components to better support localization (Thanks to "),r=m("a"),o=x("@Bluzzi"),n=x(" for "),$=m("a"),s=x("#345"),a=x(")."),this.h()},l(t){e=y(t,"Slots and props for various components to better support localization (Thanks to "),r=g(t,"A",{href:!0,rel:!0});var c=v(r);o=y(c,"@Bluzzi"),c.forEach(w),n=y(t," for "),$=g(t,"A",{href:!0,rel:!0});var l=v($);s=y(l,"#345"),l.forEach(w),a=y(t,")."),this.h()},h(){b(r,"href","https://github.com/Bluzzi"),b(r,"rel","nofollow"),b($,"href","https://github.com/illright/attractions/pull/345"),b($,"rel","nofollow")},m(t,c){u(t,e,c),u(t,r,c),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a)}}}function K(t){let e,r;return e=new P({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function G(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function M(t){let e,r,o,n;return{c(){e=x("Improved typings for some components and utils ("),r=m("a"),o=x("#334"),n=x(")."),this.h()},l(t){e=y(t,"Improved typings for some components and utils ("),r=g(t,"A",{href:!0,rel:!0});var $=v(r);o=y($,"#334"),$.forEach(w),n=y(t,")."),this.h()},h(){b(r,"href","https://github.com/illright/attractions/pull/334"),b(r,"rel","nofollow")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function L(t){let e;return{c(){e=x("Required props will now be marked as such in the component typings.")},l(t){e=y(t,"Required props will now be marked as such in the component typings.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function V(t){let e,r,o,n,$,s,a;return{c(){e=x("Silenced some false-positive warnings by the svelte compiler (Thanks to "),r=m("a"),o=x("@noosxe"),n=x(" for "),$=m("a"),s=x("#369"),a=x(")"),this.h()},l(t){e=y(t,"Silenced some false-positive warnings by the svelte compiler (Thanks to "),r=g(t,"A",{href:!0,rel:!0});var c=v(r);o=y(c,"@noosxe"),c.forEach(w),n=y(t," for "),$=g(t,"A",{href:!0,rel:!0});var l=v($);s=y(l,"#369"),l.forEach(w),a=y(t,")"),this.h()},h(){b(r,"href","https://github.com/noosxe"),b(r,"rel","nofollow"),b($,"href","https://github.com/illright/attractions/pull/369"),b($,"rel","nofollow")},m(t,c){u(t,e,c),u(t,r,c),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a)}}}function q(t){let e,r,o,a,c,h;return e=new P({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment),a=p(),n(c.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t),a=d(t),$(c.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),u(t,a,n),s(c,t,n),h=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($);const s={};2&r&&(s.$$scope={dirty:r,ctx:t}),c.$set(s)},i(t){h||(l(e.$$.fragment,t),l(o.$$.fragment,t),l(c.$$.fragment,t),h=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),i(c.$$.fragment,t),h=!1},d(t){f(e,t),t&&w(r),f(o,t),t&&w(a),f(c,t)}}}function J(t){let e,r,o;return{c(){e=m("a"),r=x("3.7.0"),o=x(" – 2021-12-30"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"3.7.0"),n.forEach(w),o=y(t," – 2021-12-30"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v3.7.0"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function U(t){let e;return{c(){e=x("Added")},l(t){e=y(t,"Added")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function W(t){let e,r,o,n,$,s,a,c,l,i,f,h,p,d,C,T;return{c(){e=x("The "),r=m("code"),o=x("hideNow"),n=x(" prop to the "),$=m("code"),s=x("TimePicker"),a=x(" component has been added to hide the "),c=m("code"),l=x("now"),i=x(" button (Thanks to "),f=m("a"),h=x("@CuriousCI"),p=x(" for the contribution - "),d=m("a"),C=x("#331"),T=x(")."),this.h()},l(t){e=y(t,"The "),r=g(t,"CODE",{});var m=v(r);o=y(m,"hideNow"),m.forEach(w),n=y(t," prop to the "),$=g(t,"CODE",{});var u=v($);s=y(u,"TimePicker"),u.forEach(w),a=y(t," component has been added to hide the "),c=g(t,"CODE",{});var x=v(c);l=y(x,"now"),x.forEach(w),i=y(t," button (Thanks to "),f=g(t,"A",{href:!0,rel:!0});var b=v(f);h=y(b,"@CuriousCI"),b.forEach(w),p=y(t," for the contribution - "),d=g(t,"A",{href:!0,rel:!0});var E=v(d);C=y(E,"#331"),E.forEach(w),T=y(t,")."),this.h()},h(){b(f,"href","https://github.com/CuriousCI"),b(f,"rel","nofollow"),b(d,"href","https://github.com/illright/attractions/pull/331"),b(d,"rel","nofollow")},m(t,m){u(t,e,m),u(t,r,m),E(r,o),u(t,n,m),u(t,$,m),E($,s),u(t,a,m),u(t,c,m),E(c,l),u(t,i,m),u(t,f,m),E(f,h),u(t,p,m),u(t,d,m),E(d,C),u(t,T,m)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a),t&&w(c),t&&w(i),t&&w(f),t&&w(p),t&&w(d),t&&w(T)}}}function Y(t){let e,r;return e=new P({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function H(t){let e,r,o;return{c(){e=m("a"),r=x("3.6.0"),o=x(" - 2021-12-23"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"3.6.0"),n.forEach(w),o=y(t," - 2021-12-23"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v3.6.0"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function X(t){let e;return{c(){e=x("Changed")},l(t){e=y(t,"Changed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Q(t){let e,r,o,n,$,s,a,c,l,i,f,h,p,d,C,T;return{c(){e=x("Implement automatic positioning of the "),r=m("a"),o=x("Dropdown"),n=x(". This will prevent it from going off-screen in certain cases. This is also the new default behaviour; the previous alignment props ("),$=m("code"),s=x("right"),a=x(" and "),c=m("code"),l=x("top"),i=x(") are now deprecated (Thanks to "),f=m("a"),h=x("@Th1nkK1D"),p=x(" for the contribution - "),d=m("a"),C=x("#318"),T=x(")."),this.h()},l(t){e=y(t,"Implement automatic positioning of the "),r=g(t,"A",{href:!0,rel:!0});var m=v(r);o=y(m,"Dropdown"),m.forEach(w),n=y(t,". This will prevent it from going off-screen in certain cases. This is also the new default behaviour; the previous alignment props ("),$=g(t,"CODE",{});var u=v($);s=y(u,"right"),u.forEach(w),a=y(t," and "),c=g(t,"CODE",{});var x=v(c);l=y(x,"top"),x.forEach(w),i=y(t,") are now deprecated (Thanks to "),f=g(t,"A",{href:!0,rel:!0});var b=v(f);h=y(b,"@Th1nkK1D"),b.forEach(w),p=y(t," for the contribution - "),d=g(t,"A",{href:!0,rel:!0});var E=v(d);C=y(E,"#318"),E.forEach(w),T=y(t,")."),this.h()},h(){b(r,"href","https://illright.github.io/attractions/docs/components/dropdown/"),b(r,"rel","nofollow"),b(f,"href","https://github.com/Th1nkK1D"),b(f,"rel","nofollow"),b(d,"href","https://github.com/illright/attractions/pull/318"),b(d,"rel","nofollow")},m(t,m){u(t,e,m),u(t,r,m),E(r,o),u(t,n,m),u(t,$,m),E($,s),u(t,a,m),u(t,c,m),E(c,l),u(t,i,m),u(t,f,m),E(f,h),u(t,p,m),u(t,d,m),E(d,C),u(t,T,m)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a),t&&w(c),t&&w(i),t&&w(f),t&&w(p),t&&w(d),t&&w(T)}}}function Z(t){let e,r;return e=new P({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function _(t){let e,r,o;return{c(){e=m("a"),r=x("3.5.2"),o=x(" - 2021-11-21"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"3.5.2"),n.forEach(w),o=y(t," - 2021-11-21"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v3.5.2"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function tt(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function et(t){let e,r,o,n,$,s,a,c,l,i;return{c(){e=x("One more issue with the type of "),r=m("code"),o=x("AutocompleteField"),n=x("'s "),$=m("code"),s=x("OptionGetter"),a=x(" (the type of the "),c=m("code"),l=x("getOptions"),i=x(" prop).")},l(t){e=y(t,"One more issue with the type of "),r=g(t,"CODE",{});var f=v(r);o=y(f,"AutocompleteField"),f.forEach(w),n=y(t,"'s "),$=g(t,"CODE",{});var h=v($);s=y(h,"OptionGetter"),h.forEach(w),a=y(t," (the type of the "),c=g(t,"CODE",{});var p=v(c);l=y(p,"getOptions"),p.forEach(w),i=y(t," prop).")},m(t,f){u(t,e,f),u(t,r,f),E(r,o),u(t,n,f),u(t,$,f),E($,s),u(t,a,f),u(t,c,f),E(c,l),u(t,i,f)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a),t&&w(c),t&&w(i)}}}function rt(t){let e,r;return e=new P({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function ot(t){let e,r,o;return{c(){e=m("a"),r=x("3.5.1"),o=x(" - 2021-11-20"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"3.5.1"),n.forEach(w),o=y(t," - 2021-11-20"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v3.5.1"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function nt(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function $t(t){let e,r,o,n;return{c(){e=x("Fixed a minor regression in the types of components that extend other components ("),r=m("a"),o=x("#325"),n=x(")."),this.h()},l(t){e=y(t,"Fixed a minor regression in the types of components that extend other components ("),r=g(t,"A",{href:!0,rel:!0});var $=v(r);o=y($,"#325"),$.forEach(w),n=y(t,")."),this.h()},h(){b(r,"href","https://github.com/illright/attractions/issues/325"),b(r,"rel","nofollow")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function st(t){let e,r;return e=new P({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function at(t){let e,r,o;return{c(){e=m("a"),r=x("3.5.0"),o=x(" - 2021-11-08"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"3.5.0"),n.forEach(w),o=y(t," - 2021-11-08"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v3.5.0"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function ct(t){let e;return{c(){e=x("Added")},l(t){e=y(t,"Added")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function lt(t){let e,r,o,n,$,s,a,c,l,i,f,h,p,d,C,T,k;return{c(){e=x("The "),r=m("a"),o=m("code"),n=x("Slider"),$=x(" component has been added, allowing you to create a slider similar to the one you would get with "),s=m("code"),a=x('<input type="range">'),c=x(". It also support inputting a range by supplying a tuple for the "),l=m("code"),i=x("value"),f=x(" prop (Thanks to "),h=m("a"),p=x("@RikuVan"),d=x(" for the contribution - "),C=m("a"),T=x("#290"),k=x(")."),this.h()},l(t){e=y(t,"The "),r=g(t,"A",{href:!0,rel:!0});var m=v(r);o=g(m,"CODE",{});var u=v(o);n=y(u,"Slider"),u.forEach(w),m.forEach(w),$=y(t," component has been added, allowing you to create a slider similar to the one you would get with "),s=g(t,"CODE",{});var x=v(s);a=y(x,'<input type="range">'),x.forEach(w),c=y(t,". It also support inputting a range by supplying a tuple for the "),l=g(t,"CODE",{});var b=v(l);i=y(b,"value"),b.forEach(w),f=y(t," prop (Thanks to "),h=g(t,"A",{href:!0,rel:!0});var E=v(h);p=y(E,"@RikuVan"),E.forEach(w),d=y(t," for the contribution - "),C=g(t,"A",{href:!0,rel:!0});var A=v(C);T=y(A,"#290"),A.forEach(w),k=y(t,")."),this.h()},h(){b(r,"href","https://illright.github.io/attractions/docs/components/slider"),b(r,"rel","nofollow"),b(h,"href","https://github.com/RikuVan"),b(h,"rel","nofollow"),b(C,"href","https://github.com/illright/attractions/pull/290"),b(C,"rel","nofollow")},m(t,m){u(t,e,m),u(t,r,m),E(r,o),E(o,n),u(t,$,m),u(t,s,m),E(s,a),u(t,c,m),u(t,l,m),E(l,i),u(t,f,m),u(t,h,m),E(h,p),u(t,d,m),u(t,C,m),E(C,T),u(t,k,m)},p:A,d(t){t&&w(e),t&&w(r),t&&w($),t&&w(s),t&&w(c),t&&w(l),t&&w(f),t&&w(h),t&&w(d),t&&w(C),t&&w(k)}}}function it(t){let e,r,o,n,$,s,a;return{c(){e=x("The "),r=m("code"),o=x("closeOnSelection"),n=x(" prop to the "),$=m("code"),s=x("DatePicker"),a=x(" component has been added to close the dropdown after a selection has been made.")},l(t){e=y(t,"The "),r=g(t,"CODE",{});var c=v(r);o=y(c,"closeOnSelection"),c.forEach(w),n=y(t," prop to the "),$=g(t,"CODE",{});var l=v($);s=y(l,"DatePicker"),l.forEach(w),a=y(t," component has been added to close the dropdown after a selection has been made.")},m(t,c){u(t,e,c),u(t,r,c),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a)}}}function ft(t){let e,r,o,a;return e=new P({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),a=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($)},i(t){a||(l(e.$$.fragment,t),l(o.$$.fragment,t),a=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),a=!1},d(t){f(e,t),t&&w(r),f(o,t)}}}function ht(t){let e;return{c(){e=x("Changed")},l(t){e=y(t,"Changed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function pt(t){let e,r,o,n,$,s,a,c,l,i,f,h,p,d;return{c(){e=x("Change the "),r=m("a"),o=m("code"),n=x("Dropdown"),$=x(" chevron transition animation to a "),s=m("code"),a=x("scaleY(-1)"),c=x(" for "),l=m("code"),i=x("150ms"),f=x(" ("),h=m("a"),p=x("#310"),d=x(")."),this.h()},l(t){e=y(t,"Change the "),r=g(t,"A",{href:!0,rel:!0});var m=v(r);o=g(m,"CODE",{});var u=v(o);n=y(u,"Dropdown"),u.forEach(w),m.forEach(w),$=y(t," chevron transition animation to a "),s=g(t,"CODE",{});var x=v(s);a=y(x,"scaleY(-1)"),x.forEach(w),c=y(t," for "),l=g(t,"CODE",{});var b=v(l);i=y(b,"150ms"),b.forEach(w),f=y(t," ("),h=g(t,"A",{href:!0,rel:!0});var E=v(h);p=y(E,"#310"),E.forEach(w),d=y(t,")."),this.h()},h(){b(r,"href","https://illright.github.io/attractions/docs/components/dropdown"),b(r,"rel","nofollow"),b(h,"href","https://github.com/illright/attractions/pull/310"),b(h,"rel","nofollow")},m(t,m){u(t,e,m),u(t,r,m),E(r,o),E(o,n),u(t,$,m),u(t,s,m),E(s,a),u(t,c,m),u(t,l,m),E(l,i),u(t,f,m),u(t,h,m),E(h,p),u(t,d,m)},p:A,d(t){t&&w(e),t&&w(r),t&&w($),t&&w(s),t&&w(c),t&&w(l),t&&w(f),t&&w(h),t&&w(d)}}}function mt(t){let e,r,o,n,$,s,a,c;return{c(){e=x("The "),r=m("a"),o=m("code"),n=x("Card"),$=x(" component will now use the SCSS "),s=m("code"),a=x("$background"),c=x(" variable as its default background color instead of the hard-coded white color."),this.h()},l(t){e=y(t,"The "),r=g(t,"A",{href:!0,rel:!0});var l=v(r);o=g(l,"CODE",{});var i=v(o);n=y(i,"Card"),i.forEach(w),l.forEach(w),$=y(t," component will now use the SCSS "),s=g(t,"CODE",{});var f=v(s);a=y(f,"$background"),f.forEach(w),c=y(t," variable as its default background color instead of the hard-coded white color."),this.h()},h(){b(r,"href","https://illright.github.io/attractions/docs/components/card"),b(r,"rel","nofollow")},m(t,l){u(t,e,l),u(t,r,l),E(r,o),E(o,n),u(t,$,l),u(t,s,l),E(s,a),u(t,c,l)},p:A,d(t){t&&w(e),t&&w(r),t&&w($),t&&w(s),t&&w(c)}}}function dt(t){let e,r,o,a;return e=new P({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),a=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($)},i(t){a||(l(e.$$.fragment,t),l(o.$$.fragment,t),a=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),a=!1},d(t){f(e,t),t&&w(r),f(o,t)}}}function gt(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function ut(t){let e,r,o,n,$,s,a,c;return{c(){e=x("Fixed some types and documentation mistakes for the "),r=m("a"),o=m("code"),n=x("Accordion"),$=x(" component ("),s=m("a"),a=x("#316"),c=x(")."),this.h()},l(t){e=y(t,"Fixed some types and documentation mistakes for the "),r=g(t,"A",{href:!0,rel:!0});var l=v(r);o=g(l,"CODE",{});var i=v(o);n=y(i,"Accordion"),i.forEach(w),l.forEach(w),$=y(t," component ("),s=g(t,"A",{href:!0,rel:!0});var f=v(s);a=y(f,"#316"),f.forEach(w),c=y(t,")."),this.h()},h(){b(r,"href","https://illright.github.io/attractions/docs/components/accordion"),b(r,"rel","nofollow"),b(s,"href","https://github.com/illright/attractions/pull/316"),b(s,"rel","nofollow")},m(t,l){u(t,e,l),u(t,r,l),E(r,o),E(o,n),u(t,$,l),u(t,s,l),E(s,a),u(t,c,l)},p:A,d(t){t&&w(e),t&&w(r),t&&w($),t&&w(s),t&&w(c)}}}function wt(t){let e,r;return e=new P({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function xt(t){let e,r,o;return{c(){e=m("a"),r=x("3.4.0"),o=x(" - 2021-09-12"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"3.4.0"),n.forEach(w),o=y(t," - 2021-09-12"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v3.4.0"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function yt(t){let e;return{c(){e=x("Added")},l(t){e=y(t,"Added")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function vt(t){let e,r,o,n,$,s,a,c;return{c(){e=x("The "),r=m("a"),o=m("code"),n=x("Breadcrumbs"),$=x(" component has been added to the library ("),s=m("a"),a=x("#157"),c=x(")."),this.h()},l(t){e=y(t,"The "),r=g(t,"A",{href:!0,rel:!0});var l=v(r);o=g(l,"CODE",{});var i=v(o);n=y(i,"Breadcrumbs"),i.forEach(w),l.forEach(w),$=y(t," component has been added to the library ("),s=g(t,"A",{href:!0,rel:!0});var f=v(s);a=y(f,"#157"),f.forEach(w),c=y(t,")."),this.h()},h(){b(r,"href","https://illright.github.io/attractions/docs/components/breadcrumbs"),b(r,"rel","nofollow"),b(s,"href","https://github.com/illright/attractions/issues/157"),b(s,"rel","nofollow")},m(t,l){u(t,e,l),u(t,r,l),E(r,o),E(o,n),u(t,$,l),u(t,s,l),E(s,a),u(t,c,l)},p:A,d(t){t&&w(e),t&&w(r),t&&w($),t&&w(s),t&&w(c)}}}function bt(t){let e,r,o,n,$,s,a,c;return{c(){e=x("A new "),r=m("a"),o=m("code"),n=x("Table"),$=x(" component has been added, useful for displaying simple collections of data ("),s=m("a"),a=x("#255"),c=x(")."),this.h()},l(t){e=y(t,"A new "),r=g(t,"A",{href:!0,rel:!0});var l=v(r);o=g(l,"CODE",{});var i=v(o);n=y(i,"Table"),i.forEach(w),l.forEach(w),$=y(t," component has been added, useful for displaying simple collections of data ("),s=g(t,"A",{href:!0,rel:!0});var f=v(s);a=y(f,"#255"),f.forEach(w),c=y(t,")."),this.h()},h(){b(r,"href","https://illright.github.io/attractions/docs/components/table"),b(r,"rel","nofollow"),b(s,"href","https://github.com/illright/attractions/issues/255"),b(s,"rel","nofollow")},m(t,l){u(t,e,l),u(t,r,l),E(r,o),E(o,n),u(t,$,l),u(t,s,l),E(s,a),u(t,c,l)},p:A,d(t){t&&w(e),t&&w(r),t&&w($),t&&w(s),t&&w(c)}}}function Et(t){let e,r,o,n,$,s,a,c,l,i,f,h;return{c(){e=m("code"),r=x("maxReachedTooltip"),o=x(" prop for the "),n=m("code"),$=x("CheckboxGroup"),s=x(" and "),a=m("code"),c=x("CheckboxChipGroup"),l=x(" components to customize the tooltip text that appears on hover when the maximum amount of checkboxes have been checked ("),i=m("a"),f=x("#13"),h=x(")."),this.h()},l(t){e=g(t,"CODE",{});var p=v(e);r=y(p,"maxReachedTooltip"),p.forEach(w),o=y(t," prop for the "),n=g(t,"CODE",{});var m=v(n);$=y(m,"CheckboxGroup"),m.forEach(w),s=y(t," and "),a=g(t,"CODE",{});var d=v(a);c=y(d,"CheckboxChipGroup"),d.forEach(w),l=y(t," components to customize the tooltip text that appears on hover when the maximum amount of checkboxes have been checked ("),i=g(t,"A",{href:!0,rel:!0});var u=v(i);f=y(u,"#13"),u.forEach(w),h=y(t,")."),this.h()},h(){b(i,"href","https://github.com/illright/attractions/issues/13"),b(i,"rel","nofollow")},m(t,p){u(t,e,p),E(e,r),u(t,o,p),u(t,n,p),E(n,$),u(t,s,p),u(t,a,p),E(a,c),u(t,l,p),u(t,i,p),E(i,f),u(t,h,p)},p:A,d(t){t&&w(e),t&&w(o),t&&w(n),t&&w(s),t&&w(a),t&&w(l),t&&w(i),t&&w(h)}}}function At(t){let e,r,o,n,$,s,a,c,l,i,f,h,p,d,C,T;return{c(){e=x("The "),r=m("code"),o=x("hours"),n=x(", "),$=m("code"),s=x("minutes"),a=x(" and "),c=m("code"),l=x("seconds"),i=x(" props of the "),f=m("code"),h=x("TimePicker"),p=x(" component allow you to specify what values the user can choose from ("),d=m("a"),C=x("#120"),T=x(")."),this.h()},l(t){e=y(t,"The "),r=g(t,"CODE",{});var m=v(r);o=y(m,"hours"),m.forEach(w),n=y(t,", "),$=g(t,"CODE",{});var u=v($);s=y(u,"minutes"),u.forEach(w),a=y(t," and "),c=g(t,"CODE",{});var x=v(c);l=y(x,"seconds"),x.forEach(w),i=y(t," props of the "),f=g(t,"CODE",{});var b=v(f);h=y(b,"TimePicker"),b.forEach(w),p=y(t," component allow you to specify what values the user can choose from ("),d=g(t,"A",{href:!0,rel:!0});var E=v(d);C=y(E,"#120"),E.forEach(w),T=y(t,")."),this.h()},h(){b(d,"href","https://github.com/illright/attractions/issues/120"),b(d,"rel","nofollow")},m(t,m){u(t,e,m),u(t,r,m),E(r,o),u(t,n,m),u(t,$,m),E($,s),u(t,a,m),u(t,c,m),E(c,l),u(t,i,m),u(t,f,m),E(f,h),u(t,p,m),u(t,d,m),E(d,C),u(t,T,m)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a),t&&w(c),t&&w(i),t&&w(f),t&&w(p),t&&w(d),t&&w(T)}}}function Ct(t){let e,r,o,n,$,s,a,c,l;return{c(){e=m("code"),r=x("disabledDates"),o=x(" prop for the "),n=m("code"),$=x("Calendar"),s=x(" component to disable specific dates or ranges of dates ("),a=m("a"),c=x("#34"),l=x(")."),this.h()},l(t){e=g(t,"CODE",{});var i=v(e);r=y(i,"disabledDates"),i.forEach(w),o=y(t," prop for the "),n=g(t,"CODE",{});var f=v(n);$=y(f,"Calendar"),f.forEach(w),s=y(t," component to disable specific dates or ranges of dates ("),a=g(t,"A",{href:!0,rel:!0});var h=v(a);c=y(h,"#34"),h.forEach(w),l=y(t,")."),this.h()},h(){b(a,"href","https://github.com/illright/attractions/issues/34"),b(a,"rel","nofollow")},m(t,i){u(t,e,i),E(e,r),u(t,o,i),u(t,n,i),E(n,$),u(t,s,i),u(t,a,i),E(a,c),u(t,l,i)},p:A,d(t){t&&w(e),t&&w(o),t&&w(n),t&&w(s),t&&w(a),t&&w(l)}}}function Tt(t){let e,r,o,n,$,s,a,c,l,i,f,h,p,d,C;return{c(){e=m("code"),r=x("inputClass"),o=x(" prop for the "),n=m("code"),$=x("TimePicker"),s=x(" and "),a=m("code"),c=x("DatePicker"),l=x(" components to pass them down to the "),i=m("code"),f=x("TextField"),h=x(" ("),p=m("a"),d=x("#269"),C=x(")."),this.h()},l(t){e=g(t,"CODE",{});var m=v(e);r=y(m,"inputClass"),m.forEach(w),o=y(t," prop for the "),n=g(t,"CODE",{});var u=v(n);$=y(u,"TimePicker"),u.forEach(w),s=y(t," and "),a=g(t,"CODE",{});var x=v(a);c=y(x,"DatePicker"),x.forEach(w),l=y(t," components to pass them down to the "),i=g(t,"CODE",{});var b=v(i);f=y(b,"TextField"),b.forEach(w),h=y(t," ("),p=g(t,"A",{href:!0,rel:!0});var E=v(p);d=y(E,"#269"),E.forEach(w),C=y(t,")."),this.h()},h(){b(p,"href","https://github.com/illright/attractions/issues/269"),b(p,"rel","nofollow")},m(t,m){u(t,e,m),E(e,r),u(t,o,m),u(t,n,m),E(n,$),u(t,s,m),u(t,a,m),E(a,c),u(t,l,m),u(t,i,m),E(i,f),u(t,h,m),u(t,p,m),E(p,d),u(t,C,m)},p:A,d(t){t&&w(e),t&&w(o),t&&w(n),t&&w(s),t&&w(a),t&&w(l),t&&w(i),t&&w(h),t&&w(p),t&&w(C)}}}function kt(t){let e,r,o,n,$,s,a,c,l,i,f;return{c(){e=x("The "),r=m("a"),o=m("code"),n=x("Button"),$=x(" component is now SvelteKit-compatible (using the "),s=m("code"),a=x("noPrefetch"),c=x(" prop would also unset "),l=m("code"),i=x("sveltekit:prefetch"),f=x(")."),this.h()},l(t){e=y(t,"The "),r=g(t,"A",{href:!0,rel:!0});var h=v(r);o=g(h,"CODE",{});var p=v(o);n=y(p,"Button"),p.forEach(w),h.forEach(w),$=y(t," component is now SvelteKit-compatible (using the "),s=g(t,"CODE",{});var m=v(s);a=y(m,"noPrefetch"),m.forEach(w),c=y(t," prop would also unset "),l=g(t,"CODE",{});var d=v(l);i=y(d,"sveltekit:prefetch"),d.forEach(w),f=y(t,")."),this.h()},h(){b(r,"href","https://illright.github.io/attractions/docs/components/button"),b(r,"rel","nofollow")},m(t,h){u(t,e,h),u(t,r,h),E(r,o),E(o,n),u(t,$,h),u(t,s,h),E(s,a),u(t,c,h),u(t,l,h),E(l,i),u(t,f,h)},p:A,d(t){t&&w(e),t&&w(r),t&&w($),t&&w(s),t&&w(c),t&&w(l),t&&w(f)}}}function Dt(t){let e,r,o,a,c,h,m,g,x,y,v,b,E,A;return e=new P({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),m=new P({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),x=new P({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),v=new P({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),E=new P({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment),a=p(),n(c.$$.fragment),h=p(),n(m.$$.fragment),g=p(),n(x.$$.fragment),y=p(),n(v.$$.fragment),b=p(),n(E.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t),a=d(t),$(c.$$.fragment,t),h=d(t),$(m.$$.fragment,t),g=d(t),$(x.$$.fragment,t),y=d(t),$(v.$$.fragment,t),b=d(t),$(E.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),u(t,a,n),s(c,t,n),u(t,h,n),s(m,t,n),u(t,g,n),s(x,t,n),u(t,y,n),s(v,t,n),u(t,b,n),s(E,t,n),A=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($);const s={};2&r&&(s.$$scope={dirty:r,ctx:t}),c.$set(s);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),m.$set(a);const l={};2&r&&(l.$$scope={dirty:r,ctx:t}),x.$set(l);const i={};2&r&&(i.$$scope={dirty:r,ctx:t}),v.$set(i);const f={};2&r&&(f.$$scope={dirty:r,ctx:t}),E.$set(f)},i(t){A||(l(e.$$.fragment,t),l(o.$$.fragment,t),l(c.$$.fragment,t),l(m.$$.fragment,t),l(x.$$.fragment,t),l(v.$$.fragment,t),l(E.$$.fragment,t),A=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),i(c.$$.fragment,t),i(m.$$.fragment,t),i(x.$$.fragment,t),i(v.$$.fragment,t),i(E.$$.fragment,t),A=!1},d(t){f(e,t),t&&w(r),f(o,t),t&&w(a),f(c,t),t&&w(h),f(m,t),t&&w(g),f(x,t),t&&w(y),f(v,t),t&&w(b),f(E,t)}}}function Ot(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function St(t){let e,r,o,n,$,s;return{c(){e=m("em"),r=x("[For contributors on Windows]"),o=x(" The scripts in "),n=m("code"),$=x("package.json"),s=x(" should now work on CMD as well.")},l(t){e=g(t,"EM",{});var a=v(e);r=y(a,"[For contributors on Windows]"),a.forEach(w),o=y(t," The scripts in "),n=g(t,"CODE",{});var c=v(n);$=y(c,"package.json"),c.forEach(w),s=y(t," should now work on CMD as well.")},m(t,a){u(t,e,a),E(e,r),u(t,o,a),u(t,n,a),E(n,$),u(t,s,a)},p:A,d(t){t&&w(e),t&&w(o),t&&w(n),t&&w(s)}}}function Ft(t){let e,r;return e=new P({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function Pt(t){let e,r,o;return{c(){e=m("a"),r=x("3.3.0"),o=x(" - 2021-05-28"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"3.3.0"),n.forEach(w),o=y(t," - 2021-05-28"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v3.3.0"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function Rt(t){let e,r,o,n,$,s,a;return{c(){e=x("This release contains no new features but fixes a Sass deprecation. You'll have to bump your "),r=m("code"),o=x("sass"),n=x(" dependency to "),$=m("code"),s=x(">= 1.33.0"),a=x(" in order to upgrade to this version.")},l(t){e=y(t,"This release contains no new features but fixes a Sass deprecation. You'll have to bump your "),r=g(t,"CODE",{});var c=v(r);o=y(c,"sass"),c.forEach(w),n=y(t," dependency to "),$=g(t,"CODE",{});var l=v($);s=y(l,">= 1.33.0"),l.forEach(w),a=y(t," in order to upgrade to this version.")},m(t,c){u(t,e,c),u(t,r,c),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a)}}}function Nt(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function jt(t){let e,r,o,n,$,s;return{c(){e=m("strong"),r=x("Deprecated Sass features"),o=x(": The division in Sass with the slash operator "),n=m("a"),$=x("was deprecated"),s=x("."),this.h()},l(t){e=g(t,"STRONG",{});var a=v(e);r=y(a,"Deprecated Sass features"),a.forEach(w),o=y(t,": The division in Sass with the slash operator "),n=g(t,"A",{href:!0,rel:!0});var c=v(n);$=y(c,"was deprecated"),c.forEach(w),s=y(t,"."),this.h()},h(){b(n,"href","https://sass-lang.com/d/slash-div"),b(n,"rel","nofollow")},m(t,a){u(t,e,a),E(e,r),u(t,o,a),u(t,n,a),E(n,$),u(t,s,a)},p:A,d(t){t&&w(e),t&&w(o),t&&w(n),t&&w(s)}}}function zt(t){let e,r,o,n,$,s;return{c(){e=m("strong"),r=x("A typo in the documentation"),o=x(": A code sample suggested users to use "),n=m("code"),$=x("reqiure"),s=x(".")},l(t){e=g(t,"STRONG",{});var a=v(e);r=y(a,"A typo in the documentation"),a.forEach(w),o=y(t,": A code sample suggested users to use "),n=g(t,"CODE",{});var c=v(n);$=y(c,"reqiure"),c.forEach(w),s=y(t,".")},m(t,a){u(t,e,a),E(e,r),u(t,o,a),u(t,n,a),E(n,$),u(t,s,a)},p:A,d(t){t&&w(e),t&&w(o),t&&w(n),t&&w(s)}}}function Bt(t){let e,r,o,a;return e=new P({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),a=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($)},i(t){a||(l(e.$$.fragment,t),l(o.$$.fragment,t),a=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),a=!1},d(t){f(e,t),t&&w(r),f(o,t)}}}function It(t){let e,r,o;return{c(){e=m("a"),r=x("3.2.1"),o=x(" - 2021-05-05"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"3.2.1"),n.forEach(w),o=y(t," - 2021-05-05"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v3.2.1"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function Kt(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Gt(t){let e,r,o,n,$,s,a,c,l,i,f,h,p,d,C,T,k,D,O,S,F;return{c(){e=m("strong"),r=x("Typings"),o=x(": The "),n=m("a"),$=m("code"),s=x("SnackbarContainer"),a=x("'s "),c=m("code"),l=x("position"),i=x(" prop was typed as expecting the entire "),f=m("a"),h=m("code"),p=x("SnackbarPositions"),d=x(" enum object. It has been fixed to expect only one of its values, and similarly so for "),C=m("a"),T=m("code"),k=x("PopoverPositions"),D=x(" ("),O=m("a"),S=x("#257"),F=x(")."),this.h()},l(t){e=g(t,"STRONG",{});var m=v(e);r=y(m,"Typings"),m.forEach(w),o=y(t,": The "),n=g(t,"A",{href:!0,rel:!0});var u=v(n);$=g(u,"CODE",{});var x=v($);s=y(x,"SnackbarContainer"),x.forEach(w),u.forEach(w),a=y(t,"'s "),c=g(t,"CODE",{});var b=v(c);l=y(b,"position"),b.forEach(w),i=y(t," prop was typed as expecting the entire "),f=g(t,"A",{href:!0,rel:!0});var E=v(f);h=g(E,"CODE",{});var A=v(h);p=y(A,"SnackbarPositions"),A.forEach(w),E.forEach(w),d=y(t," enum object. It has been fixed to expect only one of its values, and similarly so for "),C=g(t,"A",{href:!0,rel:!0});var P=v(C);T=g(P,"CODE",{});var R=v(T);k=y(R,"PopoverPositions"),R.forEach(w),P.forEach(w),D=y(t," ("),O=g(t,"A",{href:!0,rel:!0});var N=v(O);S=y(N,"#257"),N.forEach(w),F=y(t,")."),this.h()},h(){b(n,"href","https://illright.github.io/attractions/docs/components/snackbar-container"),b(n,"rel","nofollow"),b(f,"href","https://illright.github.io/attractions/docs/components/snackbar-container/#snackbar-positions"),b(f,"rel","nofollow"),b(C,"href","https://illright.github.io/attractions/docs/components/popover#popover-positions"),b(C,"rel","nofollow"),b(O,"href","https://github.com/illright/attractions/pull/257"),b(O,"rel","nofollow")},m(t,m){u(t,e,m),E(e,r),u(t,o,m),u(t,n,m),E(n,$),E($,s),u(t,a,m),u(t,c,m),E(c,l),u(t,i,m),u(t,f,m),E(f,h),E(h,p),u(t,d,m),u(t,C,m),E(C,T),E(T,k),u(t,D,m),u(t,O,m),E(O,S),u(t,F,m)},p:A,d(t){t&&w(e),t&&w(o),t&&w(n),t&&w(a),t&&w(c),t&&w(i),t&&w(f),t&&w(d),t&&w(C),t&&w(D),t&&w(O),t&&w(F)}}}function Mt(t){let e,r;return e=new P({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function Lt(t){let e,r,o;return{c(){e=m("a"),r=x("3.2.0"),o=x(" - 2021-03-04"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"3.2.0"),n.forEach(w),o=y(t," - 2021-03-04"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v3.2.0"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function Vt(t){let e;return{c(){e=x("Added")},l(t){e=y(t,"Added")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function qt(t){let e,r,o,n,$,s,a,c,l,i,f,h,p,d,C;return{c(){e=x("New SCSS variables for customizing the curvature radius of the outline "),r=m("a"),o=m("code"),n=x("TextField"),$=x(" and the font weight of the "),s=m("a"),a=m("code"),c=x("Button"),l=x(" ("),i=m("a"),f=x("#245"),h=x(" and "),p=m("a"),d=x("#246"),C=x(")."),this.h()},l(t){e=y(t,"New SCSS variables for customizing the curvature radius of the outline "),r=g(t,"A",{href:!0,rel:!0});var m=v(r);o=g(m,"CODE",{});var u=v(o);n=y(u,"TextField"),u.forEach(w),m.forEach(w),$=y(t," and the font weight of the "),s=g(t,"A",{href:!0,rel:!0});var x=v(s);a=g(x,"CODE",{});var b=v(a);c=y(b,"Button"),b.forEach(w),x.forEach(w),l=y(t," ("),i=g(t,"A",{href:!0,rel:!0});var E=v(i);f=y(E,"#245"),E.forEach(w),h=y(t," and "),p=g(t,"A",{href:!0,rel:!0});var A=v(p);d=y(A,"#246"),A.forEach(w),C=y(t,")."),this.h()},h(){b(r,"href","https://illright.github.io/attractions/docs/components/text-field"),b(r,"rel","nofollow"),b(s,"href","https://illright.github.io/attractions/docs/components/button"),b(s,"rel","nofollow"),b(i,"href","https://github.com/illright/attractions/issues/245"),b(i,"rel","nofollow"),b(p,"href","https://github.com/illright/attractions/issues/246"),b(p,"rel","nofollow")},m(t,m){u(t,e,m),u(t,r,m),E(r,o),E(o,n),u(t,$,m),u(t,s,m),E(s,a),E(a,c),u(t,l,m),u(t,i,m),E(i,f),u(t,h,m),u(t,p,m),E(p,d),u(t,C,m)},p:A,d(t){t&&w(e),t&&w(r),t&&w($),t&&w(s),t&&w(l),t&&w(i),t&&w(h),t&&w(p),t&&w(C)}}}function Jt(t){let e,r;return e=new P({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function Ut(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Wt(t){let e,r,o,n,$,s,a,c;return{c(){e=x("The "),r=m("a"),o=m("code"),n=x("DatePicker"),$=x(" component wasn't generating the days of the month correctly in certain timezones ("),s=m("a"),a=x("#243"),c=x(")."),this.h()},l(t){e=y(t,"The "),r=g(t,"A",{href:!0,rel:!0});var l=v(r);o=g(l,"CODE",{});var i=v(o);n=y(i,"DatePicker"),i.forEach(w),l.forEach(w),$=y(t," component wasn't generating the days of the month correctly in certain timezones ("),s=g(t,"A",{href:!0,rel:!0});var f=v(s);a=y(f,"#243"),f.forEach(w),c=y(t,")."),this.h()},h(){b(r,"href","https://illright.github.io/attractions/docs/components/date-picker"),b(r,"rel","nofollow"),b(s,"href","https://github.com/illright/attractions/issues/243"),b(s,"rel","nofollow")},m(t,l){u(t,e,l),u(t,r,l),E(r,o),E(o,n),u(t,$,l),u(t,s,l),E(s,a),u(t,c,l)},p:A,d(t){t&&w(e),t&&w(r),t&&w($),t&&w(s),t&&w(c)}}}function Yt(t){let e,r,o,n,$,s,a,c;return{c(){e=x("The outline "),r=m("a"),o=m("code"),n=x("TextField"),$=x(" didn't respect the background color ("),s=m("a"),a=x("#246"),c=x(")."),this.h()},l(t){e=y(t,"The outline "),r=g(t,"A",{href:!0,rel:!0});var l=v(r);o=g(l,"CODE",{});var i=v(o);n=y(i,"TextField"),i.forEach(w),l.forEach(w),$=y(t," didn't respect the background color ("),s=g(t,"A",{href:!0,rel:!0});var f=v(s);a=y(f,"#246"),f.forEach(w),c=y(t,")."),this.h()},h(){b(r,"href","https://illright.github.io/attractions/docs/components/text-field"),b(r,"rel","nofollow"),b(s,"href","https://github.com/illright/attractions/issues/246"),b(s,"rel","nofollow")},m(t,l){u(t,e,l),u(t,r,l),E(r,o),E(o,n),u(t,$,l),u(t,s,l),E(s,a),u(t,c,l)},p:A,d(t){t&&w(e),t&&w(r),t&&w($),t&&w(s),t&&w(c)}}}function Ht(t){let e,r,o,a;return e=new P({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),a=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($)},i(t){a||(l(e.$$.fragment,t),l(o.$$.fragment,t),a=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),a=!1},d(t){f(e,t),t&&w(r),f(o,t)}}}function Xt(t){let e;return{c(){e=x("Changed")},l(t){e=y(t,"Changed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Qt(t){let e,r,o,n,$,s,a,c,l,i,f,h,p;return{c(){e=x("Improved TypeScript declaration files. They should now work when importing nested modules such as "),r=m("code"),o=x("attractions/utils"),n=x(" or even "),$=m("code"),s=x("attractions/snackbar/snackbar-positions"),a=x(". They also now specify "),c=m("code"),l=x("null"),i=x(" as a valid value wherever it is accepted. You may (and should) enable "),f=m("code"),h=x("--strictNullChecks"),p=x(" again!")},l(t){e=y(t,"Improved TypeScript declaration files. They should now work when importing nested modules such as "),r=g(t,"CODE",{});var m=v(r);o=y(m,"attractions/utils"),m.forEach(w),n=y(t," or even "),$=g(t,"CODE",{});var d=v($);s=y(d,"attractions/snackbar/snackbar-positions"),d.forEach(w),a=y(t,". They also now specify "),c=g(t,"CODE",{});var u=v(c);l=y(u,"null"),u.forEach(w),i=y(t," as a valid value wherever it is accepted. You may (and should) enable "),f=g(t,"CODE",{});var x=v(f);h=y(x,"--strictNullChecks"),x.forEach(w),p=y(t," again!")},m(t,m){u(t,e,m),u(t,r,m),E(r,o),u(t,n,m),u(t,$,m),E($,s),u(t,a,m),u(t,c,m),E(c,l),u(t,i,m),u(t,f,m),E(f,h),u(t,p,m)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a),t&&w(c),t&&w(i),t&&w(f),t&&w(p)}}}function Zt(t){let e,r;return e=new P({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function _t(t){let e,r,o,n,$,s,a;return{c(){e=x("Thanks to "),r=m("a"),o=x("@sallaben"),n=x(" and "),$=m("a"),s=x("@damonbauer"),a=x(" for contributing to this release!"),this.h()},l(t){e=y(t,"Thanks to "),r=g(t,"A",{href:!0,rel:!0});var c=v(r);o=y(c,"@sallaben"),c.forEach(w),n=y(t," and "),$=g(t,"A",{href:!0,rel:!0});var l=v($);s=y(l,"@damonbauer"),l.forEach(w),a=y(t," for contributing to this release!"),this.h()},h(){b(r,"href","https://github.com/sallaben"),b(r,"rel","nofollow"),b($,"href","https://github.com/damonbauer"),b($,"rel","nofollow")},m(t,c){u(t,e,c),u(t,r,c),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a)}}}function te(t){let e,r,o;return{c(){e=m("a"),r=x("3.1.0"),o=x(" - 2021-01-22"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"3.1.0"),n.forEach(w),o=y(t," - 2021-01-22"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v3.1.0"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function ee(t){let e;return{c(){e=x("Added")},l(t){e=y(t,"Added")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function re(t){let e,r,o,n,$,s,a,c,l;return{c(){e=m("strong"),r=x("TypeScript support"),o=x(": We now provide our own type declaration ("),n=m("code"),$=x(".d.ts"),s=x(") files so that TypeScript users will have a more delightful development experience! Note that other users are not affected since the components are written in plain JS ("),a=m("a"),c=x("#211"),l=x(")."),this.h()},l(t){e=g(t,"STRONG",{});var i=v(e);r=y(i,"TypeScript support"),i.forEach(w),o=y(t,": We now provide our own type declaration ("),n=g(t,"CODE",{});var f=v(n);$=y(f,".d.ts"),f.forEach(w),s=y(t,") files so that TypeScript users will have a more delightful development experience! Note that other users are not affected since the components are written in plain JS ("),a=g(t,"A",{href:!0,rel:!0});var h=v(a);c=y(h,"#211"),h.forEach(w),l=y(t,")."),this.h()},h(){b(a,"href","https://github.com/illright/attractions/pull/211"),b(a,"rel","nofollow")},m(t,i){u(t,e,i),E(e,r),u(t,o,i),u(t,n,i),E(n,$),u(t,s,i),u(t,a,i),E(a,c),u(t,l,i)},p:A,d(t){t&&w(e),t&&w(o),t&&w(n),t&&w(s),t&&w(a),t&&w(l)}}}function oe(t){let e,r,o,n,$,s,a;return{c(){e=x("Allow passing a "),r=m("code"),o=x("closeCallback"),n=x(" for snackbars ("),$=m("a"),s=x("#216"),a=x(")."),this.h()},l(t){e=y(t,"Allow passing a "),r=g(t,"CODE",{});var c=v(r);o=y(c,"closeCallback"),c.forEach(w),n=y(t," for snackbars ("),$=g(t,"A",{href:!0,rel:!0});var l=v($);s=y(l,"#216"),l.forEach(w),a=y(t,")."),this.h()},h(){b($,"href","https://github.com/illright/attractions/pull/216"),b($,"rel","nofollow")},m(t,c){u(t,e,c),u(t,r,c),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a)}}}function ne(t){let e,r,o,a;return e=new P({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),a=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($)},i(t){a||(l(e.$$.fragment,t),l(o.$$.fragment,t),a=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),a=!1},d(t){f(e,t),t&&w(r),f(o,t)}}}function $e(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function se(t){let e,r,o,n,$,s,a,c;return{c(){e=x("Documentation: "),r=m("a"),o=m("code"),n=x("RadioButton"),$=x("'s "),s=m("code"),a=x("value"),c=x(" was incorrectly marked as optional."),this.h()},l(t){e=y(t,"Documentation: "),r=g(t,"A",{href:!0,rel:!0});var l=v(r);o=g(l,"CODE",{});var i=v(o);n=y(i,"RadioButton"),i.forEach(w),l.forEach(w),$=y(t,"'s "),s=g(t,"CODE",{});var f=v(s);a=y(f,"value"),f.forEach(w),c=y(t," was incorrectly marked as optional."),this.h()},h(){b(r,"href","https://illright.github.io/attractions/docs/components/radio-button"),b(r,"rel","nofollow")},m(t,l){u(t,e,l),u(t,r,l),E(r,o),E(o,n),u(t,$,l),u(t,s,l),E(s,a),u(t,c,l)},p:A,d(t){t&&w(e),t&&w(r),t&&w($),t&&w(s),t&&w(c)}}}function ae(t){let e,r;return e=new P({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function ce(t){let e;return{c(){e=x("Changed")},l(t){e=y(t,"Changed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function le(t){let e,r,o,n;return{c(){e=x("The recommended installation procedure now involves separating the Svelte configuration into a separate file, "),r=m("code"),o=x("svelte.config.js"),n=x(". This allows the Svelte Language Server to reliably analyze your source code, so your editor becomes smarter.")},l(t){e=y(t,"The recommended installation procedure now involves separating the Svelte configuration into a separate file, "),r=g(t,"CODE",{});var $=v(r);o=y($,"svelte.config.js"),$.forEach(w),n=y(t,". This allows the Svelte Language Server to reliably analyze your source code, so your editor becomes smarter.")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function ie(t){let e,r;return e=new P({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function fe(t){let e;return{c(){e=x("Known issues")},l(t){e=y(t,"Known issues")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function he(t){let e,r,o,n,$,s,a,c,l,i;return{c(){e=x("The types are not entirely null-aware. If you use "),r=m("code"),o=x("--strictNullChecks"),n=x(', you might face some errors like "'),$=m("code"),s=x("null"),a=x(" cannot be assigned to type "),c=m("code"),l=x("string"),i=x('".')},l(t){e=y(t,"The types are not entirely null-aware. If you use "),r=g(t,"CODE",{});var f=v(r);o=y(f,"--strictNullChecks"),f.forEach(w),n=y(t,', you might face some errors like "'),$=g(t,"CODE",{});var h=v($);s=y(h,"null"),h.forEach(w),a=y(t," cannot be assigned to type "),c=g(t,"CODE",{});var p=v(c);l=y(p,"string"),p.forEach(w),i=y(t,'".')},m(t,f){u(t,e,f),u(t,r,f),E(r,o),u(t,n,f),u(t,$,f),E($,s),u(t,a,f),u(t,c,f),E(c,l),u(t,i,f)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a),t&&w(c),t&&w(i)}}}function pe(t){let e;return{c(){e=x("Functions exported from components are falsely detected as props, and not even typed properly yet")},l(t){e=y(t,"Functions exported from components are falsely detected as props, and not even typed properly yet")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function me(t){let e,r,o,a;return e=new P({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),a=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($)},i(t){a||(l(e.$$.fragment,t),l(o.$$.fragment,t),a=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),a=!1},d(t){f(e,t),t&&w(r),f(o,t)}}}function de(t){let e,r,o;return{c(){e=m("a"),r=x("3.0.0"),o=x(" - 2021-01-10"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"3.0.0"),n.forEach(w),o=y(t," - 2021-01-10"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v3.0.0"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function ge(t){let e;return{c(){e=x("Not a large release, but still breaking. This will upgrade Attractions to use Sass modules which will allow zero-config installations.")},l(t){e=y(t,"Not a large release, but still breaking. This will upgrade Attractions to use Sass modules which will allow zero-config installations.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function ue(t){let e,r,o,n;return{c(){e=x("Refer to the "),r=m("a"),o=x("migration guide"),n=x(" for information on how to upgrade."),this.h()},l(t){e=y(t,"Refer to the "),r=g(t,"A",{href:!0});var $=v(r);o=y($,"migration guide"),$.forEach(w),n=y(t," for information on how to upgrade."),this.h()},h(){b(r,"href","./docs/migration-guide")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function we(t){let e;return{c(){e=x("Added")},l(t){e=y(t,"Added")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function xe(t){let e;return{c(){e=x("New Sass variables for the X icon in the search fields and the regular font weight.")},l(t){e=y(t,"New Sass variables for the X icon in the search fields and the regular font weight.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function ye(t){let e;return{c(){e=x("A slight animation for the checkbox component.")},l(t){e=y(t,"A slight animation for the checkbox component.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function ve(t){let e;return{c(){e=x("Autocompletes can now be disabled like regular text fields.")},l(t){e=y(t,"Autocompletes can now be disabled like regular text fields.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function be(t){let e,r,o,a,c,h;return e=new P({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment),a=p(),n(c.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t),a=d(t),$(c.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),u(t,a,n),s(c,t,n),h=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($);const s={};2&r&&(s.$$scope={dirty:r,ctx:t}),c.$set(s)},i(t){h||(l(e.$$.fragment,t),l(o.$$.fragment,t),l(c.$$.fragment,t),h=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),i(c.$$.fragment,t),h=!1},d(t){f(e,t),t&&w(r),f(o,t),t&&w(a),f(c,t)}}}function Ee(t){let e;return{c(){e=x("Changed")},l(t){e=y(t,"Changed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Ae(t){let e,r,o,n;return{c(){e=x("Sass modules are now used for styling. This is a "),r=m("strong"),o=x("breaking"),n=x(" change.")},l(t){e=y(t,"Sass modules are now used for styling. This is a "),r=g(t,"STRONG",{});var $=v(r);o=y($,"breaking"),$.forEach(w),n=y(t," change.")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function Ce(t){let e,r;return e=new P({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function Te(t){let e,r,o;return{c(){e=m("a"),r=x("2.3.1"),o=x(" - 2020-12-23"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"2.3.1"),n.forEach(w),o=y(t," - 2020-12-23"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v2.3.1"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function ke(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function De(t){let e,r,o,n,$,s,a;return{c(){e=x("The autocomplete wasn't filtering out selected options without typing ("),r=m("a"),o=x("#195"),n=x(", thanks to "),$=m("a"),s=x("@sallaben"),a=x(" for reporting and fixing)."),this.h()},l(t){e=y(t,"The autocomplete wasn't filtering out selected options without typing ("),r=g(t,"A",{href:!0,rel:!0});var c=v(r);o=y(c,"#195"),c.forEach(w),n=y(t,", thanks to "),$=g(t,"A",{href:!0,rel:!0});var l=v($);s=y(l,"@sallaben"),l.forEach(w),a=y(t," for reporting and fixing)."),this.h()},h(){b(r,"href","https://github.com/illright/attractions/issues/195"),b(r,"rel","nofollow"),b($,"href","https://github.com/sallaben"),b($,"rel","nofollow")},m(t,c){u(t,e,c),u(t,r,c),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a)}}}function Oe(t){let e;return{c(){e=x("The slot forwarding of Autocomplete was breaking slot defaults.")},l(t){e=y(t,"The slot forwarding of Autocomplete was breaking slot defaults.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Se(t){let e,r,o,a;return e=new P({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),a=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($)},i(t){a||(l(e.$$.fragment,t),l(o.$$.fragment,t),a=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),a=!1},d(t){f(e,t),t&&w(r),f(o,t)}}}function Fe(t){let e,r,o;return{c(){e=m("a"),r=x("2.3.0"),o=x(" - 2020-12-22"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"2.3.0"),n.forEach(w),o=y(t," - 2020-12-22"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v2.3.0"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function Pe(t){let e;return{c(){e=x("Added")},l(t){e=y(t,"Added")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Re(t){let e;return{c(){e=x("Autocomplete now supports the same slots as AutocompleteField.")},l(t){e=y(t,"Autocomplete now supports the same slots as AutocompleteField.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Ne(t){let e,r,o,n;return{c(){e=x("A new utility "),r=m("code"),o=x("escapeRegExp"),n=x(" is now available in utils.")},l(t){e=y(t,"A new utility "),r=g(t,"CODE",{});var $=v(r);o=y($,"escapeRegExp"),$.forEach(w),n=y(t," is now available in utils.")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function je(t){let e,r,o,a;return e=new P({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),a=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($)},i(t){a||(l(e.$$.fragment,t),l(o.$$.fragment,t),a=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),a=!1},d(t){f(e,t),t&&w(r),f(o,t)}}}function ze(t){let e;return{c(){e=x("Changed")},l(t){e=y(t,"Changed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Be(t){let e,r,o,n,$,s,a;return{c(){e=x("Dart Sass ("),r=m("code"),o=x("sass"),n=x(") is now used instead of Node Sass ("),$=m("code"),s=x("node-sass"),a=x("). Consider replacing (simply removing one and installing the other).")},l(t){e=y(t,"Dart Sass ("),r=g(t,"CODE",{});var c=v(r);o=y(c,"sass"),c.forEach(w),n=y(t,") is now used instead of Node Sass ("),$=g(t,"CODE",{});var l=v($);s=y(l,"node-sass"),l.forEach(w),a=y(t,"). Consider replacing (simply removing one and installing the other).")},m(t,c){u(t,e,c),u(t,r,c),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a)}}}function Ie(t){let e,r,o,n,$,s,a;return{c(){e=x("The pure-JS bundle with custom elements is renamed ("),r=m("code"),o=x("dist/bundle.js"),n=x(" → "),$=m("code"),s=x("dist/custom-elements.js"),a=x(") and available directly through Unpkg.")},l(t){e=y(t,"The pure-JS bundle with custom elements is renamed ("),r=g(t,"CODE",{});var c=v(r);o=y(c,"dist/bundle.js"),c.forEach(w),n=y(t," → "),$=g(t,"CODE",{});var l=v($);s=y(l,"dist/custom-elements.js"),l.forEach(w),a=y(t,") and available directly through Unpkg.")},m(t,c){u(t,e,c),u(t,r,c),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a)}}}function Ke(t){let e;return{c(){e=x("Svelte 3.29.1 and higher is now required to support slot forwarding.")},l(t){e=y(t,"Svelte 3.29.1 and higher is now required to support slot forwarding.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Ge(t){let e,r,o,a,c,h;return e=new P({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment),a=p(),n(c.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t),a=d(t),$(c.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),u(t,a,n),s(c,t,n),h=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($);const s={};2&r&&(s.$$scope={dirty:r,ctx:t}),c.$set(s)},i(t){h||(l(e.$$.fragment,t),l(o.$$.fragment,t),l(c.$$.fragment,t),h=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),i(c.$$.fragment,t),h=!1},d(t){f(e,t),t&&w(r),f(o,t),t&&w(a),f(c,t)}}}function Me(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Le(t){let e;return{c(){e=x("The pure-JS bundles now contain styles (so that they are at least not useless).")},l(t){e=y(t,"The pure-JS bundles now contain styles (so that they are at least not useless).")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Ve(t){let e,r,o,n;return{c(){e=x("The Autocomplete component now doesn't throw an error when regex characters are written into it ("),r=m("a"),o=x("#184"),n=x(")."),this.h()},l(t){e=y(t,"The Autocomplete component now doesn't throw an error when regex characters are written into it ("),r=g(t,"A",{href:!0,rel:!0});var $=v(r);o=y($,"#184"),$.forEach(w),n=y(t,")."),this.h()},h(){b(r,"href","https://github.com/illright/attractions/issues/184"),b(r,"rel","nofollow")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function qe(t){let e,r,o,n;return{c(){e=x("The Autocomplete options weren't showing after selecting something when minimal search length was set to 0 ("),r=m("a"),o=x("#183"),n=x(")."),this.h()},l(t){e=y(t,"The Autocomplete options weren't showing after selecting something when minimal search length was set to 0 ("),r=g(t,"A",{href:!0,rel:!0});var $=v(r);o=y($,"#183"),$.forEach(w),n=y(t,")."),this.h()},h(){b(r,"href","https://github.com/illright/attractions/issues/183"),b(r,"rel","nofollow")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function Je(t){let e,r,o,n;return{c(){e=x("The FileTile component is now correctly clipping long filenames ("),r=m("a"),o=x("#125"),n=x(")."),this.h()},l(t){e=y(t,"The FileTile component is now correctly clipping long filenames ("),r=g(t,"A",{href:!0,rel:!0});var $=v(r);o=y($,"#125"),$.forEach(w),n=y(t,")."),this.h()},h(){b(r,"href","https://github.com/illright/attractions/issues/125"),b(r,"rel","nofollow")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function Ue(t){let e;return{c(){e=x("The DatePicker was unexpectedly closing when a certain month change would happen.")},l(t){e=y(t,"The DatePicker was unexpectedly closing when a certain month change would happen.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function We(t){let e,r,o,a,c,h,m,g,x,y;return e=new P({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),m=new P({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),x=new P({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment),a=p(),n(c.$$.fragment),h=p(),n(m.$$.fragment),g=p(),n(x.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t),a=d(t),$(c.$$.fragment,t),h=d(t),$(m.$$.fragment,t),g=d(t),$(x.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),u(t,a,n),s(c,t,n),u(t,h,n),s(m,t,n),u(t,g,n),s(x,t,n),y=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($);const s={};2&r&&(s.$$scope={dirty:r,ctx:t}),c.$set(s);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),m.$set(a);const l={};2&r&&(l.$$scope={dirty:r,ctx:t}),x.$set(l)},i(t){y||(l(e.$$.fragment,t),l(o.$$.fragment,t),l(c.$$.fragment,t),l(m.$$.fragment,t),l(x.$$.fragment,t),y=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),i(c.$$.fragment,t),i(m.$$.fragment,t),i(x.$$.fragment,t),y=!1},d(t){f(e,t),t&&w(r),f(o,t),t&&w(a),f(c,t),t&&w(h),f(m,t),t&&w(g),f(x,t)}}}function Ye(t){let e,r,o;return{c(){e=m("a"),r=x("2.2.4"),o=x(" - 2020-12-08"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"2.2.4"),n.forEach(w),o=y(t," - 2020-12-08"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v2.2.4"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function He(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Xe(t){let e,r,o,n;return{c(){e=x("DatePicker and TimePicker threw exceptions when you cleared them ("),r=m("a"),o=x("#170"),n=x(")."),this.h()},l(t){e=y(t,"DatePicker and TimePicker threw exceptions when you cleared them ("),r=g(t,"A",{href:!0,rel:!0});var $=v(r);o=y($,"#170"),$.forEach(w),n=y(t,")."),this.h()},h(){b(r,"href","https://github.com/illright/attractions/issues/170"),b(r,"rel","nofollow")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function Qe(t){let e,r,o,n;return{c(){e=x("The Autocomplete wasn't showing the dropdown ("),r=m("a"),o=x("#172"),n=x(")."),this.h()},l(t){e=y(t,"The Autocomplete wasn't showing the dropdown ("),r=g(t,"A",{href:!0,rel:!0});var $=v(r);o=y($,"#172"),$.forEach(w),n=y(t,")."),this.h()},h(){b(r,"href","https://github.com/illright/attractions/issues/172"),b(r,"rel","nofollow")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function Ze(t){let e;return{c(){e=x("Pagination component styles weren't applied properly.")},l(t){e=y(t,"Pagination component styles weren't applied properly.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function _e(t){let e,r,o,a,c,h;return e=new P({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[Qe]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Ze]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment),a=p(),n(c.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t),a=d(t),$(c.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),u(t,a,n),s(c,t,n),h=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($);const s={};2&r&&(s.$$scope={dirty:r,ctx:t}),c.$set(s)},i(t){h||(l(e.$$.fragment,t),l(o.$$.fragment,t),l(c.$$.fragment,t),h=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),i(c.$$.fragment,t),h=!1},d(t){f(e,t),t&&w(r),f(o,t),t&&w(a),f(c,t)}}}function tr(t){let e,r,o;return{c(){e=m("a"),r=x("2.2.3"),o=x(" - 2020-11-21"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"2.2.3"),n.forEach(w),o=y(t," - 2020-11-21"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v2.2.3"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function er(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function rr(t){let e,r,o,n;return{c(){e=x("Warnings about forgetting to set "),r=m("code"),o=x("customElement: true"),n=x(" should no longer bother you.")},l(t){e=y(t,"Warnings about forgetting to set "),r=g(t,"CODE",{});var $=v(r);o=y($,"customElement: true"),$.forEach(w),n=y(t," should no longer bother you.")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function or(t){let e,r;return e=new P({props:{$$slots:{default:[rr]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function nr(t){let e,r,o;return{c(){e=m("a"),r=x("2.2.2"),o=x(" - 2020-11-19"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"2.2.2"),n.forEach(w),o=y(t," - 2020-11-19"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v2.2.2"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function $r(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function sr(t){let e;return{c(){e=x("The dropdown was causing an error when using SSR.")},l(t){e=y(t,"The dropdown was causing an error when using SSR.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function ar(t){let e,r;return e=new P({props:{$$slots:{default:[sr]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function cr(t){let e,r,o;return{c(){e=m("a"),r=x("2.2.1"),o=x(" - 2020-11-18"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"2.2.1"),n.forEach(w),o=y(t," - 2020-11-18"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v2.2.1"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function lr(t){let e;return{c(){e=x("Changed")},l(t){e=y(t,"Changed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function ir(t){let e,r,o,n,$,s,a,c,l,i;return{c(){e=m("a"),r=m("code"),o=x("<DropdownShell>"),n=x(": Now closes the dropdown when pressing "),$=m("kbd"),s=x("Enter"),a=x(" or "),c=m("kbd"),l=x("Escape"),i=x(" buttons."),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var f=v(e);r=g(f,"CODE",{});var h=v(r);o=y(h,"<DropdownShell>"),h.forEach(w),f.forEach(w),n=y(t,": Now closes the dropdown when pressing "),$=g(t,"KBD",{});var p=v($);s=y(p,"Enter"),p.forEach(w),a=y(t," or "),c=g(t,"KBD",{});var m=v(c);l=y(m,"Escape"),m.forEach(w),i=y(t," buttons."),this.h()},h(){b(e,"href","https://illright.github.io/attractions/docs/components/dropdown-shell"),b(e,"rel","nofollow")},m(t,f){u(t,e,f),E(e,r),E(r,o),u(t,n,f),u(t,$,f),E($,s),u(t,a,f),u(t,c,f),E(c,l),u(t,i,f)},p:A,d(t){t&&w(e),t&&w(n),t&&w($),t&&w(a),t&&w(c),t&&w(i)}}}function fr(t){let e,r,o,n;return{c(){e=m("a"),r=m("code"),o=x("<TimePicker>"),n=x(": The currently selected value will now be highlighted in the dropdown. Labels are customizable as slots."),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var $=v(e);r=g($,"CODE",{});var s=v(r);o=y(s,"<TimePicker>"),s.forEach(w),$.forEach(w),n=y(t,": The currently selected value will now be highlighted in the dropdown. Labels are customizable as slots."),this.h()},h(){b(e,"href","https://illright.github.io/attractions/docs/components/time-picker"),b(e,"rel","nofollow")},m(t,$){u(t,e,$),E(e,r),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(n)}}}function hr(t){let e,r,o,a;return e=new P({props:{$$slots:{default:[ir]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[fr]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),a=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($)},i(t){a||(l(e.$$.fragment,t),l(o.$$.fragment,t),a=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),a=!1},d(t){f(e,t),t&&w(r),f(o,t)}}}function pr(t){let e,r,o,n,$,s,a;return{c(){e=x("(Thanks to "),r=m("a"),o=x("@RikuVan"),n=x(" for these 2 contributions – "),$=m("a"),s=x("#150"),a=x(")"),this.h()},l(t){e=y(t,"(Thanks to "),r=g(t,"A",{href:!0,rel:!0});var c=v(r);o=y(c,"@RikuVan"),c.forEach(w),n=y(t," for these 2 contributions – "),$=g(t,"A",{href:!0,rel:!0});var l=v($);s=y(l,"#150"),l.forEach(w),a=y(t,")"),this.h()},h(){b(r,"href","https://github.com/RikuVan"),b(r,"rel","nofollow"),b($,"href","https://github.com/illright/attractions/pull/150"),b($,"rel","nofollow")},m(t,c){u(t,e,c),u(t,r,c),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a)}}}function mr(t){let e,r,o;return{c(){e=m("a"),r=x("2.2.0"),o=x(" - 2020-11-10"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"2.2.0"),n.forEach(w),o=y(t," - 2020-11-10"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v2.2.0"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function dr(t){let e;return{c(){e=x("Added")},l(t){e=y(t,"Added")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function gr(t){let e,r,o,n,$,s,a;return{c(){e=x("All components are now registered as "),r=m("code"),o=x("customElements"),n=x(" as well, meaning that they can be used without Svelte (or any framework). This does not affect any existing usage. More information in "),$=m("a"),s=x("the docs"),a=x("."),this.h()},l(t){e=y(t,"All components are now registered as "),r=g(t,"CODE",{});var c=v(r);o=y(c,"customElements"),c.forEach(w),n=y(t," as well, meaning that they can be used without Svelte (or any framework). This does not affect any existing usage. More information in "),$=g(t,"A",{href:!0,rel:!0});var l=v($);s=y(l,"the docs"),l.forEach(w),a=y(t,"."),this.h()},h(){b($,"href","https://illright.github.io/attractions/docs/custom-elements"),b($,"rel","nofollow")},m(t,c){u(t,e,c),u(t,r,c),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n),t&&w($),t&&w(a)}}}function ur(t){let e,r;return e=new P({props:{$$slots:{default:[gr]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function wr(t){let e;return{c(){e=x("Changed")},l(t){e=y(t,"Changed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function xr(t){let e,r,o,n,$,s,a,c;return{c(){e=x("The "),r=m("a"),o=m("code"),n=x("<Button>"),$=x("'s "),s=m("code"),a=x("click"),c=x(" event was being forwarded directly instead of the payload being wrapped as with other events. This is changed for consistency."),this.h()},l(t){e=y(t,"The "),r=g(t,"A",{href:!0,rel:!0});var l=v(r);o=g(l,"CODE",{});var i=v(o);n=y(i,"<Button>"),i.forEach(w),l.forEach(w),$=y(t,"'s "),s=g(t,"CODE",{});var f=v(s);a=y(f,"click"),f.forEach(w),c=y(t," event was being forwarded directly instead of the payload being wrapped as with other events. This is changed for consistency."),this.h()},h(){b(r,"href","https://github.com/illright/attractions/blob/master/attractions/button/button.svelte"),b(r,"rel","nofollow")},m(t,l){u(t,e,l),u(t,r,l),E(r,o),E(o,n),u(t,$,l),u(t,s,l),E(s,a),u(t,c,l)},p:A,d(t){t&&w(e),t&&w(r),t&&w($),t&&w(s),t&&w(c)}}}function yr(t){let e;return{c(){e=x("Updated PostCSS peer dependency to support newer versions.")},l(t){e=y(t,"Updated PostCSS peer dependency to support newer versions.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function vr(t){let e,r,o,a;return e=new P({props:{$$slots:{default:[xr]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[yr]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),a=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($)},i(t){a||(l(e.$$.fragment,t),l(o.$$.fragment,t),a=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),a=!1},d(t){f(e,t),t&&w(r),f(o,t)}}}function br(t){let e,r,o;return{c(){e=m("a"),r=x("2.1.1"),o=x(" - 2020-09-02"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"2.1.1"),n.forEach(w),o=y(t," - 2020-09-02"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v2.1.1"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function Er(t){let e;return{c(){e=x("Minor documentation and bug fixes.")},l(t){e=y(t,"Minor documentation and bug fixes.")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Ar(t){let e;return{c(){e=x("Added")},l(t){e=y(t,"Added")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Cr(t){let e,r,o,n,$,s,a;return{c(){e=m("a"),r=m("code"),o=x("<Tab>"),n=x("s\nnow also dispatch "),$=m("code"),s=x("click"),a=x(" event."),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var c=v(e);r=g(c,"CODE",{});var l=v(r);o=y(l,"<Tab>"),l.forEach(w),c.forEach(w),n=y(t,"s\nnow also dispatch "),$=g(t,"CODE",{});var i=v($);s=y(i,"click"),i.forEach(w),a=y(t," event."),this.h()},h(){b(e,"href","https://github.com/illright/attractions/blob/master/attractions/tab/tab.svelte"),b(e,"rel","nofollow")},m(t,c){u(t,e,c),E(e,r),E(r,o),u(t,n,c),u(t,$,c),E($,s),u(t,a,c)},p:A,d(t){t&&w(e),t&&w(n),t&&w($),t&&w(a)}}}function Tr(t){let e,r;return e=new P({props:{$$slots:{default:[Cr]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,r){const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function kr(t){let e;return{c(){e=x("Fixed")},l(t){e=y(t,"Fixed")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Dr(t){let e;return{c(){e=x('Mobile navigation in documentation ("Components" tab dropdown now works as expected).')},l(t){e=y(t,'Mobile navigation in documentation ("Components" tab dropdown now works as expected).')},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Or(t){let e;return{c(){e=x("Styles now load properly when navigating directly to a page in the docs (without passing through the main page first).")},l(t){e=y(t,"Styles now load properly when navigating directly to a page in the docs (without passing through the main page first).")},m(t,r){u(t,e,r)},d(t){t&&w(e)}}}function Sr(t){let e,r,o,n;return{c(){e=x("The "),r=m("code"),o=x("DatePicker"),n=x(" now loses focus properly.")},l(t){e=y(t,"The "),r=g(t,"CODE",{});var $=v(r);o=y($,"DatePicker"),$.forEach(w),n=y(t," now loses focus properly.")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function Fr(t){let e,r,o,a,c,h;return e=new P({props:{$$slots:{default:[Dr]},$$scope:{ctx:t}}}),o=new P({props:{$$slots:{default:[Or]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Sr]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment),a=p(),n(c.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t),a=d(t),$(c.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),u(t,a,n),s(c,t,n),h=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($);const s={};2&r&&(s.$$scope={dirty:r,ctx:t}),c.$set(s)},i(t){h||(l(e.$$.fragment,t),l(o.$$.fragment,t),l(c.$$.fragment,t),h=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),i(c.$$.fragment,t),h=!1},d(t){f(e,t),t&&w(r),f(o,t),t&&w(a),f(c,t)}}}function Pr(t){let e,r,o;return{c(){e=m("a"),r=x("2.1.0"),o=x(" - 2020-08-21"),this.h()},l(t){e=g(t,"A",{href:!0,rel:!0});var n=v(e);r=y(n,"2.1.0"),n.forEach(w),o=y(t," - 2020-08-21"),this.h()},h(){b(e,"href","https://github.com/illright/attractions/releases/tag/v2.1.0"),b(e,"rel","nofollow")},m(t,n){u(t,e,n),E(e,r),u(t,o,n)},p:A,d(t){t&&w(e),t&&w(o)}}}function Rr(t){let e,r,o,n;return{c(){e=x("First stable release with proper documentation.\nPrevious, undocumented, releases can be found in "),r=m("a"),o=x("the releases section"),n=x("."),this.h()},l(t){e=y(t,"First stable release with proper documentation.\nPrevious, undocumented, releases can be found in "),r=g(t,"A",{href:!0,rel:!0});var $=v(r);o=y($,"the releases section"),$.forEach(w),n=y(t,"."),this.h()},h(){b(r,"href","https://github.com/illright/attractions/releases"),b(r,"rel","nofollow")},m(t,$){u(t,e,$),u(t,r,$),E(r,o),u(t,n,$)},p:A,d(t){t&&w(e),t&&w(r),t&&w(n)}}}function Nr(t){let e,r,o,a,c,h,x,y,v,b,E,A,k,D,P,I,M,L,V,W,Q,et,$t,lt,it,pt,mt,ut,vt,bt,Et,At,Ct,Tt,kt,St,jt,zt,Gt,qt,Wt,Yt,Qt,re,oe,se,le,he,pe,xe,ye,ve,Ae,De,Oe,Re,Ne,Be,Ie,Ke,Le,Ve,qe,Je,Ue,Xe,Qe,Ze,rr,sr,ir,fr,gr,xr,yr,Cr,Dr,Or,Sr,Nr,jr,zr,Br,Ir,Kr,Gr,Mr,Lr,Vr,qr,Jr,Ur,Wr,Yr,Hr,Xr,Qr,Zr,_r,to,eo,ro,oo,no,$o,so,ao,co,lo,io,fo,ho,po,mo,go,uo,wo,xo,yo,vo,bo,Eo,Ao,Co,To,ko,Do,Oo,So,Fo,Po,Ro,No,jo,zo,Bo,Io,Ko,Go,Mo,Lo,Vo,qo,Jo,Uo,Wo,Yo,Ho,Xo,Qo,Zo,_o,tn,en,rn,on,nn,$n,sn,an,cn,ln,fn,hn,pn,mn,dn,gn,un,wn,xn,yn,vn,bn,En,An,Cn,Tn,kn,Dn,On,Sn,Fn,Pn,Rn,Nn,jn,zn,Bn,In,Kn,Gn,Mn,Ln,Vn,qn,Jn,Un,Wn,Yn;return e=new C({props:{$$slots:{default:[R]},$$scope:{ctx:t}}}),o=new T({props:{$$slots:{default:[N]},$$scope:{ctx:t}}}),c=new T({props:{$$slots:{default:[j]},$$scope:{ctx:t}}}),x=new O({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),v=new S({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),E=new F({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),k=new S({props:{$$slots:{default:[G]},$$scope:{ctx:t}}}),P=new F({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),M=new O({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),V=new S({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),Q=new F({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),$t=new O({props:{$$slots:{default:[H]},$$scope:{ctx:t}}}),it=new S({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),mt=new F({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),vt=new O({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),Et=new S({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),Ct=new F({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),kt=new O({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),jt=new S({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),Gt=new F({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),Wt=new O({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),Qt=new S({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),oe=new F({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),le=new S({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),pe=new F({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),ye=new S({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),Ae=new F({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),Oe=new O({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),Ne=new S({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),Ie=new F({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),Le=new S({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),qe=new F({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),Ue=new O({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),Qe=new T({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),rr=new S({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),ir=new F({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),gr=new O({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),yr=new S({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),Dr=new F({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),Sr=new O({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),jr=new S({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),Br=new F({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),Kr=new S({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),Mr=new F({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),Vr=new S({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),Jr=new F({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),Wr=new T({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),Hr=new O({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),Qr=new S({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),_r=new F({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),eo=new S({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),oo=new F({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),$o=new S({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),ao=new F({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),fo=new S({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),po=new F({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),go=new O({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),wo=new T({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),yo=new T({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),bo=new S({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),Ao=new F({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),To=new S({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),Do=new F({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),So=new O({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),Po=new S({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),No=new F({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),zo=new O({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),Io=new S({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),Go=new F({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),Lo=new S({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),qo=new F({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),Uo=new S({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),Yo=new F({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),Xo=new O({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),Zo=new S({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),tn=new F({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),rn=new O({props:{$$slots:{default:[tr]},$$scope:{ctx:t}}}),nn=new S({props:{$$slots:{default:[er]},$$scope:{ctx:t}}}),sn=new F({props:{$$slots:{default:[or]},$$scope:{ctx:t}}}),cn=new O({props:{$$slots:{default:[nr]},$$scope:{ctx:t}}}),fn=new S({props:{$$slots:{default:[$r]},$$scope:{ctx:t}}}),pn=new F({props:{$$slots:{default:[ar]},$$scope:{ctx:t}}}),dn=new O({props:{$$slots:{default:[cr]},$$scope:{ctx:t}}}),un=new S({props:{$$slots:{default:[lr]},$$scope:{ctx:t}}}),xn=new F({props:{$$slots:{default:[hr]},$$scope:{ctx:t}}}),vn=new T({props:{$$slots:{default:[pr]},$$scope:{ctx:t}}}),En=new O({props:{$$slots:{default:[mr]},$$scope:{ctx:t}}}),Cn=new S({props:{$$slots:{default:[dr]},$$scope:{ctx:t}}}),kn=new F({props:{$$slots:{default:[ur]},$$scope:{ctx:t}}}),On=new S({props:{$$slots:{default:[wr]},$$scope:{ctx:t}}}),Fn=new F({props:{$$slots:{default:[vr]},$$scope:{ctx:t}}}),Rn=new O({props:{$$slots:{default:[br]},$$scope:{ctx:t}}}),jn=new T({props:{$$slots:{default:[Er]},$$scope:{ctx:t}}}),Bn=new S({props:{$$slots:{default:[Ar]},$$scope:{ctx:t}}}),Kn=new F({props:{$$slots:{default:[Tr]},$$scope:{ctx:t}}}),Mn=new S({props:{$$slots:{default:[kr]},$$scope:{ctx:t}}}),Vn=new F({props:{$$slots:{default:[Fr]},$$scope:{ctx:t}}}),Jn=new O({props:{$$slots:{default:[Pr]},$$scope:{ctx:t}}}),Wn=new T({props:{$$slots:{default:[Rr]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=p(),n(o.$$.fragment),a=p(),n(c.$$.fragment),h=p(),n(x.$$.fragment),y=p(),n(v.$$.fragment),b=p(),n(E.$$.fragment),A=p(),n(k.$$.fragment),D=p(),n(P.$$.fragment),I=p(),n(M.$$.fragment),L=p(),n(V.$$.fragment),W=p(),n(Q.$$.fragment),et=p(),n($t.$$.fragment),lt=p(),n(it.$$.fragment),pt=p(),n(mt.$$.fragment),ut=p(),n(vt.$$.fragment),bt=p(),n(Et.$$.fragment),At=p(),n(Ct.$$.fragment),Tt=p(),n(kt.$$.fragment),St=p(),n(jt.$$.fragment),zt=p(),n(Gt.$$.fragment),qt=p(),n(Wt.$$.fragment),Yt=p(),n(Qt.$$.fragment),re=p(),n(oe.$$.fragment),se=p(),n(le.$$.fragment),he=p(),n(pe.$$.fragment),xe=p(),n(ye.$$.fragment),ve=p(),n(Ae.$$.fragment),De=p(),n(Oe.$$.fragment),Re=p(),n(Ne.$$.fragment),Be=p(),n(Ie.$$.fragment),Ke=p(),n(Le.$$.fragment),Ve=p(),n(qe.$$.fragment),Je=p(),n(Ue.$$.fragment),Xe=p(),n(Qe.$$.fragment),Ze=p(),n(rr.$$.fragment),sr=p(),n(ir.$$.fragment),fr=p(),n(gr.$$.fragment),xr=p(),n(yr.$$.fragment),Cr=p(),n(Dr.$$.fragment),Or=p(),n(Sr.$$.fragment),Nr=p(),n(jr.$$.fragment),zr=p(),n(Br.$$.fragment),Ir=p(),n(Kr.$$.fragment),Gr=p(),n(Mr.$$.fragment),Lr=p(),n(Vr.$$.fragment),qr=p(),n(Jr.$$.fragment),Ur=p(),n(Wr.$$.fragment),Yr=p(),n(Hr.$$.fragment),Xr=p(),n(Qr.$$.fragment),Zr=p(),n(_r.$$.fragment),to=p(),n(eo.$$.fragment),ro=p(),n(oo.$$.fragment),no=p(),n($o.$$.fragment),so=p(),n(ao.$$.fragment),co=p(),lo=m("hr"),io=p(),n(fo.$$.fragment),ho=p(),n(po.$$.fragment),mo=p(),n(go.$$.fragment),uo=p(),n(wo.$$.fragment),xo=p(),n(yo.$$.fragment),vo=p(),n(bo.$$.fragment),Eo=p(),n(Ao.$$.fragment),Co=p(),n(To.$$.fragment),ko=p(),n(Do.$$.fragment),Oo=p(),n(So.$$.fragment),Fo=p(),n(Po.$$.fragment),Ro=p(),n(No.$$.fragment),jo=p(),n(zo.$$.fragment),Bo=p(),n(Io.$$.fragment),Ko=p(),n(Go.$$.fragment),Mo=p(),n(Lo.$$.fragment),Vo=p(),n(qo.$$.fragment),Jo=p(),n(Uo.$$.fragment),Wo=p(),n(Yo.$$.fragment),Ho=p(),n(Xo.$$.fragment),Qo=p(),n(Zo.$$.fragment),_o=p(),n(tn.$$.fragment),en=p(),n(rn.$$.fragment),on=p(),n(nn.$$.fragment),$n=p(),n(sn.$$.fragment),an=p(),n(cn.$$.fragment),ln=p(),n(fn.$$.fragment),hn=p(),n(pn.$$.fragment),mn=p(),n(dn.$$.fragment),gn=p(),n(un.$$.fragment),wn=p(),n(xn.$$.fragment),yn=p(),n(vn.$$.fragment),bn=p(),n(En.$$.fragment),An=p(),n(Cn.$$.fragment),Tn=p(),n(kn.$$.fragment),Dn=p(),n(On.$$.fragment),Sn=p(),n(Fn.$$.fragment),Pn=p(),n(Rn.$$.fragment),Nn=p(),n(jn.$$.fragment),zn=p(),n(Bn.$$.fragment),In=p(),n(Kn.$$.fragment),Gn=p(),n(Mn.$$.fragment),Ln=p(),n(Vn.$$.fragment),qn=p(),n(Jn.$$.fragment),Un=p(),n(Wn.$$.fragment)},l(t){$(e.$$.fragment,t),r=d(t),$(o.$$.fragment,t),a=d(t),$(c.$$.fragment,t),h=d(t),$(x.$$.fragment,t),y=d(t),$(v.$$.fragment,t),b=d(t),$(E.$$.fragment,t),A=d(t),$(k.$$.fragment,t),D=d(t),$(P.$$.fragment,t),I=d(t),$(M.$$.fragment,t),L=d(t),$(V.$$.fragment,t),W=d(t),$(Q.$$.fragment,t),et=d(t),$($t.$$.fragment,t),lt=d(t),$(it.$$.fragment,t),pt=d(t),$(mt.$$.fragment,t),ut=d(t),$(vt.$$.fragment,t),bt=d(t),$(Et.$$.fragment,t),At=d(t),$(Ct.$$.fragment,t),Tt=d(t),$(kt.$$.fragment,t),St=d(t),$(jt.$$.fragment,t),zt=d(t),$(Gt.$$.fragment,t),qt=d(t),$(Wt.$$.fragment,t),Yt=d(t),$(Qt.$$.fragment,t),re=d(t),$(oe.$$.fragment,t),se=d(t),$(le.$$.fragment,t),he=d(t),$(pe.$$.fragment,t),xe=d(t),$(ye.$$.fragment,t),ve=d(t),$(Ae.$$.fragment,t),De=d(t),$(Oe.$$.fragment,t),Re=d(t),$(Ne.$$.fragment,t),Be=d(t),$(Ie.$$.fragment,t),Ke=d(t),$(Le.$$.fragment,t),Ve=d(t),$(qe.$$.fragment,t),Je=d(t),$(Ue.$$.fragment,t),Xe=d(t),$(Qe.$$.fragment,t),Ze=d(t),$(rr.$$.fragment,t),sr=d(t),$(ir.$$.fragment,t),fr=d(t),$(gr.$$.fragment,t),xr=d(t),$(yr.$$.fragment,t),Cr=d(t),$(Dr.$$.fragment,t),Or=d(t),$(Sr.$$.fragment,t),Nr=d(t),$(jr.$$.fragment,t),zr=d(t),$(Br.$$.fragment,t),Ir=d(t),$(Kr.$$.fragment,t),Gr=d(t),$(Mr.$$.fragment,t),Lr=d(t),$(Vr.$$.fragment,t),qr=d(t),$(Jr.$$.fragment,t),Ur=d(t),$(Wr.$$.fragment,t),Yr=d(t),$(Hr.$$.fragment,t),Xr=d(t),$(Qr.$$.fragment,t),Zr=d(t),$(_r.$$.fragment,t),to=d(t),$(eo.$$.fragment,t),ro=d(t),$(oo.$$.fragment,t),no=d(t),$($o.$$.fragment,t),so=d(t),$(ao.$$.fragment,t),co=d(t),lo=g(t,"HR",{}),io=d(t),$(fo.$$.fragment,t),ho=d(t),$(po.$$.fragment,t),mo=d(t),$(go.$$.fragment,t),uo=d(t),$(wo.$$.fragment,t),xo=d(t),$(yo.$$.fragment,t),vo=d(t),$(bo.$$.fragment,t),Eo=d(t),$(Ao.$$.fragment,t),Co=d(t),$(To.$$.fragment,t),ko=d(t),$(Do.$$.fragment,t),Oo=d(t),$(So.$$.fragment,t),Fo=d(t),$(Po.$$.fragment,t),Ro=d(t),$(No.$$.fragment,t),jo=d(t),$(zo.$$.fragment,t),Bo=d(t),$(Io.$$.fragment,t),Ko=d(t),$(Go.$$.fragment,t),Mo=d(t),$(Lo.$$.fragment,t),Vo=d(t),$(qo.$$.fragment,t),Jo=d(t),$(Uo.$$.fragment,t),Wo=d(t),$(Yo.$$.fragment,t),Ho=d(t),$(Xo.$$.fragment,t),Qo=d(t),$(Zo.$$.fragment,t),_o=d(t),$(tn.$$.fragment,t),en=d(t),$(rn.$$.fragment,t),on=d(t),$(nn.$$.fragment,t),$n=d(t),$(sn.$$.fragment,t),an=d(t),$(cn.$$.fragment,t),ln=d(t),$(fn.$$.fragment,t),hn=d(t),$(pn.$$.fragment,t),mn=d(t),$(dn.$$.fragment,t),gn=d(t),$(un.$$.fragment,t),wn=d(t),$(xn.$$.fragment,t),yn=d(t),$(vn.$$.fragment,t),bn=d(t),$(En.$$.fragment,t),An=d(t),$(Cn.$$.fragment,t),Tn=d(t),$(kn.$$.fragment,t),Dn=d(t),$(On.$$.fragment,t),Sn=d(t),$(Fn.$$.fragment,t),Pn=d(t),$(Rn.$$.fragment,t),Nn=d(t),$(jn.$$.fragment,t),zn=d(t),$(Bn.$$.fragment,t),In=d(t),$(Kn.$$.fragment,t),Gn=d(t),$(Mn.$$.fragment,t),Ln=d(t),$(Vn.$$.fragment,t),qn=d(t),$(Jn.$$.fragment,t),Un=d(t),$(Wn.$$.fragment,t)},m(t,n){s(e,t,n),u(t,r,n),s(o,t,n),u(t,a,n),s(c,t,n),u(t,h,n),s(x,t,n),u(t,y,n),s(v,t,n),u(t,b,n),s(E,t,n),u(t,A,n),s(k,t,n),u(t,D,n),s(P,t,n),u(t,I,n),s(M,t,n),u(t,L,n),s(V,t,n),u(t,W,n),s(Q,t,n),u(t,et,n),s($t,t,n),u(t,lt,n),s(it,t,n),u(t,pt,n),s(mt,t,n),u(t,ut,n),s(vt,t,n),u(t,bt,n),s(Et,t,n),u(t,At,n),s(Ct,t,n),u(t,Tt,n),s(kt,t,n),u(t,St,n),s(jt,t,n),u(t,zt,n),s(Gt,t,n),u(t,qt,n),s(Wt,t,n),u(t,Yt,n),s(Qt,t,n),u(t,re,n),s(oe,t,n),u(t,se,n),s(le,t,n),u(t,he,n),s(pe,t,n),u(t,xe,n),s(ye,t,n),u(t,ve,n),s(Ae,t,n),u(t,De,n),s(Oe,t,n),u(t,Re,n),s(Ne,t,n),u(t,Be,n),s(Ie,t,n),u(t,Ke,n),s(Le,t,n),u(t,Ve,n),s(qe,t,n),u(t,Je,n),s(Ue,t,n),u(t,Xe,n),s(Qe,t,n),u(t,Ze,n),s(rr,t,n),u(t,sr,n),s(ir,t,n),u(t,fr,n),s(gr,t,n),u(t,xr,n),s(yr,t,n),u(t,Cr,n),s(Dr,t,n),u(t,Or,n),s(Sr,t,n),u(t,Nr,n),s(jr,t,n),u(t,zr,n),s(Br,t,n),u(t,Ir,n),s(Kr,t,n),u(t,Gr,n),s(Mr,t,n),u(t,Lr,n),s(Vr,t,n),u(t,qr,n),s(Jr,t,n),u(t,Ur,n),s(Wr,t,n),u(t,Yr,n),s(Hr,t,n),u(t,Xr,n),s(Qr,t,n),u(t,Zr,n),s(_r,t,n),u(t,to,n),s(eo,t,n),u(t,ro,n),s(oo,t,n),u(t,no,n),s($o,t,n),u(t,so,n),s(ao,t,n),u(t,co,n),u(t,lo,n),u(t,io,n),s(fo,t,n),u(t,ho,n),s(po,t,n),u(t,mo,n),s(go,t,n),u(t,uo,n),s(wo,t,n),u(t,xo,n),s(yo,t,n),u(t,vo,n),s(bo,t,n),u(t,Eo,n),s(Ao,t,n),u(t,Co,n),s(To,t,n),u(t,ko,n),s(Do,t,n),u(t,Oo,n),s(So,t,n),u(t,Fo,n),s(Po,t,n),u(t,Ro,n),s(No,t,n),u(t,jo,n),s(zo,t,n),u(t,Bo,n),s(Io,t,n),u(t,Ko,n),s(Go,t,n),u(t,Mo,n),s(Lo,t,n),u(t,Vo,n),s(qo,t,n),u(t,Jo,n),s(Uo,t,n),u(t,Wo,n),s(Yo,t,n),u(t,Ho,n),s(Xo,t,n),u(t,Qo,n),s(Zo,t,n),u(t,_o,n),s(tn,t,n),u(t,en,n),s(rn,t,n),u(t,on,n),s(nn,t,n),u(t,$n,n),s(sn,t,n),u(t,an,n),s(cn,t,n),u(t,ln,n),s(fn,t,n),u(t,hn,n),s(pn,t,n),u(t,mn,n),s(dn,t,n),u(t,gn,n),s(un,t,n),u(t,wn,n),s(xn,t,n),u(t,yn,n),s(vn,t,n),u(t,bn,n),s(En,t,n),u(t,An,n),s(Cn,t,n),u(t,Tn,n),s(kn,t,n),u(t,Dn,n),s(On,t,n),u(t,Sn,n),s(Fn,t,n),u(t,Pn,n),s(Rn,t,n),u(t,Nn,n),s(jn,t,n),u(t,zn,n),s(Bn,t,n),u(t,In,n),s(Kn,t,n),u(t,Gn,n),s(Mn,t,n),u(t,Ln,n),s(Vn,t,n),u(t,qn,n),s(Jn,t,n),u(t,Un,n),s(Wn,t,n),Yn=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const $={};2&r&&($.$$scope={dirty:r,ctx:t}),o.$set($);const s={};2&r&&(s.$$scope={dirty:r,ctx:t}),c.$set(s);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),x.$set(a);const l={};2&r&&(l.$$scope={dirty:r,ctx:t}),v.$set(l);const i={};2&r&&(i.$$scope={dirty:r,ctx:t}),E.$set(i);const f={};2&r&&(f.$$scope={dirty:r,ctx:t}),k.$set(f);const h={};2&r&&(h.$$scope={dirty:r,ctx:t}),P.$set(h);const p={};2&r&&(p.$$scope={dirty:r,ctx:t}),M.$set(p);const m={};2&r&&(m.$$scope={dirty:r,ctx:t}),V.$set(m);const d={};2&r&&(d.$$scope={dirty:r,ctx:t}),Q.$set(d);const g={};2&r&&(g.$$scope={dirty:r,ctx:t}),$t.$set(g);const u={};2&r&&(u.$$scope={dirty:r,ctx:t}),it.$set(u);const w={};2&r&&(w.$$scope={dirty:r,ctx:t}),mt.$set(w);const y={};2&r&&(y.$$scope={dirty:r,ctx:t}),vt.$set(y);const b={};2&r&&(b.$$scope={dirty:r,ctx:t}),Et.$set(b);const A={};2&r&&(A.$$scope={dirty:r,ctx:t}),Ct.$set(A);const C={};2&r&&(C.$$scope={dirty:r,ctx:t}),kt.$set(C);const T={};2&r&&(T.$$scope={dirty:r,ctx:t}),jt.$set(T);const D={};2&r&&(D.$$scope={dirty:r,ctx:t}),Gt.$set(D);const O={};2&r&&(O.$$scope={dirty:r,ctx:t}),Wt.$set(O);const S={};2&r&&(S.$$scope={dirty:r,ctx:t}),Qt.$set(S);const F={};2&r&&(F.$$scope={dirty:r,ctx:t}),oe.$set(F);const R={};2&r&&(R.$$scope={dirty:r,ctx:t}),le.$set(R);const N={};2&r&&(N.$$scope={dirty:r,ctx:t}),pe.$set(N);const j={};2&r&&(j.$$scope={dirty:r,ctx:t}),ye.$set(j);const z={};2&r&&(z.$$scope={dirty:r,ctx:t}),Ae.$set(z);const B={};2&r&&(B.$$scope={dirty:r,ctx:t}),Oe.$set(B);const I={};2&r&&(I.$$scope={dirty:r,ctx:t}),Ne.$set(I);const K={};2&r&&(K.$$scope={dirty:r,ctx:t}),Ie.$set(K);const G={};2&r&&(G.$$scope={dirty:r,ctx:t}),Le.$set(G);const L={};2&r&&(L.$$scope={dirty:r,ctx:t}),qe.$set(L);const q={};2&r&&(q.$$scope={dirty:r,ctx:t}),Ue.$set(q);const J={};2&r&&(J.$$scope={dirty:r,ctx:t}),Qe.$set(J);const U={};2&r&&(U.$$scope={dirty:r,ctx:t}),rr.$set(U);const W={};2&r&&(W.$$scope={dirty:r,ctx:t}),ir.$set(W);const Y={};2&r&&(Y.$$scope={dirty:r,ctx:t}),gr.$set(Y);const H={};2&r&&(H.$$scope={dirty:r,ctx:t}),yr.$set(H);const X={};2&r&&(X.$$scope={dirty:r,ctx:t}),Dr.$set(X);const Z={};2&r&&(Z.$$scope={dirty:r,ctx:t}),Sr.$set(Z);const _={};2&r&&(_.$$scope={dirty:r,ctx:t}),jr.$set(_);const tt={};2&r&&(tt.$$scope={dirty:r,ctx:t}),Br.$set(tt);const et={};2&r&&(et.$$scope={dirty:r,ctx:t}),Kr.$set(et);const rt={};2&r&&(rt.$$scope={dirty:r,ctx:t}),Mr.$set(rt);const ot={};2&r&&(ot.$$scope={dirty:r,ctx:t}),Vr.$set(ot);const nt={};2&r&&(nt.$$scope={dirty:r,ctx:t}),Jr.$set(nt);const st={};2&r&&(st.$$scope={dirty:r,ctx:t}),Wr.$set(st);const at={};2&r&&(at.$$scope={dirty:r,ctx:t}),Hr.$set(at);const ct={};2&r&&(ct.$$scope={dirty:r,ctx:t}),Qr.$set(ct);const lt={};2&r&&(lt.$$scope={dirty:r,ctx:t}),_r.$set(lt);const ft={};2&r&&(ft.$$scope={dirty:r,ctx:t}),eo.$set(ft);const ht={};2&r&&(ht.$$scope={dirty:r,ctx:t}),oo.$set(ht);const pt={};2&r&&(pt.$$scope={dirty:r,ctx:t}),$o.$set(pt);const dt={};2&r&&(dt.$$scope={dirty:r,ctx:t}),ao.$set(dt);const gt={};2&r&&(gt.$$scope={dirty:r,ctx:t}),fo.$set(gt);const ut={};2&r&&(ut.$$scope={dirty:r,ctx:t}),po.$set(ut);const wt={};2&r&&(wt.$$scope={dirty:r,ctx:t}),go.$set(wt);const xt={};2&r&&(xt.$$scope={dirty:r,ctx:t}),wo.$set(xt);const yt={};2&r&&(yt.$$scope={dirty:r,ctx:t}),yo.$set(yt);const bt={};2&r&&(bt.$$scope={dirty:r,ctx:t}),bo.$set(bt);const At={};2&r&&(At.$$scope={dirty:r,ctx:t}),Ao.$set(At);const Tt={};2&r&&(Tt.$$scope={dirty:r,ctx:t}),To.$set(Tt);const Dt={};2&r&&(Dt.$$scope={dirty:r,ctx:t}),Do.$set(Dt);const Ot={};2&r&&(Ot.$$scope={dirty:r,ctx:t}),So.$set(Ot);const St={};2&r&&(St.$$scope={dirty:r,ctx:t}),Po.$set(St);const Ft={};2&r&&(Ft.$$scope={dirty:r,ctx:t}),No.$set(Ft);const Pt={};2&r&&(Pt.$$scope={dirty:r,ctx:t}),zo.$set(Pt);const Rt={};2&r&&(Rt.$$scope={dirty:r,ctx:t}),Io.$set(Rt);const Nt={};2&r&&(Nt.$$scope={dirty:r,ctx:t}),Go.$set(Nt);const zt={};2&r&&(zt.$$scope={dirty:r,ctx:t}),Lo.$set(zt);const Bt={};2&r&&(Bt.$$scope={dirty:r,ctx:t}),qo.$set(Bt);const It={};2&r&&(It.$$scope={dirty:r,ctx:t}),Uo.$set(It);const Kt={};2&r&&(Kt.$$scope={dirty:r,ctx:t}),Yo.$set(Kt);const Mt={};2&r&&(Mt.$$scope={dirty:r,ctx:t}),Xo.$set(Mt);const Lt={};2&r&&(Lt.$$scope={dirty:r,ctx:t}),Zo.$set(Lt);const Vt={};2&r&&(Vt.$$scope={dirty:r,ctx:t}),tn.$set(Vt);const qt={};2&r&&(qt.$$scope={dirty:r,ctx:t}),rn.$set(qt);const Jt={};2&r&&(Jt.$$scope={dirty:r,ctx:t}),nn.$set(Jt);const Ut={};2&r&&(Ut.$$scope={dirty:r,ctx:t}),sn.$set(Ut);const Yt={};2&r&&(Yt.$$scope={dirty:r,ctx:t}),cn.$set(Yt);const Ht={};2&r&&(Ht.$$scope={dirty:r,ctx:t}),fn.$set(Ht);const Xt={};2&r&&(Xt.$$scope={dirty:r,ctx:t}),pn.$set(Xt);const Zt={};2&r&&(Zt.$$scope={dirty:r,ctx:t}),dn.$set(Zt);const _t={};2&r&&(_t.$$scope={dirty:r,ctx:t}),un.$set(_t);const te={};2&r&&(te.$$scope={dirty:r,ctx:t}),xn.$set(te);const ee={};2&r&&(ee.$$scope={dirty:r,ctx:t}),vn.$set(ee);const re={};2&r&&(re.$$scope={dirty:r,ctx:t}),En.$set(re);const ne={};2&r&&(ne.$$scope={dirty:r,ctx:t}),Cn.$set(ne);const $e={};2&r&&($e.$$scope={dirty:r,ctx:t}),kn.$set($e);const se={};2&r&&(se.$$scope={dirty:r,ctx:t}),On.$set(se);const ae={};2&r&&(ae.$$scope={dirty:r,ctx:t}),Fn.$set(ae);const ce={};2&r&&(ce.$$scope={dirty:r,ctx:t}),Rn.$set(ce);const ie={};2&r&&(ie.$$scope={dirty:r,ctx:t}),jn.$set(ie);const fe={};2&r&&(fe.$$scope={dirty:r,ctx:t}),Bn.$set(fe);const he={};2&r&&(he.$$scope={dirty:r,ctx:t}),Kn.$set(he);const me={};2&r&&(me.$$scope={dirty:r,ctx:t}),Mn.$set(me);const de={};2&r&&(de.$$scope={dirty:r,ctx:t}),Vn.$set(de);const ge={};2&r&&(ge.$$scope={dirty:r,ctx:t}),Jn.$set(ge);const ue={};2&r&&(ue.$$scope={dirty:r,ctx:t}),Wn.$set(ue)},i(t){Yn||(l(e.$$.fragment,t),l(o.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),l(v.$$.fragment,t),l(E.$$.fragment,t),l(k.$$.fragment,t),l(P.$$.fragment,t),l(M.$$.fragment,t),l(V.$$.fragment,t),l(Q.$$.fragment,t),l($t.$$.fragment,t),l(it.$$.fragment,t),l(mt.$$.fragment,t),l(vt.$$.fragment,t),l(Et.$$.fragment,t),l(Ct.$$.fragment,t),l(kt.$$.fragment,t),l(jt.$$.fragment,t),l(Gt.$$.fragment,t),l(Wt.$$.fragment,t),l(Qt.$$.fragment,t),l(oe.$$.fragment,t),l(le.$$.fragment,t),l(pe.$$.fragment,t),l(ye.$$.fragment,t),l(Ae.$$.fragment,t),l(Oe.$$.fragment,t),l(Ne.$$.fragment,t),l(Ie.$$.fragment,t),l(Le.$$.fragment,t),l(qe.$$.fragment,t),l(Ue.$$.fragment,t),l(Qe.$$.fragment,t),l(rr.$$.fragment,t),l(ir.$$.fragment,t),l(gr.$$.fragment,t),l(yr.$$.fragment,t),l(Dr.$$.fragment,t),l(Sr.$$.fragment,t),l(jr.$$.fragment,t),l(Br.$$.fragment,t),l(Kr.$$.fragment,t),l(Mr.$$.fragment,t),l(Vr.$$.fragment,t),l(Jr.$$.fragment,t),l(Wr.$$.fragment,t),l(Hr.$$.fragment,t),l(Qr.$$.fragment,t),l(_r.$$.fragment,t),l(eo.$$.fragment,t),l(oo.$$.fragment,t),l($o.$$.fragment,t),l(ao.$$.fragment,t),l(fo.$$.fragment,t),l(po.$$.fragment,t),l(go.$$.fragment,t),l(wo.$$.fragment,t),l(yo.$$.fragment,t),l(bo.$$.fragment,t),l(Ao.$$.fragment,t),l(To.$$.fragment,t),l(Do.$$.fragment,t),l(So.$$.fragment,t),l(Po.$$.fragment,t),l(No.$$.fragment,t),l(zo.$$.fragment,t),l(Io.$$.fragment,t),l(Go.$$.fragment,t),l(Lo.$$.fragment,t),l(qo.$$.fragment,t),l(Uo.$$.fragment,t),l(Yo.$$.fragment,t),l(Xo.$$.fragment,t),l(Zo.$$.fragment,t),l(tn.$$.fragment,t),l(rn.$$.fragment,t),l(nn.$$.fragment,t),l(sn.$$.fragment,t),l(cn.$$.fragment,t),l(fn.$$.fragment,t),l(pn.$$.fragment,t),l(dn.$$.fragment,t),l(un.$$.fragment,t),l(xn.$$.fragment,t),l(vn.$$.fragment,t),l(En.$$.fragment,t),l(Cn.$$.fragment,t),l(kn.$$.fragment,t),l(On.$$.fragment,t),l(Fn.$$.fragment,t),l(Rn.$$.fragment,t),l(jn.$$.fragment,t),l(Bn.$$.fragment,t),l(Kn.$$.fragment,t),l(Mn.$$.fragment,t),l(Vn.$$.fragment,t),l(Jn.$$.fragment,t),l(Wn.$$.fragment,t),Yn=!0)},o(t){i(e.$$.fragment,t),i(o.$$.fragment,t),i(c.$$.fragment,t),i(x.$$.fragment,t),i(v.$$.fragment,t),i(E.$$.fragment,t),i(k.$$.fragment,t),i(P.$$.fragment,t),i(M.$$.fragment,t),i(V.$$.fragment,t),i(Q.$$.fragment,t),i($t.$$.fragment,t),i(it.$$.fragment,t),i(mt.$$.fragment,t),i(vt.$$.fragment,t),i(Et.$$.fragment,t),i(Ct.$$.fragment,t),i(kt.$$.fragment,t),i(jt.$$.fragment,t),i(Gt.$$.fragment,t),i(Wt.$$.fragment,t),i(Qt.$$.fragment,t),i(oe.$$.fragment,t),i(le.$$.fragment,t),i(pe.$$.fragment,t),i(ye.$$.fragment,t),i(Ae.$$.fragment,t),i(Oe.$$.fragment,t),i(Ne.$$.fragment,t),i(Ie.$$.fragment,t),i(Le.$$.fragment,t),i(qe.$$.fragment,t),i(Ue.$$.fragment,t),i(Qe.$$.fragment,t),i(rr.$$.fragment,t),i(ir.$$.fragment,t),i(gr.$$.fragment,t),i(yr.$$.fragment,t),i(Dr.$$.fragment,t),i(Sr.$$.fragment,t),i(jr.$$.fragment,t),i(Br.$$.fragment,t),i(Kr.$$.fragment,t),i(Mr.$$.fragment,t),i(Vr.$$.fragment,t),i(Jr.$$.fragment,t),i(Wr.$$.fragment,t),i(Hr.$$.fragment,t),i(Qr.$$.fragment,t),i(_r.$$.fragment,t),i(eo.$$.fragment,t),i(oo.$$.fragment,t),i($o.$$.fragment,t),i(ao.$$.fragment,t),i(fo.$$.fragment,t),i(po.$$.fragment,t),i(go.$$.fragment,t),i(wo.$$.fragment,t),i(yo.$$.fragment,t),i(bo.$$.fragment,t),i(Ao.$$.fragment,t),i(To.$$.fragment,t),i(Do.$$.fragment,t),i(So.$$.fragment,t),i(Po.$$.fragment,t),i(No.$$.fragment,t),i(zo.$$.fragment,t),i(Io.$$.fragment,t),i(Go.$$.fragment,t),i(Lo.$$.fragment,t),i(qo.$$.fragment,t),i(Uo.$$.fragment,t),i(Yo.$$.fragment,t),i(Xo.$$.fragment,t),i(Zo.$$.fragment,t),i(tn.$$.fragment,t),i(rn.$$.fragment,t),i(nn.$$.fragment,t),i(sn.$$.fragment,t),i(cn.$$.fragment,t),i(fn.$$.fragment,t),i(pn.$$.fragment,t),i(dn.$$.fragment,t),i(un.$$.fragment,t),i(xn.$$.fragment,t),i(vn.$$.fragment,t),i(En.$$.fragment,t),i(Cn.$$.fragment,t),i(kn.$$.fragment,t),i(On.$$.fragment,t),i(Fn.$$.fragment,t),i(Rn.$$.fragment,t),i(jn.$$.fragment,t),i(Bn.$$.fragment,t),i(Kn.$$.fragment,t),i(Mn.$$.fragment,t),i(Vn.$$.fragment,t),i(Jn.$$.fragment,t),i(Wn.$$.fragment,t),Yn=!1},d(t){f(e,t),t&&w(r),f(o,t),t&&w(a),f(c,t),t&&w(h),f(x,t),t&&w(y),f(v,t),t&&w(b),f(E,t),t&&w(A),f(k,t),t&&w(D),f(P,t),t&&w(I),f(M,t),t&&w(L),f(V,t),t&&w(W),f(Q,t),t&&w(et),f($t,t),t&&w(lt),f(it,t),t&&w(pt),f(mt,t),t&&w(ut),f(vt,t),t&&w(bt),f(Et,t),t&&w(At),f(Ct,t),t&&w(Tt),f(kt,t),t&&w(St),f(jt,t),t&&w(zt),f(Gt,t),t&&w(qt),f(Wt,t),t&&w(Yt),f(Qt,t),t&&w(re),f(oe,t),t&&w(se),f(le,t),t&&w(he),f(pe,t),t&&w(xe),f(ye,t),t&&w(ve),f(Ae,t),t&&w(De),f(Oe,t),t&&w(Re),f(Ne,t),t&&w(Be),f(Ie,t),t&&w(Ke),f(Le,t),t&&w(Ve),f(qe,t),t&&w(Je),f(Ue,t),t&&w(Xe),f(Qe,t),t&&w(Ze),f(rr,t),t&&w(sr),f(ir,t),t&&w(fr),f(gr,t),t&&w(xr),f(yr,t),t&&w(Cr),f(Dr,t),t&&w(Or),f(Sr,t),t&&w(Nr),f(jr,t),t&&w(zr),f(Br,t),t&&w(Ir),f(Kr,t),t&&w(Gr),f(Mr,t),t&&w(Lr),f(Vr,t),t&&w(qr),f(Jr,t),t&&w(Ur),f(Wr,t),t&&w(Yr),f(Hr,t),t&&w(Xr),f(Qr,t),t&&w(Zr),f(_r,t),t&&w(to),f(eo,t),t&&w(ro),f(oo,t),t&&w(no),f($o,t),t&&w(so),f(ao,t),t&&w(co),t&&w(lo),t&&w(io),f(fo,t),t&&w(ho),f(po,t),t&&w(mo),f(go,t),t&&w(uo),f(wo,t),t&&w(xo),f(yo,t),t&&w(vo),f(bo,t),t&&w(Eo),f(Ao,t),t&&w(Co),f(To,t),t&&w(ko),f(Do,t),t&&w(Oo),f(So,t),t&&w(Fo),f(Po,t),t&&w(Ro),f(No,t),t&&w(jo),f(zo,t),t&&w(Bo),f(Io,t),t&&w(Ko),f(Go,t),t&&w(Mo),f(Lo,t),t&&w(Vo),f(qo,t),t&&w(Jo),f(Uo,t),t&&w(Wo),f(Yo,t),t&&w(Ho),f(Xo,t),t&&w(Qo),f(Zo,t),t&&w(_o),f(tn,t),t&&w(en),f(rn,t),t&&w(on),f(nn,t),t&&w($n),f(sn,t),t&&w(an),f(cn,t),t&&w(ln),f(fn,t),t&&w(hn),f(pn,t),t&&w(mn),f(dn,t),t&&w(gn),f(un,t),t&&w(wn),f(xn,t),t&&w(yn),f(vn,t),t&&w(bn),f(En,t),t&&w(An),f(Cn,t),t&&w(Tn),f(kn,t),t&&w(Dn),f(On,t),t&&w(Sn),f(Fn,t),t&&w(Pn),f(Rn,t),t&&w(Nn),f(jn,t),t&&w(zn),f(Bn,t),t&&w(In),f(Kn,t),t&&w(Gn),f(Mn,t),t&&w(Ln),f(Vn,t),t&&w(qn),f(Jn,t),t&&w(Un),f(Wn,t)}}}function jr(t){let e,r;const h=[t[0]];let p={$$slots:{default:[Nr]},$$scope:{ctx:t}};for(let t=0;t<h.length;t+=1)p=o(p,h[t]);return e=new D({props:p}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,[r]){const o=1&r?a(h,[c(t[0])]):{};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function zr(t,e,r){return t.$$set=t=>{r(0,e=o(o({},e),h(t)))},[e=h(e)]}class Br extends t{constructor(t){super(),e(this,t,zr,jr,r,{})}}function Ir(t){let e,r;return e=new Br({}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}function Kr(t){let e,r;const h=[t[0],Gr];let p={$$slots:{default:[Ir]},$$scope:{ctx:t}};for(let t=0;t<h.length;t+=1)p=o(p,h[t]);return e=new k({props:p}),{c(){n(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,o){s(e,t,o),r=!0},p(t,[r]){const o=1&r?a(h,[1&r&&c(t[0]),0&r&&c(Gr)]):{};2&r&&(o.$$scope={dirty:r,ctx:t}),e.$set(o)},i(t){r||(l(e.$$.fragment,t),r=!0)},o(t){i(e.$$.fragment,t),r=!1},d(t){f(e,t)}}}const Gr={name:"Changelog"};function Mr(t,e,r){return t.$$set=t=>{r(0,e=o(o({},e),h(t)))},[e=h(e)]}class Lr extends t{constructor(t){super(),e(this,t,Mr,Kr,r,{})}}export{Lr as default,Gr as metadata};
diff --git a/376/client/legacy/checkbox-ad14e938.css b/376/client/legacy/checkbox-ad14e938.css
new file mode 100644
index 000000000..c16c8a59f
--- /dev/null
+++ b/376/client/legacy/checkbox-ad14e938.css
@@ -0,0 +1 @@
+.checkbox.svelte-ly1qcx.svelte-ly1qcx.svelte-ly1qcx{align-items:center;cursor:pointer;display:flex;font-family:"Ubuntu", sans-serif;position:relative}.checkbox.svelte-ly1qcx>input[type=checkbox].svelte-ly1qcx.svelte-ly1qcx{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.checkbox.svelte-ly1qcx .selector.svelte-ly1qcx.svelte-ly1qcx{border:0.125em solid #ddd;border-radius:0.25em;cursor:pointer;height:1em;position:relative;width:1em}.checkbox.svelte-ly1qcx .selector.svelte-ly1qcx.svelte-ly1qcx::before{border:0 solid #fff;border-bottom-left-radius:0.125em;content:"";height:0;left:50%;position:absolute;top:45%;transform:translate(-50%, -50%) rotate(-57deg) skew(-11deg);transition:width 75ms;width:0}.checkbox.svelte-ly1qcx .selector.svelte-ly1qcx.svelte-ly1qcx::after{border-radius:50%;content:"";height:2.25em;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:2.25em}.checkbox.round.svelte-ly1qcx>.selector.svelte-ly1qcx.svelte-ly1qcx{border-radius:50%;height:1.375em;width:1.375em}.checkbox.svelte-ly1qcx .svelte-ly1qcx:disabled+.selector.svelte-ly1qcx{background-color:#ececec;cursor:not-allowed}.checkbox.svelte-ly1qcx .svelte-ly1qcx:checked+.selector.svelte-ly1qcx{background-color:#4300b0;border-color:#4300b0}.checkbox.svelte-ly1qcx .svelte-ly1qcx:checked+.selector.svelte-ly1qcx::before{border-bottom-width:0.125em;border-left-width:0.125em;height:0.375em;width:0.5625em}.checkbox.svelte-ly1qcx .svelte-ly1qcx:disabled:checked+.selector.svelte-ly1qcx{background-color:#888;border-color:#8d8d8d}.checkbox.svelte-ly1qcx:hover .selector.svelte-ly1qcx.svelte-ly1qcx::after{background-color:rgba(51, 51, 51, 0.05)}.checkbox.svelte-ly1qcx:hover .svelte-ly1qcx:checked+.svelte-ly1qcx::after{background-color:rgba(67, 0, 176, 0.05)}.checkbox.svelte-ly1qcx:hover .svelte-ly1qcx:disabled+.selector.svelte-ly1qcx::after{background:none}.checkbox.svelte-ly1qcx .svelte-ly1qcx:focus+.selector.svelte-ly1qcx::after{background-color:rgba(51, 51, 51, 0.125)}.checkbox.svelte-ly1qcx .svelte-ly1qcx:focus:checked+.svelte-ly1qcx::after{background-color:rgba(67, 0, 176, 0.125)}
diff --git a/376/client/legacy/checkbox-chip-084dc1b9.css b/376/client/legacy/checkbox-chip-084dc1b9.css
new file mode 100644
index 000000000..b75147006
--- /dev/null
+++ b/376/client/legacy/checkbox-chip-084dc1b9.css
@@ -0,0 +1 @@
+.chip.svelte-1kkiv31.svelte-1kkiv31{background:rgba(0, 0, 0, 0.08);border-radius:1.5625em;color:#656565;font-family:"Ubuntu", sans-serif;font-weight:500;padding:0.6em 0.9em}.chip.small.svelte-1kkiv31.svelte-1kkiv31{font-size:0.9rem;min-width:0.9em;padding:0.4em 0.6em;text-align:center}.chip.outline.svelte-1kkiv31.svelte-1kkiv31{background:transparent;border:1px solid #4300b0}.chip.no-padding.svelte-1kkiv31.svelte-1kkiv31{padding:0}.input-chip.svelte-1kkiv31>input.svelte-1kkiv31{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.chip.svelte-1kkiv31.svelte-1kkiv31{cursor:pointer;-webkit-touch-callout:none;user-select:none}.chip.svelte-1kkiv31 .ripple{background:rgba(67, 0, 176, 0.1)}.chip.outline.svelte-1kkiv31.svelte-1kkiv31{border-color:rgba(0, 0, 0, 0.18)}input.svelte-1kkiv31+.chip.svelte-1kkiv31:hover{background:rgba(0, 0, 0, 0.13)}input.svelte-1kkiv31+.chip.outline.svelte-1kkiv31:hover{background:rgba(0, 0, 0, 0.06)}input.svelte-1kkiv31:disabled+.chip.svelte-1kkiv31{background:rgba(0, 0, 0, 0.03);color:#939393;cursor:not-allowed}input.svelte-1kkiv31:disabled+.chip.svelte-1kkiv31:hover{background:rgba(0, 0, 0, 0.03)}input.svelte-1kkiv31:focus+.chip.svelte-1kkiv31{background:rgba(0, 0, 0, 0.18)}input.svelte-1kkiv31:focus+.chip.outline.svelte-1kkiv31{background:rgba(0, 0, 0, 0.1)}input.svelte-1kkiv31:checked+.chip.svelte-1kkiv31{background:rgba(67, 0, 176, 0.12);color:#4300b0}input.svelte-1kkiv31:checked+.chip.outline.svelte-1kkiv31{background:rgba(67, 0, 176, 0.06);border-color:#4300b0;color:#4300b0}input.svelte-1kkiv31:focus:checked+.chip.svelte-1kkiv31{background-color:rgba(67, 0, 176, 0.25)}input.svelte-1kkiv31:focus:checked+.chip.outline.svelte-1kkiv31{background-color:rgba(67, 0, 176, 0.12)}.chip.svelte-1kkiv31.svelte-1kkiv31{position:relative;transition:padding-left 50ms}.chip.svelte-1kkiv31.svelte-1kkiv31::before{border:0 solid #4300b0;content:"";height:0.5625em;left:0.9em;position:absolute;top:45%;transform:translateY(-50%) rotate(45deg);transition:width 50ms;width:0}input.svelte-1kkiv31:checked+.chip.svelte-1kkiv31{padding-left:2em}input.svelte-1kkiv31:checked+.chip.svelte-1kkiv31::before{border-bottom-width:0.125em;border-right-width:0.125em;width:0.3125em}
diff --git a/376/client/legacy/checkbox-chip-a57ac15c.css b/376/client/legacy/checkbox-chip-a57ac15c.css
new file mode 100644
index 000000000..05c8974dc
--- /dev/null
+++ b/376/client/legacy/checkbox-chip-a57ac15c.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-er5vl1{align-items:flex-start;display:flex}[slot=showcase].svelte-er5vl1 .chip{margin-right:0.5em}
diff --git a/376/client/legacy/checkbox-chip-group-14098d62.css b/376/client/legacy/checkbox-chip-group-14098d62.css
new file mode 100644
index 000000000..c5db9809d
--- /dev/null
+++ b/376/client/legacy/checkbox-chip-group-14098d62.css
@@ -0,0 +1 @@
+div.svelte-15v276f{display:flex;flex-wrap:wrap}div.svelte-15v276f .chip{margin-right:0.5em;margin-top:0.5em}
diff --git a/376/client/legacy/checkbox-chip-group.72f58783.js b/376/client/legacy/checkbox-chip-group.72f58783.js
new file mode 100644
index 000000000..b272ed4b6
--- /dev/null
+++ b/376/client/legacy/checkbox-chip-group.72f58783.js
@@ -0,0 +1 @@
+import{S as e,i as l,s,H as a,f as t,t as c,y as n,p as o,z as i,d as r,I as h,K as u,L as d,h as m,k as f,b as p,e as $,X as b,Z as k,_ as x,Y as v,$ as g,j as C,l as y,m as j,U as R,a0 as T,a1 as N,q as w,a2 as q,u as A,w as E,v as I,x as M,A as S,g as _}from"./client.583c6e60.js";import{p as z}from"./plural-s.31bb9da9.js";import{c as D}from"./classes.a7d1a9eb.js";import{C as H}from"./checkbox-chip.9da5c209.js";function K(e,l,s){const a=e.slice();return a[12]=l[s],a[13]=l,a[14]=s,a}function L(e){let l,s,a,h=[],u=new Map,d=e[0];const v=e=>e[12].value;for(let l=0;l<d.length;l+=1){let s=K(e,d,l),a=v(s);u.set(a,h[l]=X(a,s))}return{c(){l=m("div");for(let e=0;e<h.length;e+=1)h[e].c();this.h()},l(e){l=f(e,"DIV",{class:!0,role:!0});var s=p(l);for(let e=0;e<h.length;e+=1)h[e].l(s);s.forEach(r),this.h()},h(){$(l,"class",s=b(D(e[1]))+" svelte-15v276f"),$(l,"role","group")},m(e,s){t(e,l,s);for(let e=0;e<h.length;e+=1)h[e]&&h[e].m(l,null);a=!0},p(e,t){509&t&&(d=e[0],n(),h=k(h,t,v,1,e,d,u,l,x,X,null,K),i()),(!a||2&t&&s!==(s=b(D(e[1]))+" svelte-15v276f"))&&$(l,"class",s)},i(e){if(!a){for(let e=0;e<d.length;e+=1)c(h[e]);a=!0}},o(e){for(let e=0;e<h.length;e+=1)o(h[e]);a=!1},d(e){e&&r(l);for(let e=0;e<h.length;e+=1)h[e].d()}}}function P(e){let l,s=(e[12].label||e[12].value)+"";return{c(){l=I(s)},l(e){l=M(e,s)},m(e,s){t(e,l,s)},p(e,a){1&a&&s!==(s=(e[12].label||e[12].value)+"")&&S(l,s)},d(e){e&&r(l)}}}function U(e){let l,s,a,c=(e[12].label||e[12].value)+"";return{c(){l=m("span"),s=I(c),this.h()},l(e){l=f(e,"SPAN",{class:!0});var a=p(l);s=M(a,c),a.forEach(r),this.h()},h(){$(l,"class",a=D(e[3]))},m(e,a){t(e,l,a),_(l,s)},p(e,t){1&t&&c!==(c=(e[12].label||e[12].value)+"")&&S(s,c),8&t&&a!==(a=D(e[3]))&&$(l,"class",a)},d(e){e&&r(l)}}}function V(e){let l;function s(e,l){return null!=e[3]?U:P}let a=s(e),c=a(e);return{c(){c.c(),l=A()},l(e){c.l(e),l=E(e)},m(e,s){c.m(e,s),t(e,l,s)},p(e,t){a===(a=s(e))&&c?c.p(e,t):(c.d(1),c=a(e),c&&(c.c(),c.m(l.parentNode,l)))},d(e){c.d(e),e&&r(l)}}}function X(e,l){let s,n,i,h;const d=[{name:l[4]},{value:l[12].value},{disabled:l[12].disabled||!l[12].checked&&l[6]>=l[5]},{class:D(l[2])},{title:!l[12].disabled&&!l[12].checked&&l[6]>=l[5]?l[7]:null},l[8]];function m(e){l[10](e,l[12])}let f={$$slots:{default:[V]},$$scope:{ctx:l}};for(let e=0;e<d.length;e+=1)f=u(f,d[e]);return void 0!==l[12].checked&&(f.checked=l[12].checked),n=new H({props:f}),v.push((()=>g(n,"checked",m))),n.$on("change",l[11]),{key:e,first:null,c(){s=a(),C(n.$$.fragment),this.h()},l(e){s=a(),y(n.$$.fragment,e),this.h()},h(){this.first=s},m(e,l){t(e,s,l),j(n,e,l),h=!0},p(e,s){l=e;const a=501&s?R(d,[16&s&&{name:l[4]},1&s&&{value:l[12].value},97&s&&{disabled:l[12].disabled||!l[12].checked&&l[6]>=l[5]},4&s&&{class:D(l[2])},225&s&&{title:!l[12].disabled&&!l[12].checked&&l[6]>=l[5]?l[7]:null},256&s&&T(l[8])]):{};32777&s&&(a.$$scope={dirty:s,ctx:l}),!i&&1&s&&(i=!0,a.checked=l[12].checked,N((()=>i=!1))),n.$set(a)},i(e){h||(c(n.$$.fragment,e),h=!0)},o(e){o(n.$$.fragment,e),h=!1},d(e){e&&r(s),w(n,e)}}}function Y(e){let l,s,h=null!=e[0]&&0!==e[0].length&&L(e);return{c(){h&&h.c(),l=a()},l(e){h&&h.l(e),l=a()},m(e,a){h&&h.m(e,a),t(e,l,a),s=!0},p(e,s){let[a]=s;null!=e[0]&&0!==e[0].length?h?(h.p(e,a),1&a&&c(h,1)):(h=L(e),h.c(),c(h,1),h.m(l.parentNode,l)):h&&(n(),o(h,1,1,(()=>{h=null})),i())},i(e){s||(c(h),s=!0)},o(e){o(h),s=!1},d(e){h&&h.d(e),e&&r(l)}}}function Z(e,l,s){let a,t;const c=["class","checkboxClass","labelClass","items","name","max","maxReachedTooltip"];let n=h(l,c),{class:o=null}=l,{checkboxClass:i=null}=l,{labelClass:r=null}=l,{items:m}=l,{name:f}=l,{max:p=1/0}=l,{maxReachedTooltip:$=null}=l;return m&&0!==m.length||console.error("Must have at least one item in the checkbox chip group"),e.$$set=e=>{l=u(u({},l),d(e)),s(8,n=h(l,c)),"class"in e&&s(1,o=e.class),"checkboxClass"in e&&s(2,i=e.checkboxClass),"labelClass"in e&&s(3,r=e.labelClass),"items"in e&&s(0,m=e.items),"name"in e&&s(4,f=e.name),"max"in e&&s(5,p=e.max),"maxReachedTooltip"in e&&s(9,$=e.maxReachedTooltip)},e.$$.update=()=>{544&e.$$.dirty&&s(7,a=$||`Can only select ${p} value${z(p)}.`),1&e.$$.dirty&&s(6,t=m.reduce(((e,l)=>e+Number(l.checked||0)),0))},[m,o,i,r,f,p,t,a,n,$,function(l,a){e.$$.not_equal(a.checked,l)&&(a.checked=l,s(0,m))},function(l){q.call(this,e,l)}]}var B=class extends e{constructor(e){super(),l(this,e,Z,Y,s,{class:1,checkboxClass:2,labelClass:3,items:0,name:4,max:5,maxReachedTooltip:9})}};export{B as C};
diff --git a/376/client/legacy/checkbox-chip-group.c8d69d15.js b/376/client/legacy/checkbox-chip-group.c8d69d15.js
new file mode 100644
index 000000000..af76754f3
--- /dev/null
+++ b/376/client/legacy/checkbox-chip-group.c8d69d15.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as $,j as s,l as a,m as o,U as r,a0 as c,t as p,p as f,q as l,L as m,u as i,h as u,v as g,w as d,k as h,b as x,x as k,d as E,e as v,f as y,g as w,n as b}from"./client.583c6e60.js";import{L as C,H as D,P as O}from"./layout.47c81311.js";import{C as T}from"./checkbox-chip-group.72f58783.js";import{S as A}from"./showcase.759e7149.js";import{C as S}from"./color-preview.9db6af61.js";import{R}from"./related-components.9fddec4f.js";import{H as N}from"./h2.0da05151.js";import{H as G}from"./h3.c9a49f62.js";import{T as j,a as F,b as L,c as M}from"./table.c1711529.js";import"./plural-s.31bb9da9.js";import"./classes.a7d1a9eb.js";import"./checkbox-chip.9da5c209.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./button.863c0adf.js";import"./card.113fcab4.js";function I(t){let e;return{c(){e=g("CheckboxChipGroup")},l(t){e=k(t,"CheckboxChipGroup")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function H(t){let e;return{c(){e=g("A set of options presented as chips with multiple options to select.")},l(t){e=k(t,"A set of options presented as chips with multiple options to select.")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function P(t){let e,n,$,s,a,o,r,c,p,f,l;return{c(){e=g("If you need to allow selecting only one option, consider using "),n=u("a"),$=u("mark"),s=u("code"),a=g("RadioChipGroup"),o=g(". If you need more customization for the chips, such as their slots, take a look at "),r=u("a"),c=u("mark"),p=u("code"),f=g("CheckboxChip"),l=g(", the building block of this component."),this.h()},l(t){e=k(t,"If you need to allow selecting only one option, consider using "),n=h(t,"A",{href:!0});var m=x(n);$=h(m,"MARK",{});var i=x($);s=h(i,"CODE",{});var u=x(s);a=k(u,"RadioChipGroup"),u.forEach(E),i.forEach(E),m.forEach(E),o=k(t,". If you need more customization for the chips, such as their slots, take a look at "),r=h(t,"A",{href:!0});var g=x(r);c=h(g,"MARK",{});var d=x(c);p=h(d,"CODE",{});var v=x(p);f=k(v,"CheckboxChip"),v.forEach(E),d.forEach(E),g.forEach(E),l=k(t,", the building block of this component."),this.h()},h(){v(n,"href","./docs/components/radio-chip-group"),v(r,"href","./docs/components/checkbox-chip")},m(t,m){y(t,e,m),y(t,n,m),w(n,$),w($,s),w(s,a),y(t,o,m),y(t,r,m),w(r,c),w(c,p),w(p,f),y(t,l,m)},p:b,d(t){t&&E(e),t&&E(n),t&&E(o),t&&E(r),t&&E(l)}}}function q(t){let e,n,$,r,c,m,g;return n=new T({props:{items:t[0],name:"group1"}}),r=new T({props:{items:t[0],name:"group2",outline:!0}}),m=new T({props:{items:t[0],name:"group3",small:!0}}),{c(){e=u("div"),s(n.$$.fragment),$=i(),s(r.$$.fragment),c=i(),s(m.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var s=x(e);a(n.$$.fragment,s),$=d(s),a(r.$$.fragment,s),c=d(s),a(m.$$.fragment,s),s.forEach(E),this.h()},h(){v(e,"slot","showcase"),v(e,"class","padded")},m(t,s){y(t,e,s),o(n,e,null),w(e,$),o(r,e,null),w(e,c),o(m,e,null),g=!0},p:b,i(t){g||(p(n.$$.fragment,t),p(r.$$.fragment,t),p(m.$$.fragment,t),g=!0)},o(t){f(n.$$.fragment,t),f(r.$$.fragment,t),f(m.$$.fragment,t),g=!1},d(t){t&&E(e),l(n),l(r),l(m)}}}function B(t){let e,n;return{c(){e=u("div"),n=u("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var $=x(e);n=h($,"PRE",{class:!0}),x(n).forEach(E),$.forEach(E),this.h()},h(){v(n,"class","language-svelte"),v(e,"slot","source")},m(t,$){y(t,e,$),w(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">const</span> items <span class="token operator">=</span> <span class="token punctuation">[</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">\'option 1\'</span><span class="token punctuation">,</span> <span class="token literal-property property">checked</span><span class="token operator">:</span> <span class="token boolean">true</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token number">1.5</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">\'option 1.5\'</span><span class="token punctuation">,</span> <span class="token literal-property property">disabled</span><span class="token operator">:</span> <span class="token boolean">true</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token number">2</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">\'option 2\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckboxChipGroup</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>items<span class="token punctuation">&#125;</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>group1<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckboxChipGroup</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>items<span class="token punctuation">&#125;</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>group2<span class="token punctuation">"</span></span> <span class="token attr-name">outline</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckboxChipGroup</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>items<span class="token punctuation">&#125;</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>group3<span class="token punctuation">"</span></span> <span class="token attr-name">small</span> <span class="token punctuation">/></span></span></code>'},p:b,d(t){t&&E(e)}}}function K(t){let e;return{c(){e=g("Properties")},l(t){e=k(t,"Properties")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function U(t){let e,n,$,s;return{c(){e=g("Any properties of "),n=u("code"),$=g("CheckboxChip"),s=g(" can be specified – they will be passed down.")},l(t){e=k(t,"Any properties of "),n=h(t,"CODE",{});var a=x(n);$=k(a,"CheckboxChip"),a.forEach(E),s=k(t," can be specified – they will be passed down.")},m(t,a){y(t,e,a),y(t,n,a),w(n,$),y(t,s,a)},p:b,d(t){t&&E(e),t&&E(n),t&&E(s)}}}function V(t){let e;return{c(){e=g("Functional Properties")},l(t){e=k(t,"Functional Properties")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function z(t){let e;return{c(){e=g("Name")},l(t){e=k(t,"Name")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function Y(t){let e;return{c(){e=g("Default")},l(t){e=k(t,"Default")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function W(t){let e;return{c(){e=g("Type")},l(t){e=k(t,"Type")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function _(t){let e;return{c(){e=g("Description")},l(t){e=k(t,"Description")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function J(t){let e,n,$,r,c,m,u,g;return e=new L({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),u=new L({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment),m=i(),s(u.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),y(t,m,s),o(u,t,s),g=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function Q(t){let e,n,$,s,a,o,r;return{c(){e=u("mark"),n=u("strong"),$=u("code"),s=g("items"),a=g(" "),o=u("span"),r=g("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);n=h(c,"STRONG",{});var p=x(n);$=h(p,"CODE",{});var f=x($);s=k(f,"items"),f.forEach(E),p.forEach(E),c.forEach(E),a=k(t," "),o=h(t,"SPAN",{class:!0});var l=x(o);r=k(l,"*"),l.forEach(E),this.h()},h(){v(o,"class","required")},m(t,c){y(t,e,c),w(e,n),w(n,$),w($,s),y(t,a,c),y(t,o,c),w(o,r)},p:b,d(t){t&&E(e),t&&E(a),t&&E(o)}}}function X(t){let e,n;return{c(){e=u("code"),n=g("Array")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"Array"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function Z(t){let e,n,$,s;return{c(){e=g("An array of "),n=u("code"),$=g("{ value, label, disabled, checked }"),s=g(" objects, where only the value is required. Must contain at least one value.")},l(t){e=k(t,"An array of "),n=h(t,"CODE",{});var a=x(n);$=k(a,"{ value, label, disabled, checked }"),a.forEach(E),s=k(t," objects, where only the value is required. Must contain at least one value.")},m(t,a){y(t,e,a),y(t,n,a),w(n,$),y(t,s,a)},p:b,d(t){t&&E(e),t&&E(n),t&&E(s)}}}function tt(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),$=new M({}),c=new M({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment),m=i(),s(u.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),y(t,m,s),o(u,t,s),g=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),c.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),u.$set(a)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function et(t){let e,n,$,s,a,o,r;return{c(){e=u("mark"),n=u("strong"),$=u("code"),s=g("name"),a=g(" "),o=u("span"),r=g("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);n=h(c,"STRONG",{});var p=x(n);$=h(p,"CODE",{});var f=x($);s=k(f,"name"),f.forEach(E),p.forEach(E),c.forEach(E),a=k(t," "),o=h(t,"SPAN",{class:!0});var l=x(o);r=k(l,"*"),l.forEach(E),this.h()},h(){v(o,"class","required")},m(t,c){y(t,e,c),w(e,n),w(n,$),w($,s),y(t,a,c),y(t,o,c),w(o,r)},p:b,d(t){t&&E(e),t&&E(a),t&&E(o)}}}function nt(t){let e,n;return{c(){e=u("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"string"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function $t(t){let e,n,$,s;return{c(){e=g("The name of this checkbox group. Check "),n=u("a"),$=g("MDN docs"),s=g(" for more information."),this.h()},l(t){e=k(t,"The name of this checkbox group. Check "),n=h(t,"A",{href:!0,rel:!0});var a=x(n);$=k(a,"MDN docs"),a.forEach(E),s=k(t," for more information."),this.h()},h(){v(n,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname"),v(n,"rel","nofollow")},m(t,a){y(t,e,a),y(t,n,a),w(n,$),y(t,s,a)},p:b,d(t){t&&E(e),t&&E(n),t&&E(s)}}}function st(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),$=new M({}),c=new M({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment),m=i(),s(u.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),y(t,m,s),o(u,t,s),g=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),c.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),u.$set(a)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function at(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("max")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=k(a,"max"),a.forEach(E),s.forEach(E)},m(t,s){y(t,e,s),w(e,n),w(n,$)},p:b,d(t){t&&E(e)}}}function ot(t){let e,n;return{c(){e=u("code"),n=g("Infinity")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"Infinity"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function rt(t){let e,n;return{c(){e=u("code"),n=g("number")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"number"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function ct(t){let e;return{c(){e=g("The maximum number of chips that can be selected.")},l(t){e=k(t,"The maximum number of chips that can be selected.")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function pt(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment),m=i(),s(u.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),y(t,m,s),o(u,t,s),g=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function ft(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("maxReachedTooltip")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=k(a,"maxReachedTooltip"),a.forEach(E),s.forEach(E)},m(t,s){y(t,e,s),w(e,n),w(n,$)},p:b,d(t){t&&E(e)}}}function lt(t){let e,n;return{c(){e=u("code"),n=g("`Can only select ${max} value${s(max)}.`")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"`Can only select ${max} value${s(max)}.`"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function mt(t){let e,n;return{c(){e=u("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"string"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function it(t){let e;return{c(){e=g("The tooltip to display when the maximum number of checkboxes has been selected.")},l(t){e=k(t,"The tooltip to display when the maximum number of checkboxes has been selected.")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function ut(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment),m=i(),s(u.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),y(t,m,s),o(u,t,s),g=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function gt(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("...")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=k(a,"..."),a.forEach(E),s.forEach(E)},m(t,s){y(t,e,s),w(e,n),w(n,$)},p:b,d(t){t&&E(e)}}}function dt(t){let e,n;return{c(){e=u("code"),n=g("any")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"any"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function ht(t){let e,n,$,s;return{c(){e=g("Everything else will be passed to the underlying "),n=u("code"),$=g("CheckboxChip"),s=g(" component.")},l(t){e=k(t,"Everything else will be passed to the underlying "),n=h(t,"CODE",{});var a=x(n);$=k(a,"CheckboxChip"),a.forEach(E),s=k(t," component.")},m(t,a){y(t,e,a),y(t,n,a),w(n,$),y(t,s,a)},p:b,d(t){t&&E(e),t&&E(n),t&&E(s)}}}function xt(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),$=new M({}),c=new M({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment),m=i(),s(u.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),y(t,m,s),o(u,t,s),g=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),c.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),u.$set(a)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function kt(t){let e,n,$,r,c,m,g,k,v,b,C,D,O,T;return n=new F({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),g=new F({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),v=new F({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),C=new F({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),O=new F({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){e=u("thead"),s(n.$$.fragment),$=i(),r=u("tbody"),s(c.$$.fragment),m=i(),s(g.$$.fragment),k=i(),s(v.$$.fragment),b=i(),s(C.$$.fragment),D=i(),s(O.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(E),$=d(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),m=d(o),a(g.$$.fragment,o),k=d(o),a(v.$$.fragment,o),b=d(o),a(C.$$.fragment,o),D=d(o),a(O.$$.fragment,o),o.forEach(E)},m(t,s){y(t,e,s),o(n,e,null),y(t,$,s),y(t,r,s),o(c,r,null),w(r,m),o(g,r,null),w(r,k),o(v,r,null),w(r,b),o(C,r,null),w(r,D),o(O,r,null),T=!0},p(t,e){const $={};4&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),g.$set(a);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),v.$set(o);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),C.$set(r);const p={};4&e&&(p.$$scope={dirty:e,ctx:t}),O.$set(p)},i(t){T||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),p(v.$$.fragment,t),p(C.$$.fragment,t),p(O.$$.fragment,t),T=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),f(v.$$.fragment,t),f(C.$$.fragment,t),f(O.$$.fragment,t),T=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(r),l(c),l(g),l(v),l(C),l(O)}}}function Et(t){let e;return{c(){e=g("Class Properties")},l(t){e=k(t,"Class Properties")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function vt(t){let e;return{c(){e=g("Falsy values passed to classes will be disregarded.")},l(t){e=k(t,"Falsy values passed to classes will be disregarded.")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function yt(t){let e;return{c(){e=g("Name")},l(t){e=k(t,"Name")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function wt(t){let e;return{c(){e=g("Default")},l(t){e=k(t,"Default")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function bt(t){let e;return{c(){e=g("Type")},l(t){e=k(t,"Type")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function Ct(t){let e;return{c(){e=g("Description")},l(t){e=k(t,"Description")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function Dt(t){let e,n,$,r,c,m,u,g;return e=new L({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),u=new L({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment),m=i(),s(u.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),y(t,m,s),o(u,t,s),g=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function Ot(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("class")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=k(a,"class"),a.forEach(E),s.forEach(E)},m(t,s){y(t,e,s),w(e,n),w(n,$)},p:b,d(t){t&&E(e)}}}function Tt(t){let e,n;return{c(){e=u("code"),n=g("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"null"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function At(t){let e,n;return{c(){e=u("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"string"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function St(t){let e;return{c(){e=g("A class string to add to the component.")},l(t){e=k(t,"A class string to add to the component.")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function Rt(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment),m=i(),s(u.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),y(t,m,s),o(u,t,s),g=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function Nt(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("checkboxClass")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=k(a,"checkboxClass"),a.forEach(E),s.forEach(E)},m(t,s){y(t,e,s),w(e,n),w(n,$)},p:b,d(t){t&&E(e)}}}function Gt(t){let e,n;return{c(){e=u("code"),n=g("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"null"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function jt(t){let e,n;return{c(){e=u("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"string"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function Ft(t){let e,n,$,s;return{c(){e=g("A class string to add to the "),n=u("code"),$=g("CheckboxChip"),s=g(" components inside.")},l(t){e=k(t,"A class string to add to the "),n=h(t,"CODE",{});var a=x(n);$=k(a,"CheckboxChip"),a.forEach(E),s=k(t," components inside.")},m(t,a){y(t,e,a),y(t,n,a),w(n,$),y(t,s,a)},p:b,d(t){t&&E(e),t&&E(n),t&&E(s)}}}function Lt(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment),m=i(),s(u.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),y(t,m,s),o(u,t,s),g=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function Mt(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("labelClass")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=k(a,"labelClass"),a.forEach(E),s.forEach(E)},m(t,s){y(t,e,s),w(e,n),w(n,$)},p:b,d(t){t&&E(e)}}}function It(t){let e,n;return{c(){e=u("code"),n=g("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"null"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function Ht(t){let e,n;return{c(){e=u("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"string"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function Pt(t){let e,n,$,s,a,o,r;return{c(){e=g("A class string to add to the wrapping "),n=u("code"),$=g("<span>"),s=g(" around the chips' labels. If it's not specified, the "),a=u("code"),o=g("<span>"),r=g(" will not be added.")},l(t){e=k(t,"A class string to add to the wrapping "),n=h(t,"CODE",{});var c=x(n);$=k(c,"<span>"),c.forEach(E),s=k(t," around the chips' labels. If it's not specified, the "),a=h(t,"CODE",{});var p=x(a);o=k(p,"<span>"),p.forEach(E),r=k(t," will not be added.")},m(t,c){y(t,e,c),y(t,n,c),w(n,$),y(t,s,c),y(t,a,c),w(a,o),y(t,r,c)},p:b,d(t){t&&E(e),t&&E(n),t&&E(s),t&&E(a),t&&E(r)}}}function qt(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment),m=i(),s(u.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),y(t,m,s),o(u,t,s),g=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function Bt(t){let e,n,$,r,c,m,g,k,v,b;return n=new F({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),g=new F({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),v=new F({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){e=u("thead"),s(n.$$.fragment),$=i(),r=u("tbody"),s(c.$$.fragment),m=i(),s(g.$$.fragment),k=i(),s(v.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(E),$=d(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),m=d(o),a(g.$$.fragment,o),k=d(o),a(v.$$.fragment,o),o.forEach(E)},m(t,s){y(t,e,s),o(n,e,null),y(t,$,s),y(t,r,s),o(c,r,null),w(r,m),o(g,r,null),w(r,k),o(v,r,null),b=!0},p(t,e){const $={};4&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),g.$set(a);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),v.$set(o)},i(t){b||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),p(v.$$.fragment,t),b=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),f(v.$$.fragment,t),b=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(r),l(c),l(g),l(v)}}}function Kt(t){let e;return{c(){e=g("Events")},l(t){e=k(t,"Events")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function Ut(t){let e;return{c(){e=g("Name")},l(t){e=k(t,"Name")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function Vt(t){let e;return{c(){e=g("Event Detail")},l(t){e=k(t,"Event Detail")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function zt(t){let e;return{c(){e=g("Description")},l(t){e=k(t,"Description")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function Yt(t){let e,n,$,r,c,m;return e=new L({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function Wt(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("change")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=k(a,"change"),a.forEach(E),s.forEach(E)},m(t,s){y(t,e,s),w(e,n),w(n,$)},p:b,d(t){t&&E(e)}}}function _t(t){let e,n;return{c(){e=u("code"),n=g("{ value, checked, nativeEvent }")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"{ value, checked, nativeEvent }"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function Jt(t){let e,n,$,s,a,o,r,c,p,f,l,m,i,d,C,D;return{c(){e=g("Fired on selecting any chip in a group. The "),n=u("code"),$=g("value"),s=g(" contains the value that was passed to the checkbox (won't be stringified), "),a=u("code"),o=g("checked"),r=g(" is the state of the checkbox after the event and "),c=u("code"),p=g("nativeEvent"),f=g(" is the "),l=u("a"),m=g("native "),i=u("code"),d=g("change"),C=g(" event"),D=g(" of checkboxes."),this.h()},l(t){e=k(t,"Fired on selecting any chip in a group. The "),n=h(t,"CODE",{});var u=x(n);$=k(u,"value"),u.forEach(E),s=k(t," contains the value that was passed to the checkbox (won't be stringified), "),a=h(t,"CODE",{});var g=x(a);o=k(g,"checked"),g.forEach(E),r=k(t," is the state of the checkbox after the event and "),c=h(t,"CODE",{});var v=x(c);p=k(v,"nativeEvent"),v.forEach(E),f=k(t," is the "),l=h(t,"A",{href:!0,rel:!0});var y=x(l);m=k(y,"native "),i=h(y,"CODE",{});var w=x(i);d=k(w,"change"),w.forEach(E),C=k(y," event"),y.forEach(E),D=k(t," of checkboxes."),this.h()},h(){v(l,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),v(l,"rel","nofollow")},m(t,u){y(t,e,u),y(t,n,u),w(n,$),y(t,s,u),y(t,a,u),w(a,o),y(t,r,u),y(t,c,u),w(c,p),y(t,f,u),y(t,l,u),w(l,m),w(l,i),w(i,d),w(l,C),y(t,D,u)},p:b,d(t){t&&E(e),t&&E(n),t&&E(s),t&&E(a),t&&E(r),t&&E(c),t&&E(f),t&&E(l),t&&E(D)}}}function Qt(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function Xt(t){let e,n,$,r,c,m;return n=new F({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){e=u("thead"),s(n.$$.fragment),$=i(),r=u("tbody"),s(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(E),$=d(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),o.forEach(E)},m(t,s){y(t,e,s),o(n,e,null),y(t,$,s),y(t,r,s),o(c,r,null),m=!0},p(t,e){const $={};4&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(r),l(c)}}}function Zt(t){let e;return{c(){e=g("SCSS Variables")},l(t){e=k(t,"SCSS Variables")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function te(t){let e;return{c(){e=g("Name")},l(t){e=k(t,"Name")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function ee(t){let e;return{c(){e=g("Description")},l(t){e=k(t,"Description")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function ne(t){let e;return{c(){e=g("Default")},l(t){e=k(t,"Default")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function $e(t){let e,n,$,r,c,m;return e=new L({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function se(t){let e,n,$,s,a,o,r,c,p;return{c(){e=u("strong"),n=u("code"),$=g("$chip-bg"),s=i(),a=u("small"),o=g("From "),r=u("a"),c=u("code"),p=g("CheckboxChip"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=k(l,"$chip-bg"),l.forEach(E),f.forEach(E),s=d(t),a=h(t,"SMALL",{});var m=x(a);o=k(m,"From "),r=h(m,"A",{href:!0});var i=x(r);c=h(i,"CODE",{});var u=x(c);p=k(u,"CheckboxChip"),u.forEach(E),i.forEach(E),m.forEach(E),this.h()},h(){v(r,"href","./docs/components/checkbox-chip")},m(t,f){y(t,e,f),w(e,n),w(n,$),y(t,s,f),y(t,a,f),w(a,o),w(a,r),w(r,c),w(c,p)},p:b,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function ae(t){let e;return{c(){e=g("The background color of a non-outline chip.")},l(t){e=k(t,"The background color of a non-outline chip.")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function oe(t){let e,n;return e=new S({props:{value:"rgba(0, 0, 0, .08)"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p:b,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function re(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function ce(t){let e,n,$,s,a,o,r,c,p;return{c(){e=u("strong"),n=u("code"),$=g("$chip-fg"),s=i(),a=u("small"),o=g("From "),r=u("a"),c=u("code"),p=g("CheckboxChip"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=k(l,"$chip-fg"),l.forEach(E),f.forEach(E),s=d(t),a=h(t,"SMALL",{});var m=x(a);o=k(m,"From "),r=h(m,"A",{href:!0});var i=x(r);c=h(i,"CODE",{});var u=x(c);p=k(u,"CheckboxChip"),u.forEach(E),i.forEach(E),m.forEach(E),this.h()},h(){v(r,"href","./docs/components/checkbox-chip")},m(t,f){y(t,e,f),w(e,n),w(n,$),y(t,s,f),y(t,a,f),w(a,o),w(a,r),w(r,c),w(c,p)},p:b,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function pe(t){let e;return{c(){e=g("The text color of a chip.")},l(t){e=k(t,"The text color of a chip.")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function fe(t){let e,n;return e=new S({props:{value:"#656565"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p:b,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function le(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function me(t){let e,n,$,s,a,o,r,c,p;return{c(){e=u("strong"),n=u("code"),$=g("$chip-radius"),s=i(),a=u("small"),o=g("From "),r=u("a"),c=u("code"),p=g("CheckboxChip"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=k(l,"$chip-radius"),l.forEach(E),f.forEach(E),s=d(t),a=h(t,"SMALL",{});var m=x(a);o=k(m,"From "),r=h(m,"A",{href:!0});var i=x(r);c=h(i,"CODE",{});var u=x(c);p=k(u,"CheckboxChip"),u.forEach(E),i.forEach(E),m.forEach(E),this.h()},h(){v(r,"href","./docs/components/checkbox-chip")},m(t,f){y(t,e,f),w(e,n),w(n,$),y(t,s,f),y(t,a,f),w(a,o),w(a,r),w(r,c),w(c,p)},p:b,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function ie(t){let e;return{c(){e=g("The curvature radius of a chip.")},l(t){e=k(t,"The curvature radius of a chip.")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function ue(t){let e,n;return{c(){e=u("code"),n=g("1.5625em")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"1.5625em"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function ge(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function de(t){let e,n,$,s,a,o,r,c,p;return{c(){e=u("strong"),n=u("code"),$=g("$font"),s=i(),a=u("small"),o=g("From "),r=u("a"),c=u("code"),p=g("CheckboxChip"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=k(l,"$font"),l.forEach(E),f.forEach(E),s=d(t),a=h(t,"SMALL",{});var m=x(a);o=k(m,"From "),r=h(m,"A",{href:!0});var i=x(r);c=h(i,"CODE",{});var u=x(c);p=k(u,"CheckboxChip"),u.forEach(E),i.forEach(E),m.forEach(E),this.h()},h(){v(r,"href","./docs/components/checkbox-chip")},m(t,f){y(t,e,f),w(e,n),w(n,$),y(t,s,f),y(t,a,f),w(a,o),w(a,r),w(r,c),w(c,p)},p:b,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function he(t){let e;return{c(){e=g("The font of the chip text.")},l(t){e=k(t,"The font of the chip text.")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function xe(t){let e,n;return{c(){e=u("code"),n=g("'Ubuntu'")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"'Ubuntu'"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function ke(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function Ee(t){let e,n,$,s,a,o,r,c,p;return{c(){e=u("strong"),n=u("code"),$=g("$main"),s=i(),a=u("small"),o=g("From "),r=u("a"),c=u("code"),p=g("CheckboxChip"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=k(l,"$main"),l.forEach(E),f.forEach(E),s=d(t),a=h(t,"SMALL",{});var m=x(a);o=k(m,"From "),r=h(m,"A",{href:!0});var i=x(r);c=h(i,"CODE",{});var u=x(c);p=k(u,"CheckboxChip"),u.forEach(E),i.forEach(E),m.forEach(E),this.h()},h(){v(r,"href","./docs/components/checkbox-chip")},m(t,f){y(t,e,f),w(e,n),w(n,$),y(t,s,f),y(t,a,f),w(a,o),w(a,r),w(r,c),w(c,p)},p:b,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function ve(t){let e;return{c(){e=g("The border color of outline chips and the selection color.")},l(t){e=k(t,"The border color of outline chips and the selection color.")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function ye(t){let e,n;return e=new S({props:{value:"#4300B0"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p:b,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function we(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function be(t){let e,n,$,s,a,o,r,c,p;return{c(){e=u("strong"),n=u("code"),$=g("$bold-font-weight"),s=i(),a=u("small"),o=g("From "),r=u("a"),c=u("code"),p=g("CheckboxChip"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=k(l,"$bold-font-weight"),l.forEach(E),f.forEach(E),s=d(t),a=h(t,"SMALL",{});var m=x(a);o=k(m,"From "),r=h(m,"A",{href:!0});var i=x(r);c=h(i,"CODE",{});var u=x(c);p=k(u,"CheckboxChip"),u.forEach(E),i.forEach(E),m.forEach(E),this.h()},h(){v(r,"href","./docs/components/checkbox-chip")},m(t,f){y(t,e,f),w(e,n),w(n,$),y(t,s,f),y(t,a,f),w(a,o),w(a,r),w(r,c),w(c,p)},p:b,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function Ce(t){let e;return{c(){e=g("The bold font weight of the chips.")},l(t){e=k(t,"The bold font weight of the chips.")},m(t,n){y(t,e,n)},d(t){t&&E(e)}}}function De(t){let e,n;return{c(){e=u("code"),n=g("500")},l(t){e=h(t,"CODE",{});var $=x(e);n=k($,"500"),$.forEach(E)},m(t,$){y(t,e,$),w(e,n)},p:b,d(t){t&&E(e)}}}function Oe(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function Te(t){let e,n,$,r,c,m,g,k,v,b,C,D,O,T,A,S;return n=new F({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),g=new F({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),v=new F({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),C=new F({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),O=new F({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),A=new F({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),{c(){e=u("thead"),s(n.$$.fragment),$=i(),r=u("tbody"),s(c.$$.fragment),m=i(),s(g.$$.fragment),k=i(),s(v.$$.fragment),b=i(),s(C.$$.fragment),D=i(),s(O.$$.fragment),T=i(),s(A.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(E),$=d(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),m=d(o),a(g.$$.fragment,o),k=d(o),a(v.$$.fragment,o),b=d(o),a(C.$$.fragment,o),D=d(o),a(O.$$.fragment,o),T=d(o),a(A.$$.fragment,o),o.forEach(E)},m(t,s){y(t,e,s),o(n,e,null),y(t,$,s),y(t,r,s),o(c,r,null),w(r,m),o(g,r,null),w(r,k),o(v,r,null),w(r,b),o(C,r,null),w(r,D),o(O,r,null),w(r,T),o(A,r,null),S=!0},p(t,e){const $={};4&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),g.$set(a);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),v.$set(o);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),C.$set(r);const p={};4&e&&(p.$$scope={dirty:e,ctx:t}),O.$set(p);const f={};4&e&&(f.$$scope={dirty:e,ctx:t}),A.$set(f)},i(t){S||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),p(v.$$.fragment,t),p(C.$$.fragment,t),p(O.$$.fragment,t),p(A.$$.fragment,t),S=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),f(v.$$.fragment,t),f(C.$$.fragment,t),f(O.$$.fragment,t),f(A.$$.fragment,t),S=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(r),l(c),l(g),l(v),l(C),l(O),l(A)}}}function Ae(t){let e,n,$,r,c,m,b,C,T,S,F,L,M,z,Y,W,_,J,Q,X,Z,tt,et,nt,$t,st,at,ot,rt,ct,pt,ft,lt,mt,it;return e=new D({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),$=new O({props:{$$slots:{default:[H]},$$scope:{ctx:t}}}),c=new O({props:{$$slots:{default:[P]},$$scope:{ctx:t}}}),b=new R({props:{components:Ge}}),T=new A({props:{$$slots:{source:[B],showcase:[q]},$$scope:{ctx:t}}}),F=new N({props:{id:"properties",$$slots:{default:[K]},$$scope:{ctx:t}}}),M=new O({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),Y=new G({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),_=new j({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),tt=new G({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),nt=new O({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),st=new j({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),ot=new N({props:{id:"events",$$slots:{default:[Kt]},$$scope:{ctx:t}}}),ct=new j({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),ft=new N({props:{id:"scss-variables",$$slots:{default:[Zt]},$$scope:{ctx:t}}}),mt=new j({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),r=i(),s(c.$$.fragment),m=i(),s(b.$$.fragment),C=i(),s(T.$$.fragment),S=i(),s(F.$$.fragment),L=i(),s(M.$$.fragment),z=i(),s(Y.$$.fragment),W=i(),s(_.$$.fragment),J=i(),Q=u("div"),X=g("* Required"),Z=i(),s(tt.$$.fragment),et=i(),s(nt.$$.fragment),$t=i(),s(st.$$.fragment),at=i(),s(ot.$$.fragment),rt=i(),s(ct.$$.fragment),pt=i(),s(ft.$$.fragment),lt=i(),s(mt.$$.fragment),this.h()},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(b.$$.fragment,t),C=d(t),a(T.$$.fragment,t),S=d(t),a(F.$$.fragment,t),L=d(t),a(M.$$.fragment,t),z=d(t),a(Y.$$.fragment,t),W=d(t),a(_.$$.fragment,t),J=d(t),Q=h(t,"DIV",{class:!0});var s=x(Q);X=k(s,"* Required"),s.forEach(E),Z=d(t),a(tt.$$.fragment,t),et=d(t),a(nt.$$.fragment,t),$t=d(t),a(st.$$.fragment,t),at=d(t),a(ot.$$.fragment,t),rt=d(t),a(ct.$$.fragment,t),pt=d(t),a(ft.$$.fragment,t),lt=d(t),a(mt.$$.fragment,t),this.h()},h(){v(Q,"class","required")},m(t,s){o(e,t,s),y(t,n,s),o($,t,s),y(t,r,s),o(c,t,s),y(t,m,s),o(b,t,s),y(t,C,s),o(T,t,s),y(t,S,s),o(F,t,s),y(t,L,s),o(M,t,s),y(t,z,s),o(Y,t,s),y(t,W,s),o(_,t,s),y(t,J,s),y(t,Q,s),w(Q,X),y(t,Z,s),o(tt,t,s),y(t,et,s),o(nt,t,s),y(t,$t,s),o(st,t,s),y(t,at,s),o(ot,t,s),y(t,rt,s),o(ct,t,s),y(t,pt,s),o(ft,t,s),y(t,lt,s),o(mt,t,s),it=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),T.$set(r);const p={};4&n&&(p.$$scope={dirty:n,ctx:t}),F.$set(p);const f={};4&n&&(f.$$scope={dirty:n,ctx:t}),M.$set(f);const l={};4&n&&(l.$$scope={dirty:n,ctx:t}),Y.$set(l);const m={};4&n&&(m.$$scope={dirty:n,ctx:t}),_.$set(m);const i={};4&n&&(i.$$scope={dirty:n,ctx:t}),tt.$set(i);const u={};4&n&&(u.$$scope={dirty:n,ctx:t}),nt.$set(u);const g={};4&n&&(g.$$scope={dirty:n,ctx:t}),st.$set(g);const d={};4&n&&(d.$$scope={dirty:n,ctx:t}),ot.$set(d);const h={};4&n&&(h.$$scope={dirty:n,ctx:t}),ct.$set(h);const x={};4&n&&(x.$$scope={dirty:n,ctx:t}),ft.$set(x);const k={};4&n&&(k.$$scope={dirty:n,ctx:t}),mt.$set(k)},i(t){it||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(b.$$.fragment,t),p(T.$$.fragment,t),p(F.$$.fragment,t),p(M.$$.fragment,t),p(Y.$$.fragment,t),p(_.$$.fragment,t),p(tt.$$.fragment,t),p(nt.$$.fragment,t),p(st.$$.fragment,t),p(ot.$$.fragment,t),p(ct.$$.fragment,t),p(ft.$$.fragment,t),p(mt.$$.fragment,t),it=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(b.$$.fragment,t),f(T.$$.fragment,t),f(F.$$.fragment,t),f(M.$$.fragment,t),f(Y.$$.fragment,t),f(_.$$.fragment,t),f(tt.$$.fragment,t),f(nt.$$.fragment,t),f(st.$$.fragment,t),f(ot.$$.fragment,t),f(ct.$$.fragment,t),f(ft.$$.fragment,t),f(mt.$$.fragment,t),it=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(b,t),t&&E(C),l(T,t),t&&E(S),l(F,t),t&&E(L),l(M,t),t&&E(z),l(Y,t),t&&E(W),l(_,t),t&&E(J),t&&E(Q),t&&E(Z),l(tt,t),t&&E(et),l(nt,t),t&&E($t),l(st,t),t&&E(at),l(ot,t),t&&E(rt),l(ct,t),t&&E(pt),l(ft,t),t&&E(lt),l(mt,t)}}}function Se(t){let e,n;const m=[t[1],Re];let i={$$slots:{default:[Ae]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=$(i,m[t]);return e=new C({props:i}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p(t,[n]){const $=2&n?r(m,[2&n&&c(t[1]),0&n&&c(Re)]):{};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}const Re={name:"CheckboxChipGroup",relatedComponents:[{name:"Chip",link:"./docs/components/chip"},{name:"RadioChip",link:"./docs/components/radio-chip"},{name:"RadioChipGroup",link:"./docs/components/radio-chip-group"},{name:"CheckboxChip",link:"./docs/components/checkbox-chip"}]},{name:Ne,relatedComponents:Ge}=Re;function je(t,e,n){return t.$$set=t=>{n(1,e=$($({},e),m(t)))},[[{value:1,label:"option 1",checked:!0},{value:1.5,label:"option 1.5",disabled:!0},{value:2,label:"option 2"}],e=m(e)]}class Fe extends t{constructor(t){super(),e(this,t,je,Se,n,{})}}export{Fe as default,Re as metadata};
diff --git a/376/client/legacy/checkbox-chip.757922da.js b/376/client/legacy/checkbox-chip.757922da.js
new file mode 100644
index 000000000..472311a6c
--- /dev/null
+++ b/376/client/legacy/checkbox-chip.757922da.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as r,l as s,m as o,U as a,a0 as c,t as f,p,q as l,L as m,u as g,h as i,v as u,w as d,k as h,b as x,x as w,d as E,e as y,f as v,g as k,n as C}from"./client.583c6e60.js";import{L as D,H as b,P as O}from"./layout.47c81311.js";import{C as T}from"./checkbox-chip.9da5c209.js";import{S}from"./showcase.759e7149.js";import{C as N}from"./color-preview.9db6af61.js";import{R}from"./related-components.9fddec4f.js";import{H as A}from"./h2.0da05151.js";import{H as G}from"./h3.c9a49f62.js";import{T as j,a as P,b as M,c as H}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./button.863c0adf.js";import"./card.113fcab4.js";function I(t){let e;return{c(){e=u("CheckboxChip")},l(t){e=w(t,"CheckboxChip")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function U(t){let e;return{c(){e=u("An option to select in an inline fashion, as opposed to regular checkboxes.")},l(t){e=w(t,"An option to select in an inline fashion, as opposed to regular checkboxes.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function B(t){let e,$,n,r,s,o;return{c(){e=u("If you don't need too much customization, consider using "),$=i("a"),n=i("mark"),r=i("code"),s=u("CheckboxChipGroup"),o=u(", which offers a nice way to generate lists of options."),this.h()},l(t){e=w(t,"If you don't need too much customization, consider using "),$=h(t,"A",{href:!0});var a=x($);n=h(a,"MARK",{});var c=x(n);r=h(c,"CODE",{});var f=x(r);s=w(f,"CheckboxChipGroup"),f.forEach(E),c.forEach(E),a.forEach(E),o=w(t,", which offers a nice way to generate lists of options."),this.h()},h(){y($,"href","./docs/components/checkbox-chip-group")},m(t,a){v(t,e,a),v(t,$,a),k($,n),k(n,r),k(r,s),v(t,o,a)},p:C,d(t){t&&E(e),t&&E($),t&&E(o)}}}function q(t){let e;return{c(){e=u("opt 1")},l(t){e=w(t,"opt 1")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function F(t){let e;return{c(){e=u("opt 2")},l(t){e=w(t,"opt 2")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function L(t){let e,$,n,a,c,m,u;return $=new T({props:{value:"wrong",name:"selection",outline:!0,$$slots:{default:[q]},$$scope:{ctx:t}}}),a=new T({props:{value:"right",name:"selection",small:!0,$$slots:{default:[F]},$$scope:{ctx:t}}}),m=new T({props:{value:"opt 3",name:"selection"}}),{c(){e=i("div"),r($.$$.fragment),n=g(),r(a.$$.fragment),c=g(),r(m.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var r=x(e);s($.$$.fragment,r),n=d(r),s(a.$$.fragment,r),c=d(r),s(m.$$.fragment,r),r.forEach(E),this.h()},h(){y(e,"slot","showcase"),y(e,"class","padded svelte-er5vl1")},m(t,r){v(t,e,r),o($,e,null),k(e,n),o(a,e,null),k(e,c),o(m,e,null),u=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),a.$set(r)},i(t){u||(f($.$$.fragment,t),f(a.$$.fragment,t),f(m.$$.fragment,t),u=!0)},o(t){p($.$$.fragment,t),p(a.$$.fragment,t),p(m.$$.fragment,t),u=!1},d(t){t&&E(e),l($),l(a),l(m)}}}function V(t){let e,$;return{c(){e=i("div"),$=i("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var n=x(e);$=h(n,"PRE",{class:!0}),x($).forEach(E),n.forEach(E),this.h()},h(){y($,"class","language-svelte"),y(e,"slot","source")},m(t,n){v(t,e,n),k(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckboxChip</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>wrong<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>selection<span class="token punctuation">"</span></span> <span class="token attr-name">outline</span><span class="token punctuation">></span></span>opt 1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>CheckboxChip</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckboxChip</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>right<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>selection<span class="token punctuation">"</span></span> <span class="token attr-name">small</span><span class="token punctuation">></span></span>opt 2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>CheckboxChip</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckboxChip</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>opt 3<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>selection<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code>'},p:C,d(t){t&&E(e)}}}function z(t){let e;return{c(){e=u("Properties")},l(t){e=w(t,"Properties")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function W(t){let e;return{c(){e=u("Style Properties")},l(t){e=w(t,"Style Properties")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Y(t){let e;return{c(){e=u("Name")},l(t){e=w(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function K(t){let e;return{c(){e=u("Default")},l(t){e=w(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function _(t){let e;return{c(){e=u("Type")},l(t){e=w(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function J(t){let e;return{c(){e=u("Description")},l(t){e=w(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Q(t){let e,$,n,a,c,m,i,u;return e=new M({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),i=new M({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function X(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("small")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"small"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function Z(t){let e,$;return{c(){e=i("code"),$=u("false")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"false"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function tt(t){let e,$;return{c(){e=i("code"),$=u("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"boolean"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function et(t){let e;return{c(){e=u("Makes the chip smaller.")},l(t){e=w(t,"Makes the chip smaller.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function $t(t){let e,$,n,a,c,m,i,u;return e=new H({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function nt(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("outline")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"outline"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function rt(t){let e,$;return{c(){e=i("code"),$=u("false")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"false"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function st(t){let e,$;return{c(){e=i("code"),$=u("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"boolean"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function ot(t){let e;return{c(){e=u("Adds a border to the chip instead of the background.")},l(t){e=w(t,"Adds a border to the chip instead of the background.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function at(t){let e,$,n,a,c,m,i,u;return e=new H({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function ct(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("noPadding")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"noPadding"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function ft(t){let e,$;return{c(){e=i("code"),$=u("false")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"false"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function pt(t){let e,$;return{c(){e=i("code"),$=u("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"boolean"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function lt(t){let e;return{c(){e=u("Clears the internal padding. Useful if you want to handle spacing yourself.")},l(t){e=w(t,"Clears the internal padding. Useful if you want to handle spacing yourself.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function mt(t){let e,$,n,a,c,m,i,u;return e=new H({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function gt(t){let e,$,n,a,c,m,u,w,y,C;return $=new P({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),y=new P({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){e=i("thead"),r($.$$.fragment),n=g(),a=i("tbody"),r(c.$$.fragment),m=g(),r(u.$$.fragment),w=g(),r(y.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(E),n=d(t),a=h(t,"TBODY",{});var o=x(a);s(c.$$.fragment,o),m=d(o),s(u.$$.fragment,o),w=d(o),s(y.$$.fragment,o),o.forEach(E)},m(t,r){v(t,e,r),o($,e,null),v(t,n,r),v(t,a,r),o(c,a,null),k(a,m),o(u,a,null),k(a,w),o(y,a,null),C=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),u.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),y.$set(o)},i(t){C||(f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(y.$$.fragment,t),C=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(y.$$.fragment,t),C=!1},d(t){t&&E(e),l($),t&&E(n),t&&E(a),l(c),l(u),l(y)}}}function it(t){let e;return{c(){e=u("Functional Properties")},l(t){e=w(t,"Functional Properties")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function ut(t){let e;return{c(){e=u("Name")},l(t){e=w(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function dt(t){let e;return{c(){e=u("Default")},l(t){e=w(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function ht(t){let e;return{c(){e=u("Type")},l(t){e=w(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function xt(t){let e;return{c(){e=u("Description")},l(t){e=w(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function wt(t){let e,$,n,a,c,m,i,u;return e=new M({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),i=new M({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function Et(t){let e,$,n,r,s,o,a;return{c(){e=i("mark"),$=i("strong"),n=i("code"),r=u("value"),s=u(" "),o=i("span"),a=u("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);n=h(f,"CODE",{});var p=x(n);r=w(p,"value"),p.forEach(E),f.forEach(E),c.forEach(E),s=w(t," "),o=h(t,"SPAN",{class:!0});var l=x(o);a=w(l,"*"),l.forEach(E),this.h()},h(){y(o,"class","required")},m(t,c){v(t,e,c),k(e,$),k($,n),k(n,r),v(t,s,c),v(t,o,c),k(o,a)},p:C,d(t){t&&E(e),t&&E(s),t&&E(o)}}}function yt(t){let e,$;return{c(){e=i("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function vt(t){let e,$,n,r,s,o;return{c(){e=u("The value of this checkbox. Check "),$=i("a"),n=u("MDN Docs"),r=u(" for more information. "),s=i("br"),o=u(" Included in events unaltered (won't be stringified if not a string)."),this.h()},l(t){e=w(t,"The value of this checkbox. Check "),$=h(t,"A",{href:!0,rel:!0});var a=x($);n=w(a,"MDN Docs"),a.forEach(E),r=w(t," for more information. "),s=h(t,"BR",{}),o=w(t," Included in events unaltered (won't be stringified if not a string)."),this.h()},h(){y($,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Value"),y($,"rel","nofollow")},m(t,a){v(t,e,a),v(t,$,a),k($,n),v(t,r,a),v(t,s,a),v(t,o,a)},p:C,d(t){t&&E(e),t&&E($),t&&E(r),t&&E(s),t&&E(o)}}}function kt(t){let e,$,n,a,c,m,i,u;return e=new H({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),n=new H({}),c=new H({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),i.$set(s)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function Ct(t){let e,$,n,r,s,o,a;return{c(){e=i("mark"),$=i("strong"),n=i("code"),r=u("name"),s=u(" "),o=i("span"),a=u("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);n=h(f,"CODE",{});var p=x(n);r=w(p,"name"),p.forEach(E),f.forEach(E),c.forEach(E),s=w(t," "),o=h(t,"SPAN",{class:!0});var l=x(o);a=w(l,"*"),l.forEach(E),this.h()},h(){y(o,"class","required")},m(t,c){v(t,e,c),k(e,$),k($,n),k(n,r),v(t,s,c),v(t,o,c),k(o,a)},p:C,d(t){t&&E(e),t&&E(s),t&&E(o)}}}function Dt(t){let e,$;return{c(){e=i("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function bt(t){let e,$,n,r;return{c(){e=u("The name of the group to relate this checkbox chip to. Check "),$=i("a"),n=u("MDN docs"),r=u(" for more information."),this.h()},l(t){e=w(t,"The name of the group to relate this checkbox chip to. Check "),$=h(t,"A",{href:!0,rel:!0});var s=x($);n=w(s,"MDN docs"),s.forEach(E),r=w(t," for more information."),this.h()},h(){y($,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname"),y($,"rel","nofollow")},m(t,s){v(t,e,s),v(t,$,s),k($,n),v(t,r,s)},p:C,d(t){t&&E(e),t&&E($),t&&E(r)}}}function Ot(t){let e,$,n,a,c,m,i,u;return e=new H({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),n=new H({}),c=new H({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),i.$set(s)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function Tt(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("checked")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"checked"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function St(t){let e,$;return{c(){e=i("code"),$=u("false")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"false"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function Nt(t){let e,$;return{c(){e=i("code"),$=u("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"boolean"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function Rt(t){let e;return{c(){e=u("Whether the chip is selected or not.")},l(t){e=w(t,"Whether the chip is selected or not.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function At(t){let e,$,n,a,c,m,i,u;return e=new H({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function Gt(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("disabled")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"disabled"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function jt(t){let e,$;return{c(){e=i("code"),$=u("false")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"false"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function Pt(t){let e,$;return{c(){e=i("code"),$=u("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"boolean"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function Mt(t){let e;return{c(){e=u("Disables the chip and disallows selection.")},l(t){e=w(t,"Disables the chip and disallows selection.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Ht(t){let e,$,n,a,c,m,i,u;return e=new H({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function It(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("title")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"title"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function Ut(t){let e,$;return{c(){e=i("code"),$=u("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function Bt(t){let e,$;return{c(){e=i("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function qt(t){let e;return{c(){e=u("The tooltip to give to a chip.")},l(t){e=w(t,"The tooltip to give to a chip.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Ft(t){let e,$,n,a,c,m,i,u;return e=new H({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function Lt(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("...")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"..."),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function Vt(t){let e,$;return{c(){e=i("code"),$=u("any")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"any"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function zt(t){let e,$,n,r;return{c(){e=u("Everything else will be passed to the underlying "),$=i("code"),n=u("<input>"),r=u(" element.")},l(t){e=w(t,"Everything else will be passed to the underlying "),$=h(t,"CODE",{});var s=x($);n=w(s,"<input>"),s.forEach(E),r=w(t," element.")},m(t,s){v(t,e,s),v(t,$,s),k($,n),v(t,r,s)},p:C,d(t){t&&E(e),t&&E($),t&&E(r)}}}function Wt(t){let e,$,n,a,c,m,i,u;return e=new H({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),n=new H({}),c=new H({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),i.$set(s)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function Yt(t){let e,$,n,a,c,m,u,w,y,C,D,b,O,T,S,N;return $=new P({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),y=new P({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),D=new P({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),O=new P({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),S=new P({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){e=i("thead"),r($.$$.fragment),n=g(),a=i("tbody"),r(c.$$.fragment),m=g(),r(u.$$.fragment),w=g(),r(y.$$.fragment),C=g(),r(D.$$.fragment),b=g(),r(O.$$.fragment),T=g(),r(S.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(E),n=d(t),a=h(t,"TBODY",{});var o=x(a);s(c.$$.fragment,o),m=d(o),s(u.$$.fragment,o),w=d(o),s(y.$$.fragment,o),C=d(o),s(D.$$.fragment,o),b=d(o),s(O.$$.fragment,o),T=d(o),s(S.$$.fragment,o),o.forEach(E)},m(t,r){v(t,e,r),o($,e,null),v(t,n,r),v(t,a,r),o(c,a,null),k(a,m),o(u,a,null),k(a,w),o(y,a,null),k(a,C),o(D,a,null),k(a,b),o(O,a,null),k(a,T),o(S,a,null),N=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),u.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),y.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),D.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),O.$set(f);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),S.$set(p)},i(t){N||(f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(y.$$.fragment,t),f(D.$$.fragment,t),f(O.$$.fragment,t),f(S.$$.fragment,t),N=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(y.$$.fragment,t),p(D.$$.fragment,t),p(O.$$.fragment,t),p(S.$$.fragment,t),N=!1},d(t){t&&E(e),l($),t&&E(n),t&&E(a),l(c),l(u),l(y),l(D),l(O),l(S)}}}function Kt(t){let e;return{c(){e=u("Class Properties")},l(t){e=w(t,"Class Properties")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function _t(t){let e,$,n,r,s,o,a,c,f,p;return{c(){e=u("All "),$=i("code"),n=u("<CheckboxChip>"),r=u(" components use the "),s=i("code"),o=u(".input-chip"),a=u(" and "),c=i("code"),f=u(".checkbox-chip"),p=u(" classes.")},l(t){e=w(t,"All "),$=h(t,"CODE",{});var l=x($);n=w(l,"<CheckboxChip>"),l.forEach(E),r=w(t," components use the "),s=h(t,"CODE",{});var m=x(s);o=w(m,".input-chip"),m.forEach(E),a=w(t," and "),c=h(t,"CODE",{});var g=x(c);f=w(g,".checkbox-chip"),g.forEach(E),p=w(t," classes.")},m(t,l){v(t,e,l),v(t,$,l),k($,n),v(t,r,l),v(t,s,l),k(s,o),v(t,a,l),v(t,c,l),k(c,f),v(t,p,l)},p:C,d(t){t&&E(e),t&&E($),t&&E(r),t&&E(s),t&&E(a),t&&E(c),t&&E(p)}}}function Jt(t){let e;return{c(){e=u("Falsy values passed to classes will be disregarded.")},l(t){e=w(t,"Falsy values passed to classes will be disregarded.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Qt(t){let e;return{c(){e=u("Name")},l(t){e=w(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Xt(t){let e;return{c(){e=u("Default")},l(t){e=w(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Zt(t){let e;return{c(){e=u("Type")},l(t){e=w(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function te(t){let e;return{c(){e=u("Description")},l(t){e=w(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function ee(t){let e,$,n,a,c,m,i,u;return e=new M({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),i=new M({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function $e(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("class")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"class"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function ne(t){let e,$;return{c(){e=i("code"),$=u("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function re(t){let e,$;return{c(){e=i("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function se(t){let e;return{c(){e=u("A class string to add to the component.")},l(t){e=w(t,"A class string to add to the component.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function oe(t){let e,$,n,a,c,m,i,u;return e=new H({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function ae(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("inputClass")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"inputClass"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function ce(t){let e,$;return{c(){e=i("code"),$=u("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function fe(t){let e,$;return{c(){e=i("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function pe(t){let e,$,n,r;return{c(){e=u("A class string to add to the "),$=i("code"),n=u("<input>"),r=u(" element.")},l(t){e=w(t,"A class string to add to the "),$=h(t,"CODE",{});var s=x($);n=w(s,"<input>"),s.forEach(E),r=w(t," element.")},m(t,s){v(t,e,s),v(t,$,s),k($,n),v(t,r,s)},p:C,d(t){t&&E(e),t&&E($),t&&E(r)}}}function le(t){let e,$,n,a,c,m,i,u;return e=new H({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function me(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("chipClass")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"chipClass"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function ge(t){let e,$;return{c(){e=i("code"),$=u("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function ie(t){let e,$;return{c(){e=i("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function ue(t){let e;return{c(){e=u("A class string to add to the underlying Chip element.")},l(t){e=w(t,"A class string to add to the underlying Chip element.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function de(t){let e,$,n,a,c,m,i,u;return e=new H({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(i,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),u=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(i,t)}}}function he(t){let e,$,n,a,c,m,u,w,y,C;return $=new P({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),y=new P({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),{c(){e=i("thead"),r($.$$.fragment),n=g(),a=i("tbody"),r(c.$$.fragment),m=g(),r(u.$$.fragment),w=g(),r(y.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(E),n=d(t),a=h(t,"TBODY",{});var o=x(a);s(c.$$.fragment,o),m=d(o),s(u.$$.fragment,o),w=d(o),s(y.$$.fragment,o),o.forEach(E)},m(t,r){v(t,e,r),o($,e,null),v(t,n,r),v(t,a,r),o(c,a,null),k(a,m),o(u,a,null),k(a,w),o(y,a,null),C=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),u.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),y.$set(o)},i(t){C||(f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(y.$$.fragment,t),C=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(y.$$.fragment,t),C=!1},d(t){t&&E(e),l($),t&&E(n),t&&E(a),l(c),l(u),l(y)}}}function xe(t){let e;return{c(){e=u("Events")},l(t){e=w(t,"Events")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function we(t){let e;return{c(){e=u("Name")},l(t){e=w(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Ee(t){let e;return{c(){e=u("Event Detail")},l(t){e=w(t,"Event Detail")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function ye(t){let e;return{c(){e=u("Description")},l(t){e=w(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function ve(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t)}}}function ke(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("change")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"change"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function Ce(t){let e,$;return{c(){e=i("code"),$=u("{ value, checked, nativeEvent }")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"{ value, checked, nativeEvent }"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function De(t){let e,$,n,r,s,o,a,c,f,p,l,m,g,d,D,b;return{c(){e=u("Fired on selecting this chip in a group. The "),$=i("code"),n=u("value"),r=u(" contains the value that was passed to the checkbox (won't be stringified), "),s=i("code"),o=u("checked"),a=u(" is the state of the checkbox after the event and "),c=i("code"),f=u("nativeEvent"),p=u(" is the "),l=i("a"),m=u("native "),g=i("code"),d=u("change"),D=u(" event"),b=u(" of checkboxes."),this.h()},l(t){e=w(t,"Fired on selecting this chip in a group. The "),$=h(t,"CODE",{});var i=x($);n=w(i,"value"),i.forEach(E),r=w(t," contains the value that was passed to the checkbox (won't be stringified), "),s=h(t,"CODE",{});var u=x(s);o=w(u,"checked"),u.forEach(E),a=w(t," is the state of the checkbox after the event and "),c=h(t,"CODE",{});var y=x(c);f=w(y,"nativeEvent"),y.forEach(E),p=w(t," is the "),l=h(t,"A",{href:!0,rel:!0});var v=x(l);m=w(v,"native "),g=h(v,"CODE",{});var k=x(g);d=w(k,"change"),k.forEach(E),D=w(v," event"),v.forEach(E),b=w(t," of checkboxes."),this.h()},h(){y(l,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),y(l,"rel","nofollow")},m(t,i){v(t,e,i),v(t,$,i),k($,n),v(t,r,i),v(t,s,i),k(s,o),v(t,a,i),v(t,c,i),k(c,f),v(t,p,i),v(t,l,i),k(l,m),k(l,g),k(g,d),k(l,D),v(t,b,i)},p:C,d(t){t&&E(e),t&&E($),t&&E(r),t&&E(s),t&&E(a),t&&E(c),t&&E(p),t&&E(l),t&&E(b)}}}function be(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t)}}}function Oe(t){let e,$,n,a,c,m;return $=new P({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),{c(){e=i("thead"),r($.$$.fragment),n=g(),a=i("tbody"),r(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(E),n=d(t),a=h(t,"TBODY",{});var o=x(a);s(c.$$.fragment,o),o.forEach(E)},m(t,r){v(t,e,r),o($,e,null),v(t,n,r),v(t,a,r),o(c,a,null),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r)},i(t){m||(f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&E(e),l($),t&&E(n),t&&E(a),l(c)}}}function Te(t){let e;return{c(){e=u("Slots")},l(t){e=w(t,"Slots")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Se(t){let e;return{c(){e=u("Default slot")},l(t){e=w(t,"Default slot")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Ne(t){let e;return{c(){e=u("The content of the chip. Contains the string representation of the value by default.")},l(t){e=w(t,"The content of the chip. Contains the string representation of the value by default.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Re(t){let e;return{c(){e=u("SCSS Variables")},l(t){e=w(t,"SCSS Variables")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Ae(t){let e;return{c(){e=u("Name")},l(t){e=w(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Ge(t){let e;return{c(){e=u("Description")},l(t){e=w(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function je(t){let e;return{c(){e=u("Default")},l(t){e=w(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Pe(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t)}}}function Me(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("$chip-bg")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"$chip-bg"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function He(t){let e;return{c(){e=u("The background color of a non-outline chip.")},l(t){e=w(t,"The background color of a non-outline chip.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Ie(t){let e,$;return e=new N({props:{value:"rgba(0, 0, 0, .08)"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:C,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function Ue(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t)}}}function Be(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("$chip-fg")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"$chip-fg"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function qe(t){let e;return{c(){e=u("The text color of a chip.")},l(t){e=w(t,"The text color of a chip.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Fe(t){let e,$;return e=new N({props:{value:"#656565"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:C,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function Le(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t)}}}function Ve(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("$chip-radius")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"$chip-radius"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function ze(t){let e;return{c(){e=u("The curvature radius of a chip.")},l(t){e=w(t,"The curvature radius of a chip.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function We(t){let e,$;return{c(){e=i("code"),$=u("1.5625em")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"1.5625em"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function Ye(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t)}}}function Ke(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("$font")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"$font"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function _e(t){let e;return{c(){e=u("The font of the chip text.")},l(t){e=w(t,"The font of the chip text.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function Je(t){let e,$;return{c(){e=i("code"),$=u("'Ubuntu'")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"'Ubuntu'"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function Qe(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t)}}}function Xe(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("$main")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"$main"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function Ze(t){let e;return{c(){e=u("The border color of outline chips and the selection color.")},l(t){e=w(t,"The border color of outline chips and the selection color.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function t$(t){let e,$;return e=new N({props:{value:"#4300B0"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:C,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function e$(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ze]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t)}}}function $$(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=u("$bold-font-weight")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"$bold-font-weight"),s.forEach(E),r.forEach(E)},m(t,r){v(t,e,r),k(e,$),k($,n)},p:C,d(t){t&&E(e)}}}function n$(t){let e;return{c(){e=u("The bold font weight of the chips.")},l(t){e=w(t,"The bold font weight of the chips.")},m(t,$){v(t,e,$)},d(t){t&&E(e)}}}function r$(t){let e,$;return{c(){e=i("code"),$=u("500")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"500"),n.forEach(E)},m(t,n){v(t,e,n),k(e,$)},p:C,d(t){t&&E(e)}}}function s$(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[n$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[r$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t)}}}function o$(t){let e,$,n,a,c,m,u,w,y,C,D,b,O,T,S,N;return $=new P({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),y=new P({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),D=new P({props:{$$slots:{default:[Qe]},$$scope:{ctx:t}}}),O=new P({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),S=new P({props:{$$slots:{default:[s$]},$$scope:{ctx:t}}}),{c(){e=i("thead"),r($.$$.fragment),n=g(),a=i("tbody"),r(c.$$.fragment),m=g(),r(u.$$.fragment),w=g(),r(y.$$.fragment),C=g(),r(D.$$.fragment),b=g(),r(O.$$.fragment),T=g(),r(S.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(E),n=d(t),a=h(t,"TBODY",{});var o=x(a);s(c.$$.fragment,o),m=d(o),s(u.$$.fragment,o),w=d(o),s(y.$$.fragment,o),C=d(o),s(D.$$.fragment,o),b=d(o),s(O.$$.fragment,o),T=d(o),s(S.$$.fragment,o),o.forEach(E)},m(t,r){v(t,e,r),o($,e,null),v(t,n,r),v(t,a,r),o(c,a,null),k(a,m),o(u,a,null),k(a,w),o(y,a,null),k(a,C),o(D,a,null),k(a,b),o(O,a,null),k(a,T),o(S,a,null),N=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),u.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),y.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),D.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),O.$set(f);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),S.$set(p)},i(t){N||(f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(y.$$.fragment,t),f(D.$$.fragment,t),f(O.$$.fragment,t),f(S.$$.fragment,t),N=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(y.$$.fragment,t),p(D.$$.fragment,t),p(O.$$.fragment,t),p(S.$$.fragment,t),N=!1},d(t){t&&E(e),l($),t&&E(n),t&&E(a),l(c),l(u),l(y),l(D),l(O),l(S)}}}function a$(t){let e,$,n,a,c,m,C,D,T,N,P,M,H,q,F,Y,K,_,J,Q,X,Z,tt,et,$t,nt,rt,st,ot,at,ct,ft,pt,lt,mt,ut,dt,ht,xt,wt,Et,yt,vt,kt,Ct;return e=new b({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),n=new O({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),c=new O({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),C=new R({props:{components:l$}}),T=new S({props:{$$slots:{source:[V],showcase:[L]},$$scope:{ctx:t}}}),P=new A({props:{id:"properties",$$slots:{default:[z]},$$scope:{ctx:t}}}),H=new G({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),F=new j({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),K=new G({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),J=new j({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),et=new G({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),nt=new O({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),st=new O({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),at=new j({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),ft=new A({props:{id:"events",$$slots:{default:[xe]},$$scope:{ctx:t}}}),lt=new j({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),ut=new A({props:{id:"slots",$$slots:{default:[Te]},$$scope:{ctx:t}}}),ht=new G({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),wt=new O({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),yt=new A({props:{id:"scss-variables",$$slots:{default:[Re]},$$scope:{ctx:t}}}),kt=new j({props:{$$slots:{default:[o$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(C.$$.fragment),D=g(),r(T.$$.fragment),N=g(),r(P.$$.fragment),M=g(),r(H.$$.fragment),q=g(),r(F.$$.fragment),Y=g(),r(K.$$.fragment),_=g(),r(J.$$.fragment),Q=g(),X=i("div"),Z=u("* Required"),tt=g(),r(et.$$.fragment),$t=g(),r(nt.$$.fragment),rt=g(),r(st.$$.fragment),ot=g(),r(at.$$.fragment),ct=g(),r(ft.$$.fragment),pt=g(),r(lt.$$.fragment),mt=g(),r(ut.$$.fragment),dt=g(),r(ht.$$.fragment),xt=g(),r(wt.$$.fragment),Et=g(),r(yt.$$.fragment),vt=g(),r(kt.$$.fragment),this.h()},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(C.$$.fragment,t),D=d(t),s(T.$$.fragment,t),N=d(t),s(P.$$.fragment,t),M=d(t),s(H.$$.fragment,t),q=d(t),s(F.$$.fragment,t),Y=d(t),s(K.$$.fragment,t),_=d(t),s(J.$$.fragment,t),Q=d(t),X=h(t,"DIV",{class:!0});var r=x(X);Z=w(r,"* Required"),r.forEach(E),tt=d(t),s(et.$$.fragment,t),$t=d(t),s(nt.$$.fragment,t),rt=d(t),s(st.$$.fragment,t),ot=d(t),s(at.$$.fragment,t),ct=d(t),s(ft.$$.fragment,t),pt=d(t),s(lt.$$.fragment,t),mt=d(t),s(ut.$$.fragment,t),dt=d(t),s(ht.$$.fragment,t),xt=d(t),s(wt.$$.fragment,t),Et=d(t),s(yt.$$.fragment,t),vt=d(t),s(kt.$$.fragment,t),this.h()},h(){y(X,"class","required")},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(C,t,r),v(t,D,r),o(T,t,r),v(t,N,r),o(P,t,r),v(t,M,r),o(H,t,r),v(t,q,r),o(F,t,r),v(t,Y,r),o(K,t,r),v(t,_,r),o(J,t,r),v(t,Q,r),v(t,X,r),k(X,Z),v(t,tt,r),o(et,t,r),v(t,$t,r),o(nt,t,r),v(t,rt,r),o(st,t,r),v(t,ot,r),o(at,t,r),v(t,ct,r),o(ft,t,r),v(t,pt,r),o(lt,t,r),v(t,mt,r),o(ut,t,r),v(t,dt,r),o(ht,t,r),v(t,xt,r),o(wt,t,r),v(t,Et,r),o(yt,t,r),v(t,vt,r),o(kt,t,r),Ct=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),T.$set(a);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),P.$set(f);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),H.$set(p);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),F.$set(l);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),K.$set(m);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),J.$set(g);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),et.$set(i);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),nt.$set(u);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),st.$set(d);const h={};2&$&&(h.$$scope={dirty:$,ctx:t}),at.$set(h);const x={};2&$&&(x.$$scope={dirty:$,ctx:t}),ft.$set(x);const w={};2&$&&(w.$$scope={dirty:$,ctx:t}),lt.$set(w);const E={};2&$&&(E.$$scope={dirty:$,ctx:t}),ut.$set(E);const y={};2&$&&(y.$$scope={dirty:$,ctx:t}),ht.$set(y);const v={};2&$&&(v.$$scope={dirty:$,ctx:t}),wt.$set(v);const k={};2&$&&(k.$$scope={dirty:$,ctx:t}),yt.$set(k);const C={};2&$&&(C.$$scope={dirty:$,ctx:t}),kt.$set(C)},i(t){Ct||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(C.$$.fragment,t),f(T.$$.fragment,t),f(P.$$.fragment,t),f(H.$$.fragment,t),f(F.$$.fragment,t),f(K.$$.fragment,t),f(J.$$.fragment,t),f(et.$$.fragment,t),f(nt.$$.fragment,t),f(st.$$.fragment,t),f(at.$$.fragment,t),f(ft.$$.fragment,t),f(lt.$$.fragment,t),f(ut.$$.fragment,t),f(ht.$$.fragment,t),f(wt.$$.fragment,t),f(yt.$$.fragment,t),f(kt.$$.fragment,t),Ct=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(C.$$.fragment,t),p(T.$$.fragment,t),p(P.$$.fragment,t),p(H.$$.fragment,t),p(F.$$.fragment,t),p(K.$$.fragment,t),p(J.$$.fragment,t),p(et.$$.fragment,t),p(nt.$$.fragment,t),p(st.$$.fragment,t),p(at.$$.fragment,t),p(ft.$$.fragment,t),p(lt.$$.fragment,t),p(ut.$$.fragment,t),p(ht.$$.fragment,t),p(wt.$$.fragment,t),p(yt.$$.fragment,t),p(kt.$$.fragment,t),Ct=!1},d(t){l(e,t),t&&E($),l(n,t),t&&E(a),l(c,t),t&&E(m),l(C,t),t&&E(D),l(T,t),t&&E(N),l(P,t),t&&E(M),l(H,t),t&&E(q),l(F,t),t&&E(Y),l(K,t),t&&E(_),l(J,t),t&&E(Q),t&&E(X),t&&E(tt),l(et,t),t&&E($t),l(nt,t),t&&E(rt),l(st,t),t&&E(ot),l(at,t),t&&E(ct),l(ft,t),t&&E(pt),l(lt,t),t&&E(mt),l(ut,t),t&&E(dt),l(ht,t),t&&E(xt),l(wt,t),t&&E(Et),l(yt,t),t&&E(vt),l(kt,t)}}}function c$(t){let e,$;const m=[t[0],f$];let g={$$slots:{default:[a$]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)g=n(g,m[t]);return e=new D({props:g}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p(t,[$]){const n=1&$?a(m,[1&$&&c(t[0]),0&$&&c(f$)]):{};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}const f$={name:"CheckboxChip",relatedComponents:[{name:"Chip",link:"./docs/components/chip"},{name:"RadioChip",link:"./docs/components/radio-chip"},{name:"RadioChipGroup",link:"./docs/components/radio-chip-group"},{name:"CheckboxChipGroup",link:"./docs/components/checkbox-chip-group"}]},{name:p$,relatedComponents:l$}=f$;function m$(t,e,$){return t.$$set=t=>{$(0,e=n(n({},e),m(t)))},[e=m(e)]}class g$ extends t{constructor(t){super(),e(this,t,m$,c$,$,{})}}export{g$ as default,f$ as metadata};
diff --git a/376/client/legacy/checkbox-chip.9da5c209.js b/376/client/legacy/checkbox-chip.9da5c209.js
new file mode 100644
index 000000000..4cf30350f
--- /dev/null
+++ b/376/client/legacy/checkbox-chip.9da5c209.js
@@ -0,0 +1 @@
+import{S as s,i as a,s as e,K as l,M as c,h as n,u as i,k as t,b as u,w as d,d as o,N as h,O as p,e as v,X as k,f as r,g as m,o as b,U as g,Q as f,R as C,T as $,t as x,p as P,W as E,I as T,J as _,L as y,v as I,x as L,A as j}from"./client.583c6e60.js";import{c as A}from"./classes.a7d1a9eb.js";function N(s){let a,e,T,_,y,N,U,w,B,D,J=[{__value:s[4]},{name:s[5]},{type:"checkbox"},{class:T=A(s[2])},{disabled:s[6]},s[12]],K={};for(let s=0;s<J.length;s+=1)K=l(K,J[s]);const M=s[14].default,O=c(M,s,s[13],null),Q=O||function(s){let a;return{c(){a=I(s[4])},l(e){a=L(e,s[4])},m(s,e){r(s,a,e)},p(s,e){16&e&&j(a,s[4])},d(s){s&&o(a)}}}(s);return{c(){a=n("label"),e=n("input"),_=i(),y=n("div"),Q&&Q.c(),this.h()},l(s){a=t(s,"LABEL",{class:!0});var l=u(a);e=t(l,"INPUT",{name:!0,type:!0,class:!0}),_=d(l),y=t(l,"DIV",{title:!0,class:!0});var c=u(y);Q&&Q.l(c),c.forEach(o),l.forEach(o),this.h()},h(){h(e,K),p(e,"svelte-1kkiv31",!0),v(y,"title",s[7]),v(y,"class",N=k(A("chip",s[3]))+" svelte-1kkiv31"),p(y,"small",s[8]),p(y,"outline",s[9]),p(y,"no-padding",s[10]),v(a,"class",U=k(A("input-chip checkbox-chip",s[1]))+" svelte-1kkiv31")},m(l,c){r(l,a,c),m(a,e),e.autofocus&&e.focus(),e.checked=s[0],m(a,_),m(a,y),Q&&Q.m(y,null),w=!0,B||(D=[b(e,"change",s[15]),b(e,"change",s[16])],B=!0)},p(s,l){let[c]=l;h(e,K=g(J,[(!w||16&c)&&{__value:s[4]},(!w||32&c)&&{name:s[5]},{type:"checkbox"},(!w||4&c&&T!==(T=A(s[2])))&&{class:T},(!w||64&c)&&{disabled:s[6]},4096&c&&s[12]])),1&c&&(e.checked=s[0]),p(e,"svelte-1kkiv31",!0),O?O.p&&(!w||8192&c)&&f(O,M,s,s[13],w?$(M,s[13],c,null):C(s[13]),null):Q&&Q.p&&(!w||16&c)&&Q.p(s,w?c:-1),(!w||128&c)&&v(y,"title",s[7]),(!w||8&c&&N!==(N=k(A("chip",s[3]))+" svelte-1kkiv31"))&&v(y,"class",N),(!w||264&c)&&p(y,"small",s[8]),(!w||520&c)&&p(y,"outline",s[9]),(!w||1032&c)&&p(y,"no-padding",s[10]),(!w||2&c&&U!==(U=k(A("input-chip checkbox-chip",s[1]))+" svelte-1kkiv31"))&&v(a,"class",U)},i(s){w||(x(Q,s),w=!0)},o(s){P(Q,s),w=!1},d(s){s&&o(a),Q&&Q.d(s),B=!1,E(D)}}}function U(s,a,e){const c=["class","inputClass","chipClass","checked","value","name","disabled","title","small","outline","noPadding"];let n=T(a,c),{$$slots:i={},$$scope:t}=a,{class:u=null}=a,{inputClass:d=null}=a,{chipClass:o=null}=a,{checked:h=!1}=a,{value:p}=a,{name:v}=a,{disabled:k=!1}=a,{title:r=null}=a,{small:m=!1}=a,{outline:b=!1}=a,{noPadding:g=!1}=a;const f=_();return s.$$set=s=>{a=l(l({},a),y(s)),e(12,n=T(a,c)),"class"in s&&e(1,u=s.class),"inputClass"in s&&e(2,d=s.inputClass),"chipClass"in s&&e(3,o=s.chipClass),"checked"in s&&e(0,h=s.checked),"value"in s&&e(4,p=s.value),"name"in s&&e(5,v=s.name),"disabled"in s&&e(6,k=s.disabled),"title"in s&&e(7,r=s.title),"small"in s&&e(8,m=s.small),"outline"in s&&e(9,b=s.outline),"noPadding"in s&&e(10,g=s.noPadding),"$$scope"in s&&e(13,t=s.$$scope)},[h,u,d,o,p,v,k,r,m,b,g,f,n,t,i,function(){h=this.checked,e(0,h)},s=>f("change",{value:s.currentTarget.value,checked:s.currentTarget.checked,nativeEvent:s})]}var w=class extends s{constructor(s){super(),a(this,s,U,N,e,{class:1,inputClass:2,chipClass:3,checked:0,value:4,name:5,disabled:6,title:7,small:8,outline:9,noPadding:10})}};export{w as C};
diff --git a/376/client/legacy/checkbox-group-1dcd50f7.css b/376/client/legacy/checkbox-group-1dcd50f7.css
new file mode 100644
index 000000000..56ca75c0f
--- /dev/null
+++ b/376/client/legacy/checkbox-group-1dcd50f7.css
@@ -0,0 +1 @@
+div[role=group].svelte-6yyre0 .checkbox:not(.colored)>.selector{margin:0 0.5em}div[role=group].svelte-6yyre0 .checkbox.colored>input+.selector::before{border-color:#d3d3d3;border-color:rgb(var(--before-r), var(--before-g), var(--before-b))}div[role=group].svelte-6yyre0 .checkbox.colored:hover>input+.selector::after{background-color:rgba(0, 0, 0, 0.05);background-color:rgba(var(--r), var(--g), var(--b), 0.05)}div[role=group].svelte-6yyre0 .checkbox.colored>input:focus+.selector::after{background-color:rgba(0, 0, 0, 0.125);background-color:rgba(var(--r), var(--g), var(--b), 0.125)}
diff --git a/376/client/legacy/checkbox-group-d674ad69.css b/376/client/legacy/checkbox-group-d674ad69.css
new file mode 100644
index 000000000..935cdbae8
--- /dev/null
+++ b/376/client/legacy/checkbox-group-d674ad69.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-1vqz8i4 .checkbox{margin-bottom:0.5em}[slot=showcase].svelte-1vqz8i4 .colored{display:flex;flex-wrap:wrap}[slot=showcase].svelte-1vqz8i4 .colored .checkbox{margin:0.5em}
diff --git a/376/client/legacy/checkbox-group.84d0b083.js b/376/client/legacy/checkbox-group.84d0b083.js
new file mode 100644
index 000000000..c9b6bee5f
--- /dev/null
+++ b/376/client/legacy/checkbox-group.84d0b083.js
@@ -0,0 +1 @@
+import{S as e,i as l,s,H as a,f as t,t as c,y as n,p as o,z as r,d as i,I as u,K as h,L as d,h as m,k as f,b as p,e as b,X as $,Z as k,_ as x,Y as g,$ as v,j as C,l as y,m as L,U as j,a0 as N,a1 as R,q as T,a2 as w,u as S,w as q,v as A,x as E,A as I,g as M}from"./client.583c6e60.js";import{c as _}from"./classes.a7d1a9eb.js";import{g as z}from"./color-picker-styles.762aa118.js";import{p as D}from"./plural-s.31bb9da9.js";import{C as H}from"./checkbox.b2711e27.js";function K(e,l,s){const a=e.slice();return a[14]=l[s],a[15]=l,a[16]=s,a}function P(e){let l,s,a,u=[],h=new Map,d=e[0];const g=e=>e[14].value;for(let l=0;l<d.length;l+=1){let s=K(e,d,l),a=g(s);h.set(a,u[l]=Z(a,s))}return{c(){l=m("div");for(let e=0;e<u.length;e+=1)u[e].c();this.h()},l(e){l=f(e,"DIV",{class:!0,role:!0});var s=p(l);for(let e=0;e<u.length;e+=1)u[e].l(s);s.forEach(i),this.h()},h(){b(l,"class",s=$(_(e[1]))+" svelte-6yyre0"),b(l,"role","group")},m(e,s){t(e,l,s);for(let e=0;e<u.length;e+=1)u[e]&&u[e].m(l,null);a=!0},p(e,t){2045&t&&(d=e[0],n(),u=k(u,t,g,1,e,d,h,l,x,Z,null,K),r()),(!a||2&t&&s!==(s=$(_(e[1]))+" svelte-6yyre0"))&&b(l,"class",s)},i(e){if(!a){for(let e=0;e<d.length;e+=1)c(u[e]);a=!0}},o(e){for(let e=0;e<u.length;e+=1)o(u[e]);a=!1},d(e){e&&i(l);for(let e=0;e<u.length;e+=1)u[e].d()}}}function U(e){let l;function s(e,l){return null!=e[3]?X:V}let c=s(e),n=c(e);return{c(){n.c(),l=a()},l(e){n.l(e),l=a()},m(e,s){n.m(e,s),t(e,l,s)},p(e,a){c===(c=s(e))&&n?n.p(e,a):(n.d(1),n=c(e),n&&(n.c(),n.m(l.parentNode,l)))},d(e){n.d(e),e&&i(l)}}}function V(e){let l,s=(e[14].label||e[14].value)+"";return{c(){l=A(s)},l(e){l=E(e,s)},m(e,s){t(e,l,s)},p(e,a){1&a&&s!==(s=(e[14].label||e[14].value)+"")&&I(l,s)},d(e){e&&i(l)}}}function X(e){let l,s,a,c=(e[14].label||e[14].value)+"";return{c(){l=m("span"),s=A(c),this.h()},l(e){l=f(e,"SPAN",{class:!0});var a=p(l);s=E(a,c),a.forEach(i),this.h()},h(){b(l,"class",a=_(e[3]))},m(e,a){t(e,l,a),M(l,s)},p(e,t){1&t&&c!==(c=(e[14].label||e[14].value)+"")&&I(s,c),8&t&&a!==(a=_(e[3]))&&b(l,"class",a)},d(e){e&&i(l)}}}function Y(e){let l,s=!e[4]&&U(e);return{c(){s&&s.c(),l=S()},l(e){s&&s.l(e),l=q(e)},m(e,a){s&&s.m(e,a),t(e,l,a)},p(e,a){e[4]?s&&(s.d(1),s=null):s?s.p(e,a):(s=U(e),s.c(),s.m(l.parentNode,l))},d(e){s&&s.d(e),e&&i(l)}}}function Z(e,l){let s,n,r,u;const d=[{name:l[5]},{slotLeft:l[6]},{selectorStyle:l[4]?z(l[14].value):null},{value:l[14].value},{disabled:l[14].disabled||!l[14].checked&&l[8]>=l[7]},{class:_(l[4]&&"colored",l[2])},{title:!l[14].disabled&&!l[14].checked&&l[8]>=l[7]?l[9]:null},l[10]];function m(e){l[12](e,l[14])}let f={$$slots:{default:[Y]},$$scope:{ctx:l}};for(let e=0;e<d.length;e+=1)f=h(f,d[e]);return void 0!==l[14].checked&&(f.checked=l[14].checked),n=new H({props:f}),g.push((()=>v(n,"checked",m))),n.$on("change",l[13]),{key:e,first:null,c(){s=a(),C(n.$$.fragment),this.h()},l(e){s=a(),y(n.$$.fragment,e),this.h()},h(){this.first=s},m(e,l){t(e,s,l),L(n,e,l),u=!0},p(e,s){l=e;const a=2037&s?j(d,[32&s&&{name:l[5]},64&s&&{slotLeft:l[6]},17&s&&{selectorStyle:l[4]?z(l[14].value):null},1&s&&{value:l[14].value},385&s&&{disabled:l[14].disabled||!l[14].checked&&l[8]>=l[7]},20&s&&{class:_(l[4]&&"colored",l[2])},897&s&&{title:!l[14].disabled&&!l[14].checked&&l[8]>=l[7]?l[9]:null},1024&s&&N(l[10])]):{};131097&s&&(a.$$scope={dirty:s,ctx:l}),!r&&1&s&&(r=!0,a.checked=l[14].checked,R((()=>r=!1))),n.$set(a)},i(e){u||(c(n.$$.fragment,e),u=!0)},o(e){o(n.$$.fragment,e),u=!1},d(e){e&&i(s),T(n,e)}}}function B(e){let l,s,u=null!=e[0]&&0!==e[0].length&&P(e);return{c(){u&&u.c(),l=a()},l(e){u&&u.l(e),l=a()},m(e,a){u&&u.m(e,a),t(e,l,a),s=!0},p(e,s){let[a]=s;null!=e[0]&&0!==e[0].length?u?(u.p(e,a),1&a&&c(u,1)):(u=P(e),u.c(),c(u,1),u.m(l.parentNode,l)):u&&(n(),o(u,1,1,(()=>{u=null})),r())},i(e){s||(c(u),s=!0)},o(e){o(u),s=!1},d(e){u&&u.d(e),e&&i(l)}}}function F(e,l,s){let a,t;const c=["class","checkboxClass","labelClass","color","items","name","labelsLeft","max","maxReachedTooltip"];let n=u(l,c),{class:o=null}=l,{checkboxClass:r=null}=l,{labelClass:i=null}=l,{color:m=!1}=l,{items:f}=l,{name:p}=l,{labelsLeft:b=!1}=l,{max:$=1/0}=l,{maxReachedTooltip:k=null}=l;return f&&0!==f.length||console.error("Must have at least one item in the checkbox group"),m&&null!=i&&console.warn("labelClass has no effect: labels are not rendered for color checkbox groups"),e.$$set=e=>{l=h(h({},l),d(e)),s(10,n=u(l,c)),"class"in e&&s(1,o=e.class),"checkboxClass"in e&&s(2,r=e.checkboxClass),"labelClass"in e&&s(3,i=e.labelClass),"color"in e&&s(4,m=e.color),"items"in e&&s(0,f=e.items),"name"in e&&s(5,p=e.name),"labelsLeft"in e&&s(6,b=e.labelsLeft),"max"in e&&s(7,$=e.max),"maxReachedTooltip"in e&&s(11,k=e.maxReachedTooltip)},e.$$.update=()=>{2176&e.$$.dirty&&s(9,a=k||`Can only select ${$} value${D($)}.`),1&e.$$.dirty&&s(8,t=f.reduce(((e,l)=>e+Number(l.checked||0)),0))},[f,o,r,i,m,p,b,$,t,a,n,k,function(l,a){e.$$.not_equal(a.checked,l)&&(a.checked=l,s(0,f))},function(l){w.call(this,e,l)}]}var G=class extends e{constructor(e){super(),l(this,e,F,B,s,{class:1,checkboxClass:2,labelClass:3,color:4,items:0,name:5,labelsLeft:6,max:7,maxReachedTooltip:11})}};export{G as C};
diff --git a/376/client/legacy/checkbox-group.da4c0d48.js b/376/client/legacy/checkbox-group.da4c0d48.js
new file mode 100644
index 000000000..d665af4c7
--- /dev/null
+++ b/376/client/legacy/checkbox-group.da4c0d48.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as s,j as $,l as a,m as o,U as r,a0 as c,t as p,p as l,q as f,L as m,u,h as g,v as i,w as d,k as h,b as x,x as k,d as y,e as v,f as E,g as w,n as b}from"./client.583c6e60.js";import{L as D,H as C,P as O}from"./layout.47c81311.js";import{C as T}from"./checkbox-group.84d0b083.js";import{S}from"./showcase.759e7149.js";import{R as A}from"./related-components.9fddec4f.js";import{C as R}from"./color-preview.9db6af61.js";import{H as N}from"./h2.0da05151.js";import{H as G}from"./h3.c9a49f62.js";import{T as j,a as F,b as L,c as M}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./color-picker-styles.762aa118.js";import"./plural-s.31bb9da9.js";import"./checkbox.b2711e27.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./button.863c0adf.js";import"./card.113fcab4.js";function P(t){let e;return{c(){e=i("CheckboxGroup")},l(t){e=k(t,"CheckboxGroup")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function B(t){let e;return{c(){e=i("A group of checkboxes from an array of items to select.")},l(t){e=k(t,"A group of checkboxes from an array of items to select.")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function H(t){let e,n,s,$,a,o;return{c(){e=i("If you need more control over the labels and checkbox layout, you may use the individual "),n=g("a"),s=g("mark"),$=g("code"),a=i("Checkbox"),o=i(" component."),this.h()},l(t){e=k(t,"If you need more control over the labels and checkbox layout, you may use the individual "),n=h(t,"A",{href:!0});var r=x(n);s=h(r,"MARK",{});var c=x(s);$=h(c,"CODE",{});var p=x($);a=k(p,"Checkbox"),p.forEach(y),c.forEach(y),r.forEach(y),o=k(t," component."),this.h()},h(){v(n,"href","./docs/components/checkbox")},m(t,r){E(t,e,r),E(t,n,r),w(n,s),w(s,$),w($,a),E(t,o,r)},p:b,d(t){t&&y(e),t&&y(n),t&&y(o)}}}function I(t){let e,n,s,r,c,m,D,C,O,S,A;return c=new T({props:{name:"sports[]",items:t[0]}}),S=new T({props:{color:!0,round:!0,items:t[1],name:"colors[]",max:2,class:"colored"}}),{c(){e=g("div"),n=g("p"),s=i("Select your favorite sports:"),r=u(),$(c.$$.fragment),m=u(),D=g("p"),C=i("And color as well (up to 2):"),O=u(),$(S.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var $=x(e);n=h($,"P",{});var o=x(n);s=k(o,"Select your favorite sports:"),o.forEach(y),r=d($),a(c.$$.fragment,$),m=d($),D=h($,"P",{});var p=x(D);C=k(p,"And color as well (up to 2):"),p.forEach(y),O=d($),a(S.$$.fragment,$),$.forEach(y),this.h()},h(){v(e,"slot","showcase"),v(e,"class","padded svelte-1vqz8i4")},m(t,$){E(t,e,$),w(e,n),w(n,s),w(e,r),o(c,e,null),w(e,m),w(e,D),w(D,C),w(e,O),o(S,e,null),A=!0},p:b,i(t){A||(p(c.$$.fragment,t),p(S.$$.fragment,t),A=!0)},o(t){l(c.$$.fragment,t),l(S.$$.fragment,t),A=!1},d(t){t&&y(e),f(c),f(S)}}}function q(t){let e,n;return{c(){e=g("div"),n=g("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var s=x(e);n=h(s,"PRE",{class:!0}),x(n).forEach(y),s.forEach(y),this.h()},h(){v(n,"class","language-svelte"),v(e,"slot","source")},m(t,s){E(t,e,s),w(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">const</span> items <span class="token operator">=</span> <span class="token punctuation">[</span>\n    <span class="token punctuation">&#123;</span>\n      <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'couch_potato\'</span><span class="token punctuation">,</span>\n      <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">\'Sitting lazily on the couch\'</span><span class="token punctuation">,</span>\n      <span class="token literal-property property">checked</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>\n      <span class="token literal-property property">disabled</span><span class="token operator">:</span> <span class="token boolean">true</span>\n    <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'cycling\'</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">\'Cycling\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'running\'</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">\'Running\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'swimming\'</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">\'Olympic Swimming\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">;</span>\n  <span class="token keyword">const</span> colors <span class="token operator">=</span> <span class="token punctuation">[</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'#000000\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'#ff0000\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'#00ff00\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'#ffffff\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>Select your favorite sports:<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckboxGroup</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>sports[]<span class="token punctuation">"</span></span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>items<span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>And color as well (up to 2):<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckboxGroup</span>\n  <span class="token attr-name">color</span>\n  <span class="token attr-name">round</span>\n  <span class="token attr-name">items=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>colors<span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>colors[]<span class="token punctuation">"</span></span>\n  <span class="token attr-name">max=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">2</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>colored<span class="token punctuation">"</span></span>\n<span class="token punctuation">/></span></span></code>'},p:b,d(t){t&&y(e)}}}function z(t){let e;return{c(){e=i("Properties")},l(t){e=k(t,"Properties")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function U(t){let e;return{c(){e=i("Style Properties")},l(t){e=k(t,"Style Properties")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function V(t){let e;return{c(){e=i("Name")},l(t){e=k(t,"Name")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function Y(t){let e;return{c(){e=i("Default")},l(t){e=k(t,"Default")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function K(t){let e;return{c(){e=i("Type")},l(t){e=k(t,"Type")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function _(t){let e;return{c(){e=i("Description")},l(t){e=k(t,"Description")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function W(t){let e,n,s,r,c,m,g,i;return e=new L({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),g=new L({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function J(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("labelsLeft")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=k(a,"labelsLeft"),a.forEach(y),$.forEach(y)},m(t,$){E(t,e,$),w(e,n),w(n,s)},p:b,d(t){t&&y(e)}}}function Q(t){let e,n;return{c(){e=g("code"),n=i("false")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"false"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function X(t){let e,n;return{c(){e=g("code"),n=i("boolean")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"boolean"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function Z(t){let e;return{c(){e=i("Places the labels to the left of the checkboxes.")},l(t){e=k(t,"Places the labels to the left of the checkboxes.")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function tt(t){let e,n,s,r,c,m,g,i;return e=new M({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function et(t){let e,n,s,r,c,m;return n=new F({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=u(),r=g("tbody"),$(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(y),s=d(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),o.forEach(y)},m(t,$){E(t,e,$),o(n,e,null),E(t,s,$),E(t,r,$),o(c,r,null),m=!0},p(t,e){const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};8&e&&($.$$scope={dirty:e,ctx:t}),c.$set($)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&y(e),f(n),t&&y(s),t&&y(r),f(c)}}}function nt(t){let e;return{c(){e=i("Functional Properties")},l(t){e=k(t,"Functional Properties")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function st(t){let e;return{c(){e=i("Name")},l(t){e=k(t,"Name")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function $t(t){let e;return{c(){e=i("Default")},l(t){e=k(t,"Default")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function at(t){let e;return{c(){e=i("Type")},l(t){e=k(t,"Type")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function ot(t){let e;return{c(){e=i("Description")},l(t){e=k(t,"Description")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function rt(t){let e,n,s,r,c,m,g,i;return e=new L({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),g=new L({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function ct(t){let e,n,s,$,a,o,r;return{c(){e=g("mark"),n=g("strong"),s=g("code"),$=i("items"),a=i(" "),o=g("span"),r=i("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);n=h(c,"STRONG",{});var p=x(n);s=h(p,"CODE",{});var l=x(s);$=k(l,"items"),l.forEach(y),p.forEach(y),c.forEach(y),a=k(t," "),o=h(t,"SPAN",{class:!0});var f=x(o);r=k(f,"*"),f.forEach(y),this.h()},h(){v(o,"class","required")},m(t,c){E(t,e,c),w(e,n),w(n,s),w(s,$),E(t,a,c),E(t,o,c),w(o,r)},p:b,d(t){t&&y(e),t&&y(a),t&&y(o)}}}function pt(t){let e,n;return{c(){e=g("code"),n=i("Array")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"Array"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function lt(t){let e,n,s,$;return{c(){e=i("An array of "),n=g("code"),s=i("{ value, label, checked, disabled }"),$=i(" objects, where only the value is required. Must contain at least one value.")},l(t){e=k(t,"An array of "),n=h(t,"CODE",{});var a=x(n);s=k(a,"{ value, label, checked, disabled }"),a.forEach(y),$=k(t," objects, where only the value is required. Must contain at least one value.")},m(t,a){E(t,e,a),E(t,n,a),w(n,s),E(t,$,a)},p:b,d(t){t&&y(e),t&&y(n),t&&y($)}}}function ft(t){let e,n,s,r,c,m,g,i;return e=new M({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),s=new M({}),c=new M({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};8&n&&($.$$scope={dirty:n,ctx:t}),c.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function mt(t){let e,n,s,$,a,o,r;return{c(){e=g("mark"),n=g("strong"),s=g("code"),$=i("name"),a=i(" "),o=g("span"),r=i("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);n=h(c,"STRONG",{});var p=x(n);s=h(p,"CODE",{});var l=x(s);$=k(l,"name"),l.forEach(y),p.forEach(y),c.forEach(y),a=k(t," "),o=h(t,"SPAN",{class:!0});var f=x(o);r=k(f,"*"),f.forEach(y),this.h()},h(){v(o,"class","required")},m(t,c){E(t,e,c),w(e,n),w(n,s),w(s,$),E(t,a,c),E(t,o,c),w(o,r)},p:b,d(t){t&&y(e),t&&y(a),t&&y(o)}}}function ut(t){let e,n;return{c(){e=g("code"),n=i("string")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"string"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function gt(t){let e,n,s,$;return{c(){e=i("The name to assign to all checkboxes belonging to the same group. Check "),n=g("a"),s=i("MDN docs"),$=i(" for more information."),this.h()},l(t){e=k(t,"The name to assign to all checkboxes belonging to the same group. Check "),n=h(t,"A",{href:!0,rel:!0});var a=x(n);s=k(a,"MDN docs"),a.forEach(y),$=k(t," for more information."),this.h()},h(){v(n,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname"),v(n,"rel","nofollow")},m(t,a){E(t,e,a),E(t,n,a),w(n,s),E(t,$,a)},p:b,d(t){t&&y(e),t&&y(n),t&&y($)}}}function it(t){let e,n,s,r,c,m,g,i;return e=new M({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),s=new M({}),c=new M({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};8&n&&($.$$scope={dirty:n,ctx:t}),c.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function dt(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("max")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=k(a,"max"),a.forEach(y),$.forEach(y)},m(t,$){E(t,e,$),w(e,n),w(n,s)},p:b,d(t){t&&y(e)}}}function ht(t){let e,n;return{c(){e=g("code"),n=i("Infinity")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"Infinity"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function xt(t){let e,n;return{c(){e=g("code"),n=i("number")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"number"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function kt(t){let e;return{c(){e=i("The maximum allowed number of checkboxes to select.")},l(t){e=k(t,"The maximum allowed number of checkboxes to select.")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function yt(t){let e,n,s,r,c,m,g,i;return e=new M({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function vt(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("color")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=k(a,"color"),a.forEach(y),$.forEach(y)},m(t,$){E(t,e,$),w(e,n),w(n,s)},p:b,d(t){t&&y(e)}}}function Et(t){let e,n;return{c(){e=g("code"),n=i("false")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"false"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function wt(t){let e,n;return{c(){e=g("code"),n=i("boolean")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"boolean"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function bt(t){let e,n,s,$;return{c(){e=i("Designates the checkboxes as color choices. Labels are ignored and values are expected to be "),n=g("code"),s=i('"#RRGGBB"'),$=i(".")},l(t){e=k(t,"Designates the checkboxes as color choices. Labels are ignored and values are expected to be "),n=h(t,"CODE",{});var a=x(n);s=k(a,'"#RRGGBB"'),a.forEach(y),$=k(t,".")},m(t,a){E(t,e,a),E(t,n,a),w(n,s),E(t,$,a)},p:b,d(t){t&&y(e),t&&y(n),t&&y($)}}}function Dt(t){let e,n,s,r,c,m,g,i;return e=new M({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function Ct(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("maxReachedTooltip")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=k(a,"maxReachedTooltip"),a.forEach(y),$.forEach(y)},m(t,$){E(t,e,$),w(e,n),w(n,s)},p:b,d(t){t&&y(e)}}}function Ot(t){let e,n;return{c(){e=g("code"),n=i("`Can only select ${max} value${s(max)}.`")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"`Can only select ${max} value${s(max)}.`"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function Tt(t){let e,n;return{c(){e=g("code"),n=i("string")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"string"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function St(t){let e;return{c(){e=i("The tooltip to display when the maximum number of checkboxes has been selected.")},l(t){e=k(t,"The tooltip to display when the maximum number of checkboxes has been selected.")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function At(t){let e,n,s,r,c,m,g,i;return e=new M({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function Rt(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("...")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=k(a,"..."),a.forEach(y),$.forEach(y)},m(t,$){E(t,e,$),w(e,n),w(n,s)},p:b,d(t){t&&y(e)}}}function Nt(t){let e,n;return{c(){e=g("code"),n=i("any")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"any"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function Gt(t){let e,n,s,$;return{c(){e=i("Everything else will be passed to the underlying "),n=g("code"),s=i("<Checkbox>"),$=i(" components.")},l(t){e=k(t,"Everything else will be passed to the underlying "),n=h(t,"CODE",{});var a=x(n);s=k(a,"<Checkbox>"),a.forEach(y),$=k(t," components.")},m(t,a){E(t,e,a),E(t,n,a),w(n,s),E(t,$,a)},p:b,d(t){t&&y(e),t&&y(n),t&&y($)}}}function jt(t){let e,n,s,r,c,m,g,i;return e=new M({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),s=new M({}),c=new M({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};8&n&&($.$$scope={dirty:n,ctx:t}),c.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),g.$set(a)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function Ft(t){let e,n,s,r,c,m,i,k,v,b,D,C,O,T,S,A;return n=new F({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),i=new F({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),v=new F({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),D=new F({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),O=new F({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),S=new F({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=u(),r=g("tbody"),$(c.$$.fragment),m=u(),$(i.$$.fragment),k=u(),$(v.$$.fragment),b=u(),$(D.$$.fragment),C=u(),$(O.$$.fragment),T=u(),$(S.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(y),s=d(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),m=d(o),a(i.$$.fragment,o),k=d(o),a(v.$$.fragment,o),b=d(o),a(D.$$.fragment,o),C=d(o),a(O.$$.fragment,o),T=d(o),a(S.$$.fragment,o),o.forEach(y)},m(t,$){E(t,e,$),o(n,e,null),E(t,s,$),E(t,r,$),o(c,r,null),w(r,m),o(i,r,null),w(r,k),o(v,r,null),w(r,b),o(D,r,null),w(r,C),o(O,r,null),w(r,T),o(S,r,null),A=!0},p(t,e){const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};8&e&&($.$$scope={dirty:e,ctx:t}),c.$set($);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),i.$set(a);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),v.$set(o);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),D.$set(r);const p={};8&e&&(p.$$scope={dirty:e,ctx:t}),O.$set(p);const l={};8&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l)},i(t){A||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),p(v.$$.fragment,t),p(D.$$.fragment,t),p(O.$$.fragment,t),p(S.$$.fragment,t),A=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(v.$$.fragment,t),l(D.$$.fragment,t),l(O.$$.fragment,t),l(S.$$.fragment,t),A=!1},d(t){t&&y(e),f(n),t&&y(s),t&&y(r),f(c),f(i),f(v),f(D),f(O),f(S)}}}function Lt(t){let e;return{c(){e=i("Class Properties")},l(t){e=k(t,"Class Properties")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function Mt(t){let e;return{c(){e=i("Falsy values passed to classes will be disregarded.")},l(t){e=k(t,"Falsy values passed to classes will be disregarded.")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function Pt(t){let e;return{c(){e=i("Name")},l(t){e=k(t,"Name")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function Bt(t){let e;return{c(){e=i("Default")},l(t){e=k(t,"Default")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function Ht(t){let e;return{c(){e=i("Type")},l(t){e=k(t,"Type")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function It(t){let e;return{c(){e=i("Description")},l(t){e=k(t,"Description")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function qt(t){let e,n,s,r,c,m,g,i;return e=new L({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),g=new L({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function zt(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("class")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=k(a,"class"),a.forEach(y),$.forEach(y)},m(t,$){E(t,e,$),w(e,n),w(n,s)},p:b,d(t){t&&y(e)}}}function Ut(t){let e,n;return{c(){e=g("code"),n=i("null")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"null"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function Vt(t){let e,n;return{c(){e=g("code"),n=i("string")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"string"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function Yt(t){let e,n,s,$;return{c(){e=i("A class string to assign to the wrapper "),n=g("code"),s=i("<div>"),$=i(" element.")},l(t){e=k(t,"A class string to assign to the wrapper "),n=h(t,"CODE",{});var a=x(n);s=k(a,"<div>"),a.forEach(y),$=k(t," element.")},m(t,a){E(t,e,a),E(t,n,a),w(n,s),E(t,$,a)},p:b,d(t){t&&y(e),t&&y(n),t&&y($)}}}function Kt(t){let e,n,s,r,c,m,g,i;return e=new M({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function _t(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("checkboxClass")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=k(a,"checkboxClass"),a.forEach(y),$.forEach(y)},m(t,$){E(t,e,$),w(e,n),w(n,s)},p:b,d(t){t&&y(e)}}}function Wt(t){let e,n;return{c(){e=g("code"),n=i("null")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"null"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function Jt(t){let e,n;return{c(){e=g("code"),n=i("string")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"string"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function Qt(t){let e,n,s,$;return{c(){e=i("A class string to add to the "),n=g("code"),s=i("<Checkbox>"),$=i(" components.")},l(t){e=k(t,"A class string to add to the "),n=h(t,"CODE",{});var a=x(n);s=k(a,"<Checkbox>"),a.forEach(y),$=k(t," components.")},m(t,a){E(t,e,a),E(t,n,a),w(n,s),E(t,$,a)},p:b,d(t){t&&y(e),t&&y(n),t&&y($)}}}function Xt(t){let e,n,s,r,c,m,g,i;return e=new M({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function Zt(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("labelClass")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=k(a,"labelClass"),a.forEach(y),$.forEach(y)},m(t,$){E(t,e,$),w(e,n),w(n,s)},p:b,d(t){t&&y(e)}}}function te(t){let e,n;return{c(){e=g("code"),n=i("null")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"null"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function ee(t){let e,n;return{c(){e=g("code"),n=i("string")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"string"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function ne(t){let e,n,s,$,a,o,r,c,p;return{c(){e=i("A class string to assign to the labels' wrapping "),n=g("code"),s=i("<span>"),$=i("s. "),a=g("br"),o=i(" If this is not passed, the labels are not wrapped in a "),r=g("code"),c=i("<span>"),p=i(".")},l(t){e=k(t,"A class string to assign to the labels' wrapping "),n=h(t,"CODE",{});var l=x(n);s=k(l,"<span>"),l.forEach(y),$=k(t,"s. "),a=h(t,"BR",{}),o=k(t," If this is not passed, the labels are not wrapped in a "),r=h(t,"CODE",{});var f=x(r);c=k(f,"<span>"),f.forEach(y),p=k(t,".")},m(t,l){E(t,e,l),E(t,n,l),w(n,s),E(t,$,l),E(t,a,l),E(t,o,l),E(t,r,l),w(r,c),E(t,p,l)},p:b,d(t){t&&y(e),t&&y(n),t&&y($),t&&y(a),t&&y(o),t&&y(r),t&&y(p)}}}function se(t){let e,n,s,r,c,m,g,i;return e=new M({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function $e(t){let e,n,s,r,c,m,i,k,v,b;return n=new F({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),i=new F({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),v=new F({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=u(),r=g("tbody"),$(c.$$.fragment),m=u(),$(i.$$.fragment),k=u(),$(v.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(y),s=d(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),m=d(o),a(i.$$.fragment,o),k=d(o),a(v.$$.fragment,o),o.forEach(y)},m(t,$){E(t,e,$),o(n,e,null),E(t,s,$),E(t,r,$),o(c,r,null),w(r,m),o(i,r,null),w(r,k),o(v,r,null),b=!0},p(t,e){const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};8&e&&($.$$scope={dirty:e,ctx:t}),c.$set($);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),i.$set(a);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),v.$set(o)},i(t){b||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),p(v.$$.fragment,t),b=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(v.$$.fragment,t),b=!1},d(t){t&&y(e),f(n),t&&y(s),t&&y(r),f(c),f(i),f(v)}}}function ae(t){let e;return{c(){e=i("Events")},l(t){e=k(t,"Events")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function oe(t){let e;return{c(){e=i("Name")},l(t){e=k(t,"Name")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function re(t){let e;return{c(){e=i("Event Detail")},l(t){e=k(t,"Event Detail")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function ce(t){let e;return{c(){e=i("Description")},l(t){e=k(t,"Description")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function pe(t){let e,n,s,r,c,m;return e=new L({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function le(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("change")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=k(a,"change"),a.forEach(y),$.forEach(y)},m(t,$){E(t,e,$),w(e,n),w(n,s)},p:b,d(t){t&&y(e)}}}function fe(t){let e,n;return{c(){e=g("code"),n=i("{ value, checked, nativeEvent }")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"{ value, checked, nativeEvent }"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function me(t){let e,n,s,$,a,o,r,c,p,l,f,m,u,d,D,C;return{c(){e=i("Fired when the selection changes. The "),n=g("code"),s=i("value"),$=i(" contains the element's "),a=g("code"),o=i("value"),r=i(" passed as a prop, "),c=g("code"),p=i("checked"),l=i(" represents the input's state, and "),f=g("code"),m=i("nativeEvent"),u=i(" has the "),d=g("a"),D=i("native change event"),C=i("."),this.h()},l(t){e=k(t,"Fired when the selection changes. The "),n=h(t,"CODE",{});var g=x(n);s=k(g,"value"),g.forEach(y),$=k(t," contains the element's "),a=h(t,"CODE",{});var i=x(a);o=k(i,"value"),i.forEach(y),r=k(t," passed as a prop, "),c=h(t,"CODE",{});var v=x(c);p=k(v,"checked"),v.forEach(y),l=k(t," represents the input's state, and "),f=h(t,"CODE",{});var E=x(f);m=k(E,"nativeEvent"),E.forEach(y),u=k(t," has the "),d=h(t,"A",{href:!0,rel:!0});var w=x(d);D=k(w,"native change event"),w.forEach(y),C=k(t,"."),this.h()},h(){v(d,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),v(d,"rel","nofollow")},m(t,g){E(t,e,g),E(t,n,g),w(n,s),E(t,$,g),E(t,a,g),w(a,o),E(t,r,g),E(t,c,g),w(c,p),E(t,l,g),E(t,f,g),w(f,m),E(t,u,g),E(t,d,g),w(d,D),E(t,C,g)},p:b,d(t){t&&y(e),t&&y(n),t&&y($),t&&y(a),t&&y(r),t&&y(c),t&&y(l),t&&y(f),t&&y(u),t&&y(d),t&&y(C)}}}function ue(t){let e,n,s,r,c,m;return e=new M({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function ge(t){let e,n,s,r,c,m;return n=new F({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=u(),r=g("tbody"),$(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(y),s=d(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),o.forEach(y)},m(t,$){E(t,e,$),o(n,e,null),E(t,s,$),E(t,r,$),o(c,r,null),m=!0},p(t,e){const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};8&e&&($.$$scope={dirty:e,ctx:t}),c.$set($)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&y(e),f(n),t&&y(s),t&&y(r),f(c)}}}function ie(t){let e;return{c(){e=i("SCSS Variables")},l(t){e=k(t,"SCSS Variables")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function de(t){let e;return{c(){e=i("Name")},l(t){e=k(t,"Name")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function he(t){let e;return{c(){e=i("Description")},l(t){e=k(t,"Description")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function xe(t){let e;return{c(){e=i("Default")},l(t){e=k(t,"Default")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function ke(t){let e,n,s,r,c,m;return e=new L({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),s=new L({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function ye(t){let e,n,s,$,a,o,r,c,p;return{c(){e=g("strong"),n=g("code"),s=i("$main"),$=u(),a=g("small"),o=i("From "),r=g("a"),c=g("code"),p=i("Checkbox"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);n=h(l,"CODE",{});var f=x(n);s=k(f,"$main"),f.forEach(y),l.forEach(y),$=d(t),a=h(t,"SMALL",{});var m=x(a);o=k(m,"From "),r=h(m,"A",{href:!0});var u=x(r);c=h(u,"CODE",{});var g=x(c);p=k(g,"Checkbox"),g.forEach(y),u.forEach(y),m.forEach(y),this.h()},h(){v(r,"href","./docs/components/checkbox")},m(t,l){E(t,e,l),w(e,n),w(n,s),E(t,$,l),E(t,a,l),w(a,o),w(a,r),w(r,c),w(c,p)},p:b,d(t){t&&y(e),t&&y($),t&&y(a)}}}function ve(t){let e;return{c(){e=i("The fill color of the checked checkbox.")},l(t){e=k(t,"The fill color of the checked checkbox.")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function Ee(t){let e,n;return e=new R({props:{value:"#4300B0"}}),{c(){$(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,s){o(e,t,s),n=!0},p:b,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function we(t){let e,n,s,r,c,m;return e=new M({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function be(t){let e,n,s,$,a,o,r,c,p;return{c(){e=g("strong"),n=g("code"),s=i("$font"),$=u(),a=g("small"),o=i("From "),r=g("a"),c=g("code"),p=i("Checkbox"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);n=h(l,"CODE",{});var f=x(n);s=k(f,"$font"),f.forEach(y),l.forEach(y),$=d(t),a=h(t,"SMALL",{});var m=x(a);o=k(m,"From "),r=h(m,"A",{href:!0});var u=x(r);c=h(u,"CODE",{});var g=x(c);p=k(g,"Checkbox"),g.forEach(y),u.forEach(y),m.forEach(y),this.h()},h(){v(r,"href","./docs/components/checkbox")},m(t,l){E(t,e,l),w(e,n),w(n,s),E(t,$,l),E(t,a,l),w(a,o),w(a,r),w(r,c),w(c,p)},p:b,d(t){t&&y(e),t&&y($),t&&y(a)}}}function De(t){let e;return{c(){e=i("The font of the checkbox's label.")},l(t){e=k(t,"The font of the checkbox's label.")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function Ce(t){let e,n;return{c(){e=g("code"),n=i("'Ubuntu'")},l(t){e=h(t,"CODE",{});var s=x(e);n=k(s,"'Ubuntu'"),s.forEach(y)},m(t,s){E(t,e,s),w(e,n)},p:b,d(t){t&&y(e)}}}function Oe(t){let e,n,s,r,c,m;return e=new M({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function Te(t){let e,n,s,$,a,o,r,c,p;return{c(){e=g("strong"),n=g("code"),s=i("$disabled"),$=u(),a=g("small"),o=i("From "),r=g("a"),c=g("code"),p=i("Checkbox"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);n=h(l,"CODE",{});var f=x(n);s=k(f,"$disabled"),f.forEach(y),l.forEach(y),$=d(t),a=h(t,"SMALL",{});var m=x(a);o=k(m,"From "),r=h(m,"A",{href:!0});var u=x(r);c=h(u,"CODE",{});var g=x(c);p=k(g,"Checkbox"),g.forEach(y),u.forEach(y),m.forEach(y),this.h()},h(){v(r,"href","./docs/components/checkbox")},m(t,l){E(t,e,l),w(e,n),w(n,s),E(t,$,l),E(t,a,l),w(a,o),w(a,r),w(r,c),w(c,p)},p:b,d(t){t&&y(e),t&&y($),t&&y(a)}}}function Se(t){let e;return{c(){e=i("The fill color of the disabled checkbox.")},l(t){e=k(t,"The fill color of the disabled checkbox.")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function Ae(t){let e,n;return e=new R({props:{value:"#888888"}}),{c(){$(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,s){o(e,t,s),n=!0},p:b,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function Re(t){let e,n,s,r,c,m;return e=new M({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function Ne(t){let e,n,s,$,a,o,r,c,p;return{c(){e=g("strong"),n=g("code"),s=i("$dark"),$=u(),a=g("small"),o=i("From "),r=g("a"),c=g("code"),p=i("Checkbox"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);n=h(l,"CODE",{});var f=x(n);s=k(f,"$dark"),f.forEach(y),l.forEach(y),$=d(t),a=h(t,"SMALL",{});var m=x(a);o=k(m,"From "),r=h(m,"A",{href:!0});var u=x(r);c=h(u,"CODE",{});var g=x(c);p=k(g,"Checkbox"),g.forEach(y),u.forEach(y),m.forEach(y),this.h()},h(){v(r,"href","./docs/components/checkbox")},m(t,l){E(t,e,l),w(e,n),w(n,s),E(t,$,l),E(t,a,l),w(a,o),w(a,r),w(r,c),w(c,p)},p:b,d(t){t&&y(e),t&&y($),t&&y(a)}}}function Ge(t){let e;return{c(){e=i("The background color of the checkbox hover signifier.")},l(t){e=k(t,"The background color of the checkbox hover signifier.")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function je(t){let e,n;return e=new R({props:{value:"#333333"}}),{c(){$(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,s){o(e,t,s),n=!0},p:b,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function Fe(t){let e,n,s,r,c,m;return e=new M({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function Le(t){let e,n,s,$,a,o,r,c,p;return{c(){e=g("strong"),n=g("code"),s=i("$light-contrast"),$=u(),a=g("small"),o=i("From "),r=g("a"),c=g("code"),p=i("Checkbox"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);n=h(l,"CODE",{});var f=x(n);s=k(f,"$light-contrast"),f.forEach(y),l.forEach(y),$=d(t),a=h(t,"SMALL",{});var m=x(a);o=k(m,"From "),r=h(m,"A",{href:!0});var u=x(r);c=h(u,"CODE",{});var g=x(c);p=k(g,"Checkbox"),g.forEach(y),u.forEach(y),m.forEach(y),this.h()},h(){v(r,"href","./docs/components/checkbox")},m(t,l){E(t,e,l),w(e,n),w(n,s),E(t,$,l),E(t,a,l),w(a,o),w(a,r),w(r,c),w(c,p)},p:b,d(t){t&&y(e),t&&y($),t&&y(a)}}}function Me(t){let e;return{c(){e=i("The border color of an unchecked checkbox, or the fill color of a checked disabled one.")},l(t){e=k(t,"The border color of an unchecked checkbox, or the fill color of a checked disabled one.")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function Pe(t){let e,n;return e=new R({props:{value:"#DDDDDD"}}),{c(){$(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,s){o(e,t,s),n=!0},p:b,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function Be(t){let e,n,s,r,c,m;return e=new M({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function He(t){let e,n,s,$,a,o,r,c,p;return{c(){e=g("strong"),n=g("code"),s=i("$main-text"),$=u(),a=g("small"),o=i("From "),r=g("a"),c=g("code"),p=i("Checkbox"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);n=h(l,"CODE",{});var f=x(n);s=k(f,"$main-text"),f.forEach(y),l.forEach(y),$=d(t),a=h(t,"SMALL",{});var m=x(a);o=k(m,"From "),r=h(m,"A",{href:!0});var u=x(r);c=h(u,"CODE",{});var g=x(c);p=k(g,"Checkbox"),g.forEach(y),u.forEach(y),m.forEach(y),this.h()},h(){v(r,"href","./docs/components/checkbox")},m(t,l){E(t,e,l),w(e,n),w(n,s),E(t,$,l),E(t,a,l),w(a,o),w(a,r),w(r,c),w(c,p)},p:b,d(t){t&&y(e),t&&y($),t&&y(a)}}}function Ie(t){let e;return{c(){e=i("The color of the checkmark.")},l(t){e=k(t,"The color of the checkmark.")},m(t,n){E(t,e,n)},d(t){t&&y(e)}}}function qe(t){let e,n;return e=new R({props:{value:"#FFFFFF",bordered:!0}}),{c(){$(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,s){o(e,t,s),n=!0},p:b,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function ze(t){let e,n,s,r,c,m;return e=new M({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),s=new M({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function Ue(t){let e,n,s,r,c,m,i,k,v,b,D,C,O,T,S,A;return n=new F({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),i=new F({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),v=new F({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),D=new F({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),O=new F({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),S=new F({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=u(),r=g("tbody"),$(c.$$.fragment),m=u(),$(i.$$.fragment),k=u(),$(v.$$.fragment),b=u(),$(D.$$.fragment),C=u(),$(O.$$.fragment),T=u(),$(S.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(y),s=d(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),m=d(o),a(i.$$.fragment,o),k=d(o),a(v.$$.fragment,o),b=d(o),a(D.$$.fragment,o),C=d(o),a(O.$$.fragment,o),T=d(o),a(S.$$.fragment,o),o.forEach(y)},m(t,$){E(t,e,$),o(n,e,null),E(t,s,$),E(t,r,$),o(c,r,null),w(r,m),o(i,r,null),w(r,k),o(v,r,null),w(r,b),o(D,r,null),w(r,C),o(O,r,null),w(r,T),o(S,r,null),A=!0},p(t,e){const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};8&e&&($.$$scope={dirty:e,ctx:t}),c.$set($);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),i.$set(a);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),v.$set(o);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),D.$set(r);const p={};8&e&&(p.$$scope={dirty:e,ctx:t}),O.$set(p);const l={};8&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l)},i(t){A||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),p(v.$$.fragment,t),p(D.$$.fragment,t),p(O.$$.fragment,t),p(S.$$.fragment,t),A=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(v.$$.fragment,t),l(D.$$.fragment,t),l(O.$$.fragment,t),l(S.$$.fragment,t),A=!1},d(t){t&&y(e),f(n),t&&y(s),t&&y(r),f(c),f(i),f(v),f(D),f(O),f(S)}}}function Ve(t){let e,n,s,r,c,m,b,D,T,R,F,L,M,V,Y,K,_,W,J,Q,X,Z,tt,st,$t,at,ot,rt,ct,pt,lt,ft,mt,ut,gt,it,dt;return e=new C({props:{$$slots:{default:[P]},$$scope:{ctx:t}}}),s=new O({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),c=new O({props:{$$slots:{default:[H]},$$scope:{ctx:t}}}),b=new A({props:{components:We}}),T=new S({props:{$$slots:{source:[q],showcase:[I]},$$scope:{ctx:t}}}),F=new N({props:{id:"properties",$$slots:{default:[z]},$$scope:{ctx:t}}}),M=new G({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),Y=new j({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),_=new G({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),J=new j({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),st=new G({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),at=new O({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),rt=new j({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),pt=new N({props:{id:"events",$$slots:{default:[ae]},$$scope:{ctx:t}}}),ft=new j({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),ut=new N({props:{id:"scss-variables",$$slots:{default:[ie]},$$scope:{ctx:t}}}),it=new j({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=u(),$(s.$$.fragment),r=u(),$(c.$$.fragment),m=u(),$(b.$$.fragment),D=u(),$(T.$$.fragment),R=u(),$(F.$$.fragment),L=u(),$(M.$$.fragment),V=u(),$(Y.$$.fragment),K=u(),$(_.$$.fragment),W=u(),$(J.$$.fragment),Q=u(),X=g("div"),Z=i("* Required"),tt=u(),$(st.$$.fragment),$t=u(),$(at.$$.fragment),ot=u(),$(rt.$$.fragment),ct=u(),$(pt.$$.fragment),lt=u(),$(ft.$$.fragment),mt=u(),$(ut.$$.fragment),gt=u(),$(it.$$.fragment),this.h()},l(t){a(e.$$.fragment,t),n=d(t),a(s.$$.fragment,t),r=d(t),a(c.$$.fragment,t),m=d(t),a(b.$$.fragment,t),D=d(t),a(T.$$.fragment,t),R=d(t),a(F.$$.fragment,t),L=d(t),a(M.$$.fragment,t),V=d(t),a(Y.$$.fragment,t),K=d(t),a(_.$$.fragment,t),W=d(t),a(J.$$.fragment,t),Q=d(t),X=h(t,"DIV",{class:!0});var $=x(X);Z=k($,"* Required"),$.forEach(y),tt=d(t),a(st.$$.fragment,t),$t=d(t),a(at.$$.fragment,t),ot=d(t),a(rt.$$.fragment,t),ct=d(t),a(pt.$$.fragment,t),lt=d(t),a(ft.$$.fragment,t),mt=d(t),a(ut.$$.fragment,t),gt=d(t),a(it.$$.fragment,t),this.h()},h(){v(X,"class","required")},m(t,$){o(e,t,$),E(t,n,$),o(s,t,$),E(t,r,$),o(c,t,$),E(t,m,$),o(b,t,$),E(t,D,$),o(T,t,$),E(t,R,$),o(F,t,$),E(t,L,$),o(M,t,$),E(t,V,$),o(Y,t,$),E(t,K,$),o(_,t,$),E(t,W,$),o(J,t,$),E(t,Q,$),E(t,X,$),w(X,Z),E(t,tt,$),o(st,t,$),E(t,$t,$),o(at,t,$),E(t,ot,$),o(rt,t,$),E(t,ct,$),o(pt,t,$),E(t,lt,$),o(ft,t,$),E(t,mt,$),o(ut,t,$),E(t,gt,$),o(it,t,$),dt=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),T.$set(r);const p={};8&n&&(p.$$scope={dirty:n,ctx:t}),F.$set(p);const l={};8&n&&(l.$$scope={dirty:n,ctx:t}),M.$set(l);const f={};8&n&&(f.$$scope={dirty:n,ctx:t}),Y.$set(f);const m={};8&n&&(m.$$scope={dirty:n,ctx:t}),_.$set(m);const u={};8&n&&(u.$$scope={dirty:n,ctx:t}),J.$set(u);const g={};8&n&&(g.$$scope={dirty:n,ctx:t}),st.$set(g);const i={};8&n&&(i.$$scope={dirty:n,ctx:t}),at.$set(i);const d={};8&n&&(d.$$scope={dirty:n,ctx:t}),rt.$set(d);const h={};8&n&&(h.$$scope={dirty:n,ctx:t}),pt.$set(h);const x={};8&n&&(x.$$scope={dirty:n,ctx:t}),ft.$set(x);const k={};8&n&&(k.$$scope={dirty:n,ctx:t}),ut.$set(k);const y={};8&n&&(y.$$scope={dirty:n,ctx:t}),it.$set(y)},i(t){dt||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(b.$$.fragment,t),p(T.$$.fragment,t),p(F.$$.fragment,t),p(M.$$.fragment,t),p(Y.$$.fragment,t),p(_.$$.fragment,t),p(J.$$.fragment,t),p(st.$$.fragment,t),p(at.$$.fragment,t),p(rt.$$.fragment,t),p(pt.$$.fragment,t),p(ft.$$.fragment,t),p(ut.$$.fragment,t),p(it.$$.fragment,t),dt=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(b.$$.fragment,t),l(T.$$.fragment,t),l(F.$$.fragment,t),l(M.$$.fragment,t),l(Y.$$.fragment,t),l(_.$$.fragment,t),l(J.$$.fragment,t),l(st.$$.fragment,t),l(at.$$.fragment,t),l(rt.$$.fragment,t),l(pt.$$.fragment,t),l(ft.$$.fragment,t),l(ut.$$.fragment,t),l(it.$$.fragment,t),dt=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(b,t),t&&y(D),f(T,t),t&&y(R),f(F,t),t&&y(L),f(M,t),t&&y(V),f(Y,t),t&&y(K),f(_,t),t&&y(W),f(J,t),t&&y(Q),t&&y(X),t&&y(tt),f(st,t),t&&y($t),f(at,t),t&&y(ot),f(rt,t),t&&y(ct),f(pt,t),t&&y(lt),f(ft,t),t&&y(mt),f(ut,t),t&&y(gt),f(it,t)}}}function Ye(t){let e,n;const m=[t[2],Ke];let u={$$slots:{default:[Ve]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)u=s(u,m[t]);return e=new D({props:u}),{c(){$(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,s){o(e,t,s),n=!0},p(t,[n]){const s=4&n?r(m,[4&n&&c(t[2]),0&n&&c(Ke)]):{};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}const Ke={name:"CheckboxGroup",relatedComponents:[{name:"Checkbox",link:"./docs/components/checkbox"}]},{name:_e,relatedComponents:We}=Ke;function Je(t,e,n){return t.$$set=t=>{n(2,e=s(s({},e),m(t)))},[[{value:"couch_potato",label:"Sitting lazily on the couch",checked:!0,disabled:!0},{value:"cycling",label:"Cycling"},{value:"running",label:"Running"},{value:"swimming",label:"Olympic Swimming"}],[{value:"#000000"},{value:"#ff0000"},{value:"#00ff00"},{value:"#ffffff"}],e=m(e)]}class Qe extends t{constructor(t){super(),e(this,t,Je,Ye,n,{})}}export{Qe as default,Ke as metadata};
diff --git a/376/client/legacy/checkbox.905ee757.js b/376/client/legacy/checkbox.905ee757.js
new file mode 100644
index 000000000..75c8ce9c9
--- /dev/null
+++ b/376/client/legacy/checkbox.905ee757.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as s,l as r,m as o,U as a,a0 as c,t as f,p as l,q as p,L as m,u as g,w as u,f as d,d as i,v as h,x,h as y,k as E,b as w,e as k,g as v,n as b}from"./client.583c6e60.js";import{L as D,H as C,P as O}from"./layout.47c81311.js";import{C as T}from"./checkbox.b2711e27.js";import{S}from"./showcase.759e7149.js";import{C as N}from"./color-preview.9db6af61.js";import{R as A}from"./related-components.9fddec4f.js";import{H as j}from"./h2.0da05151.js";import{H as R}from"./h3.c9a49f62.js";import{T as G,a as P,b as F,c as H}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./button.863c0adf.js";import"./card.113fcab4.js";function B(t){let e;return{c(){e=h("Checkbox")},l(t){e=x(t,"Checkbox")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function L(t){let e;return{c(){e=h("An individual checkbox.")},l(t){e=x(t,"An individual checkbox.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function M(t){let e,$;return{c(){e=y("span"),$=h("Subscribe to newsletter?"),this.h()},l(t){e=E(t,"SPAN",{class:!0});var n=w(e);$=x(n,"Subscribe to newsletter?"),n.forEach(i),this.h()},h(){k(e,"class","ml")},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function U(t){let e,$;return{c(){e=y("span"),$=h("Can't uncheck me!"),this.h()},l(t){e=E(t,"SPAN",{class:!0});var n=w(e);$=x(n,"Can't uncheck me!"),n.forEach(i),this.h()},h(){k(e,"class","ml")},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function V(t){let e,$,n,a,c;return $=new T({props:{name:"subscribe",value:"newsletter",title:"Select to subscribe!",$$slots:{default:[M]},$$scope:{ctx:t}}}),a=new T({props:{checked:!0,disabled:!0,round:!0,$$slots:{default:[U]},$$scope:{ctx:t}}}),{c(){e=y("div"),s($.$$.fragment),n=g(),s(a.$$.fragment),this.h()},l(t){e=E(t,"DIV",{slot:!0,class:!0});var s=w(e);r($.$$.fragment,s),n=u(s),r(a.$$.fragment,s),s.forEach(i),this.h()},h(){k(e,"slot","showcase"),k(e,"class","padded")},m(t,s){d(t,e,s),o($,e,null),v(e,n),o(a,e,null),c=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),a.$set(s)},i(t){c||(f($.$$.fragment,t),f(a.$$.fragment,t),c=!0)},o(t){l($.$$.fragment,t),l(a.$$.fragment,t),c=!1},d(t){t&&i(e),p($),p(a)}}}function Y(t){let e,$;return{c(){e=y("div"),$=y("pre"),this.h()},l(t){e=E(t,"DIV",{slot:!0});var n=w(e);$=E(n,"PRE",{class:!0}),w($).forEach(i),n.forEach(i),this.h()},h(){k($,"class","language-svelte"),k(e,"slot","source")},m(t,n){d(t,e,n),v(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Checkbox</span>\n  <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>subscribe<span class="token punctuation">"</span></span>\n  <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>newsletter<span class="token punctuation">"</span></span>\n  <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Select to subscribe!<span class="token punctuation">"</span></span>\n<span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Subscribe to newsletter?<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Checkbox</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Checkbox</span> <span class="token attr-name">checked</span> <span class="token attr-name">disabled</span> <span class="token attr-name">round</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Can\'t uncheck me!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Checkbox</span><span class="token punctuation">></span></span></code>'},p:b,d(t){t&&i(e)}}}function z(t){let e;return{c(){e=h("Properties")},l(t){e=x(t,"Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function W(t){let e;return{c(){e=h("Style Properties")},l(t){e=x(t,"Style Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function I(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function K(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function q(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function _(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function J(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function Q(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("slotLeft")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"slotLeft"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function X(t){let e,$;return{c(){e=y("code"),$=h("false")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"false"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function Z(t){let e,$;return{c(){e=y("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"boolean"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function tt(t){let e;return{c(){e=h("Places the default slot (label) to the left of the checkbox.")},l(t){e=x(t,"Places the default slot (label) to the left of the checkbox.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function et(t){let e,$,n,a,c,m,h,x;return e=new H({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function $t(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("round")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"round"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function nt(t){let e,$;return{c(){e=y("code"),$=h("false")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"false"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function st(t){let e,$;return{c(){e=y("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"boolean"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function rt(t){let e;return{c(){e=h("Makes the checkbox round (and slightly larger).")},l(t){e=x(t,"Makes the checkbox round (and slightly larger).")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function ot(t){let e,$,n,a,c,m,h,x;return e=new H({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function at(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("selectorStyle")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"selectorStyle"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function ct(t){let e,$;return{c(){e=y("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"null"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function ft(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"string"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function lt(t){let e,$,n,s,r,o;return{c(){e=h("A CSS style string to assign to the selector box element. "),$=y("br"),n=h(" Can be used to make the checkbox represent a color (in conjunction with the "),s=y("code"),r=h("getColorPickerStyles"),o=h(" utility).")},l(t){e=x(t,"A CSS style string to assign to the selector box element. "),$=E(t,"BR",{}),n=x(t," Can be used to make the checkbox represent a color (in conjunction with the "),s=E(t,"CODE",{});var a=w(s);r=x(a,"getColorPickerStyles"),a.forEach(i),o=x(t," utility).")},m(t,a){d(t,e,a),d(t,$,a),d(t,n,a),d(t,s,a),v(s,r),d(t,o,a)},p:b,d(t){t&&i(e),t&&i($),t&&i(n),t&&i(s),t&&i(o)}}}function pt(t){let e,$,n,a,c,m,h,x;return e=new H({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function mt(t){let e,$,n,a,c,m,h,x,k,b;return $=new P({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),k=new P({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),a=y("tbody"),s(c.$$.fragment),m=g(),s(h.$$.fragment),x=g(),s(k.$$.fragment)},l(t){e=E(t,"THEAD",{});var s=w(e);r($.$$.fragment,s),s.forEach(i),n=u(t),a=E(t,"TBODY",{});var o=w(a);r(c.$$.fragment,o),m=u(o),r(h.$$.fragment,o),x=u(o),r(k.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,a,s),o(c,a,null),v(a,m),o(h,a,null),v(a,x),o(k,a,null),b=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),h.$set(r);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),k.$set(o)},i(t){b||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(k.$$.fragment,t),b=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(k.$$.fragment,t),b=!1},d(t){t&&i(e),p($),t&&i(n),t&&i(a),p(c),p(h),p(k)}}}function gt(t){let e;return{c(){e=h("Functional Properties")},l(t){e=x(t,"Functional Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function ut(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function dt(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function it(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function ht(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function xt(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function yt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("value")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"value"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function Et(t){let e,$;return{c(){e=y("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"null"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function wt(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"string"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function kt(t){let e,$,n,s;return{c(){e=h("The value assigned to the checkbox input. Check "),$=y("a"),n=h("MDN Docs"),s=h(" for more information."),this.h()},l(t){e=x(t,"The value assigned to the checkbox input. Check "),$=E(t,"A",{href:!0,rel:!0});var r=w($);n=x(r,"MDN Docs"),r.forEach(i),s=x(t," for more information."),this.h()},h(){k($,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Value"),k($,"rel","nofollow")},m(t,r){d(t,e,r),d(t,$,r),v($,n),d(t,s,r)},p:b,d(t){t&&i(e),t&&i($),t&&i(s)}}}function vt(t){let e,$,n,a,c,m,h,x;return e=new H({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function bt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("checked")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"checked"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function Dt(t){let e,$;return{c(){e=y("code"),$=h("false")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"false"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function Ct(t){let e,$;return{c(){e=y("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"boolean"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function Ot(t){let e;return{c(){e=h("Whether the checkbox is checked or not.")},l(t){e=x(t,"Whether the checkbox is checked or not.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Tt(t){let e,$,n,a,c,m,h,x;return e=new H({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function St(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("disabled")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"disabled"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function Nt(t){let e,$;return{c(){e=y("code"),$=h("false")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"false"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function At(t){let e,$;return{c(){e=y("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"boolean"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function jt(t){let e,$,n,s;return{c(){e=h("Disables the checkbox, freezing its current "),$=y("code"),n=h("checked"),s=h(" state.")},l(t){e=x(t,"Disables the checkbox, freezing its current "),$=E(t,"CODE",{});var r=w($);n=x(r,"checked"),r.forEach(i),s=x(t," state.")},m(t,r){d(t,e,r),d(t,$,r),v($,n),d(t,s,r)},p:b,d(t){t&&i(e),t&&i($),t&&i(s)}}}function Rt(t){let e,$,n,a,c,m,h,x;return e=new H({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function Gt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("title")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"title"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function Pt(t){let e,$;return{c(){e=y("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"null"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function Ft(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"string"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function Ht(t){let e;return{c(){e=h("Adds a tooltip to the checkbox.")},l(t){e=x(t,"Adds a tooltip to the checkbox.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Bt(t){let e,$,n,a,c,m,h,x;return e=new H({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function Lt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("...")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"..."),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function Mt(t){let e,$;return{c(){e=y("code"),$=h("any")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"any"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function Ut(t){let e,$,n,s;return{c(){e=h("Everything else will be passed to the underlying "),$=y("code"),n=h('<input type="checkbox">'),s=h(" element.")},l(t){e=x(t,"Everything else will be passed to the underlying "),$=E(t,"CODE",{});var r=w($);n=x(r,'<input type="checkbox">'),r.forEach(i),s=x(t," element.")},m(t,r){d(t,e,r),d(t,$,r),v($,n),d(t,s,r)},p:b,d(t){t&&i(e),t&&i($),t&&i(s)}}}function Vt(t){let e,$,n,a,c,m,h,x;return e=new H({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),n=new H({}),c=new H({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),h.$set(r)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function Yt(t){let e,$,n,a,c,m,h,x,k,b,D,C,O,T;return $=new P({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),k=new P({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),D=new P({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),O=new P({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),a=y("tbody"),s(c.$$.fragment),m=g(),s(h.$$.fragment),x=g(),s(k.$$.fragment),b=g(),s(D.$$.fragment),C=g(),s(O.$$.fragment)},l(t){e=E(t,"THEAD",{});var s=w(e);r($.$$.fragment,s),s.forEach(i),n=u(t),a=E(t,"TBODY",{});var o=w(a);r(c.$$.fragment,o),m=u(o),r(h.$$.fragment,o),x=u(o),r(k.$$.fragment,o),b=u(o),r(D.$$.fragment,o),C=u(o),r(O.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,a,s),o(c,a,null),v(a,m),o(h,a,null),v(a,x),o(k,a,null),v(a,b),o(D,a,null),v(a,C),o(O,a,null),T=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),h.$set(r);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),k.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),D.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),O.$set(f)},i(t){T||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(k.$$.fragment,t),f(D.$$.fragment,t),f(O.$$.fragment,t),T=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(k.$$.fragment,t),l(D.$$.fragment,t),l(O.$$.fragment,t),T=!1},d(t){t&&i(e),p($),t&&i(n),t&&i(a),p(c),p(h),p(k),p(D),p(O)}}}function zt(t){let e;return{c(){e=h("Class Properties")},l(t){e=x(t,"Class Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Wt(t){let e,$,n,s,r,o,a,c,f,l,p,m,g;return{c(){e=h("All "),$=y("code"),n=h("<Checkbox>"),s=h(" components use the "),r=y("code"),o=h(".checkbox"),a=h(" class on the "),c=y("code"),f=h("<label>"),l=h(" and "),p=y("code"),m=h(".selector"),g=h(" on the selector box.")},l(t){e=x(t,"All "),$=E(t,"CODE",{});var u=w($);n=x(u,"<Checkbox>"),u.forEach(i),s=x(t," components use the "),r=E(t,"CODE",{});var d=w(r);o=x(d,".checkbox"),d.forEach(i),a=x(t," class on the "),c=E(t,"CODE",{});var h=w(c);f=x(h,"<label>"),h.forEach(i),l=x(t," and "),p=E(t,"CODE",{});var y=w(p);m=x(y,".selector"),y.forEach(i),g=x(t," on the selector box.")},m(t,u){d(t,e,u),d(t,$,u),v($,n),d(t,s,u),d(t,r,u),v(r,o),d(t,a,u),d(t,c,u),v(c,f),d(t,l,u),d(t,p,u),v(p,m),d(t,g,u)},p:b,d(t){t&&i(e),t&&i($),t&&i(s),t&&i(r),t&&i(a),t&&i(c),t&&i(l),t&&i(p),t&&i(g)}}}function It(t){let e;return{c(){e=h("Falsy values passed to classes will be disregarded.")},l(t){e=x(t,"Falsy values passed to classes will be disregarded.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Kt(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function qt(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function _t(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Jt(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Qt(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function Xt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("class")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"class"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function Zt(t){let e,$;return{c(){e=y("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"null"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function te(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"string"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function ee(t){let e,$,n,s;return{c(){e=h("A class string to add to the root "),$=y("code"),n=h("<label>"),s=h(" element.")},l(t){e=x(t,"A class string to add to the root "),$=E(t,"CODE",{});var r=w($);n=x(r,"<label>"),r.forEach(i),s=x(t," element.")},m(t,r){d(t,e,r),d(t,$,r),v($,n),d(t,s,r)},p:b,d(t){t&&i(e),t&&i($),t&&i(s)}}}function $e(t){let e,$,n,a,c,m,h,x;return e=new H({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function ne(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("inputClass")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"inputClass"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function se(t){let e,$;return{c(){e=y("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"null"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function re(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"string"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function oe(t){let e,$,n,s;return{c(){e=h("A class string to assign to the "),$=y("code"),n=h("<input>"),s=h(" element.")},l(t){e=x(t,"A class string to assign to the "),$=E(t,"CODE",{});var r=w($);n=x(r,"<input>"),r.forEach(i),s=x(t," element.")},m(t,r){d(t,e,r),d(t,$,r),v($,n),d(t,s,r)},p:b,d(t){t&&i(e),t&&i($),t&&i(s)}}}function ae(t){let e,$,n,a,c,m,h,x;return e=new H({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function ce(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("selectorClass")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"selectorClass"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function fe(t){let e,$;return{c(){e=y("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"null"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function le(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"string"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function pe(t){let e;return{c(){e=h("A class string to add to the selector box element.")},l(t){e=x(t,"A class string to add to the selector box element.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function me(t){let e,$,n,a,c,m,h,x;return e=new H({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t)}}}function ge(t){let e,$,n,a,c,m,h,x,k,b;return $=new P({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),k=new P({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),a=y("tbody"),s(c.$$.fragment),m=g(),s(h.$$.fragment),x=g(),s(k.$$.fragment)},l(t){e=E(t,"THEAD",{});var s=w(e);r($.$$.fragment,s),s.forEach(i),n=u(t),a=E(t,"TBODY",{});var o=w(a);r(c.$$.fragment,o),m=u(o),r(h.$$.fragment,o),x=u(o),r(k.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,a,s),o(c,a,null),v(a,m),o(h,a,null),v(a,x),o(k,a,null),b=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),h.$set(r);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),k.$set(o)},i(t){b||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(k.$$.fragment,t),b=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(k.$$.fragment,t),b=!1},d(t){t&&i(e),p($),t&&i(n),t&&i(a),p(c),p(h),p(k)}}}function ue(t){let e;return{c(){e=h("Events")},l(t){e=x(t,"Events")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function de(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function ie(t){let e;return{c(){e=h("Event Detail")},l(t){e=x(t,"Event Detail")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function he(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function xe(t){let e,$,n,a,c,m;return e=new F({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t)}}}function ye(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("change")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"change"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function Ee(t){let e,$;return{c(){e=y("code"),$=h("{ value, checked, nativeEvent }")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"{ value, checked, nativeEvent }"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function we(t){let e,$,n,s,r,o,a,c,f,l,p,m,g,u,D,C;return{c(){e=h("Fired when the selection changes. The "),$=y("code"),n=h("value"),s=h(" contains the element's "),r=y("code"),o=h("value"),a=h(" passed as a property (not altered, so if you pass an object, you get an object here), "),c=y("code"),f=h("checked"),l=h(" represents the input's state, and "),p=y("code"),m=h("nativeEvent"),g=h(" has the "),u=y("a"),D=h("native change event"),C=h("."),this.h()},l(t){e=x(t,"Fired when the selection changes. The "),$=E(t,"CODE",{});var d=w($);n=x(d,"value"),d.forEach(i),s=x(t," contains the element's "),r=E(t,"CODE",{});var h=w(r);o=x(h,"value"),h.forEach(i),a=x(t," passed as a property (not altered, so if you pass an object, you get an object here), "),c=E(t,"CODE",{});var y=w(c);f=x(y,"checked"),y.forEach(i),l=x(t," represents the input's state, and "),p=E(t,"CODE",{});var k=w(p);m=x(k,"nativeEvent"),k.forEach(i),g=x(t," has the "),u=E(t,"A",{href:!0,rel:!0});var v=w(u);D=x(v,"native change event"),v.forEach(i),C=x(t,"."),this.h()},h(){k(u,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),k(u,"rel","nofollow")},m(t,i){d(t,e,i),d(t,$,i),v($,n),d(t,s,i),d(t,r,i),v(r,o),d(t,a,i),d(t,c,i),v(c,f),d(t,l,i),d(t,p,i),v(p,m),d(t,g,i),d(t,u,i),v(u,D),d(t,C,i)},p:b,d(t){t&&i(e),t&&i($),t&&i(s),t&&i(r),t&&i(a),t&&i(c),t&&i(l),t&&i(p),t&&i(g),t&&i(u),t&&i(C)}}}function ke(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t)}}}function ve(t){let e,$,n,a,c,m;return $=new P({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),a=y("tbody"),s(c.$$.fragment)},l(t){e=E(t,"THEAD",{});var s=w(e);r($.$$.fragment,s),s.forEach(i),n=u(t),a=E(t,"TBODY",{});var o=w(a);r(c.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,a,s),o(c,a,null),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&i(e),p($),t&&i(n),t&&i(a),p(c)}}}function be(t){let e;return{c(){e=h("Slots")},l(t){e=x(t,"Slots")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function De(t){let e;return{c(){e=h("Default slot")},l(t){e=x(t,"Default slot")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Ce(t){let e,$,n,s,r;return{c(){e=h("The label for the checkbox. By default, the slot is positioned to the right of the checkbox, but its placement can be adjusted with the "),$=y("mark"),n=y("code"),s=h("slotLeft"),r=h(" property.")},l(t){e=x(t,"The label for the checkbox. By default, the slot is positioned to the right of the checkbox, but its placement can be adjusted with the "),$=E(t,"MARK",{});var o=w($);n=E(o,"CODE",{});var a=w(n);s=x(a,"slotLeft"),a.forEach(i),o.forEach(i),r=x(t," property.")},m(t,o){d(t,e,o),d(t,$,o),v($,n),v(n,s),d(t,r,o)},p:b,d(t){t&&i(e),t&&i($),t&&i(r)}}}function Oe(t){let e;return{c(){e=h("SCSS Variables")},l(t){e=x(t,"SCSS Variables")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Te(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Se(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Ne(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Ae(t){let e,$,n,a,c,m;return e=new F({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t)}}}function je(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("$main")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"$main"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function Re(t){let e;return{c(){e=h("The fill color of the checked checkbox.")},l(t){e=x(t,"The fill color of the checked checkbox.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Ge(t){let e,$;return e=new N({props:{value:"#4300B0"}}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Pe(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t)}}}function Fe(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("$font")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"$font"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function He(t){let e;return{c(){e=h("The font of the checkbox's label.")},l(t){e=x(t,"The font of the checkbox's label.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Be(t){let e,$;return{c(){e=y("code"),$=h("'Ubuntu'")},l(t){e=E(t,"CODE",{});var n=w(e);$=x(n,"'Ubuntu'"),n.forEach(i)},m(t,n){d(t,e,n),v(e,$)},p:b,d(t){t&&i(e)}}}function Le(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t)}}}function Me(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("$disabled")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"$disabled"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function Ue(t){let e;return{c(){e=h("The fill color of the disabled checkbox.")},l(t){e=x(t,"The fill color of the disabled checkbox.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Ve(t){let e,$;return e=new N({props:{value:"#888888"}}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Ye(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t)}}}function ze(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("$dark")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"$dark"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function We(t){let e;return{c(){e=h("The background color of the checkbox hover signifier.")},l(t){e=x(t,"The background color of the checkbox hover signifier.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Ie(t){let e,$;return e=new N({props:{value:"#333333"}}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Ke(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t)}}}function qe(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("$light-contrast")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"$light-contrast"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function _e(t){let e;return{c(){e=h("The border color of an unchecked checkbox, or the fill color of a checked disabled one.")},l(t){e=x(t,"The border color of an unchecked checkbox, or the fill color of a checked disabled one.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Je(t){let e,$;return e=new N({props:{value:"#DDDDDD"}}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Qe(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t)}}}function Xe(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("$main-text")},l(t){e=E(t,"STRONG",{});var s=w(e);$=E(s,"CODE",{});var r=w($);n=x(r,"$main-text"),r.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),v(e,$),v($,n)},p:b,d(t){t&&i(e)}}}function Ze(t){let e;return{c(){e=h("The color of the checkmark.")},l(t){e=x(t,"The color of the checkmark.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function t$(t){let e,$;return e=new N({props:{value:"#FFFFFF",bordered:!0}}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function e$(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ze]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t)}}}function $$(t){let e,$,n,a,c,m,h,x,k,b,D,C,O,T,S,N;return $=new P({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),k=new P({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),D=new P({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),O=new P({props:{$$slots:{default:[Qe]},$$scope:{ctx:t}}}),S=new P({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),a=y("tbody"),s(c.$$.fragment),m=g(),s(h.$$.fragment),x=g(),s(k.$$.fragment),b=g(),s(D.$$.fragment),C=g(),s(O.$$.fragment),T=g(),s(S.$$.fragment)},l(t){e=E(t,"THEAD",{});var s=w(e);r($.$$.fragment,s),s.forEach(i),n=u(t),a=E(t,"TBODY",{});var o=w(a);r(c.$$.fragment,o),m=u(o),r(h.$$.fragment,o),x=u(o),r(k.$$.fragment,o),b=u(o),r(D.$$.fragment,o),C=u(o),r(O.$$.fragment,o),T=u(o),r(S.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,a,s),o(c,a,null),v(a,m),o(h,a,null),v(a,x),o(k,a,null),v(a,b),o(D,a,null),v(a,C),o(O,a,null),v(a,T),o(S,a,null),N=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),h.$set(r);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),k.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),D.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),O.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l)},i(t){N||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(k.$$.fragment,t),f(D.$$.fragment,t),f(O.$$.fragment,t),f(S.$$.fragment,t),N=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(k.$$.fragment,t),l(D.$$.fragment,t),l(O.$$.fragment,t),l(S.$$.fragment,t),N=!1},d(t){t&&i(e),p($),t&&i(n),t&&i(a),p(c),p(h),p(k),p(D),p(O),p(S)}}}function n$(t){let e,$,n,a,c,m,h,x,y,E,w,k,v,b,D,T,N,P,F,H,M,U,I,K,q,_,J,Q,X,Z,tt,et,$t,nt,st,rt,ot,at,ct,ft;return e=new C({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),n=new O({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),c=new A({props:{components:a$}}),h=new S({props:{$$slots:{source:[Y],showcase:[V]},$$scope:{ctx:t}}}),y=new j({props:{id:"properties",$$slots:{default:[z]},$$scope:{ctx:t}}}),w=new R({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),v=new G({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),D=new R({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),N=new G({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),F=new R({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),M=new O({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),I=new O({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),q=new G({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),J=new j({props:{id:"events",$$slots:{default:[ue]},$$scope:{ctx:t}}}),X=new G({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),tt=new j({props:{id:"slots",$$slots:{default:[be]},$$scope:{ctx:t}}}),$t=new R({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),st=new O({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),ot=new j({props:{id:"scss-variables",$$slots:{default:[Oe]},$$scope:{ctx:t}}}),ct=new G({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(h.$$.fragment),x=g(),s(y.$$.fragment),E=g(),s(w.$$.fragment),k=g(),s(v.$$.fragment),b=g(),s(D.$$.fragment),T=g(),s(N.$$.fragment),P=g(),s(F.$$.fragment),H=g(),s(M.$$.fragment),U=g(),s(I.$$.fragment),K=g(),s(q.$$.fragment),_=g(),s(J.$$.fragment),Q=g(),s(X.$$.fragment),Z=g(),s(tt.$$.fragment),et=g(),s($t.$$.fragment),nt=g(),s(st.$$.fragment),rt=g(),s(ot.$$.fragment),at=g(),s(ct.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),a=u(t),r(c.$$.fragment,t),m=u(t),r(h.$$.fragment,t),x=u(t),r(y.$$.fragment,t),E=u(t),r(w.$$.fragment,t),k=u(t),r(v.$$.fragment,t),b=u(t),r(D.$$.fragment,t),T=u(t),r(N.$$.fragment,t),P=u(t),r(F.$$.fragment,t),H=u(t),r(M.$$.fragment,t),U=u(t),r(I.$$.fragment,t),K=u(t),r(q.$$.fragment,t),_=u(t),r(J.$$.fragment,t),Q=u(t),r(X.$$.fragment,t),Z=u(t),r(tt.$$.fragment,t),et=u(t),r($t.$$.fragment,t),nt=u(t),r(st.$$.fragment,t),rt=u(t),r(ot.$$.fragment,t),at=u(t),r(ct.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,a,s),o(c,t,s),d(t,m,s),o(h,t,s),d(t,x,s),o(y,t,s),d(t,E,s),o(w,t,s),d(t,k,s),o(v,t,s),d(t,b,s),o(D,t,s),d(t,T,s),o(N,t,s),d(t,P,s),o(F,t,s),d(t,H,s),o(M,t,s),d(t,U,s),o(I,t,s),d(t,K,s),o(q,t,s),d(t,_,s),o(J,t,s),d(t,Q,s),o(X,t,s),d(t,Z,s),o(tt,t,s),d(t,et,s),o($t,t,s),d(t,nt,s),o(st,t,s),d(t,rt,s),o(ot,t,s),d(t,at,s),o(ct,t,s),ft=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),h.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),y.$set(a);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),w.$set(c);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),v.$set(f);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),D.$set(l);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),N.$set(p);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),F.$set(m);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),M.$set(g);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),I.$set(u);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),q.$set(d);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),J.$set(i);const x={};2&$&&(x.$$scope={dirty:$,ctx:t}),X.$set(x);const E={};2&$&&(E.$$scope={dirty:$,ctx:t}),tt.$set(E);const k={};2&$&&(k.$$scope={dirty:$,ctx:t}),$t.$set(k);const b={};2&$&&(b.$$scope={dirty:$,ctx:t}),st.$set(b);const C={};2&$&&(C.$$scope={dirty:$,ctx:t}),ot.$set(C);const O={};2&$&&(O.$$scope={dirty:$,ctx:t}),ct.$set(O)},i(t){ft||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(y.$$.fragment,t),f(w.$$.fragment,t),f(v.$$.fragment,t),f(D.$$.fragment,t),f(N.$$.fragment,t),f(F.$$.fragment,t),f(M.$$.fragment,t),f(I.$$.fragment,t),f(q.$$.fragment,t),f(J.$$.fragment,t),f(X.$$.fragment,t),f(tt.$$.fragment,t),f($t.$$.fragment,t),f(st.$$.fragment,t),f(ot.$$.fragment,t),f(ct.$$.fragment,t),ft=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(y.$$.fragment,t),l(w.$$.fragment,t),l(v.$$.fragment,t),l(D.$$.fragment,t),l(N.$$.fragment,t),l(F.$$.fragment,t),l(M.$$.fragment,t),l(I.$$.fragment,t),l(q.$$.fragment,t),l(J.$$.fragment,t),l(X.$$.fragment,t),l(tt.$$.fragment,t),l($t.$$.fragment,t),l(st.$$.fragment,t),l(ot.$$.fragment,t),l(ct.$$.fragment,t),ft=!1},d(t){p(e,t),t&&i($),p(n,t),t&&i(a),p(c,t),t&&i(m),p(h,t),t&&i(x),p(y,t),t&&i(E),p(w,t),t&&i(k),p(v,t),t&&i(b),p(D,t),t&&i(T),p(N,t),t&&i(P),p(F,t),t&&i(H),p(M,t),t&&i(U),p(I,t),t&&i(K),p(q,t),t&&i(_),p(J,t),t&&i(Q),p(X,t),t&&i(Z),p(tt,t),t&&i(et),p($t,t),t&&i(nt),p(st,t),t&&i(rt),p(ot,t),t&&i(at),p(ct,t)}}}function s$(t){let e,$;const m=[t[0],r$];let g={$$slots:{default:[n$]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)g=n(g,m[t]);return e=new D({props:g}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p(t,[$]){const n=1&$?a(m,[1&$&&c(t[0]),0&$&&c(r$)]):{};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}const r$={name:"Checkbox",relatedComponents:[{name:"CheckboxGroup",link:"./docs/components/checkbox-group"}]},{name:o$,relatedComponents:a$}=r$;function c$(t,e,$){return t.$$set=t=>{$(0,e=n(n({},e),m(t)))},[e=m(e)]}class f$ extends t{constructor(t){super(),e(this,t,c$,s$,$,{})}}export{f$ as default,r$ as metadata};
diff --git a/376/client/legacy/checkbox.b2711e27.js b/376/client/legacy/checkbox.b2711e27.js
new file mode 100644
index 000000000..a08b880af
--- /dev/null
+++ b/376/client/legacy/checkbox.b2711e27.js
@@ -0,0 +1 @@
+import{S as l,i as s,s as e,K as t,h as c,u as a,k as n,b as o,w as u,d as i,N as r,O as d,e as h,X as p,f,g as v,o as y,t as k,y as b,p as m,z as x,U as C,W as $,I as L,J as g,L as q,M as S,Q as E,R as T,T as _}from"./client.583c6e60.js";import{c as I}from"./classes.a7d1a9eb.js";function j(l){let s;const e=l[13].default,t=S(e,l,l[12],null);return{c(){t&&t.c()},l(l){t&&t.l(l)},m(l,e){t&&t.m(l,e),s=!0},p(l,c){t&&t.p&&(!s||4096&c)&&E(t,e,l,l[12],s?_(e,l[12],c,null):T(l[12]),null)},i(l){s||(k(t,l),s=!0)},o(l){m(t,l),s=!1},d(l){t&&t.d(l)}}}function N(l){let s;const e=l[13].default,t=S(e,l,l[12],null);return{c(){t&&t.c()},l(l){t&&t.l(l)},m(l,e){t&&t.m(l,e),s=!0},p(l,c){t&&t.p&&(!s||4096&c)&&E(t,e,l,l[12],s?_(e,l[12],c,null):T(l[12]),null)},i(l){s||(k(t,l),s=!0)},o(l){m(t,l),s=!1},d(l){t&&t.d(l)}}}function U(l){let s,e,L,g,q,S,E,T,_,U,w,z,A=l[7]&&j(l),B=[{__value:l[5]},{type:"checkbox"},{class:g=I(l[2])},{disabled:l[6]},l[11]],D={};for(let l=0;l<B.length;l+=1)D=t(D,B[l]);let J=!l[7]&&N(l);return{c(){s=c("label"),A&&A.c(),e=a(),L=c("input"),q=a(),S=c("div"),T=a(),J&&J.c(),this.h()},l(l){s=n(l,"LABEL",{class:!0,title:!0});var t=o(s);A&&A.l(t),e=u(t),L=n(t,"INPUT",{type:!0,class:!0}),q=u(t),S=n(t,"DIV",{class:!0,style:!0}),o(S).forEach(i),T=u(t),J&&J.l(t),t.forEach(i),this.h()},h(){r(L,D),d(L,"svelte-ly1qcx",!0),h(S,"class",E=p(I("selector",l[3]))+" svelte-ly1qcx"),h(S,"style",l[4]),h(s,"class",_=p(I("checkbox",l[1]))+" svelte-ly1qcx"),h(s,"title",l[9]),d(s,"round",l[8])},m(t,c){f(t,s,c),A&&A.m(s,null),v(s,e),v(s,L),L.autofocus&&L.focus(),L.checked=l[0],v(s,q),v(s,S),v(s,T),J&&J.m(s,null),U=!0,w||(z=[y(L,"change",l[14]),y(L,"change",l[15])],w=!0)},p(l,t){let[c]=t;l[7]?A?(A.p(l,c),128&c&&k(A,1)):(A=j(l),A.c(),k(A,1),A.m(s,e)):A&&(b(),m(A,1,1,(()=>{A=null})),x()),r(L,D=C(B,[(!U||32&c)&&{__value:l[5]},{type:"checkbox"},(!U||4&c&&g!==(g=I(l[2])))&&{class:g},(!U||64&c)&&{disabled:l[6]},2048&c&&l[11]])),1&c&&(L.checked=l[0]),d(L,"svelte-ly1qcx",!0),(!U||8&c&&E!==(E=p(I("selector",l[3]))+" svelte-ly1qcx"))&&h(S,"class",E),(!U||16&c)&&h(S,"style",l[4]),l[7]?J&&(b(),m(J,1,1,(()=>{J=null})),x()):J?(J.p(l,c),128&c&&k(J,1)):(J=N(l),J.c(),k(J,1),J.m(s,null)),(!U||2&c&&_!==(_=p(I("checkbox",l[1]))+" svelte-ly1qcx"))&&h(s,"class",_),(!U||512&c)&&h(s,"title",l[9]),(!U||258&c)&&d(s,"round",l[8])},i(l){U||(k(A),k(J),U=!0)},o(l){m(A),m(J),U=!1},d(l){l&&i(s),A&&A.d(),J&&J.d(),w=!1,$(z)}}}function w(l,s,e){const c=["class","inputClass","selectorClass","selectorStyle","checked","value","disabled","slotLeft","round","title"];let a=L(s,c),{$$slots:n={},$$scope:o}=s,{class:u=null}=s,{inputClass:i=null}=s,{selectorClass:r=null}=s,{selectorStyle:d=null}=s,{checked:h=!1}=s,{value:p}=s,{disabled:f=!1}=s,{slotLeft:v=!1}=s,{round:y=!1}=s,{title:k=null}=s;const b=g();return l.$$set=l=>{s=t(t({},s),q(l)),e(11,a=L(s,c)),"class"in l&&e(1,u=l.class),"inputClass"in l&&e(2,i=l.inputClass),"selectorClass"in l&&e(3,r=l.selectorClass),"selectorStyle"in l&&e(4,d=l.selectorStyle),"checked"in l&&e(0,h=l.checked),"value"in l&&e(5,p=l.value),"disabled"in l&&e(6,f=l.disabled),"slotLeft"in l&&e(7,v=l.slotLeft),"round"in l&&e(8,y=l.round),"title"in l&&e(9,k=l.title),"$$scope"in l&&e(12,o=l.$$scope)},[h,u,i,r,d,p,f,v,y,k,b,a,o,n,function(){h=this.checked,e(0,h)},l=>b("change",{value:l.currentTarget.value,checked:l.currentTarget.checked,nativeEvent:l})]}var z=class extends l{constructor(l){super(),s(this,l,w,U,e,{class:1,inputClass:2,selectorClass:3,selectorStyle:4,checked:0,value:5,disabled:6,slotLeft:7,round:8,title:9})}};export{z as C};
diff --git a/376/client/legacy/chip-a57ac15c.css b/376/client/legacy/chip-a57ac15c.css
new file mode 100644
index 000000000..05c8974dc
--- /dev/null
+++ b/376/client/legacy/chip-a57ac15c.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-er5vl1{align-items:flex-start;display:flex}[slot=showcase].svelte-er5vl1 .chip{margin-right:0.5em}
diff --git a/376/client/legacy/chip-f8706e31.css b/376/client/legacy/chip-f8706e31.css
new file mode 100644
index 000000000..a72cdd98b
--- /dev/null
+++ b/376/client/legacy/chip-f8706e31.css
@@ -0,0 +1 @@
+.chip.svelte-oww5en{background:rgba(0, 0, 0, 0.08);border-radius:1.5625em;color:#656565;font-family:"Ubuntu", sans-serif;font-weight:500;padding:0.6em 0.9em}.chip.small.svelte-oww5en{font-size:0.9rem;min-width:0.9em;padding:0.4em 0.6em;text-align:center}.chip.outline.svelte-oww5en{background:transparent;border:1px solid #4300b0}.chip.no-padding.svelte-oww5en{padding:0}
diff --git a/376/client/legacy/chip.23e3fcec.js b/376/client/legacy/chip.23e3fcec.js
new file mode 100644
index 000000000..422a198a9
--- /dev/null
+++ b/376/client/legacy/chip.23e3fcec.js
@@ -0,0 +1 @@
+import{S as s,i as l,s as a,M as n,h as e,k as i,b as o,d as t,e as c,X as d,O as u,f as r,Q as p,R as m,T as h,t as $,p as f}from"./client.583c6e60.js";import{c as g}from"./classes.a7d1a9eb.js";function v(s){let l,a,v;const w=s[5].default,P=n(w,s,s[4],null);return{c(){l=e("div"),P&&P.c(),this.h()},l(s){l=i(s,"DIV",{class:!0});var a=o(l);P&&P.l(a),a.forEach(t),this.h()},h(){c(l,"class",a=d(g("chip",s[0]))+" svelte-oww5en"),u(l,"small",s[1]),u(l,"outline",s[2]),u(l,"no-padding",s[3])},m(s,a){r(s,l,a),P&&P.m(l,null),v=!0},p(s,n){let[e]=n;P&&P.p&&(!v||16&e)&&p(P,w,s,s[4],v?h(w,s[4],e,null):m(s[4]),null),(!v||1&e&&a!==(a=d(g("chip",s[0]))+" svelte-oww5en"))&&c(l,"class",a),(!v||3&e)&&u(l,"small",s[1]),(!v||5&e)&&u(l,"outline",s[2]),(!v||9&e)&&u(l,"no-padding",s[3])},i(s){v||($(P,s),v=!0)},o(s){f(P,s),v=!1},d(s){s&&t(l),P&&P.d(s)}}}function w(s,l,a){let{$$slots:n={},$$scope:e}=l,{class:i=null}=l,{small:o=!1}=l,{outline:t=!1}=l,{noPadding:c=!1}=l;return s.$$set=s=>{"class"in s&&a(0,i=s.class),"small"in s&&a(1,o=s.small),"outline"in s&&a(2,t=s.outline),"noPadding"in s&&a(3,c=s.noPadding),"$$scope"in s&&a(4,e=s.$$scope)},[i,o,t,c,e,n]}var P=class extends s{constructor(s){super(),l(this,s,w,v,a,{class:0,small:1,outline:2,noPadding:3})}};export{P as C};
diff --git a/376/client/legacy/chip.45cdb4fc.js b/376/client/legacy/chip.45cdb4fc.js
new file mode 100644
index 000000000..95ae4895e
--- /dev/null
+++ b/376/client/legacy/chip.45cdb4fc.js
@@ -0,0 +1 @@
+import{S as t,i as $,s as e,K as n,j as r,l as s,m as o,U as a,a0 as c,t as f,p,q as l,L as m,u as g,w as i,f as d,d as u,v as h,x,h as y,k as w,b as E,e as v,g as C,n as b}from"./client.583c6e60.js";import{L as D,H as k,P as O}from"./layout.47c81311.js";import{C as T}from"./chip.23e3fcec.js";import{S}from"./showcase.759e7149.js";import{C as R}from"./color-preview.9db6af61.js";import{R as G}from"./related-components.9fddec4f.js";import{H as N}from"./h2.0da05151.js";import{H as j}from"./h3.c9a49f62.js";import{T as A,a as P,b as H,c as M}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./button.863c0adf.js";import"./card.113fcab4.js";function U(t){let $;return{c(){$=h("Chip")},l(t){$=x(t,"Chip")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function B(t){let $;return{c(){$=h("Tiny piece of additional information.")},l(t){$=x(t,"Tiny piece of additional information.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function F(t){let $,e,n,r,s,o,a,c,f,p,l;return{c(){$=h("For radio/checkbox selecting capabilities, take a look at "),e=y("a"),n=y("mark"),r=y("code"),s=h("RadioChipGroup"),o=h(" and "),a=y("a"),c=y("mark"),f=y("code"),p=h("CheckboxChipGroup"),l=h(" components."),this.h()},l(t){$=x(t,"For radio/checkbox selecting capabilities, take a look at "),e=w(t,"A",{href:!0});var m=E(e);n=w(m,"MARK",{});var g=E(n);r=w(g,"CODE",{});var i=E(r);s=x(i,"RadioChipGroup"),i.forEach(u),g.forEach(u),m.forEach(u),o=x(t," and "),a=w(t,"A",{href:!0});var d=E(a);c=w(d,"MARK",{});var h=E(c);f=w(h,"CODE",{});var y=E(f);p=x(y,"CheckboxChipGroup"),y.forEach(u),h.forEach(u),d.forEach(u),l=x(t," components."),this.h()},h(){v(e,"href","./docs/components/radio-chip-group"),v(a,"href","./docs/components/checkbox-chip-group")},m(t,m){d(t,$,m),d(t,e,m),C(e,n),C(n,r),C(r,s),d(t,o,m),d(t,a,m),C(a,c),C(c,f),C(f,p),d(t,l,m)},p:b,d(t){t&&u($),t&&u(e),t&&u(o),t&&u(a),t&&u(l)}}}function V(t){let $;return{c(){$=h("ayy")},l(t){$=x(t,"ayy")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function K(t){let $;return{c(){$=h("that small?")},l(t){$=x(t,"that small?")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function L(t){let $,e,n,a,c;return e=new T({props:{outline:!0,$$slots:{default:[V]},$$scope:{ctx:t}}}),a=new T({props:{small:!0,$$slots:{default:[K]},$$scope:{ctx:t}}}),{c(){$=y("div"),r(e.$$.fragment),n=g(),r(a.$$.fragment),this.h()},l(t){$=w(t,"DIV",{slot:!0,class:!0});var r=E($);s(e.$$.fragment,r),n=i(r),s(a.$$.fragment,r),r.forEach(u),this.h()},h(){v($,"slot","showcase"),v($,"class","padded svelte-er5vl1")},m(t,r){d(t,$,r),o(e,$,null),C($,n),o(a,$,null),c=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r)},i(t){c||(f(e.$$.fragment,t),f(a.$$.fragment,t),c=!0)},o(t){p(e.$$.fragment,t),p(a.$$.fragment,t),c=!1},d(t){t&&u($),l(e),l(a)}}}function Y(t){let $,e;return{c(){$=y("div"),e=y("pre"),this.h()},l(t){$=w(t,"DIV",{slot:!0});var n=E($);e=w(n,"PRE",{class:!0}),E(e).forEach(u),n.forEach(u),this.h()},h(){v(e,"class","language-svelte"),v($,"slot","source")},m(t,n){d(t,$,n),C($,e),e.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Chip</span> <span class="token attr-name">outline</span><span class="token punctuation">></span></span>ayy<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Chip</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Chip</span> <span class="token attr-name">small</span><span class="token punctuation">></span></span>that small?<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Chip</span><span class="token punctuation">></span></span></code>'},p:b,d(t){t&&u($)}}}function I(t){let $;return{c(){$=h("Properties")},l(t){$=x(t,"Properties")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function q(t){let $;return{c(){$=h("Style Properties")},l(t){$=x(t,"Style Properties")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function z(t){let $;return{c(){$=h("Name")},l(t){$=x(t,"Name")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function J(t){let $;return{c(){$=h("Default")},l(t){$=x(t,"Default")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Q(t){let $;return{c(){$=h("Type")},l(t){$=x(t,"Type")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function W(t){let $;return{c(){$=h("Description")},l(t){$=x(t,"Description")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function X(t){let $,e,n,a,c,m,h,x;return $=new H({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t),t&&u(m),l(h,t)}}}function Z(t){let $,e,n;return{c(){$=y("strong"),e=y("code"),n=h("small")},l(t){$=w(t,"STRONG",{});var r=E($);e=w(r,"CODE",{});var s=E(e);n=x(s,"small"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),C($,e),C(e,n)},p:b,d(t){t&&u($)}}}function _(t){let $,e;return{c(){$=y("code"),e=h("false")},l(t){$=w(t,"CODE",{});var n=E($);e=x(n,"false"),n.forEach(u)},m(t,n){d(t,$,n),C($,e)},p:b,d(t){t&&u($)}}}function tt(t){let $,e;return{c(){$=y("code"),e=h("boolean")},l(t){$=w(t,"CODE",{});var n=E($);e=x(n,"boolean"),n.forEach(u)},m(t,n){d(t,$,n),C($,e)},p:b,d(t){t&&u($)}}}function $t(t){let $;return{c(){$=h("Makes the chip smaller.")},l(t){$=x(t,"Makes the chip smaller.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function et(t){let $,e,n,a,c,m,h,x;return $=new M({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t),t&&u(m),l(h,t)}}}function nt(t){let $,e,n;return{c(){$=y("strong"),e=y("code"),n=h("outline")},l(t){$=w(t,"STRONG",{});var r=E($);e=w(r,"CODE",{});var s=E(e);n=x(s,"outline"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),C($,e),C(e,n)},p:b,d(t){t&&u($)}}}function rt(t){let $,e;return{c(){$=y("code"),e=h("false")},l(t){$=w(t,"CODE",{});var n=E($);e=x(n,"false"),n.forEach(u)},m(t,n){d(t,$,n),C($,e)},p:b,d(t){t&&u($)}}}function st(t){let $,e;return{c(){$=y("code"),e=h("boolean")},l(t){$=w(t,"CODE",{});var n=E($);e=x(n,"boolean"),n.forEach(u)},m(t,n){d(t,$,n),C($,e)},p:b,d(t){t&&u($)}}}function ot(t){let $;return{c(){$=h("Adds a border to the chip instead of the background.")},l(t){$=x(t,"Adds a border to the chip instead of the background.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function at(t){let $,e,n,a,c,m,h,x;return $=new M({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t),t&&u(m),l(h,t)}}}function ct(t){let $,e,n;return{c(){$=y("strong"),e=y("code"),n=h("noPadding")},l(t){$=w(t,"STRONG",{});var r=E($);e=w(r,"CODE",{});var s=E(e);n=x(s,"noPadding"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),C($,e),C(e,n)},p:b,d(t){t&&u($)}}}function ft(t){let $,e;return{c(){$=y("code"),e=h("false")},l(t){$=w(t,"CODE",{});var n=E($);e=x(n,"false"),n.forEach(u)},m(t,n){d(t,$,n),C($,e)},p:b,d(t){t&&u($)}}}function pt(t){let $,e;return{c(){$=y("code"),e=h("boolean")},l(t){$=w(t,"CODE",{});var n=E($);e=x(n,"boolean"),n.forEach(u)},m(t,n){d(t,$,n),C($,e)},p:b,d(t){t&&u($)}}}function lt(t){let $;return{c(){$=h("Clears the internal padding. Useful if you want to handle spacing yourself.")},l(t){$=x(t,"Clears the internal padding. Useful if you want to handle spacing yourself.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function mt(t){let $,e,n,a,c,m,h,x;return $=new M({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t),t&&u(m),l(h,t)}}}function gt(t){let $,e,n,a,c,m,h,x,v,b;return e=new P({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),v=new P({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){$=y("thead"),r(e.$$.fragment),n=g(),a=y("tbody"),r(c.$$.fragment),m=g(),r(h.$$.fragment),x=g(),r(v.$$.fragment)},l(t){$=w(t,"THEAD",{});var r=E($);s(e.$$.fragment,r),r.forEach(u),n=i(t),a=w(t,"TBODY",{});var o=E(a);s(c.$$.fragment,o),m=i(o),s(h.$$.fragment,o),x=i(o),s(v.$$.fragment,o),o.forEach(u)},m(t,r){d(t,$,r),o(e,$,null),d(t,n,r),d(t,a,r),o(c,a,null),C(a,m),o(h,a,null),C(a,x),o(v,a,null),b=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),v.$set(o)},i(t){b||(f(e.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(v.$$.fragment,t),b=!0)},o(t){p(e.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),p(v.$$.fragment,t),b=!1},d(t){t&&u($),l(e),t&&u(n),t&&u(a),l(c),l(h),l(v)}}}function it(t){let $;return{c(){$=h("Class Properties")},l(t){$=x(t,"Class Properties")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function dt(t){let $,e,n,r,s,o,a;return{c(){$=h("All "),e=y("code"),n=h("<Chip>"),r=h(" components use the "),s=y("code"),o=h(".chip"),a=h(" class.")},l(t){$=x(t,"All "),e=w(t,"CODE",{});var c=E(e);n=x(c,"<Chip>"),c.forEach(u),r=x(t," components use the "),s=w(t,"CODE",{});var f=E(s);o=x(f,".chip"),f.forEach(u),a=x(t," class.")},m(t,c){d(t,$,c),d(t,e,c),C(e,n),d(t,r,c),d(t,s,c),C(s,o),d(t,a,c)},p:b,d(t){t&&u($),t&&u(e),t&&u(r),t&&u(s),t&&u(a)}}}function ut(t){let $;return{c(){$=h("Falsy values passed to classes will be disregarded.")},l(t){$=x(t,"Falsy values passed to classes will be disregarded.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function ht(t){let $;return{c(){$=h("Name")},l(t){$=x(t,"Name")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function xt(t){let $;return{c(){$=h("Default")},l(t){$=x(t,"Default")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function yt(t){let $;return{c(){$=h("Type")},l(t){$=x(t,"Type")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function wt(t){let $;return{c(){$=h("Description")},l(t){$=x(t,"Description")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Et(t){let $,e,n,a,c,m,h,x;return $=new H({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t),t&&u(m),l(h,t)}}}function vt(t){let $,e,n;return{c(){$=y("strong"),e=y("code"),n=h("class")},l(t){$=w(t,"STRONG",{});var r=E($);e=w(r,"CODE",{});var s=E(e);n=x(s,"class"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),C($,e),C(e,n)},p:b,d(t){t&&u($)}}}function Ct(t){let $,e;return{c(){$=y("code"),e=h("null")},l(t){$=w(t,"CODE",{});var n=E($);e=x(n,"null"),n.forEach(u)},m(t,n){d(t,$,n),C($,e)},p:b,d(t){t&&u($)}}}function bt(t){let $,e;return{c(){$=y("code"),e=h("string")},l(t){$=w(t,"CODE",{});var n=E($);e=x(n,"string"),n.forEach(u)},m(t,n){d(t,$,n),C($,e)},p:b,d(t){t&&u($)}}}function Dt(t){let $;return{c(){$=h("A class string to add to the component.")},l(t){$=x(t,"A class string to add to the component.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function kt(t){let $,e,n,a,c,m,h,x;return $=new M({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t),t&&u(m),l(h,t)}}}function Ot(t){let $,e,n,a,c,m;return e=new P({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){$=y("thead"),r(e.$$.fragment),n=g(),a=y("tbody"),r(c.$$.fragment)},l(t){$=w(t,"THEAD",{});var r=E($);s(e.$$.fragment,r),r.forEach(u),n=i(t),a=w(t,"TBODY",{});var o=E(a);s(c.$$.fragment,o),o.forEach(u)},m(t,r){d(t,$,r),o(e,$,null),d(t,n,r),d(t,a,r),o(c,a,null),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(f(e.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&u($),l(e),t&&u(n),t&&u(a),l(c)}}}function Tt(t){let $;return{c(){$=h("Slots")},l(t){$=x(t,"Slots")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function St(t){let $;return{c(){$=h("Default slot")},l(t){$=x(t,"Default slot")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Rt(t){let $;return{c(){$=h("The content of the chip.")},l(t){$=x(t,"The content of the chip.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Gt(t){let $;return{c(){$=h("SCSS Variables")},l(t){$=x(t,"SCSS Variables")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Nt(t){let $;return{c(){$=h("Name")},l(t){$=x(t,"Name")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function jt(t){let $;return{c(){$=h("Description")},l(t){$=x(t,"Description")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function At(t){let $;return{c(){$=h("Default")},l(t){$=x(t,"Default")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Pt(t){let $,e,n,a,c,m;return $=new H({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t)}}}function Ht(t){let $,e,n;return{c(){$=y("strong"),e=y("code"),n=h("$chip-bg")},l(t){$=w(t,"STRONG",{});var r=E($);e=w(r,"CODE",{});var s=E(e);n=x(s,"$chip-bg"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),C($,e),C(e,n)},p:b,d(t){t&&u($)}}}function Mt(t){let $;return{c(){$=h("The background color of a non-outline chip.")},l(t){$=x(t,"The background color of a non-outline chip.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Ut(t){let $,e;return $=new R({props:{value:"rgba(0, 0, 0, .08)"}}),{c(){r($.$$.fragment)},l(t){s($.$$.fragment,t)},m(t,n){o($,t,n),e=!0},p:b,i(t){e||(f($.$$.fragment,t),e=!0)},o(t){p($.$$.fragment,t),e=!1},d(t){l($,t)}}}function Bt(t){let $,e,n,a,c,m;return $=new M({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t)}}}function Ft(t){let $,e,n;return{c(){$=y("strong"),e=y("code"),n=h("$chip-fg")},l(t){$=w(t,"STRONG",{});var r=E($);e=w(r,"CODE",{});var s=E(e);n=x(s,"$chip-fg"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),C($,e),C(e,n)},p:b,d(t){t&&u($)}}}function Vt(t){let $;return{c(){$=h("The text color of a chip.")},l(t){$=x(t,"The text color of a chip.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Kt(t){let $,e;return $=new R({props:{value:"#656565"}}),{c(){r($.$$.fragment)},l(t){s($.$$.fragment,t)},m(t,n){o($,t,n),e=!0},p:b,i(t){e||(f($.$$.fragment,t),e=!0)},o(t){p($.$$.fragment,t),e=!1},d(t){l($,t)}}}function Lt(t){let $,e,n,a,c,m;return $=new M({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t)}}}function Yt(t){let $,e,n;return{c(){$=y("strong"),e=y("code"),n=h("$chip-radius")},l(t){$=w(t,"STRONG",{});var r=E($);e=w(r,"CODE",{});var s=E(e);n=x(s,"$chip-radius"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),C($,e),C(e,n)},p:b,d(t){t&&u($)}}}function It(t){let $;return{c(){$=h("The curvature radius of a chip.")},l(t){$=x(t,"The curvature radius of a chip.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function qt(t){let $,e;return{c(){$=y("code"),e=h("1.5625em")},l(t){$=w(t,"CODE",{});var n=E($);e=x(n,"1.5625em"),n.forEach(u)},m(t,n){d(t,$,n),C($,e)},p:b,d(t){t&&u($)}}}function zt(t){let $,e,n,a,c,m;return $=new M({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t)}}}function Jt(t){let $,e,n;return{c(){$=y("strong"),e=y("code"),n=h("$font")},l(t){$=w(t,"STRONG",{});var r=E($);e=w(r,"CODE",{});var s=E(e);n=x(s,"$font"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),C($,e),C(e,n)},p:b,d(t){t&&u($)}}}function Qt(t){let $;return{c(){$=h("The font of the chip text.")},l(t){$=x(t,"The font of the chip text.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Wt(t){let $,e;return{c(){$=y("code"),e=h("'Ubuntu'")},l(t){$=w(t,"CODE",{});var n=E($);e=x(n,"'Ubuntu'"),n.forEach(u)},m(t,n){d(t,$,n),C($,e)},p:b,d(t){t&&u($)}}}function Xt(t){let $,e,n,a,c,m;return $=new M({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t)}}}function Zt(t){let $,e,n;return{c(){$=y("strong"),e=y("code"),n=h("$main")},l(t){$=w(t,"STRONG",{});var r=E($);e=w(r,"CODE",{});var s=E(e);n=x(s,"$main"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),C($,e),C(e,n)},p:b,d(t){t&&u($)}}}function _t(t){let $;return{c(){$=h("The border color of outline chips.")},l(t){$=x(t,"The border color of outline chips.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function t$(t){let $,e;return $=new R({props:{value:"#4300B0"}}),{c(){r($.$$.fragment)},l(t){s($.$$.fragment,t)},m(t,n){o($,t,n),e=!0},p:b,i(t){e||(f($.$$.fragment,t),e=!0)},o(t){p($.$$.fragment,t),e=!1},d(t){l($,t)}}}function $$(t){let $,e,n,a,c,m;return $=new M({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t)}}}function e$(t){let $,e,n;return{c(){$=y("strong"),e=y("code"),n=h("$bold-font-weight")},l(t){$=w(t,"STRONG",{});var r=E($);e=w(r,"CODE",{});var s=E(e);n=x(s,"$bold-font-weight"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),C($,e),C(e,n)},p:b,d(t){t&&u($)}}}function n$(t){let $;return{c(){$=h("The bold font weight of the chips.")},l(t){$=x(t,"The bold font weight of the chips.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function r$(t){let $,e;return{c(){$=y("code"),e=h("500")},l(t){$=w(t,"CODE",{});var n=E($);e=x(n,"500"),n.forEach(u)},m(t,n){d(t,$,n),C($,e)},p:b,d(t){t&&u($)}}}function s$(t){let $,e,n,a,c,m;return $=new M({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[n$]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[r$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t)}}}function o$(t){let $,e,n,a,c,m,h,x,v,b,D,k,O,T,S,R;return e=new P({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),v=new P({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),D=new P({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),O=new P({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),S=new P({props:{$$slots:{default:[s$]},$$scope:{ctx:t}}}),{c(){$=y("thead"),r(e.$$.fragment),n=g(),a=y("tbody"),r(c.$$.fragment),m=g(),r(h.$$.fragment),x=g(),r(v.$$.fragment),b=g(),r(D.$$.fragment),k=g(),r(O.$$.fragment),T=g(),r(S.$$.fragment)},l(t){$=w(t,"THEAD",{});var r=E($);s(e.$$.fragment,r),r.forEach(u),n=i(t),a=w(t,"TBODY",{});var o=E(a);s(c.$$.fragment,o),m=i(o),s(h.$$.fragment,o),x=i(o),s(v.$$.fragment,o),b=i(o),s(D.$$.fragment,o),k=i(o),s(O.$$.fragment,o),T=i(o),s(S.$$.fragment,o),o.forEach(u)},m(t,r){d(t,$,r),o(e,$,null),d(t,n,r),d(t,a,r),o(c,a,null),C(a,m),o(h,a,null),C(a,x),o(v,a,null),C(a,b),o(D,a,null),C(a,k),o(O,a,null),C(a,T),o(S,a,null),R=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),v.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),D.$set(a);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),O.$set(f);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),S.$set(p)},i(t){R||(f(e.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(v.$$.fragment,t),f(D.$$.fragment,t),f(O.$$.fragment,t),f(S.$$.fragment,t),R=!0)},o(t){p(e.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),p(v.$$.fragment,t),p(D.$$.fragment,t),p(O.$$.fragment,t),p(S.$$.fragment,t),R=!1},d(t){t&&u($),l(e),t&&u(n),t&&u(a),l(c),l(h),l(v),l(D),l(O),l(S)}}}function a$(t){let $,e,n,a,c,m,h,x,y,w,E,v,C,b,D,T,R,P,H,M,V,K,z,J,Q,W,X,Z,_,tt,$t,et,nt,rt;return $=new k({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),n=new O({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),c=new O({props:{$$slots:{default:[F]},$$scope:{ctx:t}}}),h=new G({props:{components:l$}}),y=new S({props:{$$slots:{source:[Y],showcase:[L]},$$scope:{ctx:t}}}),E=new N({props:{id:"properties",$$slots:{default:[I]},$$scope:{ctx:t}}}),C=new j({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),D=new A({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),R=new j({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),H=new O({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),V=new O({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),z=new A({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),Q=new N({props:{id:"slots",$$slots:{default:[Tt]},$$scope:{ctx:t}}}),X=new j({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),_=new O({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),$t=new N({props:{id:"scss-variables",$$slots:{default:[Gt]},$$scope:{ctx:t}}}),nt=new A({props:{$$slots:{default:[o$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment),x=g(),r(y.$$.fragment),w=g(),r(E.$$.fragment),v=g(),r(C.$$.fragment),b=g(),r(D.$$.fragment),T=g(),r(R.$$.fragment),P=g(),r(H.$$.fragment),M=g(),r(V.$$.fragment),K=g(),r(z.$$.fragment),J=g(),r(Q.$$.fragment),W=g(),r(X.$$.fragment),Z=g(),r(_.$$.fragment),tt=g(),r($t.$$.fragment),et=g(),r(nt.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t),x=i(t),s(y.$$.fragment,t),w=i(t),s(E.$$.fragment,t),v=i(t),s(C.$$.fragment,t),b=i(t),s(D.$$.fragment,t),T=i(t),s(R.$$.fragment,t),P=i(t),s(H.$$.fragment,t),M=i(t),s(V.$$.fragment,t),K=i(t),s(z.$$.fragment,t),J=i(t),s(Q.$$.fragment,t),W=i(t),s(X.$$.fragment,t),Z=i(t),s(_.$$.fragment,t),tt=i(t),s($t.$$.fragment,t),et=i(t),s(nt.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),d(t,x,r),o(y,t,r),d(t,w,r),o(E,t,r),d(t,v,r),o(C,t,r),d(t,b,r),o(D,t,r),d(t,T,r),o(R,t,r),d(t,P,r),o(H,t,r),d(t,M,r),o(V,t,r),d(t,K,r),o(z,t,r),d(t,J,r),o(Q,t,r),d(t,W,r),o(X,t,r),d(t,Z,r),o(_,t,r),d(t,tt,r),o($t,t,r),d(t,et,r),o(nt,t,r),rt=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),y.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),E.$set(f);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),C.$set(p);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),D.$set(l);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),R.$set(m);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),H.$set(g);const i={};2&e&&(i.$$scope={dirty:e,ctx:t}),V.$set(i);const d={};2&e&&(d.$$scope={dirty:e,ctx:t}),z.$set(d);const u={};2&e&&(u.$$scope={dirty:e,ctx:t}),Q.$set(u);const h={};2&e&&(h.$$scope={dirty:e,ctx:t}),X.$set(h);const x={};2&e&&(x.$$scope={dirty:e,ctx:t}),_.$set(x);const w={};2&e&&(w.$$scope={dirty:e,ctx:t}),$t.$set(w);const v={};2&e&&(v.$$scope={dirty:e,ctx:t}),nt.$set(v)},i(t){rt||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(y.$$.fragment,t),f(E.$$.fragment,t),f(C.$$.fragment,t),f(D.$$.fragment,t),f(R.$$.fragment,t),f(H.$$.fragment,t),f(V.$$.fragment,t),f(z.$$.fragment,t),f(Q.$$.fragment,t),f(X.$$.fragment,t),f(_.$$.fragment,t),f($t.$$.fragment,t),f(nt.$$.fragment,t),rt=!0)},o(t){p($.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),p(y.$$.fragment,t),p(E.$$.fragment,t),p(C.$$.fragment,t),p(D.$$.fragment,t),p(R.$$.fragment,t),p(H.$$.fragment,t),p(V.$$.fragment,t),p(z.$$.fragment,t),p(Q.$$.fragment,t),p(X.$$.fragment,t),p(_.$$.fragment,t),p($t.$$.fragment,t),p(nt.$$.fragment,t),rt=!1},d(t){l($,t),t&&u(e),l(n,t),t&&u(a),l(c,t),t&&u(m),l(h,t),t&&u(x),l(y,t),t&&u(w),l(E,t),t&&u(v),l(C,t),t&&u(b),l(D,t),t&&u(T),l(R,t),t&&u(P),l(H,t),t&&u(M),l(V,t),t&&u(K),l(z,t),t&&u(J),l(Q,t),t&&u(W),l(X,t),t&&u(Z),l(_,t),t&&u(tt),l($t,t),t&&u(et),l(nt,t)}}}function c$(t){let $,e;const m=[t[0],f$];let g={$$slots:{default:[a$]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)g=n(g,m[t]);return $=new D({props:g}),{c(){r($.$$.fragment)},l(t){s($.$$.fragment,t)},m(t,n){o($,t,n),e=!0},p(t,[e]){const n=1&e?a(m,[1&e&&c(t[0]),0&e&&c(f$)]):{};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n)},i(t){e||(f($.$$.fragment,t),e=!0)},o(t){p($.$$.fragment,t),e=!1},d(t){l($,t)}}}const f$={name:"Chip",relatedComponents:[{name:"RadioChip",link:"./docs/components/radio-chip"},{name:"RadioChipGroup",link:"./docs/components/radio-chip-group"},{name:"CheckboxChip",link:"./docs/components/checkbox-chip"},{name:"CheckboxChipGroup",link:"./docs/components/checkbox-chip-group"}]},{name:p$,relatedComponents:l$}=f$;function m$(t,$,e){return t.$$set=t=>{e(0,$=n(n({},$),m(t)))},[$=m($)]}class g$ extends t{constructor(t){super(),$(this,t,m$,c$,e,{})}}export{g$ as default,f$ as metadata};
diff --git a/376/client/legacy/classes.a7d1a9eb.js b/376/client/legacy/classes.a7d1a9eb.js
new file mode 100644
index 000000000..c095c0af8
--- /dev/null
+++ b/376/client/legacy/classes.a7d1a9eb.js
@@ -0,0 +1 @@
+function r(){for(var r=arguments.length,n=new Array(r),e=0;e<r;e++)n[e]=arguments[e];return n.filter((r=>!!r)).join(" ")}export{r as c};
diff --git a/376/client/legacy/client.583c6e60.js b/376/client/legacy/client.583c6e60.js
new file mode 100644
index 000000000..35e193a55
--- /dev/null
+++ b/376/client/legacy/client.583c6e60.js
@@ -0,0 +1,18 @@
+function e(){}const t=e=>e;function n(e,t){for(const n in t)e[n]=t[n];return e}function f(e){return e()}function o(){return Object.create(null)}function r(e){e.forEach(f)}function s(e){return"function"==typeof e}function i(e,t){return e!=e?t==t:e!==t||e&&"object"==typeof e||"function"==typeof e}let c;function a(e,t){return c||(c=document.createElement("a")),c.href=t,e===c.href}function l(t,n,f){t.$$.on_destroy.push(function(t){if(null==t)return e;for(var n=arguments.length,f=new Array(n>1?n-1:0),o=1;o<n;o++)f[o-1]=arguments[o];const r=t.subscribe(...f);return r.unsubscribe?()=>r.unsubscribe():r}(n,f))}function u(e,t,n,f){if(e){const o=_(e,t,n,f);return e[0](o)}}function _(e,t,f,o){return e[1]&&o?n(f.ctx.slice(),e[1](o(t))):f.ctx}function d(e,t,n,f){if(e[2]&&f){const o=e[2](f(n));if(void 0===t.dirty)return o;if("object"==typeof o){const e=[],n=Math.max(t.dirty.length,o.length);for(let f=0;f<n;f+=1)e[f]=t.dirty[f]|o[f];return e}return t.dirty|o}return t.dirty}function p(e,t,n,f,o,r){if(o){const s=_(t,n,f,r);e.p(s,o)}}function h(e){if(e.ctx.length>32){const t=[],n=e.ctx.length/32;for(let e=0;e<n;e++)t[e]=-1;return t}return-1}function m(e){const t={};for(const n in e)"$"!==n[0]&&(t[n]=e[n]);return t}function b(e,t){const n={};t=new Set(t);for(const f in e)t.has(f)||"$"===f[0]||(n[f]=e[f]);return n}function g(e){return null==e?"":e}function $(t){return t&&s(t.destroy)?t.destroy:e}function S(e){const t="string"==typeof e&&e.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);return t?[parseFloat(t[1]),t[2]||"px"]:[e,"px"]}const P="undefined"!=typeof window;let E=P?()=>window.performance.now():()=>Date.now(),N=P?e=>requestAnimationFrame(e):e;const y=new Set;function v(e){y.forEach((t=>{t.c(e)||(y.delete(t),t.f())})),0!==y.size&&N(v)}function C(e){let t;return 0===y.size&&N(v),{promise:new Promise((n=>{y.add(t={c:e,f:n})})),abort(){y.delete(t)}}}const j="undefined"!=typeof window?window:"undefined"!=typeof globalThis?globalThis:global;let I=!1;function A(e,t,n,f){for(;e<t;){const o=e+(t-e>>1);n(o)<=f?e=o+1:t=o}return e}function T(e){if(!e)return document;const t=e.getRootNode?e.getRootNode():e.ownerDocument;return t&&t.host?t:e.ownerDocument}function R(e){const t=L("style");return function(e,t){(function(e,t){e.appendChild(t)})(e.head||e,t),t.sheet}(T(e),t),t.sheet}function x(e,t){if(I){for(!function(e){if(e.hydrate_init)return;e.hydrate_init=!0;let t=e.childNodes;if("HEAD"===e.nodeName){const e=[];for(let n=0;n<t.length;n++){const f=t[n];void 0!==f.claim_order&&e.push(f)}t=e}const n=new Int32Array(t.length+1),f=new Int32Array(t.length);n[0]=-1;let o=0;for(let e=0;e<t.length;e++){const r=t[e].claim_order,s=(o>0&&t[n[o]].claim_order<=r?o+1:A(1,o,(e=>t[n[e]].claim_order),r))-1;f[e]=n[s]+1;const i=s+1;n[i]=e,o=Math.max(i,o)}const r=[],s=[];let i=t.length-1;for(let e=n[o]+1;0!=e;e=f[e-1]){for(r.push(t[e-1]);i>=e;i--)s.push(t[i]);i--}for(;i>=0;i--)s.push(t[i]);r.reverse(),s.sort(((e,t)=>e.claim_order-t.claim_order));for(let t=0,n=0;t<s.length;t++){for(;n<r.length&&s[t].claim_order>=r[n].claim_order;)n++;const f=n<r.length?r[n]:null;e.insertBefore(s[t],f)}}(e),(void 0===e.actual_end_child||null!==e.actual_end_child&&e.actual_end_child.parentNode!==e)&&(e.actual_end_child=e.firstChild);null!==e.actual_end_child&&void 0===e.actual_end_child.claim_order;)e.actual_end_child=e.actual_end_child.nextSibling;t!==e.actual_end_child?void 0===t.claim_order&&t.parentNode===e||e.insertBefore(t,e.actual_end_child):e.actual_end_child=t.nextSibling}else t.parentNode===e&&null===t.nextSibling||e.appendChild(t)}function O(e,t,n){e.insertBefore(t,n||null)}function w(e,t,n){I&&!n?x(e,t):t.parentNode===e&&t.nextSibling==n||e.insertBefore(t,n||null)}function J(e){e.parentNode&&e.parentNode.removeChild(e)}function k(e,t){for(let n=0;n<e.length;n+=1)e[n]&&e[n].d(t)}function L(e){return document.createElement(e)}function M(e){return document.createElementNS("http://www.w3.org/2000/svg",e)}function U(e){return document.createTextNode(e)}function D(){return U(" ")}function q(){return U("")}function z(e,t,n,f){return e.addEventListener(t,n,f),()=>e.removeEventListener(t,n,f)}function B(e){return function(t){return t.preventDefault(),e.call(this,t)}}function H(e){return function(t){return t.stopPropagation(),e.call(this,t)}}function K(e){return function(t){t.target===this&&e.call(this,t)}}function F(e,t,n){null==n?e.removeAttribute(t):e.getAttribute(t)!==n&&e.setAttribute(t,n)}const G=["width","height"];function V(e,t){const n=Object.getOwnPropertyDescriptors(e.__proto__);for(const f in t)null==t[f]?e.removeAttribute(f):"style"===f?e.style.cssText=t[f]:"__value"===f?e.value=e[f]=t[f]:n[f]&&n[f].set&&-1===G.indexOf(f)?e[f]=t[f]:F(e,f,t[f])}function W(e){let t;return{p(){for(var n=arguments.length,f=new Array(n),o=0;o<n;o++)f[o]=arguments[o];t=f,t.forEach((t=>e.push(t)))},r(){t.forEach((t=>e.splice(e.indexOf(t),1)))}}}function Y(e){return Array.from(e.childNodes)}function X(e){void 0===e.claim_info&&(e.claim_info={last_index:0,total_claimed:0})}function Q(e,t,n,f){let o=arguments.length>4&&void 0!==arguments[4]&&arguments[4];X(e);const r=(()=>{for(let f=e.claim_info.last_index;f<e.length;f++){const r=e[f];if(t(r)){const t=n(r);return void 0===t?e.splice(f,1):e[f]=t,o||(e.claim_info.last_index=f),r}}for(let f=e.claim_info.last_index-1;f>=0;f--){const r=e[f];if(t(r)){const t=n(r);return void 0===t?e.splice(f,1):e[f]=t,o?void 0===t&&e.claim_info.last_index--:e.claim_info.last_index=f,r}}return f()})();return r.claim_order=e.claim_info.total_claimed,e.claim_info.total_claimed+=1,r}function Z(e,t,n,f){return Q(e,(e=>e.nodeName===t),(e=>{const t=[];for(let f=0;f<e.attributes.length;f++){const o=e.attributes[f];n[o.name]||t.push(o.name)}t.forEach((t=>e.removeAttribute(t)))}),(()=>f(t)))}function ee(e,t,n){return Z(e,t,n,L)}function te(e,t,n){return Z(e,t,n,M)}function ne(e,t){return Q(e,(e=>3===e.nodeType),(e=>{const n=""+t;if(e.data.startsWith(n)){if(e.data.length!==n.length)return e.splitText(n.length)}else e.data=n}),(()=>U(t)),!0)}function fe(e){return ne(e," ")}function oe(e,t,n){for(let f=n;f<e.length;f+=1){const n=e[f];if(8===n.nodeType&&n.textContent.trim()===t)return f}return e.length}function re(e,t){const n=oe(e,"HTML_TAG_START",0),f=oe(e,"HTML_TAG_END",n);if(n===f)return new de(void 0,t);X(e);const o=e.splice(n,f-n+1);J(o[0]),J(o[o.length-1]);const r=o.slice(1,o.length-1);for(const t of r)t.claim_order=e.claim_info.total_claimed,e.claim_info.total_claimed+=1;return new de(r,t)}function se(e,t){t=""+t,e.data!==t&&(e.data=t)}function ie(e,t){e.value=null==t?"":t}function ce(e,t,n,f){null==n?e.style.removeProperty(t):e.style.setProperty(t,n,f?"important":"")}function ae(e,t,n){e.classList[n?"add":"remove"](t)}function le(e,t){let{bubbles:n=!1,cancelable:f=!1}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const o=document.createEvent("CustomEvent");return o.initCustomEvent(e,n,f,t),o}function ue(e,t){const n=[];let f=0;for(const o of t.childNodes)if(8===o.nodeType){const t=o.textContent.trim();t===`HEAD_${e}_END`?(f-=1,n.push(o)):t===`HEAD_${e}_START`&&(f+=1,n.push(o))}else f>0&&n.push(o);return n}class _e{constructor(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.is_svg=!1,this.is_svg=e,this.e=this.n=null}c(e){this.h(e)}m(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;this.e||(this.is_svg?this.e=M(t.nodeName):this.e=L(11===t.nodeType?"TEMPLATE":t.nodeName),this.t="TEMPLATE"!==t.tagName?t:t.content,this.c(e)),this.i(n)}h(e){this.e.innerHTML=e,this.n=Array.from("TEMPLATE"===this.e.nodeName?this.e.content.childNodes:this.e.childNodes)}i(e){for(let t=0;t<this.n.length;t+=1)O(this.t,this.n[t],e)}p(e){this.d(),this.h(e),this.i(this.a)}d(){this.n.forEach(J)}}class de extends _e{constructor(e){super(arguments.length>1&&void 0!==arguments[1]&&arguments[1]),this.e=this.n=null,this.l=e}c(e){this.l?this.n=this.l:super.c(e)}i(e){for(let t=0;t<this.n.length;t+=1)w(this.t,this.n[t],e)}}function pe(e,t){return new e(t)}const he=new Map;let me,be=0;function ge(e,t,n,f,o,r,s){let i=arguments.length>7&&void 0!==arguments[7]?arguments[7]:0;const c=16.666/f;let a="{\n";for(let e=0;e<=1;e+=c){const f=t+(n-t)*r(e);a+=100*e+`%{${s(f,1-f)}}\n`}const l=a+`100% {${s(n,1-n)}}\n}`,u=`__svelte_${function(e){let t=5381,n=e.length;for(;n--;)t=(t<<5)-t^e.charCodeAt(n);return t>>>0}(l)}_${i}`,_=T(e),{stylesheet:d,rules:p}=he.get(_)||function(e,t){const n={stylesheet:R(t),rules:{}};return he.set(e,n),n}(_,e);p[u]||(p[u]=!0,d.insertRule(`@keyframes ${u} ${l}`,d.cssRules.length));const h=e.style.animation||"";return e.style.animation=`${h?`${h}, `:""}${u} ${f}ms linear ${o}ms 1 both`,be+=1,u}function $e(e,t){const n=(e.style.animation||"").split(", "),f=n.filter(t?e=>e.indexOf(t)<0:e=>-1===e.indexOf("__svelte")),o=n.length-f.length;o&&(e.style.animation=f.join(", "),be-=o,be||N((()=>{be||(he.forEach((e=>{const{ownerNode:t}=e.stylesheet;t&&J(t)})),he.clear())})))}function Se(e){me=e}function Pe(){if(!me)throw new Error("Function called outside component initialization");return me}function Ee(e){Pe().$$.on_mount.push(e)}function Ne(){const e=Pe();return function(t,n){let{cancelable:f=!1}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const o=e.$$.callbacks[t];if(o){const r=le(t,n,{cancelable:f});return o.slice().forEach((t=>{t.call(e,r)})),!r.defaultPrevented}return!0}}function ye(e,t){return Pe().$$.context.set(e,t),t}function ve(e){return Pe().$$.context.get(e)}function Ce(e,t){const n=e.$$.callbacks[t.type];n&&n.slice().forEach((e=>e.call(this,t)))}const je=[],Ie=[];let Ae=[];const Te=[],Re=Promise.resolve();let xe=!1;function Oe(e){Ae.push(e)}function we(e){Te.push(e)}const Je=new Set;let ke,Le=0;function Me(){if(0!==Le)return;const e=me;do{try{for(;Le<je.length;){const e=je[Le];Le++,Se(e),Ue(e.$$)}}catch(e){throw je.length=0,Le=0,e}for(Se(null),je.length=0,Le=0;Ie.length;)Ie.pop()();for(let e=0;e<Ae.length;e+=1){const t=Ae[e];Je.has(t)||(Je.add(t),t())}Ae.length=0}while(je.length);for(;Te.length;)Te.pop()();xe=!1,Je.clear(),Se(e)}function Ue(e){if(null!==e.fragment){e.update(),r(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(Oe)}}function De(e,t,n){e.dispatchEvent(le(`${t?"intro":"outro"}${n}`))}const qe=new Set;let ze;function Be(){ze={r:0,c:[],p:ze}}function He(){ze.r||r(ze.c),ze=ze.p}function Ke(e,t){e&&e.i&&(qe.delete(e),e.i(t))}function Fe(e,t,n,f){if(e&&e.o){if(qe.has(e))return;qe.add(e),ze.c.push((()=>{qe.delete(e),f&&(n&&e.d(1),f())})),e.o(t)}else f&&f()}const Ge={duration:0};function Ve(n,f,o,i){const c={direction:"both"};let a=f(n,o,c),l=i?0:1,u=null,_=null,d=null;function p(){d&&$e(n,d)}function h(e,t){const n=e.b-l;return t*=Math.abs(n),{a:l,b:e.b,d:n,duration:t,start:e.start,end:e.start+t,group:e.group}}function m(f){const{delay:o=0,duration:s=300,easing:i=t,tick:c=e,css:m}=a||Ge,b={start:E()+o,b:f};f||(b.group=ze,ze.r+=1),u||_?_=b:(m&&(p(),d=ge(n,l,f,s,o,i,m)),f&&c(0,1),u=h(b,s),Oe((()=>De(n,f,"start"))),C((e=>{if(_&&e>_.start&&(u=h(_,s),_=null,De(n,u.b,"start"),m&&(p(),d=ge(n,l,u.b,u.duration,0,i,a.css))),u)if(e>=u.end)c(l=u.b,1-l),De(n,u.b,"end"),_||(u.b?p():--u.group.r||r(u.group.c)),u=null;else if(e>=u.start){const t=e-u.start;l=u.a+u.d*i(t/u.duration),c(l,1-l)}return!(!u&&!_)})))}return{run(e){s(a)?(ke||(ke=Promise.resolve(),ke.then((()=>{ke=null}))),ke).then((()=>{a=a(c),m(e)})):m(e)},end(){p(),u=_=null}}}function We(e,t){const n=t.token={};function f(e,f,o,r){if(t.token!==n)return;t.resolved=r;let s=t.ctx;void 0!==o&&(s=s.slice(),s[o]=r);const i=e&&(t.current=e)(s);let c=!1;t.block&&(t.blocks?t.blocks.forEach(((e,n)=>{n!==f&&e&&(Be(),Fe(e,1,1,(()=>{t.blocks[n]===e&&(t.blocks[n]=null)})),He())})):t.block.d(1),i.c(),Ke(i,1),i.m(t.mount(),t.anchor),c=!0),t.block=i,t.blocks&&(t.blocks[f]=i),c&&Me()}if(!(o=e)||"object"!=typeof o&&"function"!=typeof o||"function"!=typeof o.then){if(t.current!==t.then)return f(t.then,1,t.value,e),!0;t.resolved=e}else{const n=Pe();if(e.then((e=>{Se(n),f(t.then,1,t.value,e),Se(null)}),(e=>{if(Se(n),f(t.catch,2,t.error,e),Se(null),!t.hasCatch)throw e})),t.current!==t.pending)return f(t.pending,0),!0}var o}function Ye(e,t,n){const f=t.slice(),{resolved:o}=e;e.current===e.then&&(f[e.value]=o),e.current===e.catch&&(f[e.error]=o),e.block.p(f,n)}function Xe(e,t){e.d(1),t.delete(e.key)}function Qe(e,t){Fe(e,1,1,(()=>{t.delete(e.key)}))}function Ze(e,t,n,f,o,s,i,c,a,l,u,_){let d=e.length,p=s.length,h=d;const m={};for(;h--;)m[e[h].key]=h;const b=[],g=new Map,$=new Map,S=[];for(h=p;h--;){const e=_(o,s,h),r=n(e);let c=i.get(r);c?f&&S.push((()=>c.p(e,t))):(c=l(r,e),c.c()),g.set(r,b[h]=c),r in m&&$.set(r,Math.abs(h-m[r]))}const P=new Set,E=new Set;function N(e){Ke(e,1),e.m(c,u),i.set(e.key,e),u=e.first,p--}for(;d&&p;){const t=b[p-1],n=e[d-1],f=t.key,o=n.key;t===n?(u=t.first,d--,p--):g.has(o)?!i.has(f)||P.has(f)?N(t):E.has(o)?d--:$.get(f)>$.get(o)?(E.add(f),N(t)):(P.add(o),d--):(a(n,i),d--)}for(;d--;){const t=e[d];g.has(t.key)||a(t,i)}for(;p;)N(b[p-1]);return r(S),b}function et(e,t){const n={},f={},o={$$scope:1};let r=e.length;for(;r--;){const s=e[r],i=t[r];if(i){for(const e in s)e in i||(f[e]=1);for(const e in i)o[e]||(n[e]=i[e],o[e]=1);e[r]=i}else for(const e in s)o[e]=1}for(const e in f)e in n||(n[e]=void 0);return n}function tt(e){return"object"==typeof e&&null!==e?e:{}}function nt(e,t,n){const f=e.$$.props[t];void 0!==f&&(e.$$.bound[f]=n,n(e.$$.ctx[f]))}function ft(e){e&&e.c()}function ot(e,t){e&&e.l(t)}function rt(e,t,n,o){const{fragment:i,after_update:c}=e.$$;i&&i.m(t,n),o||Oe((()=>{const t=e.$$.on_mount.map(f).filter(s);e.$$.on_destroy?e.$$.on_destroy.push(...t):r(t),e.$$.on_mount=[]})),c.forEach(Oe)}function st(e,t){const n=e.$$;null!==n.fragment&&(!function(e){const t=[],n=[];Ae.forEach((f=>-1===e.indexOf(f)?t.push(f):n.push(f))),n.forEach((e=>e())),Ae=t}(n.after_update),r(n.on_destroy),n.fragment&&n.fragment.d(t),n.on_destroy=n.fragment=null,n.ctx=[])}function it(e,t){-1===e.$$.dirty[0]&&(je.push(e),xe||(xe=!0,Re.then(Me)),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31}function ct(t,n,f,s,i,c,a){let l=arguments.length>7&&void 0!==arguments[7]?arguments[7]:[-1];const u=me;Se(t);const _=t.$$={fragment:null,ctx:[],props:c,update:e,not_equal:i,bound:o(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(n.context||(u?u.$$.context:[])),callbacks:o(),dirty:l,skip_bound:!1,root:n.target||u.$$.root};a&&a(_.root);let d=!1;if(_.ctx=f?f(t,n.props||{},(function(e,n){const f=!(arguments.length<=2)&&arguments.length-2?arguments.length<=2?void 0:arguments[2]:n;return _.ctx&&i(_.ctx[e],_.ctx[e]=f)&&(!_.skip_bound&&_.bound[e]&&_.bound[e](f),d&&it(t,e)),n})):[],_.update(),d=!0,r(_.before_update),_.fragment=!!s&&s(_.ctx),n.target){if(n.hydrate){I=!0;const e=Y(n.target);_.fragment&&_.fragment.l(e),e.forEach(J)}else _.fragment&&_.fragment.c();n.intro&&Ke(t.$$.fragment),rt(t,n.target,n.anchor,n.customElement),I=!1,Me()}Se(u)}class at{$destroy(){st(this,1),this.$destroy=e}$on(t,n){if(!s(n))return e;const f=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return f.push(n),()=>{const e=f.indexOf(n);-1!==e&&f.splice(e,1)}}$set(e){var t;this.$$set&&(t=e,0!==Object.keys(t).length)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}const lt=[];function ut(t){let n,f=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e;const o=new Set;function r(e){if(i(t,e)&&(t=e,n)){const e=!lt.length;for(const e of o)e[1](),lt.push(e,t);if(e){for(let e=0;e<lt.length;e+=2)lt[e][0](lt[e+1]);lt.length=0}}}return{set:r,update:function(e){r(e(t))},subscribe:function(s){const i=[s,arguments.length>1&&void 0!==arguments[1]?arguments[1]:e];return o.add(i),1===o.size&&(n=f(r)||e),s(t),()=>{o.delete(i),0===o.size&&n&&(n(),n=null)}}}}const _t={};function dt(e){let t;const n=e[1].default,f=u(n,e,e[0],null);return{c(){f&&f.c()},l(e){f&&f.l(e)},m(e,n){f&&f.m(e,n),t=!0},p(e,o){let[r]=o;f&&f.p&&(!t||1&r)&&p(f,n,e,e[0],t?d(n,e[0],r,null):h(e[0]),null)},i(e){t||(Ke(f,e),t=!0)},o(e){Fe(f,e),t=!1},d(e){f&&f.d(e)}}}function pt(e,t,n){let{$$slots:f={},$$scope:o}=t;return e.$$set=e=>{"$$scope"in e&&n(0,o=e.$$scope)},[o,f]}class ht extends at{constructor(e){super(),ct(this,e,pt,dt,i,{})}}function mt(e){let t,n,f=e[1].stack+"";return{c(){t=L("pre"),n=U(f)},l(e){t=ee(e,"PRE",{});var o=Y(t);n=ne(o,f),o.forEach(J)},m(e,f){w(e,t,f),x(t,n)},p(e,t){2&t&&f!==(f=e[1].stack+"")&&se(n,f)},d(e){e&&J(t)}}}function bt(t){let n,f,o,r,s,i,c,a,l,u=t[1].message+"";document.title=n=t[0];let _=t[2]&&t[1].stack&&mt(t);return{c(){f=D(),o=L("h1"),r=U(t[0]),s=D(),i=L("p"),c=U(u),a=D(),_&&_.c(),l=q()},l(e){ue("svelte-1moakz",document.head).forEach(J),f=fe(e),o=ee(e,"H1",{});var n=Y(o);r=ne(n,t[0]),n.forEach(J),s=fe(e),i=ee(e,"P",{});var d=Y(i);c=ne(d,u),d.forEach(J),a=fe(e),_&&_.l(e),l=q()},m(e,t){w(e,f,t),w(e,o,t),x(o,r),w(e,s,t),w(e,i,t),x(i,c),w(e,a,t),_&&_.m(e,t),w(e,l,t)},p(e,t){let[f]=t;1&f&&n!==(n=e[0])&&(document.title=n),1&f&&se(r,e[0]),2&f&&u!==(u=e[1].message+"")&&se(c,u),e[2]&&e[1].stack?_?_.p(e,f):(_=mt(e),_.c(),_.m(l.parentNode,l)):_&&(_.d(1),_=null)},i:e,o:e,d(e){e&&J(f),e&&J(o),e&&J(s),e&&J(i),e&&J(a),_&&_.d(e),e&&J(l)}}}function gt(e,t,n){let{status:f}=t,{error:o}=t;return e.$$set=e=>{"status"in e&&n(0,f=e.status),"error"in e&&n(1,o=e.error)},[f,o,false]}class $t extends at{constructor(e){super(),ct(this,e,gt,bt,i,{status:0,error:1})}}function St(e){let t,f,o;const r=[{segment:e[2][1]},e[4].props];var s=e[4].component;function i(e){let t={$$slots:{default:[Nt]},$$scope:{ctx:e}};for(let e=0;e<r.length;e+=1)t=n(t,r[e]);return{props:t}}return s&&(t=pe(s,i(e))),{c(){t&&ft(t.$$.fragment),f=q()},l(e){t&&ot(t.$$.fragment,e),f=q()},m(e,n){t&&rt(t,e,n),w(e,f,n),o=!0},p(e,n){const o=20&n?et(r,[4&n&&{segment:e[2][1]},16&n&&tt(e[4].props)]):{};if(288&n&&(o.$$scope={dirty:n,ctx:e}),16&n&&s!==(s=e[4].component)){if(t){Be();const e=t;Fe(e.$$.fragment,1,0,(()=>{st(e,1)})),He()}s?(t=pe(s,i(e)),ft(t.$$.fragment),Ke(t.$$.fragment,1),rt(t,f.parentNode,f)):t=null}else s&&t.$set(o)},i(e){o||(t&&Ke(t.$$.fragment,e),o=!0)},o(e){t&&Fe(t.$$.fragment,e),o=!1},d(e){e&&J(f),t&&st(t,e)}}}function Pt(e){let t,n;return t=new $t({props:{error:e[0],status:e[1]}}),{c(){ft(t.$$.fragment)},l(e){ot(t.$$.fragment,e)},m(e,f){rt(t,e,f),n=!0},p(e,n){const f={};1&n&&(f.error=e[0]),2&n&&(f.status=e[1]),t.$set(f)},i(e){n||(Ke(t.$$.fragment,e),n=!0)},o(e){Fe(t.$$.fragment,e),n=!1},d(e){st(t,e)}}}function Et(e){let t,f,o;const r=[e[5].props];var s=e[5].component;function i(e){let t={};for(let e=0;e<r.length;e+=1)t=n(t,r[e]);return{props:t}}return s&&(t=pe(s,i())),{c(){t&&ft(t.$$.fragment),f=q()},l(e){t&&ot(t.$$.fragment,e),f=q()},m(e,n){t&&rt(t,e,n),w(e,f,n),o=!0},p(e,n){const o=32&n?et(r,[tt(e[5].props)]):{};if(32&n&&s!==(s=e[5].component)){if(t){Be();const e=t;Fe(e.$$.fragment,1,0,(()=>{st(e,1)})),He()}s?(t=pe(s,i()),ft(t.$$.fragment),Ke(t.$$.fragment,1),rt(t,f.parentNode,f)):t=null}else s&&t.$set(o)},i(e){o||(t&&Ke(t.$$.fragment,e),o=!0)},o(e){t&&Fe(t.$$.fragment,e),o=!1},d(e){e&&J(f),t&&st(t,e)}}}function Nt(e){let t,n,f=e[5]&&Et(e);return{c(){f&&f.c(),t=q()},l(e){f&&f.l(e),t=q()},m(e,o){f&&f.m(e,o),w(e,t,o),n=!0},p(e,n){e[5]?f?(f.p(e,n),32&n&&Ke(f,1)):(f=Et(e),f.c(),Ke(f,1),f.m(t.parentNode,t)):f&&(Be(),Fe(f,1,1,(()=>{f=null})),He())},i(e){n||(Ke(f),n=!0)},o(e){Fe(f),n=!1},d(e){f&&f.d(e),e&&J(t)}}}function yt(e){let t,n,f,o;const r=[Pt,St],s=[];function i(e,t){return e[0]?0:1}return t=i(e),n=s[t]=r[t](e),{c(){n.c(),f=q()},l(e){n.l(e),f=q()},m(e,n){s[t].m(e,n),w(e,f,n),o=!0},p(e,o){let c=t;t=i(e),t===c?s[t].p(e,o):(Be(),Fe(s[c],1,1,(()=>{s[c]=null})),He(),n=s[t],n?n.p(e,o):(n=s[t]=r[t](e),n.c()),Ke(n,1),n.m(f.parentNode,f))},i(e){o||(Ke(n),o=!0)},o(e){Fe(n),o=!1},d(e){s[t].d(e),e&&J(f)}}}function vt(e){let t,f;const o=[{segment:e[2][0]},e[3].props];let r={$$slots:{default:[yt]},$$scope:{ctx:e}};for(let e=0;e<o.length;e+=1)r=n(r,o[e]);return t=new ht({props:r}),{c(){ft(t.$$.fragment)},l(e){ot(t.$$.fragment,e)},m(e,n){rt(t,e,n),f=!0},p(e,n){let[f]=n;const r=12&f?et(o,[4&f&&{segment:e[2][0]},8&f&&tt(e[3].props)]):{};311&f&&(r.$$scope={dirty:f,ctx:e}),t.$set(r)},i(e){f||(Ke(t.$$.fragment,e),f=!0)},o(e){Fe(t.$$.fragment,e),f=!1},d(e){st(t,e)}}}function Ct(e,t,n){let{stores:f}=t,{error:o}=t,{status:r}=t,{segments:s}=t,{level0:i}=t,{level1:c=null}=t,{level2:a=null}=t,{notify:l}=t;var u;return u=l,Pe().$$.after_update.push(u),ye(_t,f),e.$$set=e=>{"stores"in e&&n(6,f=e.stores),"error"in e&&n(0,o=e.error),"status"in e&&n(1,r=e.status),"segments"in e&&n(2,s=e.segments),"level0"in e&&n(3,i=e.level0),"level1"in e&&n(4,c=e.level1),"level2"in e&&n(5,a=e.level2),"notify"in e&&n(7,l=e.notify)},[o,r,s,i,c,a,f,l]}class jt extends at{constructor(e){super(),ct(this,e,Ct,vt,i,{stores:6,error:0,status:1,segments:2,level0:3,level1:4,level2:5,notify:7})}}const It=[],At=[{js:()=>Promise.all([import("./index.b6771818.js"),__inject_styles(["button-00dad5c4.css","card-8c29b4bb.css","subhead-0a618575.css","text-field-02b3c03b.css","radio-button-c2103ad3.css","radio-group-81700fe9.css","checkbox-ad14e938.css","checkbox-group-1dcd50f7.css","dropdown-bd15e717.css","switch-cc3afc23.css","chip-f8706e31.css","radio-chip-92b65bc3.css","radio-chip-group-14098d62.css","checkbox-chip-084dc1b9.css","checkbox-chip-group-14098d62.css","accordion-section-0252b389.css","modal-cc12f30d.css","label-80bd345d.css","table-5fc11a35.css","tab-182d5aba.css","tabs-0c50dbbb.css","dot-828763f8.css","divider-63da41a9.css","snackbar-7eb85ef0.css","star-rating-8a706d86.css","dialog-1b6f27ab.css","popover-1d6d4d80.css","popover-button-877eb4d7.css","file-input-613c787e.css","file-tile-b3753d1d.css","file-dropzone-d14af357.css","calendar-a20becc1.css","date-picker-fc3df446.css","time-picker-0982fd05.css","form-field-eca10035.css","loading-0b856d23.css","autocomplete-option-c8b73499.css","autocomplete-field-e04fe3a8.css","autocomplete-f5c17156.css","badge-bdbb1862.css","breadcrumbs-c35afc8f.css","pagination-121bc747.css","slider-dd4ec7e1.css","index-f552dbeb.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./_layout.c9d428ab.js"),__inject_styles(["button-00dad5c4.css","breadcrumbs-c35afc8f.css","dropdown-bd15e717.css","tab-182d5aba.css","accordion-section-0252b389.css","_layout-5c5a4906.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./index.4c50a733.js"),__inject_styles(["layout-8e1ef5b9.css","ul-82208b9a.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./custom-elements.02864ac1.js"),__inject_styles(["layout-8e1ef5b9.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./migration-guide.6c29faaa.js"),__inject_styles(["layout-8e1ef5b9.css","h2-af7b8c59.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./installation.d9b993c0.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","tab-182d5aba.css","tabs-0c50dbbb.css","label-80bd345d.css","copyable-code-28a0f74e.css","installation-41b9ba7c.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./autocomplete-option.c73191d2.js"),__inject_styles(["layout-8e1ef5b9.css","autocomplete-option-c8b73499.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./checkbox-chip-group.c8d69d15.js"),__inject_styles(["layout-8e1ef5b9.css","checkbox-chip-084dc1b9.css","checkbox-chip-group-14098d62.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./autocomplete-field.e3e979d4.js"),__inject_styles(["layout-8e1ef5b9.css","dropdown-bd15e717.css","button-00dad5c4.css","loading-0b856d23.css","autocomplete-option-c8b73499.css","autocomplete-field-e04fe3a8.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","autocomplete-field-a7e9e263.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./snackbar-container.1f19ffff.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","snackbar-7eb85ef0.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","card-8c29b4bb.css","related-components-3b88a506.css","ul-82208b9a.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./accordion-section.8e5986bf.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","accordion-section-0252b389.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","accordion-section-b4845174.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./radio-chip-group.e6fa9477.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","radio-chip-92b65bc3.css","radio-chip-group-14098d62.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./checkbox-group.da4c0d48.js"),__inject_styles(["layout-8e1ef5b9.css","checkbox-ad14e938.css","checkbox-group-1dcd50f7.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","card-8c29b4bb.css","related-components-3b88a506.css","color-preview-dae771a6.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","checkbox-group-d674ad69.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./dropdown-shell.c129f8df.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","dropdown-bd15e717.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","dropdown-shell-b030b22a.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./popover-button.19883a4a.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","popover-1d6d4d80.css","popover-button-877eb4d7.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","shadow-preview-8f373d1e.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./checkbox-chip.757922da.js"),__inject_styles(["layout-8e1ef5b9.css","checkbox-chip-084dc1b9.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","checkbox-chip-a57ac15c.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./file-dropzone.bb395499.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","file-tile-b3753d1d.css","file-dropzone-d14af357.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","popover-1d6d4d80.css","shadow-preview-8f373d1e.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","file-dropzone-e3e07ae7.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./autocomplete.e77e12a9.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","chip-f8706e31.css","dropdown-bd15e717.css","loading-0b856d23.css","autocomplete-option-c8b73499.css","autocomplete-field-e04fe3a8.css","autocomplete-f5c17156.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","autocomplete-a7e9e263.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./radio-button.b77297a0.js"),__inject_styles(["layout-8e1ef5b9.css","radio-button-c2103ad3.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./breadcrumbs.2de94418.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","chip-f8706e31.css","breadcrumbs-c35afc8f.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./date-picker.b9c621a9.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","text-field-02b3c03b.css","dropdown-bd15e717.css","calendar-a20becc1.css","date-picker-fc3df446.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","popover-1d6d4d80.css","shadow-preview-8f373d1e.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","date-picker-c1a7c2e7.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./radio-group.e44fefb7.js"),__inject_styles(["layout-8e1ef5b9.css","radio-button-c2103ad3.css","radio-group-81700fe9.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","radio-group-b76d3ad4.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./star-rating.b7fb1a50.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","star-rating-8a706d86.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./time-picker.fb7528dd.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","label-80bd345d.css","text-field-02b3c03b.css","dropdown-bd15e717.css","tab-182d5aba.css","time-picker-0982fd05.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","popover-1d6d4d80.css","shadow-preview-8f373d1e.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","time-picker-a6acbd1d.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./file-input.1a06f332.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","file-input-613c787e.css","file-tile-b3753d1d.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","file-input-95dfbf7b.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./form-field.17c03662.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","text-field-02b3c03b.css","switch-cc3afc23.css","form-field-eca10035.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","form-field-a7e9e263.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./pagination.fadc6843.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","text-field-02b3c03b.css","pagination-121bc747.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./radio-chip.db02c3bb.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","radio-chip-92b65bc3.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","radio-chip-a57ac15c.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./text-field.9796cb98.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","text-field-02b3c03b.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","text-field-140b4d4d.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./typography.ff555a1f.js"),__inject_styles(["layout-8e1ef5b9.css","subhead-0a618575.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./accordion.ccf860a4.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","accordion-section-0252b389.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","accordion-b4845174.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./file-tile.a511fcc8.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","file-tile-b3753d1d.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","popover-1d6d4d80.css","shadow-preview-8f373d1e.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","file-tile-95dfbf7b.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./calendar.e265724d.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","calendar-a20becc1.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./checkbox.905ee757.js"),__inject_styles(["layout-8e1ef5b9.css","checkbox-ad14e938.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./dropdown.0ce41b92.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","dropdown-bd15e717.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","popover-1d6d4d80.css","shadow-preview-8f373d1e.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","dropdown-b030b22a.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./snackbar.1bd685cd.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","snackbar-7eb85ef0.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","popover-1d6d4d80.css","shadow-preview-8f373d1e.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","snackbar-53ccead6.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./divider.1108e76c.js"),__inject_styles(["layout-8e1ef5b9.css","divider-63da41a9.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./loading.d27f7c91.js"),__inject_styles(["layout-8e1ef5b9.css","loading-0b856d23.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./popover.24f6f23a.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","popover-1d6d4d80.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./button.a3561935.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","copyable-code-28a0f74e.css","label-80bd345d.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","popover-1d6d4d80.css","shadow-preview-8f373d1e.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","button-231e7b4e.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./dialog.591afd9a.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","dialog-1b6f27ab.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","popover-1d6d4d80.css","shadow-preview-8f373d1e.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./slider.6c4173b2.js"),__inject_styles(["layout-8e1ef5b9.css","slider-dd4ec7e1.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","h3-c29d4685.css","table-4b993a74.css","h2-af7b8c59.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./switch.db4405d8.js"),__inject_styles(["layout-8e1ef5b9.css","switch-cc3afc23.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./badge.db27abda.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","badge-bdbb1862.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","popover-1d6d4d80.css","shadow-preview-8f373d1e.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./modal.5040d1e6.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","modal-cc12f30d.css","dialog-1b6f27ab.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./table.111dfada.js"),__inject_styles(["layout-8e1ef5b9.css","label-80bd345d.css","table-5fc11a35.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./card.32bff8c3.js"),__inject_styles(["layout-8e1ef5b9.css","card-8c29b4bb.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","popover-1d6d4d80.css","shadow-preview-8f373d1e.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./chip.45cdb4fc.js"),__inject_styles(["layout-8e1ef5b9.css","chip-f8706e31.css","label-80bd345d.css","button-00dad5c4.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css","chip-a57ac15c.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./tabs.b133d610.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","tab-182d5aba.css","tabs-0c50dbbb.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./dot.efaa0322.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","dot-828763f8.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./tab.bc3b3748.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","tab-182d5aba.css","label-80bd345d.css","copyable-code-28a0f74e.css","showcase-2cfe88ab.css","color-preview-dae771a6.css","card-8c29b4bb.css","related-components-3b88a506.css","h2-af7b8c59.css","h3-c29d4685.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./changelog.98c16ff4.js"),__inject_styles(["layout-8e1ef5b9.css","h2-af7b8c59.css","h3-c29d4685.css","ul-82208b9a.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./utilities.615ab55b.js"),__inject_styles(["layout-8e1ef5b9.css","label-80bd345d.css","table-4b993a74.css"])]).then((function(e){return e[0]}))},{js:()=>Promise.all([import("./theming.57151886.js"),__inject_styles(["layout-8e1ef5b9.css","button-00dad5c4.css","copyable-code-28a0f74e.css","h2-af7b8c59.css"])]).then((function(e){return e[0]}))}],Tt=[{pattern:/^\/$/,parts:[{i:0}]},{pattern:/^\/docs\/?$/,parts:[{i:1},{i:2}]},{pattern:/^\/docs\/custom-elements\/?$/,parts:[{i:1},{i:3}]},{pattern:/^\/docs\/migration-guide\/?$/,parts:[{i:1},{i:4}]},{pattern:/^\/docs\/installation\/?$/,parts:[{i:1},{i:5}]},{pattern:/^\/docs\/components\/autocomplete-option\/?$/,parts:[{i:1},null,{i:6}]},{pattern:/^\/docs\/components\/checkbox-chip-group\/?$/,parts:[{i:1},null,{i:7}]},{pattern:/^\/docs\/components\/autocomplete-field\/?$/,parts:[{i:1},null,{i:8}]},{pattern:/^\/docs\/components\/snackbar-container\/?$/,parts:[{i:1},null,{i:9}]},{pattern:/^\/docs\/components\/accordion-section\/?$/,parts:[{i:1},null,{i:10}]},{pattern:/^\/docs\/components\/radio-chip-group\/?$/,parts:[{i:1},null,{i:11}]},{pattern:/^\/docs\/components\/checkbox-group\/?$/,parts:[{i:1},null,{i:12}]},{pattern:/^\/docs\/components\/dropdown-shell\/?$/,parts:[{i:1},null,{i:13}]},{pattern:/^\/docs\/components\/popover-button\/?$/,parts:[{i:1},null,{i:14}]},{pattern:/^\/docs\/components\/checkbox-chip\/?$/,parts:[{i:1},null,{i:15}]},{pattern:/^\/docs\/components\/file-dropzone\/?$/,parts:[{i:1},null,{i:16}]},{pattern:/^\/docs\/components\/autocomplete\/?$/,parts:[{i:1},null,{i:17}]},{pattern:/^\/docs\/components\/radio-button\/?$/,parts:[{i:1},null,{i:18}]},{pattern:/^\/docs\/components\/breadcrumbs\/?$/,parts:[{i:1},null,{i:19}]},{pattern:/^\/docs\/components\/date-picker\/?$/,parts:[{i:1},null,{i:20}]},{pattern:/^\/docs\/components\/radio-group\/?$/,parts:[{i:1},null,{i:21}]},{pattern:/^\/docs\/components\/star-rating\/?$/,parts:[{i:1},null,{i:22}]},{pattern:/^\/docs\/components\/time-picker\/?$/,parts:[{i:1},null,{i:23}]},{pattern:/^\/docs\/components\/file-input\/?$/,parts:[{i:1},null,{i:24}]},{pattern:/^\/docs\/components\/form-field\/?$/,parts:[{i:1},null,{i:25}]},{pattern:/^\/docs\/components\/pagination\/?$/,parts:[{i:1},null,{i:26}]},{pattern:/^\/docs\/components\/radio-chip\/?$/,parts:[{i:1},null,{i:27}]},{pattern:/^\/docs\/components\/text-field\/?$/,parts:[{i:1},null,{i:28}]},{pattern:/^\/docs\/components\/typography\/?$/,parts:[{i:1},null,{i:29}]},{pattern:/^\/docs\/components\/accordion\/?$/,parts:[{i:1},null,{i:30}]},{pattern:/^\/docs\/components\/file-tile\/?$/,parts:[{i:1},null,{i:31}]},{pattern:/^\/docs\/components\/calendar\/?$/,parts:[{i:1},null,{i:32}]},{pattern:/^\/docs\/components\/checkbox\/?$/,parts:[{i:1},null,{i:33}]},{pattern:/^\/docs\/components\/dropdown\/?$/,parts:[{i:1},null,{i:34}]},{pattern:/^\/docs\/components\/snackbar\/?$/,parts:[{i:1},null,{i:35}]},{pattern:/^\/docs\/components\/divider\/?$/,parts:[{i:1},null,{i:36}]},{pattern:/^\/docs\/components\/loading\/?$/,parts:[{i:1},null,{i:37}]},{pattern:/^\/docs\/components\/popover\/?$/,parts:[{i:1},null,{i:38}]},{pattern:/^\/docs\/components\/button\/?$/,parts:[{i:1},null,{i:39}]},{pattern:/^\/docs\/components\/dialog\/?$/,parts:[{i:1},null,{i:40}]},{pattern:/^\/docs\/components\/slider\/?$/,parts:[{i:1},null,{i:41}]},{pattern:/^\/docs\/components\/switch\/?$/,parts:[{i:1},null,{i:42}]},{pattern:/^\/docs\/components\/badge\/?$/,parts:[{i:1},null,{i:43}]},{pattern:/^\/docs\/components\/modal\/?$/,parts:[{i:1},null,{i:44}]},{pattern:/^\/docs\/components\/table\/?$/,parts:[{i:1},null,{i:45}]},{pattern:/^\/docs\/components\/card\/?$/,parts:[{i:1},null,{i:46}]},{pattern:/^\/docs\/components\/chip\/?$/,parts:[{i:1},null,{i:47}]},{pattern:/^\/docs\/components\/tabs\/?$/,parts:[{i:1},null,{i:48}]},{pattern:/^\/docs\/components\/dot\/?$/,parts:[{i:1},null,{i:49}]},{pattern:/^\/docs\/components\/tab\/?$/,parts:[{i:1},null,{i:50}]},{pattern:/^\/docs\/changelog\/?$/,parts:[{i:1},{i:51}]},{pattern:/^\/docs\/utilities\/?$/,parts:[{i:1},{i:52}]},{pattern:/^\/docs\/theming\/?$/,parts:[{i:1},{i:53}]}];
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+function Rt(e,t,n,f){return new(n||(n=Promise))((function(o,r){function s(e){try{c(f.next(e))}catch(e){r(e)}}function i(e){try{c(f.throw(e))}catch(e){r(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(s,i)}c((f=f.apply(e,t||[])).next())}))}function xt(e){for(;e&&"A"!==e.nodeName.toUpperCase();)e=e.parentNode;return e}let Ot,wt=1;const Jt="undefined"!=typeof history?history:{pushState:()=>{},replaceState:()=>{},scrollRestoration:"auto"},kt={};let Lt,Mt;const Ut=e=>"undefined"!=typeof URLSearchParams?[...new URLSearchParams(e).entries()]:e.slice(1).split("&").map((e=>{const[,t,n=""]=/([^=]*)(?:=([\S\s]*))?/.exec(decodeURIComponent(e.replace(/\+/g," ")));return[t,n]}));function Dt(e){const t=Object.create(null);return e.length?Ut(e).reduce(((e,t)=>{let[n,f]=t;return"string"==typeof e[n]&&(e[n]=[e[n]]),"object"==typeof e[n]?e[n].push(f):e[n]=f,e}),t):t}function qt(e){if(e.origin!==location.origin)return null;if(!e.pathname.startsWith(Lt))return null;let t=e.pathname.slice(Lt.length);if(""===t&&(t="/"),!It.some((e=>e.test(t))))for(let n=0;n<Tt.length;n+=1){const f=Tt[n],o=f.pattern.exec(t);if(o){const n=Dt(e.search),r=f.parts[f.parts.length-1],s=r.params?r.params(o):{},i={host:location.host,path:t,query:n,params:s};return{href:e.href,route:f,match:o,page:i}}}}function zt(e){if(1!==function(e){return null===e.which?e.button:e.which}(e))return;if(e.metaKey||e.ctrlKey||e.shiftKey||e.altKey)return;if(e.defaultPrevented)return;const t=xt(e.target);if(!t)return;if(!t.href)return;const n="object"==typeof t.href&&"SVGAnimatedString"===t.href.constructor.name,f=String(n?t.href.baseVal:t.href);if(f===location.href)return void(location.hash||e.preventDefault());if(t.hasAttribute("download")||"external"===t.getAttribute("rel"))return;if(n?t.target.baseVal:t.target)return;const o=new URL(f);if(o.pathname===location.pathname&&o.search===location.search)return;const r=qt(o);if(r){Kt(r,null,t.hasAttribute("sapper:noscroll"),o.hash),e.preventDefault(),Jt.pushState({id:Ot},"",o.href)}}function Bt(){return{x:pageXOffset,y:pageYOffset}}function Ht(e){if(kt[Ot]=Bt(),e.state){const t=qt(new URL(location.href));t?Kt(t,e.state.id):location.href=location.href}else wt=wt+1,function(e){Ot=e}(wt),Jt.replaceState({id:Ot},"",location.href)}function Kt(e,t,n,f){return Rt(this,void 0,void 0,(function*(){const o=!!t;if(o)Ot=t;else{const e=Bt();kt[Ot]=e,Ot=t=++wt,kt[Ot]=n?e:{x:0,y:0}}if(yield Mt(e),document.activeElement&&document.activeElement instanceof HTMLElement&&document.activeElement.blur(),!n){let e,n=kt[t];f&&(e=document.getElementById(f.slice(1)),e&&(n={x:0,y:e.getBoundingClientRect().top+scrollY})),kt[Ot]=n,n&&(o||e)?scrollTo(n.x,n.y):scrollTo(0,0)}}))}function Ft(e){let t=e.baseURI;if(!t){const n=e.getElementsByTagName("base");t=n.length?n[0].href:e.URL}return t}let Gt,Vt=null;function Wt(e){const t=xt(e.target);t&&t.hasAttribute("sapper:prefetch")&&function(e){const t=qt(new URL(e,Ft(document)));if(t)Vt&&e===Vt.href||(Vt={href:e,promise:dn(t)}),Vt.promise}(t.href)}function Yt(e){clearTimeout(Gt),Gt=setTimeout((()=>{Wt(e)}),20)}function Xt(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{noscroll:!1,replaceState:!1};const n=qt(new URL(e,Ft(document)));if(n){const f=Kt(n,null,t.noscroll);return Jt[t.replaceState?"replaceState":"pushState"]({id:Ot},"",e),f}return location.href=e,new Promise((()=>{}))}const Qt="undefined"!=typeof __SAPPER__&&__SAPPER__;let Zt,en,tn,nn=!1,fn=[],on="{}";const rn={page:function(e){const t=ut(e);let n=!0;return{notify:function(){n=!0,t.update((e=>e))},set:function(e){n=!1,t.set(e)},subscribe:function(e){let f;return t.subscribe((t=>{(void 0===f||n&&t!==f)&&e(f=t)}))}}}({}),preloading:ut(null),session:ut(Qt&&Qt.session)};let sn,cn,an;function ln(e,t){const{error:n}=e;return Object.assign({error:n},t)}function un(e){return Rt(this,void 0,void 0,(function*(){Zt&&rn.preloading.set(!0);const t=function(e){return Vt&&Vt.href===e.href?Vt.promise:dn(e)}(e),n=en={},f=yield t,{redirect:o}=f;if(n===en)if(o)yield Xt(o.location,{replaceState:!0});else{const{props:t,branch:n}=f;yield _n(n,t,ln(t,e.page))}}))}function _n(e,t,n){return Rt(this,void 0,void 0,(function*(){rn.page.set(n),rn.preloading.set(!1),Zt?Zt.$set(t):(t.stores={page:{subscribe:rn.page.subscribe},preloading:{subscribe:rn.preloading.subscribe},session:rn.session},t.level0={props:yield tn},t.notify=rn.page.notify,Zt=new jt({target:an,props:t,hydrate:!0})),fn=e,on=JSON.stringify(n.query),nn=!0,cn=!1}))}function dn(e){return Rt(this,void 0,void 0,(function*(){const{route:t,page:n}=e,f=n.path.split("/").filter(Boolean);let o=null;const r={error:null,status:200,segments:[f[0]]},s={fetch:(e,t)=>fetch(e,t),redirect:(e,t)=>{if(o&&(o.statusCode!==e||o.location!==t))throw new Error("Conflicting redirects");o={statusCode:e,location:t}},error:(e,t)=>{r.error="string"==typeof t?new Error(t):t,r.status=e}};if(!tn){const e=()=>({});tn=Qt.preloaded[0]||e.call(s,{host:n.host,path:n.path,query:n.query,params:{}},sn)}let i,c=1;try{const o=JSON.stringify(n.query),a=t.pattern.exec(n.path);let l=!1;i=yield Promise.all(t.parts.map(((t,i)=>Rt(this,void 0,void 0,(function*(){const u=f[i];if(function(e,t,n,f){if(f!==on)return!0;const o=fn[e];return!!o&&(t!==o.segment||!(!o.match||JSON.stringify(o.match.slice(1,e+2))===JSON.stringify(n.slice(1,e+2)))||void 0)}(i,u,a,o)&&(l=!0),r.segments[c]=f[i+1],!t)return{segment:u};const _=c++;let d;if(cn||l||!fn[i]||fn[i].part!==t.i){l=!1;const{default:f,preload:o}=yield At[t.i].js();let r;r=nn||!Qt.preloaded[i+1]?o?yield o.call(s,{host:n.host,path:n.path,query:n.query,params:t.params?t.params(e.match):{}},sn):{}:Qt.preloaded[i+1],d={component:f,props:r,segment:u,match:a,part:t.i}}else d=fn[i];return r[`level${_}`]=d})))))}catch(e){r.error=e,r.status=500,i=[]}return{redirect:o,props:r,branch:i}}))}rn.session.subscribe((e=>Rt(void 0,void 0,void 0,(function*(){if(sn=e,!nn)return;cn=!0;const t=qt(new URL(location.href)),n=en={},{redirect:f,props:o,branch:r}=yield dn(t);n===en&&(f?yield Xt(f.location,{replaceState:!0}):yield _n(r,o,ln(o,t.page)))}))));const pn=()=>ve(_t);var hn,mn,bn;hn={target:document.querySelector("body")},mn=hn.target,an=mn,bn=Qt.baseUrl,Lt=bn,Mt=un,"scrollRestoration"in Jt&&(Jt.scrollRestoration="manual"),addEventListener("beforeunload",(()=>{Jt.scrollRestoration="auto"})),addEventListener("load",(()=>{Jt.scrollRestoration="manual"})),addEventListener("click",zt),addEventListener("popstate",Ht),addEventListener("touchstart",Wt),addEventListener("mousemove",Yt),Qt.error?Promise.resolve().then((()=>function(){const{host:e,pathname:t,search:n}=location,{session:f,preloaded:o,status:r,error:s}=Qt;tn||(tn=o&&o[0]);const i={error:s,status:r,session:f,level0:{props:tn},level1:{props:{status:r,error:s},component:$t},segments:o},c=Dt(n);_n([],i,{host:e,path:t,query:c,params:{},error:s})}())):Promise.resolve().then((()=>{const{hash:e,href:t}=location;Jt.replaceState({id:wt},"",t);const n=qt(new URL(location.href));if(n)return Kt(n,wt,!0,e)}));export{nt as $,se as A,Xt as B,We as C,Ye as D,Ee as E,ue as F,a as G,q as H,b as I,Ne as J,n as K,m as L,u as M,V as N,ae as O,$ as P,p as Q,h as R,at as S,d as T,et as U,s as V,r as W,g as X,Ie as Y,Ze as Z,Qe as _,M as a,tt as a0,we as a1,Ce as a2,W as a3,ye as a4,ut as a5,ve as a6,l as a7,K as a8,k as a9,S as aa,Oe as ab,Ve as ac,H as ad,B as ae,Xe as af,ie as ag,E as ah,C as ai,t as aj,j as ak,pn as al,de as am,re as an,ce as ao,Y as b,te as c,J as d,F as e,w as f,x as g,L as h,ct as i,ft as j,ee as k,ot as l,rt as m,e as n,z as o,Fe as p,st as q,pe as r,i as s,Ke as t,D as u,U as v,fe as w,ne as x,Be as y,He as z};
+
+import __inject_styles from './inject_styles.099149d9.js';
\ No newline at end of file
diff --git a/376/client/legacy/color-picker-styles.762aa118.js b/376/client/legacy/color-picker-styles.762aa118.js
new file mode 100644
index 000000000..acd3f6326
--- /dev/null
+++ b/376/client/legacy/color-picker-styles.762aa118.js
@@ -0,0 +1 @@
+function r(r){if(null==r)return null;if(7!==r.length)return console.error("Values of colored radio groups must be #XXXXXX hex colors."),null;let e,o,n,l,s,t;const $=e=parseInt(r.slice(1,3),16),c=o=parseInt(r.slice(3,5),16),u=n=parseInt(r.slice(5,7),16);l=s=t=255;return e>240&&o>240&&n>240&&(e=o=n=l=s=t=153),`background-color: rgb(${$}, ${c}, ${u});\n          border-color: rgb(${e}, ${o}, ${n});\n          --r: ${e}; --g: ${o}; --b: ${n};\n          --before-r: ${l};\n          --before-g: ${s};\n          --before-b: ${t};`}export{r as g};
diff --git a/376/client/legacy/color-preview-dae771a6.css b/376/client/legacy/color-preview-dae771a6.css
new file mode 100644
index 000000000..c2eb7048f
--- /dev/null
+++ b/376/client/legacy/color-preview-dae771a6.css
@@ -0,0 +1 @@
+.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono", monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:0.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}
diff --git a/376/client/legacy/color-preview.9db6af61.js b/376/client/legacy/color-preview.9db6af61.js
new file mode 100644
index 000000000..42e6e7038
--- /dev/null
+++ b/376/client/legacy/color-preview.9db6af61.js
@@ -0,0 +1 @@
+import{S as s,i as e,s as a,h as r,u as o,v as t,k as d,b as l,d as c,w as u,x as i,e as n,ao as v,O as b,f as h,g as f,A as p,n as g}from"./client.583c6e60.js";function k(s){let e,a,k,m;return{c(){e=r("div"),a=r("div"),k=o(),m=t(s[0]),this.h()},l(r){e=d(r,"DIV",{class:!0});var o=l(e);a=d(o,"DIV",{class:!0,style:!0}),l(a).forEach(c),k=u(o),m=i(o,s[0]),o.forEach(c),this.h()},h(){n(a,"class","color svelte-oytuu9"),v(a,"background",s[0]),b(a,"bordered",s[1]),n(e,"class","preview svelte-oytuu9")},m(s,r){h(s,e,r),f(e,a),f(e,k),f(e,m)},p(s,e){let[r]=e;1&r&&v(a,"background",s[0]),2&r&&b(a,"bordered",s[1]),1&r&&p(m,s[0])},i:g,o:g,d(s){s&&c(e)}}}function m(s,e,a){let{value:r}=e,{bordered:o=!1}=e;return s.$$set=s=>{"value"in s&&a(0,r=s.value),"bordered"in s&&a(1,o=s.bordered)},[r,o]}class x extends s{constructor(s){super(),e(this,s,m,k,a,{value:0,bordered:1})}}export{x as C};
diff --git a/376/client/legacy/copyable-code-28a0f74e.css b/376/client/legacy/copyable-code-28a0f74e.css
new file mode 100644
index 000000000..75af5bd6f
--- /dev/null
+++ b/376/client/legacy/copyable-code-28a0f74e.css
@@ -0,0 +1 @@
+.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:0.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:0.8em;font-weight:500;padding:0.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:0.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:0.3em;top:0.3em}
diff --git a/376/client/legacy/copyable-code.ce778425.js b/376/client/legacy/copyable-code.ce778425.js
new file mode 100644
index 000000000..c50c82c57
--- /dev/null
+++ b/376/client/legacy/copyable-code.ce778425.js
@@ -0,0 +1,15 @@
+import{S as e,i as t,s as n,a as i,c as r,b as s,d as o,e as l,f as a,g as c,n as h,M as u,h as d,u as f,j as p,k as m,w as v,l as w,m as x,y as g,p as y,z as $,t as k,Q as b,R as E,T as z,q as C,E as W,H as j,Y as D,v as T,x as B,A as I}from"./client.583c6e60.js";import{B as S}from"./button.863c0adf.js";function A(e){let t,n,u;return{c(){t=i("svg"),n=i("polyline"),this.h()},l(e){t=r(e,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var i=s(t);n=r(i,"polyline",{points:!0}),s(n).forEach(o),i.forEach(o),this.h()},h(){l(n,"points","20 6 9 17 4 12"),l(t,"xmlns","http://www.w3.org/2000/svg"),l(t,"width",e[0]),l(t,"height",e[0]),l(t,"fill","none"),l(t,"viewBox","0 0 24 24"),l(t,"stroke","currentColor"),l(t,"stroke-width",e[1]),l(t,"stroke-linecap","round"),l(t,"stroke-linejoin","round"),l(t,"class",u="feather feather-check "+e[2])},m(e,i){a(e,t,i),c(t,n)},p(e,n){let[i]=n;1&i&&l(t,"width",e[0]),1&i&&l(t,"height",e[0]),2&i&&l(t,"stroke-width",e[1]),4&i&&u!==(u="feather feather-check "+e[2])&&l(t,"class",u)},i:h,o:h,d(e){e&&o(t)}}}function R(e,t,n){let{size:i="100%"}=t,{strokeWidth:r=2}=t,{class:s=""}=t;return"100%"!==i&&(i="x"===i.slice(-1)?i.slice(0,i.length-1)+"em":parseInt(i)+"px"),e.$$set=e=>{"size"in e&&n(0,i=e.size),"strokeWidth"in e&&n(1,r=e.strokeWidth),"class"in e&&n(2,s=e.class)},[i,r,s]}class V extends e{constructor(e){super(),t(this,e,R,A,n,{size:0,strokeWidth:1,class:2})}}function H(e){let t,n,u,d;return{c(){t=i("svg"),n=i("rect"),u=i("path"),this.h()},l(e){t=r(e,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var i=s(t);n=r(i,"rect",{x:!0,y:!0,width:!0,height:!0,rx:!0,ry:!0}),s(n).forEach(o),u=r(i,"path",{d:!0}),s(u).forEach(o),i.forEach(o),this.h()},h(){l(n,"x","9"),l(n,"y","9"),l(n,"width","13"),l(n,"height","13"),l(n,"rx","2"),l(n,"ry","2"),l(u,"d","M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"),l(t,"xmlns","http://www.w3.org/2000/svg"),l(t,"width",e[0]),l(t,"height",e[0]),l(t,"fill","none"),l(t,"viewBox","0 0 24 24"),l(t,"stroke","currentColor"),l(t,"stroke-width",e[1]),l(t,"stroke-linecap","round"),l(t,"stroke-linejoin","round"),l(t,"class",d="feather feather-copy "+e[2])},m(e,i){a(e,t,i),c(t,n),c(t,u)},p(e,n){let[i]=n;1&i&&l(t,"width",e[0]),1&i&&l(t,"height",e[0]),2&i&&l(t,"stroke-width",e[1]),4&i&&d!==(d="feather feather-copy "+e[2])&&l(t,"class",d)},i:h,o:h,d(e){e&&o(t)}}}function M(e,t,n){let{size:i="100%"}=t,{strokeWidth:r=2}=t,{class:s=""}=t;return"100%"!==i&&(i="x"===i.slice(-1)?i.slice(0,i.length-1)+"em":parseInt(i)+"px"),e.$$set=e=>{"size"in e&&n(0,i=e.size),"strokeWidth"in e&&n(1,r=e.strokeWidth),"class"in e&&n(2,s=e.class)},[i,r,s]}class N extends e{constructor(e){super(),t(this,e,M,H,n,{size:0,strokeWidth:1,class:2})}}function L(e){let t,n,u,d,f,p,m;return{c(){t=i("svg"),n=i("path"),u=i("polyline"),d=i("line"),f=i("line"),p=i("polyline"),this.h()},l(e){t=r(e,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var i=s(t);n=r(i,"path",{d:!0}),s(n).forEach(o),u=r(i,"polyline",{points:!0}),s(u).forEach(o),d=r(i,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),s(d).forEach(o),f=r(i,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),s(f).forEach(o),p=r(i,"polyline",{points:!0}),s(p).forEach(o),i.forEach(o),this.h()},h(){l(n,"d","M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"),l(u,"points","14 2 14 8 20 8"),l(d,"x1","16"),l(d,"y1","13"),l(d,"x2","8"),l(d,"y2","13"),l(f,"x1","16"),l(f,"y1","17"),l(f,"x2","8"),l(f,"y2","17"),l(p,"points","10 9 9 9 8 9"),l(t,"xmlns","http://www.w3.org/2000/svg"),l(t,"width",e[0]),l(t,"height",e[0]),l(t,"fill","none"),l(t,"viewBox","0 0 24 24"),l(t,"stroke","currentColor"),l(t,"stroke-width",e[1]),l(t,"stroke-linecap","round"),l(t,"stroke-linejoin","round"),l(t,"class",m="feather feather-file-text "+e[2])},m(e,i){a(e,t,i),c(t,n),c(t,u),c(t,d),c(t,f),c(t,p)},p(e,n){let[i]=n;1&i&&l(t,"width",e[0]),1&i&&l(t,"height",e[0]),2&i&&l(t,"stroke-width",e[1]),4&i&&m!==(m="feather feather-file-text "+e[2])&&l(t,"class",m)},i:h,o:h,d(e){e&&o(t)}}}function q(e,t,n){let{size:i="100%"}=t,{strokeWidth:r=2}=t,{class:s=""}=t;return"100%"!==i&&(i="x"===i.slice(-1)?i.slice(0,i.length-1)+"em":parseInt(i)+"px"),e.$$set=e=>{"size"in e&&n(0,i=e.size),"strokeWidth"in e&&n(1,r=e.strokeWidth),"class"in e&&n(2,s=e.class)},[i,r,s]}class G extends e{constructor(e){super(),t(this,e,q,L,n,{size:0,strokeWidth:1,class:2})}}function O(e){let t,n,u,d;return{c(){t=i("svg"),n=i("polyline"),u=i("line"),this.h()},l(e){t=r(e,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var i=s(t);n=r(i,"polyline",{points:!0}),s(n).forEach(o),u=r(i,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),s(u).forEach(o),i.forEach(o),this.h()},h(){l(n,"points","4 17 10 11 4 5"),l(u,"x1","12"),l(u,"y1","19"),l(u,"x2","20"),l(u,"y2","19"),l(t,"xmlns","http://www.w3.org/2000/svg"),l(t,"width",e[0]),l(t,"height",e[0]),l(t,"fill","none"),l(t,"viewBox","0 0 24 24"),l(t,"stroke","currentColor"),l(t,"stroke-width",e[1]),l(t,"stroke-linecap","round"),l(t,"stroke-linejoin","round"),l(t,"class",d="feather feather-terminal "+e[2])},m(e,i){a(e,t,i),c(t,n),c(t,u)},p(e,n){let[i]=n;1&i&&l(t,"width",e[0]),1&i&&l(t,"height",e[0]),2&i&&l(t,"stroke-width",e[1]),4&i&&d!==(d="feather feather-terminal "+e[2])&&l(t,"class",d)},i:h,o:h,d(e){e&&o(t)}}}function P(e,t,n){let{size:i="100%"}=t,{strokeWidth:r=2}=t,{class:s=""}=t;return"100%"!==i&&(i="x"===i.slice(-1)?i.slice(0,i.length-1)+"em":parseInt(i)+"px"),e.$$set=e=>{"size"in e&&n(0,i=e.size),"strokeWidth"in e&&n(1,r=e.strokeWidth),"class"in e&&n(2,s=e.class)},[i,r,s]}class Q extends e{constructor(e){super(),t(this,e,P,O,n,{size:0,strokeWidth:1,class:2})}}
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */function Y(e,t,n,i){return new(n||(n=Promise))((function(r,s){function o(e){try{a(i.next(e))}catch(e){s(e)}}function l(e){try{a(i.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,l)}a((i=i.apply(e,t||[])).next())}))}function F(e,t){var n,i,r,s,o={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return s={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(s[Symbol.iterator]=function(){return this}),s;function l(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;o;)try{if(n=1,i&&(r=2&s[0]?i.return:s[0]?i.throw||((r=i.return)&&r.call(i),0):i.next)&&!(r=r.call(i,s[1])).done)return r;switch(i=0,r&&(s=[2&s[0],r.value]),s[0]){case 0:case 1:r=s;break;case 4:return o.label++,{value:s[1],done:!1};case 5:o.label++,i=s[1],s=[0];continue;case 7:s=o.ops.pop(),o.trys.pop();continue;default:if(!((r=(r=o.trys).length>0&&r[r.length-1])||6!==s[0]&&2!==s[0])){o=0;continue}if(3===s[0]&&(!r||s[1]>r[0]&&s[1]<r[3])){o.label=s[1];break}if(6===s[0]&&o.label<r[1]){o.label=r[1],r=s;break}if(r&&o.label<r[2]){o.label=r[2],o.ops.push(s);break}r[2]&&o.ops.pop(),o.trys.pop();continue}s=t.call(e,o)}catch(e){s=[6,e],i=0}finally{n=r=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}(function(){(console.warn||console.log).apply(console,arguments)}).bind("[clipboard-polyfill]");var J,K,U,X,Z="undefined"==typeof navigator?void 0:navigator,_=null==Z?void 0:Z.clipboard;null===(J=null==_?void 0:_.read)||void 0===J||J.bind(_),null===(K=null==_?void 0:_.readText)||void 0===K||K.bind(_),null===(U=null==_?void 0:_.write)||void 0===U||U.bind(_);var ee=null===(X=null==_?void 0:_.writeText)||void 0===X?void 0:X.bind(_),te="undefined"==typeof window?void 0:window;null==te||te.ClipboardItem;var ne=te;var ie=function(){this.success=!1};function re(e,t,n){for(var i in e.success=!0,t){var r=t[i],s=n.clipboardData;s.setData(i,r),"text/plain"===i&&s.getData(i)!==r&&(e.success=!1)}n.preventDefault()}function se(e){var t=new ie,n=re.bind(this,t,e);document.addEventListener("copy",n);try{document.execCommand("copy")}finally{document.removeEventListener("copy",n)}return t.success}function oe(e,t){le(e);var n=se(t);return ae(),n}function le(e){var t=document.getSelection();if(t){var n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}}function ae(){var e=document.getSelection();e&&e.removeAllRanges()}function ce(e){return Y(this,void 0,void 0,(function(){var t;return F(this,(function(n){if(t="text/plain"in e,"undefined"==typeof ClipboardEvent&&void 0!==ne.clipboardData&&void 0!==ne.clipboardData.setData){if(!t)throw new Error("No `text/plain` value was specified.");if(i=e["text/plain"],ne.clipboardData.setData("Text",i))return[2,!0];throw new Error("Copying failed, possibly because the user rejected it.")}var i;return se(e)||navigator.userAgent.indexOf("Edge")>-1||oe(document.body,e)||function(e){var t=document.createElement("div");t.setAttribute("style","-webkit-user-select: text !important"),t.textContent="temporary element",document.body.appendChild(t);var n=oe(t,e);return document.body.removeChild(t),n}(e)||function(e){var t=document.createElement("div");t.setAttribute("style","-webkit-user-select: text !important");var n=t;t.attachShadow&&(n=t.attachShadow({mode:"open"}));var i=document.createElement("span");i.innerText=e,n.appendChild(i),document.body.appendChild(t),le(i);var r=document.execCommand("copy");return ae(),document.body.removeChild(t),r}(e["text/plain"])?[2,!0]:[2,!1]}))}))}function he(e){let t,n,i,r;return n=new Q({props:{size:"16",class:"mr"}}),{c(){t=d("div"),p(n.$$.fragment),i=T("\n      Terminal"),this.h()},l(e){t=m(e,"DIV",{class:!0});var r=s(t);w(n.$$.fragment,r),i=B(r,"\n      Terminal"),r.forEach(o),this.h()},h(){l(t,"class","filename svelte-1wwtcst")},m(e,s){a(e,t,s),x(n,t,null),c(t,i),r=!0},p:h,i(e){r||(k(n.$$.fragment,e),r=!0)},o(e){y(n.$$.fragment,e),r=!1},d(e){e&&o(t),C(n)}}}function ue(e){let t,n,i,r,h;return n=new G({props:{size:"16",class:"mr"}}),{c(){t=d("div"),p(n.$$.fragment),i=f(),r=T(e[0]),this.h()},l(l){t=m(l,"DIV",{class:!0});var a=s(t);w(n.$$.fragment,a),i=v(a),r=B(a,e[0]),a.forEach(o),this.h()},h(){l(t,"class","filename svelte-1wwtcst")},m(e,s){a(e,t,s),x(n,t,null),c(t,i),c(t,r),h=!0},p(e,t){(!h||1&t)&&I(r,e[0])},i(e){h||(k(n.$$.fragment,e),h=!0)},o(e){y(n.$$.fragment,e),h=!1},d(e){e&&o(t),C(n)}}}function de(e){let t,n;return t=new N({props:{size:"20"}}),{c(){p(t.$$.fragment)},l(e){w(t.$$.fragment,e)},m(e,i){x(t,e,i),n=!0},i(e){n||(k(t.$$.fragment,e),n=!0)},o(e){y(t.$$.fragment,e),n=!1},d(e){C(t,e)}}}function fe(e){let t,n;return t=new V({props:{size:"20"}}),{c(){p(t.$$.fragment)},l(e){w(t.$$.fragment,e)},m(e,i){x(t,e,i),n=!0},i(e){n||(k(t.$$.fragment,e),n=!0)},o(e){y(t.$$.fragment,e),n=!1},d(e){C(t,e)}}}function pe(e){let t,n,i,r;const s=[fe,de],l=[];function c(e,t){return e[3]?0:1}return t=c(e),n=l[t]=s[t](e),{c(){n.c(),i=j()},l(e){n.l(e),i=j()},m(e,n){l[t].m(e,n),a(e,i,n),r=!0},p(e,r){let o=t;t=c(e),t!==o&&(g(),y(l[o],1,1,(()=>{l[o]=null})),$(),n=l[t],n||(n=l[t]=s[t](e),n.c()),k(n,1),n.m(i.parentNode,i))},i(e){r||(k(n),r=!0)},o(e){y(n),r=!1},d(e){l[t].d(e),e&&o(i)}}}function me(e){let t,n,i,r,h,W,j;const D=[ue,he],T=[];function B(e,t){return null!=e[0]?0:e[1]?1:-1}~(n=B(e))&&(i=T[n]=D[n](e));const I=e[5].default,A=u(I,e,e[7],null);return W=new S({props:{small:!0,round:!0,title:"Copy",$$slots:{default:[pe]},$$scope:{ctx:e}}}),W.$on("click",e[4]),{c(){t=d("div"),i&&i.c(),r=f(),A&&A.c(),h=f(),p(W.$$.fragment),this.h()},l(e){t=m(e,"DIV",{class:!0});var n=s(t);i&&i.l(n),r=v(n),A&&A.l(n),h=v(n),w(W.$$.fragment,n),n.forEach(o),this.h()},h(){l(t,"class","copyable svelte-1wwtcst")},m(i,s){a(i,t,s),~n&&T[n].m(t,null),c(t,r),A&&A.m(t,null),c(t,h),x(W,t,null),e[6](t),j=!0},p(e,s){let[o]=s,l=n;n=B(e),n===l?~n&&T[n].p(e,o):(i&&(g(),y(T[l],1,1,(()=>{T[l]=null})),$()),~n?(i=T[n],i?i.p(e,o):(i=T[n]=D[n](e),i.c()),k(i,1),i.m(t,r)):i=null),A&&A.p&&(!j||128&o)&&b(A,I,e,e[7],j?z(I,e[7],o,null):E(e[7]),null);const a={};136&o&&(a.$$scope={dirty:o,ctx:e}),W.$set(a)},i(e){j||(k(i),k(A,e),k(W.$$.fragment,e),j=!0)},o(e){y(i),y(A,e),y(W.$$.fragment,e),j=!1},d(i){i&&o(t),~n&&T[n].d(),A&&A.d(i),C(W),e[6](null)}}}function ve(e,t,n){let i,{$$slots:r={},$$scope:s}=t,o=null,l=!1,{filename:a=null}=t,{terminal:c=!1}=t;return W((()=>{const e=null==a&&0==c?0:1;o=i.children[e].textContent})),e.$$set=e=>{"filename"in e&&n(0,a=e.filename),"terminal"in e&&n(1,c=e.terminal),"$$scope"in e&&n(7,s=e.$$scope)},[a,c,i,l,async function(){if(null!=o)try{await function(e){return Y(this,void 0,void 0,(function(){return F(this,(function(t){if(ee)return[2,ee(e)];if(!ce(function(e){var t={};return t["text/plain"]=e,t}(e)))throw new Error("writeText() failed");return[2]}))}))}(o),n(3,l=!0),setTimeout((()=>n(3,l=!1)),1e3)}catch(e){console.error(e)}},r,function(e){D[e?"unshift":"push"]((()=>{i=e,n(2,i)}))},s]}class we extends e{constructor(e){super(),t(this,e,ve,me,n,{filename:0,terminal:1})}}export{we as C,V as a};
diff --git a/376/client/legacy/custom-elements.02864ac1.js b/376/client/legacy/custom-elements.02864ac1.js
new file mode 100644
index 000000000..17004b4d6
--- /dev/null
+++ b/376/client/legacy/custom-elements.02864ac1.js
@@ -0,0 +1 @@
+import{S as n,i as s,s as a,K as t,j as p,l as o,m as e,U as c,a0 as l,t as u,p as i,q as k,L as r,u as g,h as m,w as d,k as $,b as h,d as f,e as y,f as w,v,x as b,g as x,n as E}from"./client.583c6e60.js";import{L as C,H as q,P as A}from"./layout.47c81311.js";function L(n){let s;return{c(){s=v("Custom Elements")},l(n){s=b(n,"Custom Elements")},m(n,a){w(n,s,a)},d(n){n&&f(s)}}}function j(n){let s,a,t,p,o,e,c;return{c(){s=v("Attractions components can also be used as Web Components directly using the "),a=m("a"),t=v("Custom Elements API"),p=v(". This use case is most convenient when a quick prototype is needed without including any frameworks or bundlers, where you just need to include a "),o=m("code"),e=v("script"),c=v(" tag and then use the components right away.\nAn example usage is as follows:"),this.h()},l(n){s=b(n,"Attractions components can also be used as Web Components directly using the "),a=$(n,"A",{href:!0,rel:!0});var l=h(a);t=b(l,"Custom Elements API"),l.forEach(f),p=b(n,". This use case is most convenient when a quick prototype is needed without including any frameworks or bundlers, where you just need to include a "),o=$(n,"CODE",{});var u=h(o);e=b(u,"script"),u.forEach(f),c=b(n," tag and then use the components right away.\nAn example usage is as follows:"),this.h()},h(){y(a,"href","https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements"),y(a,"rel","nofollow")},m(n,l){w(n,s,l),w(n,a,l),x(a,t),w(n,p,l),w(n,o,l),x(o,e),w(n,c,l)},p:E,d(n){n&&f(s),n&&f(a),n&&f(p),n&&f(o),n&&f(c)}}}function O(n){let s,a,t,p,o,e,c,l,u,i;return{c(){s=v("As shown in the example above, events must be listened to using "),a=m("code"),t=v("$on"),p=v(" and not "),o=m("code"),e=v("addEventListener"),c=v(". Additionally, props that are passed in the HTML are only limited to props with lowercase string names. For any other props, use "),l=m("code"),u=v("$$set"),i=v(".")},l(n){s=b(n,"As shown in the example above, events must be listened to using "),a=$(n,"CODE",{});var k=h(a);t=b(k,"$on"),k.forEach(f),p=b(n," and not "),o=$(n,"CODE",{});var r=h(o);e=b(r,"addEventListener"),r.forEach(f),c=b(n,". Additionally, props that are passed in the HTML are only limited to props with lowercase string names. For any other props, use "),l=$(n,"CODE",{});var g=h(l);u=b(g,"$$set"),g.forEach(f),i=b(n,".")},m(n,k){w(n,s,k),w(n,a,k),x(a,t),w(n,p,k),w(n,o,k),x(o,e),w(n,c,k),w(n,l,k),x(l,u),w(n,i,k)},p:E,d(n){n&&f(s),n&&f(a),n&&f(p),n&&f(o),n&&f(c),n&&f(l),n&&f(i)}}}function T(n){let s,a,t,c,l,r,v,b;return s=new q({props:{$$slots:{default:[L]},$$scope:{ctx:n}}}),t=new A({props:{$$slots:{default:[j]},$$scope:{ctx:n}}}),v=new A({props:{$$slots:{default:[O]},$$scope:{ctx:n}}}),{c(){p(s.$$.fragment),a=g(),p(t.$$.fragment),c=g(),l=m("pre"),r=g(),p(v.$$.fragment),this.h()},l(n){o(s.$$.fragment,n),a=d(n),o(t.$$.fragment,n),c=d(n),l=$(n,"PRE",{class:!0}),h(l).forEach(f),r=d(n),o(v.$$.fragment,n),this.h()},h(){y(l,"class","language-html")},m(n,p){e(s,n,p),w(n,a,p),e(t,n,p),w(n,c,p),w(n,l,p),l.innerHTML='<code class="language-html"><span class="token doctype"><span class="token punctuation">&lt;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/attractions<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>head</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>body</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-card</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-button</span> <span class="token attr-name">filled</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span> <span class="token attr-name">danger</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n      Alert\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-dot</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">margin-left</span><span class="token punctuation">:</span> 10px<span class="token punctuation">;</span></span><span class="token punctuation">"</span></span></span> <span class="token attr-name">attention</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>attention<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-button</span><span class="token punctuation">></span></span>\n\n    <span class="token comment">&lt;!-- camelCase props do not work (HTML is case-insensitive) --\x3e</span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-switch</span> <span class="token attr-name">slotLeft</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n      On?\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-switch</span><span class="token punctuation">></span></span>\n\n    <span class="token comment">&lt;!-- Cannot use the self-closing syntax! --\x3e</span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-divider</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-divider</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-calendar</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>calendar<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-calendar</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-card</span><span class="token punctuation">></span></span>\n\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>container<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n    <span class="token comment">&lt;!-- more elements will be injected here --\x3e</span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n    <span class="token comment">// Or using the normal constructor</span>\n    <span class="token keyword">const</span> <span class="token punctuation">&#123;</span> Button <span class="token punctuation">&#125;</span> <span class="token operator">=</span> attractions<span class="token punctuation">;</span>\n    <span class="token keyword">new</span> <span class="token class-name">Button</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n      <span class="token literal-property property">target</span><span class="token operator">:</span> document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">\'container\'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n      <span class="token literal-property property">props</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n        <span class="token literal-property property">filled</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>\n      <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n\n    <span class="token keyword">const</span> calendar <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">\'calendar\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n    <span class="token comment">// Setting props that aren\'t string</span>\n    calendar<span class="token punctuation">.</span><span class="token function">$$set</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n      <span class="token literal-property property">year</span><span class="token operator">:</span> <span class="token number">2020</span><span class="token punctuation">,</span>\n      <span class="token literal-property property">month</span><span class="token operator">:</span> <span class="token number">11</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n\n    <span class="token comment">// Listening to events</span>\n    calendar<span class="token punctuation">.</span><span class="token function">$on</span><span class="token punctuation">(</span><span class="token string">\'day-select\'</span><span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token parameter">e</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">&#123;</span>\n      <span class="token function">alert</span><span class="token punctuation">(</span><span class="token template-string"><span class="token template-punctuation string">&#96;</span><span class="token string">You selected </span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">$&#123;</span>e<span class="token punctuation">.</span>detail<span class="token interpolation-punctuation punctuation">&#125;</span></span><span class="token template-punctuation string">&#96;</span></span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n    <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n\n    <span class="token comment">// Utils are also exposed</span>\n    <span class="token keyword">const</span> <span class="token punctuation">&#123;</span> range <span class="token punctuation">&#125;</span> <span class="token operator">=</span> attractions<span class="token punctuation">.</span>utils<span class="token punctuation">;</span>\n    <span class="token keyword">for</span> <span class="token punctuation">(</span><span class="token keyword">const</span> val <span class="token keyword">of</span> <span class="token function">range</span><span class="token punctuation">(</span><span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">9</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">&#123;</span>\n      console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>val<span class="token punctuation">)</span><span class="token punctuation">;</span>\n    <span class="token punctuation">&#125;</span>\n  </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">></span></span></code>',w(n,r,p),e(v,n,p),b=!0},p(n,a){const p={};2&a&&(p.$$scope={dirty:a,ctx:n}),s.$set(p);const o={};2&a&&(o.$$scope={dirty:a,ctx:n}),t.$set(o);const e={};2&a&&(e.$$scope={dirty:a,ctx:n}),v.$set(e)},i(n){b||(u(s.$$.fragment,n),u(t.$$.fragment,n),u(v.$$.fragment,n),b=!0)},o(n){i(s.$$.fragment,n),i(t.$$.fragment,n),i(v.$$.fragment,n),b=!1},d(n){k(s,n),n&&f(a),k(t,n),n&&f(c),n&&f(l),n&&f(r),k(v,n)}}}function D(n){let s,a;const r=[n[0],H];let g={$$slots:{default:[T]},$$scope:{ctx:n}};for(let n=0;n<r.length;n+=1)g=t(g,r[n]);return s=new C({props:g}),{c(){p(s.$$.fragment)},l(n){o(s.$$.fragment,n)},m(n,t){e(s,n,t),a=!0},p(n,[a]){const t=1&a?c(r,[1&a&&l(n[0]),0&a&&l(H)]):{};2&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(u(s.$$.fragment,n),a=!0)},o(n){i(s.$$.fragment,n),a=!1},d(n){k(s,n)}}}const H={name:"Custom Elements"};function B(n,s,a){return n.$$set=n=>{a(0,s=t(t({},s),r(n)))},[s=r(s)]}class I extends n{constructor(n){super(),s(this,n,B,D,a,{})}}export{I as default,H as metadata};
diff --git a/376/client/legacy/date-picker-c1a7c2e7.css b/376/client/legacy/date-picker-c1a7c2e7.css
new file mode 100644
index 000000000..38c12957f
--- /dev/null
+++ b/376/client/legacy/date-picker-c1a7c2e7.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-1g4er90{align-items:flex-start;display:flex;flex-direction:column;overflow:visible !important}@media only screen and (max-width: 340px){[slot=showcase].svelte-1g4er90{padding:0.25em !important}}
diff --git a/376/client/legacy/date-picker-fc3df446.css b/376/client/legacy/date-picker-fc3df446.css
new file mode 100644
index 000000000..026a3ec7e
--- /dev/null
+++ b/376/client/legacy/date-picker-fc3df446.css
@@ -0,0 +1 @@
+.date-picker.svelte-1im6fcv.svelte-1im6fcv{display:inline-block}.date-picker.svelte-1im6fcv .dropdown-shell .handle{align-items:center;display:flex}.date-picker.svelte-1im6fcv .dropdown-shell .handle>span{margin:1em}.date-picker.svelte-1im6fcv .dropdown-shell .handle .text-field.in-focus input{background-color:#e1e1e1;border-bottom-width:0.125em;border-color:#4800bd;padding-bottom:0}.date-picker.svelte-1im6fcv .shown-on-focus.svelte-1im6fcv{display:flex;justify-content:center}.date-picker.svelte-1im6fcv .shown-on-focus.svelte-1im6fcv>.btn{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.date-picker.svelte-1im6fcv .shown-on-focus.svelte-1im6fcv>.btn:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.date-picker.svelte-1im6fcv .month-header.svelte-1im6fcv{align-items:center;color:#4300b0;display:flex;font-weight:500;justify-content:space-between;padding:0 1rem 0.5em}.date-picker.svelte-1im6fcv .month-header.svelte-1im6fcv .btn{flex:0}.date-picker.svelte-1im6fcv .month-header .month-display.svelte-1im6fcv{min-width:12em;text-align:center}.date-picker.svelte-1im6fcv .calendar{padding:0.5em 0 1em}.date-picker.svelte-1im6fcv .text-field{width:7em}
diff --git a/376/client/legacy/date-picker.91aee00e.js b/376/client/legacy/date-picker.91aee00e.js
new file mode 100644
index 000000000..ccfba62af
--- /dev/null
+++ b/376/client/legacy/date-picker.91aee00e.js
@@ -0,0 +1 @@
+import{S as e,i as t,s,a as n,c as l,b as a,d as o,e as r,f as c,g as i,n as $,h as u,j as d,k as f,l as p,X as m,m as h,t as g,p as v,q as w,J as y,u as k,H as C,w as x,y as D,z as b,M as j,Q as E,R as M,T as S,v as I,x as W,A as Y}from"./client.583c6e60.js";import{c as B}from"./classes.a7d1a9eb.js";import{B as F}from"./button.863c0adf.js";import{T as V}from"./text-field.f9cea8ef.js";import{D as O,a as N}from"./dropdown.9218bde6.js";import{C as T}from"./calendar.43a50b45.js";import{f as A,c as P,a as R,d as q,p as z}from"./datetime-utils.1be0c3c8.js";function H(e){let t,s;return{c(){t=n("svg"),s=n("polyline"),this.h()},l(e){t=l(e,"svg",{xmlns:!0,width:!0,height:!0,viewBox:!0,fill:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0});var n=a(t);s=l(n,"polyline",{points:!0}),a(s).forEach(o),n.forEach(o),this.h()},h(){r(s,"points","15 18 9 12 15 6"),r(t,"xmlns","http://www.w3.org/2000/svg"),r(t,"width","24"),r(t,"height","24"),r(t,"viewBox","0 0 24 24"),r(t,"fill","none"),r(t,"stroke","currentColor"),r(t,"stroke-width","2"),r(t,"stroke-linecap","round"),r(t,"stroke-linejoin","round")},m(e,n){c(e,t,n),i(t,s)},p:$,i:$,o:$,d(e){e&&o(t)}}}var J=class extends e{constructor(e){super(),t(this,e,null,H,s,{})}};function Q(e){let t,s;return{c(){t=n("svg"),s=n("polyline"),this.h()},l(e){t=l(e,"svg",{xmlns:!0,width:!0,height:!0,viewBox:!0,fill:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0});var n=a(t);s=l(n,"polyline",{points:!0}),a(s).forEach(o),n.forEach(o),this.h()},h(){r(s,"points","9 18 15 12 9 6"),r(t,"xmlns","http://www.w3.org/2000/svg"),r(t,"width","24"),r(t,"height","24"),r(t,"viewBox","0 0 24 24"),r(t,"fill","none"),r(t,"stroke","currentColor"),r(t,"stroke-width","2"),r(t,"stroke-linecap","round"),r(t,"stroke-linejoin","round")},m(e,n){c(e,t,n),i(t,s)},p:$,i:$,o:$,d(e){e&&o(t)}}}var X=class extends e{constructor(e){super(),t(this,e,null,Q,s,{})}};const G=e=>({}),K=e=>({}),L=e=>({}),U=e=>({}),Z=e=>({}),_=e=>({});function ee(e){let t,s,n;const l=e[28]["between-inputs"],r=j(l,e,e[33],_),m=r||function(e){let t,s;return{c(){t=u("span"),s=I("to")},l(e){t=f(e,"SPAN",{});var n=a(t);s=W(n,"to"),n.forEach(o)},m(e,n){c(e,t,n),i(t,s)},p:$,d(e){e&&o(t)}}}();return s=new V({props:{placeholder:e[18],value:A(e[14],e[12]),class:B(e[16]&&"in-focus"),inputClass:e[4]}}),s.$on("focus",e[31]),s.$on("change",e[32]),{c(){m&&m.c(),t=k(),d(s.$$.fragment)},l(e){m&&m.l(e),t=x(e),p(s.$$.fragment,e)},m(e,l){m&&m.m(e,l),c(e,t,l),h(s,e,l),n=!0},p(e,t){r&&r.p&&(!n||4&t[1])&&E(r,l,e,e[33],n?S(l,e[33],t,Z):M(e[33]),_);const a={};262144&t[0]&&(a.placeholder=e[18]),20480&t[0]&&(a.value=A(e[14],e[12])),65536&t[0]&&(a.class=B(e[16]&&"in-focus")),16&t[0]&&(a.inputClass=e[4]),s.$set(a)},i(e){n||(g(m,e),g(s.$$.fragment,e),n=!0)},o(e){v(m,e),v(s.$$.fragment,e),n=!1},d(e){m&&m.d(e),e&&o(t),w(s,e)}}}function te(e){let t,s;return t=new N({props:{class:"calendar",top:e[9],right:e[10],$$slots:{default:[ae]},$$scope:{ctx:e}}}),{c(){d(t.$$.fragment)},l(e){p(t.$$.fragment,e)},m(e,n){h(t,e,n),s=!0},p(e,s){const n={};512&s[0]&&(n.top=e[9]),1024&s[0]&&(n.right=e[10]),157902&s[0]|4&s[1]&&(n.$$scope={dirty:s,ctx:e}),t.$set(n)},i(e){s||(g(t.$$.fragment,e),s=!0)},o(e){v(t.$$.fragment,e),s=!1},d(e){w(t,e)}}}function se(e){let t;return{c(){t=I("close the date picker")},l(e){t=W(e,"close the date picker")},m(e,s){c(e,t,s)},d(e){e&&o(t)}}}function ne(e){let t;const s=e[28]["chevron-left"],n=j(s,e,e[33],U),l=n||function(e){let t,s;return t=new J({}),{c(){d(t.$$.fragment)},l(e){p(t.$$.fragment,e)},m(e,n){h(t,e,n),s=!0},i(e){s||(g(t.$$.fragment,e),s=!0)},o(e){v(t.$$.fragment,e),s=!1},d(e){w(t,e)}}}();return{c(){l&&l.c()},l(e){l&&l.l(e)},m(e,s){l&&l.m(e,s),t=!0},p(e,l){n&&n.p&&(!t||4&l[1])&&E(n,s,e,e[33],t?S(s,e[33],l,L):M(e[33]),U)},i(e){t||(g(l,e),t=!0)},o(e){v(l,e),t=!1},d(e){l&&l.d(e)}}}function le(e){let t;const s=e[28]["chevron-right"],n=j(s,e,e[33],K),l=n||function(e){let t,s;return t=new X({}),{c(){d(t.$$.fragment)},l(e){p(t.$$.fragment,e)},m(e,n){h(t,e,n),s=!0},i(e){s||(g(t.$$.fragment,e),s=!0)},o(e){v(t.$$.fragment,e),s=!1},d(e){w(t,e)}}}();return{c(){l&&l.c()},l(e){l&&l.l(e)},m(e,s){l&&l.m(e,s),t=!0},p(e,l){n&&n.p&&(!t||4&l[1])&&E(n,s,e,e[33],t?S(s,e[33],l,G):M(e[33]),K)},i(e){t||(g(l,e),t=!0)},o(e){v(l,e),t=!1},d(e){l&&l.d(e)}}}function ae(e){let t,s,n,l,$,m,y,C,D,b,j,E,M,S=e[25].format(e[17])+"";return s=new F({props:{noRipple:!0,$$slots:{default:[se]},$$scope:{ctx:e}}}),s.$on("click",e[19]),$=new F({props:{round:!0,small:!0,title:"Previous month",$$slots:{default:[ne]},$$scope:{ctx:e}}}),$.$on("click",e[23]),b=new F({props:{round:!0,small:!0,title:"Next month",$$slots:{default:[le]},$$scope:{ctx:e}}}),b.$on("click",e[24]),E=new T({props:{locale:e[6],firstWeekday:e[7],month:e[17].getMonth(),year:e[17].getFullYear(),selectionStart:e[13],selectionEnd:e[14],disabledDates:e[11],weekdaysClass:e[1],weekClass:e[2],dayClass:e[3]}}),E.$on("day-select",e[20]),{c(){t=u("div"),d(s.$$.fragment),n=k(),l=u("div"),d($.$$.fragment),m=k(),y=u("div"),C=I(S),D=k(),d(b.$$.fragment),j=k(),d(E.$$.fragment),this.h()},l(e){t=f(e,"DIV",{class:!0});var r=a(t);p(s.$$.fragment,r),r.forEach(o),n=x(e),l=f(e,"DIV",{class:!0});var c=a(l);p($.$$.fragment,c),m=x(c),y=f(c,"DIV",{class:!0});var i=a(y);C=W(i,S),i.forEach(o),D=x(c),p(b.$$.fragment,c),c.forEach(o),j=x(e),p(E.$$.fragment,e),this.h()},h(){r(t,"class","shown-on-focus svelte-1im6fcv"),r(y,"class","month-display svelte-1im6fcv"),r(l,"class","month-header svelte-1im6fcv")},m(e,a){c(e,t,a),h(s,t,null),c(e,n,a),c(e,l,a),h($,l,null),i(l,m),i(l,y),i(y,C),i(l,D),h(b,l,null),c(e,j,a),h(E,e,a),M=!0},p(e,t){const n={};4&t[1]&&(n.$$scope={dirty:t,ctx:e}),s.$set(n);const l={};4&t[1]&&(l.$$scope={dirty:t,ctx:e}),$.$set(l),(!M||131072&t[0])&&S!==(S=e[25].format(e[17])+"")&&Y(C,S);const a={};4&t[1]&&(a.$$scope={dirty:t,ctx:e}),b.$set(a);const o={};64&t[0]&&(o.locale=e[6]),128&t[0]&&(o.firstWeekday=e[7]),131072&t[0]&&(o.month=e[17].getMonth()),131072&t[0]&&(o.year=e[17].getFullYear()),8192&t[0]&&(o.selectionStart=e[13]),16384&t[0]&&(o.selectionEnd=e[14]),2048&t[0]&&(o.disabledDates=e[11]),2&t[0]&&(o.weekdaysClass=e[1]),4&t[0]&&(o.weekClass=e[2]),8&t[0]&&(o.dayClass=e[3]),E.$set(o)},i(e){M||(g(s.$$.fragment,e),g($.$$.fragment,e),g(b.$$.fragment,e),g(E.$$.fragment,e),M=!0)},o(e){v(s.$$.fragment,e),v($.$$.fragment,e),v(b.$$.fragment,e),v(E.$$.fragment,e),M=!1},d(e){e&&o(t),w(s),e&&o(n),e&&o(l),w($),w(b),e&&o(j),w(E,e)}}}function oe(e){let t,s,n,l,$,m;s=new V({props:{placeholder:e[18],value:A(e[13],e[12]),class:B(e[15]&&"in-focus"),inputClass:e[4]}}),s.$on("focus",e[29]),s.$on("change",e[30]);let y=e[5]&&ee(e),j=!e[8]&&te(e);return{c(){t=u("div"),d(s.$$.fragment),n=k(),y&&y.c(),l=k(),j&&j.c(),$=C(),this.h()},l(e){t=f(e,"DIV",{class:!0});var r=a(t);p(s.$$.fragment,r),n=x(r),y&&y.l(r),r.forEach(o),l=x(e),j&&j.l(e),$=C(),this.h()},h(){r(t,"class","handle")},m(e,a){c(e,t,a),h(s,t,null),i(t,n),y&&y.m(t,null),c(e,l,a),j&&j.m(e,a),c(e,$,a),m=!0},p(e,n){const l={};262144&n[0]&&(l.placeholder=e[18]),12288&n[0]&&(l.value=A(e[13],e[12])),32768&n[0]&&(l.class=B(e[15]&&"in-focus")),16&n[0]&&(l.inputClass=e[4]),s.$set(l),e[5]?y?(y.p(e,n),32&n[0]&&g(y,1)):(y=ee(e),y.c(),g(y,1),y.m(t,null)):y&&(D(),v(y,1,1,(()=>{y=null})),b()),e[8]?j&&(D(),v(j,1,1,(()=>{j=null})),b()):j?(j.p(e,n),256&n[0]&&g(j,1)):(j=te(e),j.c(),g(j,1),j.m($.parentNode,$))},i(e){m||(g(s.$$.fragment,e),g(y),g(j),m=!0)},o(e){v(s.$$.fragment,e),v(y),v(j),m=!1},d(e){e&&o(t),w(s),y&&y.d(),e&&o(l),j&&j.d(e),e&&o($)}}}function re(e){let t,s,n,l;return s=new O({props:{open:e[15]||e[16],$$slots:{default:[oe]},$$scope:{ctx:e}}}),s.$on("change",e[19]),{c(){t=u("div"),d(s.$$.fragment),this.h()},l(e){t=f(e,"DIV",{class:!0});var n=a(t);p(s.$$.fragment,n),n.forEach(o),this.h()},h(){r(t,"class",n=m(B("date-picker",e[0]))+" svelte-1im6fcv")},m(e,n){c(e,t,n),h(s,t,null),l=!0},p(e,a){const o={};98304&a[0]&&(o.open=e[15]||e[16]),524286&a[0]|4&a[1]&&(o.$$scope={dirty:a,ctx:e}),s.$set(o),(!l||1&a[0]&&n!==(n=m(B("date-picker",e[0]))+" svelte-1im6fcv"))&&r(t,"class",n)},i(e){l||(g(s.$$.fragment,e),l=!0)},o(e){v(s.$$.fragment,e),l=!1},d(e){e&&o(t),w(s)}}}function ce(e,t,s){let n,l,a,{$$slots:o={},$$scope:r}=t,{class:c=null}=t,{weekdaysClass:i=null}=t,{weekClass:$=null}=t,{dayClass:u=null}=t,{inputClass:d=null}=t,{range:f=!1}=t,{locale:p}=t,{firstWeekday:m=1}=t,{noCalendar:h=!1}=t,{top:g=!1}=t,{right:v=!1}=t,{value:w=null}=t,{disabledDates:k=[]}=t,{closeOnSelection:C=!1}=t,{format:x="%d.%m.%Y"}=t,D=!1,b=!1,j=(f&&null!=w?w.start:w)||new Date;function E(){if(null!=l&&null!=a&&l>a){const e=l;s(13,l=a),s(14,a=e)}}function M(e){null!=e&&(j.setFullYear(e.getFullYear()),j.setMonth(e.getMonth()),s(17,j))}const S=Intl.DateTimeFormat(p,{month:"long",year:"numeric"}),I=y();return e.$$set=e=>{"class"in e&&s(0,c=e.class),"weekdaysClass"in e&&s(1,i=e.weekdaysClass),"weekClass"in e&&s(2,$=e.weekClass),"dayClass"in e&&s(3,u=e.dayClass),"inputClass"in e&&s(4,d=e.inputClass),"range"in e&&s(5,f=e.range),"locale"in e&&s(6,p=e.locale),"firstWeekday"in e&&s(7,m=e.firstWeekday),"noCalendar"in e&&s(8,h=e.noCalendar),"top"in e&&s(9,g=e.top),"right"in e&&s(10,v=e.right),"value"in e&&s(26,w=e.value),"disabledDates"in e&&s(11,k=e.disabledDates),"closeOnSelection"in e&&s(27,C=e.closeOnSelection),"format"in e&&s(12,x=e.format),"$$scope"in e&&s(33,r=e.$$scope)},e.$$.update=()=>{4096&e.$$.dirty[0]&&s(18,n=x.replace("%d","dd").replace("%m","mm").replace("%y","yy").replace("%Y","yyyy").replace("%%","%")),67108864&e.$$.dirty[0]&&function(e){s(13,l=P(f?e&&e.start:e)),s(14,a=P(f?e&&e.end:null))}(w),24576&e.$$.dirty[0]&&function(e,t){if(null==w){if(null==e&&null==t)return}else if(f){const s=w;if(q(e,s.start)&&q(t,s.end))return}else if(q(e,w))return;s(26,w=f?{start:P(e),end:P(t)}:P(e)),(!f||null!=e&&null!=t)&&I("change",{value:w})}(l,a)},[c,i,$,u,d,f,p,m,h,g,v,k,x,l,a,D,b,j,n,function(e){let{detail:t}=e;t.value||(s(15,D=!1),s(16,b=!1))},function(e){let{detail:t}=e;D?(s(13,l=R(t,l)),f&&null==a&&(s(15,D=!1),s(16,b=!0))):(s(14,a=R(t,a)),f&&null==l&&(s(16,b=!1),s(15,D=!0))),!C||null==l||f&&null==a||s(15,D=s(16,b=!1)),f&&E(),M(t)},E,M,function(){j.setMonth(j.getMonth()-1),s(17,j)},function(){j.setMonth(j.getMonth()+1),s(17,j)},S,w,C,o,()=>{s(15,D=!0),s(16,b=!1)},e=>{let{detail:t}=e;s(13,l=R(z(t.value,x,l),l)),E(),M(l)},()=>{s(15,D=!1),s(16,b=!0)},e=>{let{detail:t}=e;s(14,a=R(z(t.value,x,a),a)),E(),M(a)},r]}var ie=class extends e{constructor(e){super(),t(this,e,ce,re,s,{class:0,weekdaysClass:1,weekClass:2,dayClass:3,inputClass:4,range:5,locale:6,firstWeekday:7,noCalendar:8,top:9,right:10,value:26,disabledDates:11,closeOnSelection:27,format:12},null,[-1,-1])}};export{ie as D};
diff --git a/376/client/legacy/date-picker.b9c621a9.js b/376/client/legacy/date-picker.b9c621a9.js
new file mode 100644
index 000000000..2f4c06e0e
--- /dev/null
+++ b/376/client/legacy/date-picker.b9c621a9.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as r,j as n,l as o,m as a,U as s,a0 as c,t as f,p as l,q as m,L as p,u as d,w as g,f as i,d as u,v as h,x,h as w,k as E,b as y,e as v,g as D,n as O}from"./client.583c6e60.js";import{L as C,H as b,P as T}from"./layout.47c81311.js";import{D as k}from"./date-picker.91aee00e.js";import{S}from"./showcase.759e7149.js";import{C as F}from"./color-preview.9db6af61.js";import{S as A}from"./shadow-preview.487038f8.js";import{R as N}from"./related-components.9fddec4f.js";import{H as R}from"./h2.0da05151.js";import{H as G}from"./h3.c9a49f62.js";import{T as j,a as L,b as P,c as B}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./button.863c0adf.js";import"./text-field.f9cea8ef.js";import"./dropdown.9218bde6.js";import"./calendar.43a50b45.js";import"./datetime-utils.1be0c3c8.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./popover.3a24cfa5.js";import"./card.113fcab4.js";function M(t){let e;return{c(){e=h("DatePicker")},l(t){e=x(t,"DatePicker")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function Y(t){let e;return{c(){e=h("A date picker that supports both text input and a dropdown calendar.")},l(t){e=x(t,"A date picker that supports both text input and a dropdown calendar.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function I(t){let e,$,r,n,o;return{c(){e=h("If you need to display the calendar differently, check out the "),$=w("a"),r=w("code"),n=h("Calendar"),o=h(" component."),this.h()},l(t){e=x(t,"If you need to display the calendar differently, check out the "),$=E(t,"A",{href:!0});var a=y($);r=E(a,"CODE",{});var s=y(r);n=x(s,"Calendar"),s.forEach(u),a.forEach(u),o=x(t," component."),this.h()},h(){v($,"href","./docs/components/calendar")},m(t,a){i(t,e,a),i(t,$,a),D($,r),D(r,n),i(t,o,a)},p:O,d(t){t&&u(e),t&&u($),t&&u(o)}}}function H(t){let e,$,r,s,c,p,h;return $=new k({props:{format:"%m/%d/%Y",closeOnSelection:!0}}),s=new k({props:{format:"%m/%d",noCalendar:!0}}),p=new k({props:{range:!0,top:!0}}),{c(){e=w("div"),n($.$$.fragment),r=d(),n(s.$$.fragment),c=d(),n(p.$$.fragment),this.h()},l(t){e=E(t,"DIV",{slot:!0,class:!0});var n=y(e);o($.$$.fragment,n),r=g(n),o(s.$$.fragment,n),c=g(n),o(p.$$.fragment,n),n.forEach(u),this.h()},h(){v(e,"slot","showcase"),v(e,"class","padded svelte-1g4er90")},m(t,n){i(t,e,n),a($,e,null),D(e,r),a(s,e,null),D(e,c),a(p,e,null),h=!0},p:O,i(t){h||(f($.$$.fragment,t),f(s.$$.fragment,t),f(p.$$.fragment,t),h=!0)},o(t){l($.$$.fragment,t),l(s.$$.fragment,t),l(p.$$.fragment,t),h=!1},d(t){t&&u(e),m($),m(s),m(p)}}}function W(t){let e,$;return{c(){e=w("div"),$=w("pre"),this.h()},l(t){e=E(t,"DIV",{slot:!0});var r=y(e);$=E(r,"PRE",{class:!0}),y($).forEach(u),r.forEach(u),this.h()},h(){v($,"class","language-svelte"),v(e,"slot","source")},m(t,r){i(t,e,r),D(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DatePicker</span> <span class="token attr-name">format</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>%m/%d/%Y<span class="token punctuation">"</span></span> <span class="token attr-name">closeOnSelection</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DatePicker</span> <span class="token attr-name">format</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>%m/%d<span class="token punctuation">"</span></span> <span class="token attr-name">noCalendar</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DatePicker</span> <span class="token attr-name">range</span> <span class="token attr-name">top</span> <span class="token punctuation">/></span></span></code>'},p:O,d(t){t&&u(e)}}}function U(t){let e;return{c(){e=h("Properties")},l(t){e=x(t,"Properties")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function V(t){let e;return{c(){e=h("Style Properties")},l(t){e=x(t,"Style Properties")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function K(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function q(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function z(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function J(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function Q(t){let e,$,r,s,c,p,h,x;return e=new P({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),r=new P({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function X(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("noCalendar")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"noCalendar"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function Z(t){let e,$;return{c(){e=w("code"),$=h("false")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"false"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function _(t){let e,$;return{c(){e=w("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"boolean"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function tt(t){let e;return{c(){e=h("Whether to hide the calendar dropdown and only keep the text input.")},l(t){e=x(t,"Whether to hide the calendar dropdown and only keep the text input.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function et(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function $t(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("top")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"top"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function rt(t){let e,$;return{c(){e=w("code"),$=h("false")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"false"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function nt(t){let e,$;return{c(){e=w("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"boolean"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function ot(t){let e;return{c(){e=h("Whether to show the calendar dropdown above or below the text field.")},l(t){e=x(t,"Whether to show the calendar dropdown above or below the text field.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function at(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function st(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("right")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"right"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function ct(t){let e,$;return{c(){e=w("code"),$=h("false")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"false"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function ft(t){let e,$;return{c(){e=w("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"boolean"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function lt(t){let e;return{c(){e=h("Whether to align the calendar dropdown to the right or the left side of the text field.")},l(t){e=x(t,"Whether to align the calendar dropdown to the right or the left side of the text field.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function mt(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function pt(t){let e,$,r,s,c,p,h,x,v,O;return $=new L({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),h=new L({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),v=new L({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){e=w("thead"),n($.$$.fragment),r=d(),s=w("tbody"),n(c.$$.fragment),p=d(),n(h.$$.fragment),x=d(),n(v.$$.fragment)},l(t){e=E(t,"THEAD",{});var n=y(e);o($.$$.fragment,n),n.forEach(u),r=g(t),s=E(t,"TBODY",{});var a=y(s);o(c.$$.fragment,a),p=g(a),o(h.$$.fragment,a),x=g(a),o(v.$$.fragment,a),a.forEach(u)},m(t,n){i(t,e,n),a($,e,null),i(t,r,n),i(t,s,n),a(c,s,null),D(s,p),a(h,s,null),D(s,x),a(v,s,null),O=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),v.$set(a)},i(t){O||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(v.$$.fragment,t),O=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(v.$$.fragment,t),O=!1},d(t){t&&u(e),m($),t&&u(r),t&&u(s),m(c),m(h),m(v)}}}function dt(t){let e;return{c(){e=h("Functional Properties")},l(t){e=x(t,"Functional Properties")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function gt(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function it(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function ut(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function ht(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function xt(t){let e,$,r,s,c,p,h,x;return e=new P({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),r=new P({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function wt(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("range")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"range"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function Et(t){let e,$;return{c(){e=w("code"),$=h("false")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"false"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function yt(t){let e,$;return{c(){e=w("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"boolean"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function vt(t){let e;return{c(){e=h("If this is set, the date picker will have two fields – for the start and the end of the date range.")},l(t){e=x(t,"If this is set, the date picker will have two fields – for the start and the end of the date range.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function Dt(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function Ot(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("value")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"value"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function Ct(t){let e,$;return{c(){e=w("code"),$=h("null")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"null"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function bt(t){let e,$,r,n,o;return{c(){e=w("code"),$=h("Date"),r=h(" or "),n=w("code"),o=h("{ start, end }")},l(t){e=E(t,"CODE",{});var a=y(e);$=x(a,"Date"),a.forEach(u),r=x(t," or "),n=E(t,"CODE",{});var s=y(n);o=x(s,"{ start, end }"),s.forEach(u)},m(t,a){i(t,e,a),D(e,$),i(t,r,a),i(t,n,a),D(n,o)},p:O,d(t){t&&u(e),t&&u(r),t&&u(n)}}}function Tt(t){let e,$,r,n,o,a,s,c,f,l,m;return{c(){e=h("Depending on the value of the "),$=w("mark"),r=w("code"),n=h("range"),o=h(" prop, this is either a Date object or an object with two fields, "),a=w("code"),s=h("start"),c=h(" and "),f=w("code"),l=h("end"),m=h(", containing Date objects.")},l(t){e=x(t,"Depending on the value of the "),$=E(t,"MARK",{});var p=y($);r=E(p,"CODE",{});var d=y(r);n=x(d,"range"),d.forEach(u),p.forEach(u),o=x(t," prop, this is either a Date object or an object with two fields, "),a=E(t,"CODE",{});var g=y(a);s=x(g,"start"),g.forEach(u),c=x(t," and "),f=E(t,"CODE",{});var i=y(f);l=x(i,"end"),i.forEach(u),m=x(t,", containing Date objects.")},m(t,p){i(t,e,p),i(t,$,p),D($,r),D(r,n),i(t,o,p),i(t,a,p),D(a,s),i(t,c,p),i(t,f,p),D(f,l),i(t,m,p)},p:O,d(t){t&&u(e),t&&u($),t&&u(o),t&&u(a),t&&u(c),t&&u(f),t&&u(m)}}}function kt(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function St(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("locale")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"locale"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function Ft(t){let e,$;return{c(){e=w("code"),$=h("undefined")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"undefined"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function At(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"string"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function Nt(t){let e,$,r,n,o,a,s,c,f;return{c(){e=h("The language tag defining the desired locale (e.g., "),$=w("code"),r=h("en-US"),n=h("). If left "),o=w("code"),a=h("undefined"),s=h(", the user's locale will be used. "),c=w("br"),f=h(" This will affect the weekdays and the day number representations as well as the spelling of the selected month.")},l(t){e=x(t,"The language tag defining the desired locale (e.g., "),$=E(t,"CODE",{});var l=y($);r=x(l,"en-US"),l.forEach(u),n=x(t,"). If left "),o=E(t,"CODE",{});var m=y(o);a=x(m,"undefined"),m.forEach(u),s=x(t,", the user's locale will be used. "),c=E(t,"BR",{}),f=x(t," This will affect the weekdays and the day number representations as well as the spelling of the selected month.")},m(t,l){i(t,e,l),i(t,$,l),D($,r),i(t,n,l),i(t,o,l),D(o,a),i(t,s,l),i(t,c,l),i(t,f,l)},p:O,d(t){t&&u(e),t&&u($),t&&u(n),t&&u(o),t&&u(s),t&&u(c),t&&u(f)}}}function Rt(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function Gt(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("firstWeekday")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"firstWeekday"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function jt(t){let e,$;return{c(){e=w("code"),$=h("1")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"1"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function Lt(t){let e,$;return{c(){e=w("code"),$=h("number")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"number"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function Pt(t){let e,$,r;return{c(){e=h("The index of the weekday to start the week at. "),$=w("br"),r=h(" 0 is for Sunday and 6 is for Saturday.")},l(t){e=x(t,"The index of the weekday to start the week at. "),$=E(t,"BR",{}),r=x(t," 0 is for Sunday and 6 is for Saturday.")},m(t,n){i(t,e,n),i(t,$,n),i(t,r,n)},p:O,d(t){t&&u(e),t&&u($),t&&u(r)}}}function Bt(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function Mt(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("disabledDates")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"disabledDates"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function Yt(t){let e,$;return{c(){e=w("code"),$=h("[]")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"[]"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function It(t){let e,$;return{c(){e=w("code"),$=h(ur)},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,ur),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function Ht(t){let e;return{c(){e=h("A range of dates (or date ranges) for which to disable selection.")},l(t){e=x(t,"A range of dates (or date ranges) for which to disable selection.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function Wt(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function Ut(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("closeOnSelection")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"closeOnSelection"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function Vt(t){let e,$;return{c(){e=w("code"),$=h("false")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"false"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function Kt(t){let e,$;return{c(){e=w("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"boolean"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function qt(t){let e,$,r,n;return{c(){e=h("If "),$=w("code"),r=h("true"),n=h(", the dropdown will be automatically closed after a date is selected.")},l(t){e=x(t,"If "),$=E(t,"CODE",{});var o=y($);r=x(o,"true"),o.forEach(u),n=x(t,", the dropdown will be automatically closed after a date is selected.")},m(t,o){i(t,e,o),i(t,$,o),D($,r),i(t,n,o)},p:O,d(t){t&&u(e),t&&u($),t&&u(n)}}}function zt(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function Jt(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("format")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"format"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function Qt(t){let e,$;return{c(){e=w("code"),$=h("'%d.%m.%Y'")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"'%d.%m.%Y'"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function Xt(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"string"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function Zt(t){let e,$,r,n,o,a,s,c,f,l,m,p,d,g,C,b,T,k,S;return{c(){e=h("The format string for the text input and representation. The "),$=w("code"),r=h("%"),n=h("-specifiers are a subset of "),o=w("a"),a=h("C date format specifiers"),s=h(", with only "),c=w("code"),f=h("%d"),l=h(", "),m=w("code"),p=h("%m"),d=h(", "),g=w("code"),C=h("%y"),b=h(" and "),T=w("code"),k=h("%Y"),S=h(" allowed."),this.h()},l(t){e=x(t,"The format string for the text input and representation. The "),$=E(t,"CODE",{});var i=y($);r=x(i,"%"),i.forEach(u),n=x(t,"-specifiers are a subset of "),o=E(t,"A",{href:!0,rel:!0});var h=y(o);a=x(h,"C date format specifiers"),h.forEach(u),s=x(t,", with only "),c=E(t,"CODE",{});var w=y(c);f=x(w,"%d"),w.forEach(u),l=x(t,", "),m=E(t,"CODE",{});var v=y(m);p=x(v,"%m"),v.forEach(u),d=x(t,", "),g=E(t,"CODE",{});var D=y(g);C=x(D,"%y"),D.forEach(u),b=x(t," and "),T=E(t,"CODE",{});var O=y(T);k=x(O,"%Y"),O.forEach(u),S=x(t," allowed."),this.h()},h(){v(o,"href","http://www.cplusplus.com/reference/ctime/strftime/"),v(o,"rel","nofollow")},m(t,u){i(t,e,u),i(t,$,u),D($,r),i(t,n,u),i(t,o,u),D(o,a),i(t,s,u),i(t,c,u),D(c,f),i(t,l,u),i(t,m,u),D(m,p),i(t,d,u),i(t,g,u),D(g,C),i(t,b,u),i(t,T,u),D(T,k),i(t,S,u)},p:O,d(t){t&&u(e),t&&u($),t&&u(n),t&&u(o),t&&u(s),t&&u(c),t&&u(l),t&&u(m),t&&u(d),t&&u(g),t&&u(b),t&&u(T),t&&u(S)}}}function _t(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function te(t){let e,$,r,s,c,p,h,x,v,O,C,b,T,k,S,F,A,N;return $=new L({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),h=new L({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),v=new L({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),C=new L({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),T=new L({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),S=new L({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),A=new L({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),{c(){e=w("thead"),n($.$$.fragment),r=d(),s=w("tbody"),n(c.$$.fragment),p=d(),n(h.$$.fragment),x=d(),n(v.$$.fragment),O=d(),n(C.$$.fragment),b=d(),n(T.$$.fragment),k=d(),n(S.$$.fragment),F=d(),n(A.$$.fragment)},l(t){e=E(t,"THEAD",{});var n=y(e);o($.$$.fragment,n),n.forEach(u),r=g(t),s=E(t,"TBODY",{});var a=y(s);o(c.$$.fragment,a),p=g(a),o(h.$$.fragment,a),x=g(a),o(v.$$.fragment,a),O=g(a),o(C.$$.fragment,a),b=g(a),o(T.$$.fragment,a),k=g(a),o(S.$$.fragment,a),F=g(a),o(A.$$.fragment,a),a.forEach(u)},m(t,n){i(t,e,n),a($,e,null),i(t,r,n),i(t,s,n),a(c,s,null),D(s,p),a(h,s,null),D(s,x),a(v,s,null),D(s,O),a(C,s,null),D(s,b),a(T,s,null),D(s,k),a(S,s,null),D(s,F),a(A,s,null),N=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),v.$set(a);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),C.$set(s);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),T.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),A.$set(m)},i(t){N||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(v.$$.fragment,t),f(C.$$.fragment,t),f(T.$$.fragment,t),f(S.$$.fragment,t),f(A.$$.fragment,t),N=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(v.$$.fragment,t),l(C.$$.fragment,t),l(T.$$.fragment,t),l(S.$$.fragment,t),l(A.$$.fragment,t),N=!1},d(t){t&&u(e),m($),t&&u(r),t&&u(s),m(c),m(h),m(v),m(C),m(T),m(S),m(A)}}}function ee(t){let e;return{c(){e=h("Class Properties")},l(t){e=x(t,"Class Properties")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function $e(t){let e,$,r,n,o,a,s;return{c(){e=h("All "),$=w("code"),r=h("<DatePicker>"),n=h(" components use the "),o=w("code"),a=h(".date-picker"),s=h(" class.")},l(t){e=x(t,"All "),$=E(t,"CODE",{});var c=y($);r=x(c,"<DatePicker>"),c.forEach(u),n=x(t," components use the "),o=E(t,"CODE",{});var f=y(o);a=x(f,".date-picker"),f.forEach(u),s=x(t," class.")},m(t,c){i(t,e,c),i(t,$,c),D($,r),i(t,n,c),i(t,o,c),D(o,a),i(t,s,c)},p:O,d(t){t&&u(e),t&&u($),t&&u(n),t&&u(o),t&&u(s)}}}function re(t){let e;return{c(){e=h("Falsy values passed to classes will be disregarded.")},l(t){e=x(t,"Falsy values passed to classes will be disregarded.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function ne(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function oe(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function ae(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function se(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function ce(t){let e,$,r,s,c,p,h,x;return e=new P({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),r=new P({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function fe(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("class")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"class"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function le(t){let e,$;return{c(){e=w("code"),$=h("null")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"null"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function me(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"string"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function pe(t){let e;return{c(){e=h("A class string to add to the component.")},l(t){e=x(t,"A class string to add to the component.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function de(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function ge(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("weekdaysClass")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"weekdaysClass"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function ie(t){let e,$;return{c(){e=w("code"),$=h("null")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"null"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function ue(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"string"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function he(t){let e;return{c(){e=h("A class string to add to the list of weekdays above the calendar.")},l(t){e=x(t,"A class string to add to the list of weekdays above the calendar.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function xe(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function we(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("weekClass")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"weekClass"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function Ee(t){let e,$;return{c(){e=w("code"),$=h("null")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"null"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function ye(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"string"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function ve(t){let e;return{c(){e=h("A class string to add to each element containing a row of days in the calendar.")},l(t){e=x(t,"A class string to add to each element containing a row of days in the calendar.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function De(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function Oe(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("dayClass")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"dayClass"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function Ce(t){let e,$;return{c(){e=w("code"),$=h("null")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"null"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function be(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"string"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function Te(t){let e;return{c(){e=h("A class string to add to each day in the calendar.")},l(t){e=x(t,"A class string to add to each day in the calendar.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function ke(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function Se(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("inputClass")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"inputClass"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function Fe(t){let e,$;return{c(){e=w("code"),$=h("null")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"null"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function Ae(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"string"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function Ne(t){let e,$,r,n;return{c(){e=h("A class string to pass down to the "),$=w("code"),r=h("TextField"),n=h("(s).")},l(t){e=x(t,"A class string to pass down to the "),$=E(t,"CODE",{});var o=y($);r=x(o,"TextField"),o.forEach(u),n=x(t,"(s).")},m(t,o){i(t,e,o),i(t,$,o),D($,r),i(t,n,o)},p:O,d(t){t&&u(e),t&&u($),t&&u(n)}}}function Re(t){let e,$,r,s,c,p,h,x;return e=new B({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t)}}}function Ge(t){let e,$,r,s,c,p,h,x,v,O,C,b,T,k;return $=new L({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),h=new L({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),v=new L({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),C=new L({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),T=new L({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),{c(){e=w("thead"),n($.$$.fragment),r=d(),s=w("tbody"),n(c.$$.fragment),p=d(),n(h.$$.fragment),x=d(),n(v.$$.fragment),O=d(),n(C.$$.fragment),b=d(),n(T.$$.fragment)},l(t){e=E(t,"THEAD",{});var n=y(e);o($.$$.fragment,n),n.forEach(u),r=g(t),s=E(t,"TBODY",{});var a=y(s);o(c.$$.fragment,a),p=g(a),o(h.$$.fragment,a),x=g(a),o(v.$$.fragment,a),O=g(a),o(C.$$.fragment,a),b=g(a),o(T.$$.fragment,a),a.forEach(u)},m(t,n){i(t,e,n),a($,e,null),i(t,r,n),i(t,s,n),a(c,s,null),D(s,p),a(h,s,null),D(s,x),a(v,s,null),D(s,O),a(C,s,null),D(s,b),a(T,s,null),k=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),v.$set(a);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),C.$set(s);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),T.$set(f)},i(t){k||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(v.$$.fragment,t),f(C.$$.fragment,t),f(T.$$.fragment,t),k=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(v.$$.fragment,t),l(C.$$.fragment,t),l(T.$$.fragment,t),k=!1},d(t){t&&u(e),m($),t&&u(r),t&&u(s),m(c),m(h),m(v),m(C),m(T)}}}function je(t){let e;return{c(){e=h("Events")},l(t){e=x(t,"Events")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function Le(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function Pe(t){let e;return{c(){e=h("Event Detail")},l(t){e=x(t,"Event Detail")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function Be(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function Me(t){let e,$,r,s,c,p;return e=new P({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),r=new P({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function Ye(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("change")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"change"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function Ie(t){let e,$;return{c(){e=w("code"),$=h("{ value }")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"{ value }"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function He(t){let e,$,r,n,o,a,s;return{c(){e=h("Fired when the value of the picker changes. For the range pickers, will only fire when both ends of the range are selected. The "),$=w("code"),r=h("value"),n=h(" field contains the same thing as the "),o=w("code"),a=h("value"),s=h(" property would contain.")},l(t){e=x(t,"Fired when the value of the picker changes. For the range pickers, will only fire when both ends of the range are selected. The "),$=E(t,"CODE",{});var c=y($);r=x(c,"value"),c.forEach(u),n=x(t," field contains the same thing as the "),o=E(t,"CODE",{});var f=y(o);a=x(f,"value"),f.forEach(u),s=x(t," property would contain.")},m(t,c){i(t,e,c),i(t,$,c),D($,r),i(t,n,c),i(t,o,c),D(o,a),i(t,s,c)},p:O,d(t){t&&u(e),t&&u($),t&&u(n),t&&u(o),t&&u(s)}}}function We(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function Ue(t){let e,$,r,s,c,p;return $=new L({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),{c(){e=w("thead"),n($.$$.fragment),r=d(),s=w("tbody"),n(c.$$.fragment)},l(t){e=E(t,"THEAD",{});var n=y(e);o($.$$.fragment,n),n.forEach(u),r=g(t),s=E(t,"TBODY",{});var a=y(s);o(c.$$.fragment,a),a.forEach(u)},m(t,n){i(t,e,n),a($,e,null),i(t,r,n),i(t,s,n),a(c,s,null),p=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n)},i(t){p||(f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){t&&u(e),m($),t&&u(r),t&&u(s),m(c)}}}function Ve(t){let e;return{c(){e=h("Slots")},l(t){e=x(t,"Slots")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function Ke(t){let e,$,r;return{c(){e=w("code"),$=h("between-inputs"),r=h(" slot")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"between-inputs"),n.forEach(u),r=x(t," slot")},m(t,n){i(t,e,n),D(e,$),i(t,r,n)},p:O,d(t){t&&u(e),t&&u(r)}}}function qe(t){let e,$,r,n;return{c(){e=h('The area between two text fields in a range picker. Defaults to the text "'),$=w("code"),r=h("to"),n=h('".')},l(t){e=x(t,'The area between two text fields in a range picker. Defaults to the text "'),$=E(t,"CODE",{});var o=y($);r=x(o,"to"),o.forEach(u),n=x(t,'".')},m(t,o){i(t,e,o),i(t,$,o),D($,r),i(t,n,o)},p:O,d(t){t&&u(e),t&&u($),t&&u(n)}}}function ze(t){let e,$,r;return{c(){e=w("code"),$=h("chevron-left"),r=h(" slot")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"chevron-left"),n.forEach(u),r=x(t," slot")},m(t,n){i(t,e,n),D(e,$),i(t,r,n)},p:O,d(t){t&&u(e),t&&u(r)}}}function Je(t){let e;return{c(){e=h("The icon to use for switching to the previous month in the calendar.")},l(t){e=x(t,"The icon to use for switching to the previous month in the calendar.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function Qe(t){let e,$,r;return{c(){e=w("code"),$=h("chevron-right"),r=h(" slot")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"chevron-right"),n.forEach(u),r=x(t," slot")},m(t,n){i(t,e,n),D(e,$),i(t,r,n)},p:O,d(t){t&&u(e),t&&u(r)}}}function Xe(t){let e;return{c(){e=h("The icon to use for switching to the next month in the calendar.")},l(t){e=x(t,"The icon to use for switching to the next month in the calendar.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function Ze(t){let e;return{c(){e=h("SCSS Variables")},l(t){e=x(t,"SCSS Variables")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function _e(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function t$(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function e$(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function $$(t){let e,$,r,s,c,p;return e=new P({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),r=new P({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function r$(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("$textfield-bg")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"$textfield-bg"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function n$(t){let e;return{c(){e=h("The background color of the text field.")},l(t){e=x(t,"The background color of the text field.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function o$(t){let e,$;return e=new F({props:{value:"#F5F5F5"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){a(e,t,r),$=!0},p:O,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function a$(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[r$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[n$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[o$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function s$(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("$main")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"$main"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function c$(t){let e;return{c(){e=h("The color of the bottom border of the focused text field and calendar selection.")},l(t){e=x(t,"The color of the bottom border of the focused text field and calendar selection.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function f$(t){let e,$;return e=new F({props:{value:"#4300B0"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){a(e,t,r),$=!0},p:O,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function l$(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[s$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[c$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[f$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function m$(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("$bold-font-weight")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"$bold-font-weight"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function p$(t){let e;return{c(){e=h("The bold font weight of the selected month in the calendar.")},l(t){e=x(t,"The bold font weight of the selected month in the calendar.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function d$(t){let e,$;return{c(){e=w("code"),$=h("500")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"500"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function g$(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[m$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[p$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[d$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function i$(t){let e,$,r,n,o,a,s,c,f;return{c(){e=w("strong"),$=w("code"),r=h("$dark"),n=d(),o=w("small"),a=h("From "),s=w("a"),c=w("code"),f=h("Calendar"),this.h()},l(t){e=E(t,"STRONG",{});var l=y(e);$=E(l,"CODE",{});var m=y($);r=x(m,"$dark"),m.forEach(u),l.forEach(u),n=g(t),o=E(t,"SMALL",{});var p=y(o);a=x(p,"From "),s=E(p,"A",{href:!0});var d=y(s);c=E(d,"CODE",{});var i=y(c);f=x(i,"Calendar"),i.forEach(u),d.forEach(u),p.forEach(u),this.h()},h(){v(s,"href","./docs/components/calendar")},m(t,l){i(t,e,l),D(e,$),D($,r),i(t,n,l),i(t,o,l),D(o,a),D(o,s),D(s,c),D(c,f)},p:O,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function u$(t){let e;return{c(){e=h("The text color of the days in the calendar.")},l(t){e=x(t,"The text color of the days in the calendar.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function h$(t){let e,$;return e=new F({props:{value:"#333333"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){a(e,t,r),$=!0},p:O,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function x$(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[i$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[u$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[h$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function w$(t){let e,$,r,n,o,a,s,c,f;return{c(){e=w("strong"),$=w("code"),r=h("$disabled"),n=d(),o=w("small"),a=h("From "),s=w("a"),c=w("code"),f=h("Calendar"),this.h()},l(t){e=E(t,"STRONG",{});var l=y(e);$=E(l,"CODE",{});var m=y($);r=x(m,"$disabled"),m.forEach(u),l.forEach(u),n=g(t),o=E(t,"SMALL",{});var p=y(o);a=x(p,"From "),s=E(p,"A",{href:!0});var d=y(s);c=E(d,"CODE",{});var i=y(c);f=x(i,"Calendar"),i.forEach(u),d.forEach(u),p.forEach(u),this.h()},h(){v(s,"href","./docs/components/calendar")},m(t,l){i(t,e,l),D(e,$),D($,r),i(t,n,l),i(t,o,l),D(o,a),D(o,s),D(s,c),D(c,f)},p:O,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function E$(t){let e;return{c(){e=h("The text color of the days in the calendar outside the current month.")},l(t){e=x(t,"The text color of the days in the calendar outside the current month.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function y$(t){let e,$;return e=new F({props:{value:"#888888"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){a(e,t,r),$=!0},p:O,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function v$(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[w$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[E$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[y$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function D$(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("$danger")},l(t){e=E(t,"STRONG",{});var n=y(e);$=E(n,"CODE",{});var o=y($);r=x(o,"$danger"),o.forEach(u),n.forEach(u)},m(t,n){i(t,e,n),D(e,$),D($,r)},p:O,d(t){t&&u(e)}}}function O$(t){let e;return{c(){e=h("The color of the disabled days in the calendar.")},l(t){e=x(t,"The color of the disabled days in the calendar.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function C$(t){let e,$;return e=new F({props:{value:"#B80000"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){a(e,t,r),$=!0},p:O,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function b$(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[D$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[O$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[C$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function T$(t){let e,$,r,n,o,a,s,c,f;return{c(){e=w("strong"),$=w("code"),r=h("$main-text"),n=d(),o=w("small"),a=h("From "),s=w("a"),c=w("code"),f=h("Calendar"),this.h()},l(t){e=E(t,"STRONG",{});var l=y(e);$=E(l,"CODE",{});var m=y($);r=x(m,"$main-text"),m.forEach(u),l.forEach(u),n=g(t),o=E(t,"SMALL",{});var p=y(o);a=x(p,"From "),s=E(p,"A",{href:!0});var d=y(s);c=E(d,"CODE",{});var i=y(c);f=x(i,"Calendar"),i.forEach(u),d.forEach(u),p.forEach(u),this.h()},h(){v(s,"href","./docs/components/calendar")},m(t,l){i(t,e,l),D(e,$),D($,r),i(t,n,l),i(t,o,l),D(o,a),D(o,s),D(s,c),D(c,f)},p:O,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function k$(t){let e;return{c(){e=h("The text color of the selected days in the calendar.")},l(t){e=x(t,"The text color of the selected days in the calendar.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function S$(t){let e,$;return e=new F({props:{value:"#FFFFFF",bordered:!0}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){a(e,t,r),$=!0},p:O,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function F$(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[T$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[k$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[S$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function A$(t){let e,$,r,n,o,a,s,c,f;return{c(){e=w("strong"),$=w("code"),r=h("$regular-font-weight"),n=d(),o=w("small"),a=h("From "),s=w("a"),c=w("code"),f=h("Calendar"),this.h()},l(t){e=E(t,"STRONG",{});var l=y(e);$=E(l,"CODE",{});var m=y($);r=x(m,"$regular-font-weight"),m.forEach(u),l.forEach(u),n=g(t),o=E(t,"SMALL",{});var p=y(o);a=x(p,"From "),s=E(p,"A",{href:!0});var d=y(s);c=E(d,"CODE",{});var i=y(c);f=x(i,"Calendar"),i.forEach(u),d.forEach(u),p.forEach(u),this.h()},h(){v(s,"href","./docs/components/calendar")},m(t,l){i(t,e,l),D(e,$),D($,r),i(t,n,l),i(t,o,l),D(o,a),D(o,s),D(s,c),D(c,f)},p:O,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function N$(t){let e;return{c(){e=h("The font weight of the days.")},l(t){e=x(t,"The font weight of the days.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function R$(t){let e,$;return{c(){e=w("code"),$=h("400")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"400"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function G$(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[A$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[N$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[R$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function j$(t){let e,$,r,n,o,a,s,c,f;return{c(){e=w("strong"),$=w("code"),r=h("$font"),n=d(),o=w("small"),a=h("From "),s=w("a"),c=w("code"),f=h("Button"),this.h()},l(t){e=E(t,"STRONG",{});var l=y(e);$=E(l,"CODE",{});var m=y($);r=x(m,"$font"),m.forEach(u),l.forEach(u),n=g(t),o=E(t,"SMALL",{});var p=y(o);a=x(p,"From "),s=E(p,"A",{href:!0});var d=y(s);c=E(d,"CODE",{});var i=y(c);f=x(i,"Button"),i.forEach(u),d.forEach(u),p.forEach(u),this.h()},h(){v(s,"href","./docs/components/button")},m(t,l){i(t,e,l),D(e,$),D($,r),i(t,n,l),i(t,o,l),D(o,a),D(o,s),D(s,c),D(c,f)},p:O,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function L$(t){let e;return{c(){e=h("The font of the days in the calendar and the text of the text field.")},l(t){e=x(t,"The font of the days in the calendar and the text of the text field.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function P$(t){let e,$;return{c(){e=w("code"),$=h("'Ubuntu'")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"'Ubuntu'"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function B$(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[j$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[L$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[P$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function M$(t){let e,$,r,n,o,a,s,c,f;return{c(){e=w("strong"),$=w("code"),r=h("$button-radius"),n=d(),o=w("small"),a=h("From "),s=w("a"),c=w("code"),f=h("Button"),this.h()},l(t){e=E(t,"STRONG",{});var l=y(e);$=E(l,"CODE",{});var m=y($);r=x(m,"$button-radius"),m.forEach(u),l.forEach(u),n=g(t),o=E(t,"SMALL",{});var p=y(o);a=x(p,"From "),s=E(p,"A",{href:!0});var d=y(s);c=E(d,"CODE",{});var i=y(c);f=x(i,"Button"),i.forEach(u),d.forEach(u),p.forEach(u),this.h()},h(){v(s,"href","./docs/components/button")},m(t,l){i(t,e,l),D(e,$),D($,r),i(t,n,l),i(t,o,l),D(o,a),D(o,s),D(s,c),D(c,f)},p:O,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function Y$(t){let e;return{c(){e=h("The curvature radius of a button.")},l(t){e=x(t,"The curvature radius of a button.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function I$(t){let e,$;return{c(){e=w("code"),$=h("1.5625em")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"1.5625em"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function H$(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[M$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Y$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[I$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function W$(t){let e,$,r,n,o,a,s,c,f;return{c(){e=w("strong"),$=w("code"),r=h("$background"),n=d(),o=w("small"),a=h("From "),s=w("a"),c=w("code"),f=h("Dropdown"),this.h()},l(t){e=E(t,"STRONG",{});var l=y(e);$=E(l,"CODE",{});var m=y($);r=x(m,"$background"),m.forEach(u),l.forEach(u),n=g(t),o=E(t,"SMALL",{});var p=y(o);a=x(p,"From "),s=E(p,"A",{href:!0});var d=y(s);c=E(d,"CODE",{});var i=y(c);f=x(i,"Dropdown"),i.forEach(u),d.forEach(u),p.forEach(u),this.h()},h(){v(s,"href","./docs/components/dropdown")},m(t,l){i(t,e,l),D(e,$),D($,r),i(t,n,l),i(t,o,l),D(o,a),D(o,s),D(s,c),D(c,f)},p:O,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function U$(t){let e;return{c(){e=h("The background color of the dropdown content")},l(t){e=x(t,"The background color of the dropdown content")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function V$(t){let e,$;return e=new F({props:{value:"#FFFFFF",bordered:!0}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){a(e,t,r),$=!0},p:O,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function K$(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[W$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[U$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[V$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function q$(t){let e,$,r,n,o,a,s,c,f;return{c(){e=w("strong"),$=w("code"),r=h("$shadow-raised"),n=d(),o=w("small"),a=h("From "),s=w("a"),c=w("code"),f=h("Dropdown"),this.h()},l(t){e=E(t,"STRONG",{});var l=y(e);$=E(l,"CODE",{});var m=y($);r=x(m,"$shadow-raised"),m.forEach(u),l.forEach(u),n=g(t),o=E(t,"SMALL",{});var p=y(o);a=x(p,"From "),s=E(p,"A",{href:!0});var d=y(s);c=E(d,"CODE",{});var i=y(c);f=x(i,"Dropdown"),i.forEach(u),d.forEach(u),p.forEach(u),this.h()},h(){v(s,"href","./docs/components/dropdown")},m(t,l){i(t,e,l),D(e,$),D($,r),i(t,n,l),i(t,o,l),D(o,a),D(o,s),D(s,c),D(c,f)},p:O,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function z$(t){let e;return{c(){e=h("The shadow of the dropdown.")},l(t){e=x(t,"The shadow of the dropdown.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function J$(t){let e,$;return e=new A({props:{value:ir}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){a(e,t,r),$=!0},p:O,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function Q$(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[q$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[z$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[J$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function X$(t){let e,$,r,n,o,a,s,c,f;return{c(){e=w("strong"),$=w("code"),r=h("$card-radius"),n=d(),o=w("small"),a=h("From "),s=w("a"),c=w("code"),f=h("Dropdown"),this.h()},l(t){e=E(t,"STRONG",{});var l=y(e);$=E(l,"CODE",{});var m=y($);r=x(m,"$card-radius"),m.forEach(u),l.forEach(u),n=g(t),o=E(t,"SMALL",{});var p=y(o);a=x(p,"From "),s=E(p,"A",{href:!0});var d=y(s);c=E(d,"CODE",{});var i=y(c);f=x(i,"Dropdown"),i.forEach(u),d.forEach(u),p.forEach(u),this.h()},h(){v(s,"href","./docs/components/dropdown")},m(t,l){i(t,e,l),D(e,$),D($,r),i(t,n,l),i(t,o,l),D(o,a),D(o,s),D(s,c),D(c,f)},p:O,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function Z$(t){let e;return{c(){e=h("The curvature radius of the dropdown.")},l(t){e=x(t,"The curvature radius of the dropdown.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function _$(t){let e,$;return{c(){e=w("code"),$=h("1.25em")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"1.25em"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function tr(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[X$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Z$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[_$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function er(t){let e,$,r,n,o,a,s,c,f;return{c(){e=w("strong"),$=w("code"),r=h("$textfield-border"),n=d(),o=w("small"),a=h("From "),s=w("a"),c=w("code"),f=h("TextField"),this.h()},l(t){e=E(t,"STRONG",{});var l=y(e);$=E(l,"CODE",{});var m=y($);r=x(m,"$textfield-border"),m.forEach(u),l.forEach(u),n=g(t),o=E(t,"SMALL",{});var p=y(o);a=x(p,"From "),s=E(p,"A",{href:!0});var d=y(s);c=E(d,"CODE",{});var i=y(c);f=x(i,"TextField"),i.forEach(u),d.forEach(u),p.forEach(u),this.h()},h(){v(s,"href","./docs/components/text-field")},m(t,l){i(t,e,l),D(e,$),D($,r),i(t,n,l),i(t,o,l),D(o,a),D(o,s),D(s,c),D(c,f)},p:O,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function $r(t){let e;return{c(){e=h("The color of the bottom border of the unfocused text field.")},l(t){e=x(t,"The color of the bottom border of the unfocused text field.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function rr(t){let e,$;return e=new F({props:{value:"rgba(0, 0, 0, .42)"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){a(e,t,r),$=!0},p:O,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function nr(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[er]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[$r]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[rr]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function or(t){let e,$,r,n,o,a,s,c,f;return{c(){e=w("strong"),$=w("code"),r=h("$thin-font-weight"),n=d(),o=w("small"),a=h("From "),s=w("a"),c=w("code"),f=h("TextField"),this.h()},l(t){e=E(t,"STRONG",{});var l=y(e);$=E(l,"CODE",{});var m=y($);r=x(m,"$thin-font-weight"),m.forEach(u),l.forEach(u),n=g(t),o=E(t,"SMALL",{});var p=y(o);a=x(p,"From "),s=E(p,"A",{href:!0});var d=y(s);c=E(d,"CODE",{});var i=y(c);f=x(i,"TextField"),i.forEach(u),d.forEach(u),p.forEach(u),this.h()},h(){v(s,"href","./docs/components/text-field")},m(t,l){i(t,e,l),D(e,$),D($,r),i(t,n,l),i(t,o,l),D(o,a),D(o,s),D(s,c),D(c,f)},p:O,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function ar(t){let e;return{c(){e=h("The thin font weight for the text inside the text field.")},l(t){e=x(t,"The thin font weight for the text inside the text field.")},m(t,$){i(t,e,$)},d(t){t&&u(e)}}}function sr(t){let e,$;return{c(){e=w("code"),$=h("300")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"300"),r.forEach(u)},m(t,r){i(t,e,r),D(e,$)},p:O,d(t){t&&u(e)}}}function cr(t){let e,$,r,s,c,p;return e=new B({props:{$$slots:{default:[or]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[ar]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[sr]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t)}}}function fr(t){let e,$,r,s,c,p,h,x,v,O,C,b,T,k,S,F,A,N,R,G,j,P,B,M,Y,I,H,W,U,V,K,q,z,J;return $=new L({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[a$]},$$scope:{ctx:t}}}),h=new L({props:{$$slots:{default:[l$]},$$scope:{ctx:t}}}),v=new L({props:{$$slots:{default:[g$]},$$scope:{ctx:t}}}),C=new L({props:{$$slots:{default:[x$]},$$scope:{ctx:t}}}),T=new L({props:{$$slots:{default:[v$]},$$scope:{ctx:t}}}),S=new L({props:{$$slots:{default:[b$]},$$scope:{ctx:t}}}),A=new L({props:{$$slots:{default:[F$]},$$scope:{ctx:t}}}),R=new L({props:{$$slots:{default:[G$]},$$scope:{ctx:t}}}),j=new L({props:{$$slots:{default:[B$]},$$scope:{ctx:t}}}),B=new L({props:{$$slots:{default:[H$]},$$scope:{ctx:t}}}),Y=new L({props:{$$slots:{default:[K$]},$$scope:{ctx:t}}}),H=new L({props:{$$slots:{default:[Q$]},$$scope:{ctx:t}}}),U=new L({props:{$$slots:{default:[tr]},$$scope:{ctx:t}}}),K=new L({props:{$$slots:{default:[nr]},$$scope:{ctx:t}}}),z=new L({props:{$$slots:{default:[cr]},$$scope:{ctx:t}}}),{c(){e=w("thead"),n($.$$.fragment),r=d(),s=w("tbody"),n(c.$$.fragment),p=d(),n(h.$$.fragment),x=d(),n(v.$$.fragment),O=d(),n(C.$$.fragment),b=d(),n(T.$$.fragment),k=d(),n(S.$$.fragment),F=d(),n(A.$$.fragment),N=d(),n(R.$$.fragment),G=d(),n(j.$$.fragment),P=d(),n(B.$$.fragment),M=d(),n(Y.$$.fragment),I=d(),n(H.$$.fragment),W=d(),n(U.$$.fragment),V=d(),n(K.$$.fragment),q=d(),n(z.$$.fragment)},l(t){e=E(t,"THEAD",{});var n=y(e);o($.$$.fragment,n),n.forEach(u),r=g(t),s=E(t,"TBODY",{});var a=y(s);o(c.$$.fragment,a),p=g(a),o(h.$$.fragment,a),x=g(a),o(v.$$.fragment,a),O=g(a),o(C.$$.fragment,a),b=g(a),o(T.$$.fragment,a),k=g(a),o(S.$$.fragment,a),F=g(a),o(A.$$.fragment,a),N=g(a),o(R.$$.fragment,a),G=g(a),o(j.$$.fragment,a),P=g(a),o(B.$$.fragment,a),M=g(a),o(Y.$$.fragment,a),I=g(a),o(H.$$.fragment,a),W=g(a),o(U.$$.fragment,a),V=g(a),o(K.$$.fragment,a),q=g(a),o(z.$$.fragment,a),a.forEach(u)},m(t,n){i(t,e,n),a($,e,null),i(t,r,n),i(t,s,n),a(c,s,null),D(s,p),a(h,s,null),D(s,x),a(v,s,null),D(s,O),a(C,s,null),D(s,b),a(T,s,null),D(s,k),a(S,s,null),D(s,F),a(A,s,null),D(s,N),a(R,s,null),D(s,G),a(j,s,null),D(s,P),a(B,s,null),D(s,M),a(Y,s,null),D(s,I),a(H,s,null),D(s,W),a(U,s,null),D(s,V),a(K,s,null),D(s,q),a(z,s,null),J=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),v.$set(a);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),C.$set(s);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),T.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),A.$set(m);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),R.$set(p);const d={};2&e&&(d.$$scope={dirty:e,ctx:t}),j.$set(d);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),B.$set(g);const i={};2&e&&(i.$$scope={dirty:e,ctx:t}),Y.$set(i);const u={};2&e&&(u.$$scope={dirty:e,ctx:t}),H.$set(u);const x={};2&e&&(x.$$scope={dirty:e,ctx:t}),U.$set(x);const w={};2&e&&(w.$$scope={dirty:e,ctx:t}),K.$set(w);const E={};2&e&&(E.$$scope={dirty:e,ctx:t}),z.$set(E)},i(t){J||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(v.$$.fragment,t),f(C.$$.fragment,t),f(T.$$.fragment,t),f(S.$$.fragment,t),f(A.$$.fragment,t),f(R.$$.fragment,t),f(j.$$.fragment,t),f(B.$$.fragment,t),f(Y.$$.fragment,t),f(H.$$.fragment,t),f(U.$$.fragment,t),f(K.$$.fragment,t),f(z.$$.fragment,t),J=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(v.$$.fragment,t),l(C.$$.fragment,t),l(T.$$.fragment,t),l(S.$$.fragment,t),l(A.$$.fragment,t),l(R.$$.fragment,t),l(j.$$.fragment,t),l(B.$$.fragment,t),l(Y.$$.fragment,t),l(H.$$.fragment,t),l(U.$$.fragment,t),l(K.$$.fragment,t),l(z.$$.fragment,t),J=!1},d(t){t&&u(e),m($),t&&u(r),t&&u(s),m(c),m(h),m(v),m(C),m(T),m(S),m(A),m(R),m(j),m(B),m(Y),m(H),m(U),m(K),m(z)}}}function lr(t){let e,$,r,s,c,p,h,x,w,E,y,v,D,O,C,k,F,A,L,P,B,K,q,z,J,Q,X,Z,_,tt,et,$t,rt,nt,ot,at,st,ct,ft,lt,mt,gt,it,ut,ht,xt,wt,Et,yt,vt;return e=new b({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),r=new T({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),c=new T({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),h=new N({props:{components:gr}}),w=new S({props:{$$slots:{source:[W],showcase:[H]},$$scope:{ctx:t}}}),y=new R({props:{id:"properties",$$slots:{default:[U]},$$scope:{ctx:t}}}),D=new G({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),C=new j({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),F=new G({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),L=new j({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),B=new G({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),q=new T({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),J=new T({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),X=new j({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),_=new R({props:{id:"events",$$slots:{default:[je]},$$scope:{ctx:t}}}),et=new j({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),rt=new R({props:{id:"slots",$$slots:{default:[Ve]},$$scope:{ctx:t}}}),ot=new G({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),st=new T({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),ft=new G({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),mt=new T({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),it=new G({props:{$$slots:{default:[Qe]},$$scope:{ctx:t}}}),ht=new T({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),wt=new R({props:{id:"scss-variables",$$slots:{default:[Ze]},$$scope:{ctx:t}}}),yt=new j({props:{$$slots:{default:[fr]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),s=d(),n(c.$$.fragment),p=d(),n(h.$$.fragment),x=d(),n(w.$$.fragment),E=d(),n(y.$$.fragment),v=d(),n(D.$$.fragment),O=d(),n(C.$$.fragment),k=d(),n(F.$$.fragment),A=d(),n(L.$$.fragment),P=d(),n(B.$$.fragment),K=d(),n(q.$$.fragment),z=d(),n(J.$$.fragment),Q=d(),n(X.$$.fragment),Z=d(),n(_.$$.fragment),tt=d(),n(et.$$.fragment),$t=d(),n(rt.$$.fragment),nt=d(),n(ot.$$.fragment),at=d(),n(st.$$.fragment),ct=d(),n(ft.$$.fragment),lt=d(),n(mt.$$.fragment),gt=d(),n(it.$$.fragment),ut=d(),n(ht.$$.fragment),xt=d(),n(wt.$$.fragment),Et=d(),n(yt.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),s=g(t),o(c.$$.fragment,t),p=g(t),o(h.$$.fragment,t),x=g(t),o(w.$$.fragment,t),E=g(t),o(y.$$.fragment,t),v=g(t),o(D.$$.fragment,t),O=g(t),o(C.$$.fragment,t),k=g(t),o(F.$$.fragment,t),A=g(t),o(L.$$.fragment,t),P=g(t),o(B.$$.fragment,t),K=g(t),o(q.$$.fragment,t),z=g(t),o(J.$$.fragment,t),Q=g(t),o(X.$$.fragment,t),Z=g(t),o(_.$$.fragment,t),tt=g(t),o(et.$$.fragment,t),$t=g(t),o(rt.$$.fragment,t),nt=g(t),o(ot.$$.fragment,t),at=g(t),o(st.$$.fragment,t),ct=g(t),o(ft.$$.fragment,t),lt=g(t),o(mt.$$.fragment,t),gt=g(t),o(it.$$.fragment,t),ut=g(t),o(ht.$$.fragment,t),xt=g(t),o(wt.$$.fragment,t),Et=g(t),o(yt.$$.fragment,t)},m(t,n){a(e,t,n),i(t,$,n),a(r,t,n),i(t,s,n),a(c,t,n),i(t,p,n),a(h,t,n),i(t,x,n),a(w,t,n),i(t,E,n),a(y,t,n),i(t,v,n),a(D,t,n),i(t,O,n),a(C,t,n),i(t,k,n),a(F,t,n),i(t,A,n),a(L,t,n),i(t,P,n),a(B,t,n),i(t,K,n),a(q,t,n),i(t,z,n),a(J,t,n),i(t,Q,n),a(X,t,n),i(t,Z,n),a(_,t,n),i(t,tt,n),a(et,t,n),i(t,$t,n),a(rt,t,n),i(t,nt,n),a(ot,t,n),i(t,at,n),a(st,t,n),i(t,ct,n),a(ft,t,n),i(t,lt,n),a(mt,t,n),i(t,gt,n),a(it,t,n),i(t,ut,n),a(ht,t,n),i(t,xt,n),a(wt,t,n),i(t,Et,n),a(yt,t,n),vt=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),w.$set(s);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),y.$set(f);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),D.$set(l);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),C.$set(m);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),F.$set(p);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),L.$set(d);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),B.$set(g);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),q.$set(i);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),J.$set(u);const h={};2&$&&(h.$$scope={dirty:$,ctx:t}),X.$set(h);const x={};2&$&&(x.$$scope={dirty:$,ctx:t}),_.$set(x);const E={};2&$&&(E.$$scope={dirty:$,ctx:t}),et.$set(E);const v={};2&$&&(v.$$scope={dirty:$,ctx:t}),rt.$set(v);const O={};2&$&&(O.$$scope={dirty:$,ctx:t}),ot.$set(O);const b={};2&$&&(b.$$scope={dirty:$,ctx:t}),st.$set(b);const T={};2&$&&(T.$$scope={dirty:$,ctx:t}),ft.$set(T);const k={};2&$&&(k.$$scope={dirty:$,ctx:t}),mt.$set(k);const S={};2&$&&(S.$$scope={dirty:$,ctx:t}),it.$set(S);const A={};2&$&&(A.$$scope={dirty:$,ctx:t}),ht.$set(A);const N={};2&$&&(N.$$scope={dirty:$,ctx:t}),wt.$set(N);const R={};2&$&&(R.$$scope={dirty:$,ctx:t}),yt.$set(R)},i(t){vt||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(w.$$.fragment,t),f(y.$$.fragment,t),f(D.$$.fragment,t),f(C.$$.fragment,t),f(F.$$.fragment,t),f(L.$$.fragment,t),f(B.$$.fragment,t),f(q.$$.fragment,t),f(J.$$.fragment,t),f(X.$$.fragment,t),f(_.$$.fragment,t),f(et.$$.fragment,t),f(rt.$$.fragment,t),f(ot.$$.fragment,t),f(st.$$.fragment,t),f(ft.$$.fragment,t),f(mt.$$.fragment,t),f(it.$$.fragment,t),f(ht.$$.fragment,t),f(wt.$$.fragment,t),f(yt.$$.fragment,t),vt=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(w.$$.fragment,t),l(y.$$.fragment,t),l(D.$$.fragment,t),l(C.$$.fragment,t),l(F.$$.fragment,t),l(L.$$.fragment,t),l(B.$$.fragment,t),l(q.$$.fragment,t),l(J.$$.fragment,t),l(X.$$.fragment,t),l(_.$$.fragment,t),l(et.$$.fragment,t),l(rt.$$.fragment,t),l(ot.$$.fragment,t),l(st.$$.fragment,t),l(ft.$$.fragment,t),l(mt.$$.fragment,t),l(it.$$.fragment,t),l(ht.$$.fragment,t),l(wt.$$.fragment,t),l(yt.$$.fragment,t),vt=!1},d(t){m(e,t),t&&u($),m(r,t),t&&u(s),m(c,t),t&&u(p),m(h,t),t&&u(x),m(w,t),t&&u(E),m(y,t),t&&u(v),m(D,t),t&&u(O),m(C,t),t&&u(k),m(F,t),t&&u(A),m(L,t),t&&u(P),m(B,t),t&&u(K),m(q,t),t&&u(z),m(J,t),t&&u(Q),m(X,t),t&&u(Z),m(_,t),t&&u(tt),m(et,t),t&&u($t),m(rt,t),t&&u(nt),m(ot,t),t&&u(at),m(st,t),t&&u(ct),m(ft,t),t&&u(lt),m(mt,t),t&&u(gt),m(it,t),t&&u(ut),m(ht,t),t&&u(xt),m(wt,t),t&&u(Et),m(yt,t)}}}function mr(t){let e,$;const p=[t[0],pr];let d={$$slots:{default:[lr]},$$scope:{ctx:t}};for(let t=0;t<p.length;t+=1)d=r(d,p[t]);return e=new C({props:d}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){a(e,t,r),$=!0},p(t,[$]){const r=1&$?s(p,[1&$&&c(t[0]),0&$&&c(pr)]):{};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}const pr={name:"DatePicker",relatedComponents:[{name:"Calendar",link:"./docs/components/calendar"},{name:"TimePicker",link:"./docs/components/time-picker"}],shadowRaised:"0 2px 4px -1px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);"},{name:dr,relatedComponents:gr,shadowRaised:ir}=pr,ur="Array<Date | {start?: Date; end?: Date}>";function hr(t,e,$){return t.$$set=t=>{$(0,e=r(r({},e),p(t)))},[e=p(e)]}class xr extends t{constructor(t){super(),e(this,t,hr,mr,$,{})}}export{xr as default,pr as metadata};
diff --git a/376/client/legacy/datetime-utils.1be0c3c8.js b/376/client/legacy/datetime-utils.1be0c3c8.js
new file mode 100644
index 000000000..505bba2db
--- /dev/null
+++ b/376/client/legacy/datetime-utils.1be0c3c8.js
@@ -0,0 +1 @@
+const e=/\d+/g,t=/%[HMSpPdmyY%]/g;function n(n,r,a){const l=Math.floor((new Date).getFullYear()/100);let s=!1;if(""===n)return null;const u=r.split(t);let o=0,g=0;const c=new Date(0);for(const t of u){if(!n.startsWith(t,o))return a;if(o+=t.length,o===n.length){if(g!==r.length)return a;break}if("%"!==r[g+t.length])break;if(g+=t.length+1,"%"===r[g]){if("%"!==n[o])return a;o++}else if("p"===r[g].toLowerCase()){const e=n.substr(o,2).toUpperCase();if("AM"===e)s=!1,c.getHours()>=12&&c.setHours(c.getHours()-12);else{if("PM"!==e)return a;s=!0,c.getHours()<12&&c.setHours(c.getHours()+12)}}else{e.lastIndex=o;const t=e.exec(n);if(null==t)return a;switch(r[g]){case"H":c.setHours(parseInt(t[0])+12*s);break;case"M":c.setMinutes(t[0]);break;case"S":c.setSeconds(t[0]);break;case"d":c.setDate(t[0]);break;case"m":c.setMonth(t[0]-1);break;case"y":c.setFullYear(100*l+parseInt(t[0]));break;case"Y":c.setFullYear(t[0])}o+=t[0].length}g++}return isNaN(c.valueOf())?a:c}function r(e,t){if(null==e)return null;let n=e.getHours();return/%p/i.test(t)&&(n%=12,0===n&&(n=12)),t.replace("%Y",e.getFullYear()).replace("%y",(e.getFullYear()%100).toString().padStart(2,"0")).replace("%m",(e.getMonth()+1).toString().padStart(2,"0")).replace("%d",e.getDate().toString().padStart(2,"0")).replace("%H",n.toString().padStart(2,"0")).replace("%M",e.getMinutes().toString().padStart(2,"0")).replace("%S",e.getSeconds().toString().padStart(2,"0")).replace("%p",e.getHours()<12?"am":"pm").replace("%P",e.getHours()<12?"AM":"PM").replace("%%","%")}function a(e,t){const n=new Intl.DateTimeFormat(e,{weekday:"short"}),r=new Date(1970,0,1),a=[];for(let e=0;e<7;++e)r.setDate(5+t-1+e),a.push(n.format(r));return a}function l(e,t){return null!=e&&null!=t&&(e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate())}function s(e,t){return null!=e&&null!=t&&new Date(e.getFullYear(),e.getMonth(),e.getDate())<=new Date(t.getFullYear(),t.getMonth(),t.getDate())}function u(e,t){return t.some((t=>function(e){return e instanceof Date&&!isNaN(e.valueOf())}(t)?l(t,e):(null==t.start||s(t.start,e))&&(null==t.end||s(e,t.end))))}function o(e,t,n){let r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];const a=[],l=new Date(t,e,1);l.setDate(1-(7+l.getDay()-n)%7);do{const t=[];for(let n=0;n<7;++n)t.push({value:new Date(l.valueOf()),outside:l.getMonth()!==e,disabled:u(l,r)}),l.setDate(l.getDate()+1);a.push(t)}while(l.getMonth()===e);return a}function g(e,t){return null==e||null==t?e:(t.setFullYear(e.getFullYear(),e.getMonth(),e.getDate()),t)}function c(e,t){return null==e||null==t?e:(t.setHours(e.getHours(),e.getMinutes(),e.getSeconds()),t)}function i(e){return null==e?null:new Date(e.valueOf())}export{g as a,a as b,i as c,l as d,s as e,r as f,o as g,c as h,n as p};
diff --git a/376/client/legacy/dialog-1b6f27ab.css b/376/client/legacy/dialog-1b6f27ab.css
new file mode 100644
index 000000000..ad1bd4f5b
--- /dev/null
+++ b/376/client/legacy/dialog-1b6f27ab.css
@@ -0,0 +1 @@
+.dialog.svelte-11akk9u.svelte-11akk9u{background-color:#fff;border-radius:1.5625em;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);padding:1.4em 2em;position:relative}.dialog.svelte-11akk9u .title.svelte-11akk9u{color:#4300b0;display:flex;font-size:1.2em;font-weight:500;margin-bottom:0.7em}.dialog.svelte-11akk9u .title.close-padded.svelte-11akk9u{padding-right:1.5em}.dialog.svelte-11akk9u .title.svelte-11akk9u svg{flex-shrink:0;margin-right:0.5em}.dialog.svelte-11akk9u>.btn.close{position:absolute;right:0.7em;top:0.7em}.dialog.constrain-width.svelte-11akk9u.svelte-11akk9u{max-width:30em}.dialog.danger.svelte-11akk9u .title.svelte-11akk9u{color:#b80000}.dialog.svelte-11akk9u .content.svelte-11akk9u{max-height:calc(100vh - 10em);overflow-y:auto;overscroll-behavior:contain}
diff --git a/376/client/legacy/dialog.3eae56ed.js b/376/client/legacy/dialog.3eae56ed.js
new file mode 100644
index 000000000..8b2a0680a
--- /dev/null
+++ b/376/client/legacy/dialog.3eae56ed.js
@@ -0,0 +1 @@
+import{S as s,i as l,s as t,M as a,h as n,u as e,k as c,b as i,w as o,d as r,e as u,X as d,O as $,f as m,g as p,t as f,y as h,p as g,z as k,Q as v,R as b,T as C,V as x,j,l as w,m as W,q as y,v as D,x as V,A as E}from"./client.583c6e60.js";import{B as I}from"./button.863c0adf.js";import{X as q}from"./x.6b71949c.js";import{c as z}from"./classes.a7d1a9eb.js";const A=s=>({}),B=s=>({}),M=s=>({}),O=s=>({});function Q(s){let l,t;return l=new I({props:{neutral:!0,round:!0,class:"close",$$slots:{default:[R]},$$scope:{ctx:s}}}),l.$on("click",(function(){x(s[3])&&s[3].apply(this,arguments)})),{c(){j(l.$$.fragment)},l(s){w(l.$$.fragment,s)},m(s,a){W(l,s,a),t=!0},p(t,a){s=t;const n={};128&a&&(n.$$scope={dirty:a,ctx:s}),l.$set(n)},i(s){t||(f(l.$$.fragment,s),t=!0)},o(s){g(l.$$.fragment,s),t=!1},d(s){y(l,s)}}}function R(s){let l;const t=s[6]["close-icon"],n=a(t,s,s[7],O),e=n||function(s){let l,t;return l=new q({}),{c(){j(l.$$.fragment)},l(s){w(l.$$.fragment,s)},m(s,a){W(l,s,a),t=!0},i(s){t||(f(l.$$.fragment,s),t=!0)},o(s){g(l.$$.fragment,s),t=!1},d(s){y(l,s)}}}();return{c(){e&&e.c()},l(s){e&&e.l(s)},m(s,t){e&&e.m(s,t),l=!0},p(s,a){n&&n.p&&(!l||128&a)&&v(n,t,s,s[7],l?C(t,s[7],a,M):b(s[7]),O)},i(s){l||(f(e,s),l=!0)},o(s){g(e,s),l=!1},d(s){e&&e.d(s)}}}function S(s){let l,t,$,h,k;const x=s[6]["title-icon"],j=a(x,s,s[7],B);return{c(){l=n("div"),j&&j.c(),t=e(),$=D(s[4]),this.h()},l(a){l=c(a,"DIV",{class:!0});var n=i(l);j&&j.l(n),t=o(n),$=V(n,s[4]),n.forEach(r),this.h()},h(){u(l,"class",h=d(z("title",null!=s[3]&&"close-padded",s[1]))+" svelte-11akk9u")},m(s,a){m(s,l,a),j&&j.m(l,null),p(l,t),p(l,$),k=!0},p(s,t){j&&j.p&&(!k||128&t)&&v(j,x,s,s[7],k?C(x,s[7],t,A):b(s[7]),B),(!k||16&t)&&E($,s[4]),(!k||10&t&&h!==(h=d(z("title",null!=s[3]&&"close-padded",s[1]))+" svelte-11akk9u"))&&u(l,"class",h)},i(s){k||(f(j,s),k=!0)},o(s){g(j,s),k=!1},d(s){s&&r(l),j&&j.d(s)}}}function T(s){let l,t,x,j,w,W=null!=s[3]&&Q(s),y=null!=s[4]&&S(s);const D=s[6].default,V=a(D,s,s[7],null);return{c(){l=n("div"),W&&W.c(),t=e(),y&&y.c(),x=e(),V&&V.c(),this.h()},l(s){l=c(s,"DIV",{class:!0});var a=i(l);W&&W.l(a),t=o(a),y&&y.l(a),x=o(a),V&&V.l(a),a.forEach(r),this.h()},h(){u(l,"class",j=d(z("dialog",s[0]))+" svelte-11akk9u"),$(l,"danger",s[2]),$(l,"constrain-width",s[5])},m(s,a){m(s,l,a),W&&W.m(l,null),p(l,t),y&&y.m(l,null),p(l,x),V&&V.m(l,null),w=!0},p(s,a){let[n]=a;null!=s[3]?W?(W.p(s,n),8&n&&f(W,1)):(W=Q(s),W.c(),f(W,1),W.m(l,t)):W&&(h(),g(W,1,1,(()=>{W=null})),k()),null!=s[4]?y?(y.p(s,n),16&n&&f(y,1)):(y=S(s),y.c(),f(y,1),y.m(l,x)):y&&(h(),g(y,1,1,(()=>{y=null})),k()),V&&V.p&&(!w||128&n)&&v(V,D,s,s[7],w?C(D,s[7],n,null):b(s[7]),null),(!w||1&n&&j!==(j=d(z("dialog",s[0]))+" svelte-11akk9u"))&&u(l,"class",j),(!w||5&n)&&$(l,"danger",s[2]),(!w||33&n)&&$(l,"constrain-width",s[5])},i(s){w||(f(W),f(y),f(V,s),w=!0)},o(s){g(W),g(y),g(V,s),w=!1},d(s){s&&r(l),W&&W.d(),y&&y.d(),V&&V.d(s)}}}function X(s,l,t){let{$$slots:a={},$$scope:n}=l,{class:e=null}=l,{titleClass:c=null}=l,{danger:i=!1}=l,{closeCallback:o=null}=l,{title:r=null}=l,{constrainWidth:u=!1}=l;return s.$$set=s=>{"class"in s&&t(0,e=s.class),"titleClass"in s&&t(1,c=s.titleClass),"danger"in s&&t(2,i=s.danger),"closeCallback"in s&&t(3,o=s.closeCallback),"title"in s&&t(4,r=s.title),"constrainWidth"in s&&t(5,u=s.constrainWidth),"$$scope"in s&&t(7,n=s.$$scope)},[e,c,i,o,r,u,a,n]}var F=class extends s{constructor(s){super(),l(this,s,X,T,t,{class:0,titleClass:1,danger:2,closeCallback:3,title:4,constrainWidth:5})}};export{F as D};
diff --git a/376/client/legacy/dialog.591afd9a.js b/376/client/legacy/dialog.591afd9a.js
new file mode 100644
index 000000000..6d52e099a
--- /dev/null
+++ b/376/client/legacy/dialog.591afd9a.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,a as n,c as s,b as a,d as o,e as r,f as c,g as l,n as p,K as f,j as i,l as m,m as u,U as g,a0 as d,t as h,p as x,q as w,L as y,u as E,w as v,v as k,x as D,h as O,k as b}from"./client.583c6e60.js";import{L as C,H as T,P as S}from"./layout.47c81311.js";import{B as A}from"./button.863c0adf.js";import{D as N}from"./dialog.3eae56ed.js";import{S as j}from"./showcase.759e7149.js";import{C as R}from"./color-preview.9db6af61.js";import{S as B}from"./shadow-preview.487038f8.js";import{H as G}from"./h2.0da05151.js";import{H as F}from"./h3.c9a49f62.js";import{T as P,a as L,b as H,c as I}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./x.6b71949c.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./popover.3a24cfa5.js";function z(t){let e,$,f,i,m;return{c(){e=n("svg"),$=n("path"),f=n("line"),i=n("line"),this.h()},l(t){e=s(t,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var n=a(e);$=s(n,"path",{d:!0}),a($).forEach(o),f=s(n,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),a(f).forEach(o),i=s(n,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),a(i).forEach(o),n.forEach(o),this.h()},h(){r($,"d","M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"),r(f,"x1","12"),r(f,"y1","9"),r(f,"x2","12"),r(f,"y2","13"),r(i,"x1","12"),r(i,"y1","17"),r(i,"x2","12.01"),r(i,"y2","17"),r(e,"xmlns","http://www.w3.org/2000/svg"),r(e,"width",t[0]),r(e,"height",t[0]),r(e,"fill","none"),r(e,"viewBox","0 0 24 24"),r(e,"stroke","currentColor"),r(e,"stroke-width",t[1]),r(e,"stroke-linecap","round"),r(e,"stroke-linejoin","round"),r(e,"class",m="feather feather-alert-triangle "+t[2])},m(t,n){c(t,e,n),l(e,$),l(e,f),l(e,i)},p(t,$){let[n]=$;1&n&&r(e,"width",t[0]),1&n&&r(e,"height",t[0]),2&n&&r(e,"stroke-width",t[1]),4&n&&m!==(m="feather feather-alert-triangle "+t[2])&&r(e,"class",m)},i:p,o:p,d(t){t&&o(e)}}}function X(t,e,$){let{size:n="100%"}=e,{strokeWidth:s=2}=e,{class:a=""}=e;return"100%"!==n&&(n="x"===n.slice(-1)?n.slice(0,n.length-1)+"em":parseInt(n)+"px"),t.$$set=t=>{"size"in t&&$(0,n=t.size),"strokeWidth"in t&&$(1,s=t.strokeWidth),"class"in t&&$(2,a=t.class)},[n,s,a]}class Y extends t{constructor(t){super(),e(this,t,X,z,$,{size:0,strokeWidth:1,class:2})}}function W(t){let e;return{c(){e=k("Dialog")},l(t){e=D(t,"Dialog")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function V(t){let e;return{c(){e=k("A modal window that informs users about a task and can contain critical information or require actions.")},l(t){e=D(t,"A modal window that informs users about a task and can contain critical information or require actions.")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function q(t){let e;return{c(){e=k("yes, exit")},l(t){e=D(t,"yes, exit")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function M(t){let e,$,n,s,r,p,f,g,d,y,C;return y=new A({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),{c(){e=O("p"),$=k("You have not saved your changes yet."),n=E(),s=O("p"),r=k("If you exit without saving, changes will be lost."),p=E(),f=O("p"),g=k("Are you sure you want to exit?"),d=E(),i(y.$$.fragment)},l(t){e=b(t,"P",{});var c=a(e);$=D(c,"You have not saved your changes yet."),c.forEach(o),n=v(t),s=b(t,"P",{});var l=a(s);r=D(l,"If you exit without saving, changes will be lost."),l.forEach(o),p=v(t),f=b(t,"P",{});var i=a(f);g=D(i,"Are you sure you want to exit?"),i.forEach(o),d=v(t),m(y.$$.fragment,t)},m(t,a){c(t,e,a),l(e,$),c(t,n,a),c(t,s,a),l(s,r),c(t,p,a),c(t,f,a),l(f,g),c(t,d,a),u(y,t,a),C=!0},p(t,e){const $={};4&e&&($.$$scope={dirty:e,ctx:t}),y.$set($)},i(t){C||(h(y.$$.fragment,t),C=!0)},o(t){x(y.$$.fragment,t),C=!1},d(t){t&&o(e),t&&o(n),t&&o(s),t&&o(p),t&&o(f),t&&o(d),w(y,t)}}}function K(t){let e,$,n;return $=new Y({props:{size:"25"}}),{c(){e=O("div"),i($.$$.fragment),this.h()},l(t){e=b(t,"DIV",{slot:!0});var n=a(e);m($.$$.fragment,n),n.forEach(o),this.h()},h(){r(e,"slot","title-icon")},m(t,s){c(t,e,s),u($,e,null),n=!0},p:p,i(t){n||(h($.$$.fragment,t),n=!0)},o(t){x($.$$.fragment,t),n=!1},d(t){t&&o(e),w($)}}}function U(t){let e,$,n;return $=new N({props:{title:"Are you sure you want to exit?",danger:!0,closeCallback:t[1],$$slots:{"title-icon":[K],default:[M]},$$scope:{ctx:t}}}),{c(){e=O("div"),i($.$$.fragment),this.h()},l(t){e=b(t,"DIV",{slot:!0,class:!0});var n=a(e);m($.$$.fragment,n),n.forEach(o),this.h()},h(){r(e,"slot","showcase"),r(e,"class","padded")},m(t,s){c(t,e,s),u($,e,null),n=!0},p(t,e){const n={};4&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n)},i(t){n||(h($.$$.fragment,t),n=!0)},o(t){x($.$$.fragment,t),n=!1},d(t){t&&o(e),w($)}}}function J(t){let e,$;return{c(){e=O("div"),$=O("pre"),this.h()},l(t){e=b(t,"DIV",{slot:!0});var n=a(e);$=b(n,"PRE",{class:!0}),a($).forEach(o),n.forEach(o),this.h()},h(){r($,"class","language-svelte"),r(e,"slot","source")},m(t,n){c(t,e,n),l(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dialog</span>\n  <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Are you sure you want to exit?<span class="token punctuation">"</span></span>\n  <span class="token attr-name">closeCallback=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">\'Closing the dialog...\'</span><span class="token punctuation">)</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">danger</span>\n<span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>title-icon<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AlertTriangleIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>25<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>You have not saved your changes yet.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>If you exit without saving, changes will be lost.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>Are you sure you want to exit?<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>yes, exit<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Dialog</span><span class="token punctuation">></span></span></code>'},p:p,d(t){t&&o(e)}}}function Q(t){let e;return{c(){e=k("Properties")},l(t){e=D(t,"Properties")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Z(t){let e;return{c(){e=k("Style Properties")},l(t){e=D(t,"Style Properties")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function _(t){let e;return{c(){e=k("Name")},l(t){e=D(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function tt(t){let e;return{c(){e=k("Default")},l(t){e=D(t,"Default")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function et(t){let e;return{c(){e=k("Type")},l(t){e=D(t,"Type")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function $t(t){let e;return{c(){e=k("Description")},l(t){e=D(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function nt(t){let e,$,n,s,a,r,l,p;return e=new H({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),a=new H({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),l=new H({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment),r=E(),i(l.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t),r=v(t),m(l.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),c(t,r,o),u(l,t,o),p=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r);const c={};4&$&&(c.$$scope={dirty:$,ctx:t}),l.$set(c)},i(t){p||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),p=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),p=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t),t&&o(r),w(l,t)}}}function st(t){let e,$,n;return{c(){e=O("strong"),$=O("code"),n=k("danger")},l(t){e=b(t,"STRONG",{});var s=a(e);$=b(s,"CODE",{});var r=a($);n=D(r,"danger"),r.forEach(o),s.forEach(o)},m(t,s){c(t,e,s),l(e,$),l($,n)},p:p,d(t){t&&o(e)}}}function at(t){let e,$;return{c(){e=O("code"),$=k("false")},l(t){e=b(t,"CODE",{});var n=a(e);$=D(n,"false"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:p,d(t){t&&o(e)}}}function ot(t){let e,$;return{c(){e=O("code"),$=k("boolean")},l(t){e=b(t,"CODE",{});var n=a(e);$=D(n,"boolean"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:p,d(t){t&&o(e)}}}function rt(t){let e,$,n,s;return{c(){e=k("Applies the danger color to the title (including the icon slot if it is stylable with the CSS "),$=O("code"),n=k("color"),s=k(" property).")},l(t){e=D(t,"Applies the danger color to the title (including the icon slot if it is stylable with the CSS "),$=b(t,"CODE",{});var r=a($);n=D(r,"color"),r.forEach(o),s=D(t," property).")},m(t,a){c(t,e,a),c(t,$,a),l($,n),c(t,s,a)},p:p,d(t){t&&o(e),t&&o($),t&&o(s)}}}function ct(t){let e,$,n,s,a,r,l,p;return e=new I({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),l=new I({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment),r=E(),i(l.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t),r=v(t),m(l.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),c(t,r,o),u(l,t,o),p=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r);const c={};4&$&&(c.$$scope={dirty:$,ctx:t}),l.$set(c)},i(t){p||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),p=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),p=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t),t&&o(r),w(l,t)}}}function lt(t){let e,$,n;return{c(){e=O("strong"),$=O("code"),n=k("constrainWidth")},l(t){e=b(t,"STRONG",{});var s=a(e);$=b(s,"CODE",{});var r=a($);n=D(r,"constrainWidth"),r.forEach(o),s.forEach(o)},m(t,s){c(t,e,s),l(e,$),l($,n)},p:p,d(t){t&&o(e)}}}function pt(t){let e,$;return{c(){e=O("code"),$=k("false")},l(t){e=b(t,"CODE",{});var n=a(e);$=D(n,"false"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:p,d(t){t&&o(e)}}}function ft(t){let e,$;return{c(){e=O("code"),$=k("boolean")},l(t){e=b(t,"CODE",{});var n=a(e);$=D(n,"boolean"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:p,d(t){t&&o(e)}}}function it(t){let e,$,n,s,r,f,i;return{c(){e=k("Gives the dialog a "),$=O("code"),n=k("max-width"),s=k(" of "),r=O("code"),f=k("30em"),i=k(".")},l(t){e=D(t,"Gives the dialog a "),$=b(t,"CODE",{});var c=a($);n=D(c,"max-width"),c.forEach(o),s=D(t," of "),r=b(t,"CODE",{});var l=a(r);f=D(l,"30em"),l.forEach(o),i=D(t,".")},m(t,a){c(t,e,a),c(t,$,a),l($,n),c(t,s,a),c(t,r,a),l(r,f),c(t,i,a)},p:p,d(t){t&&o(e),t&&o($),t&&o(s),t&&o(r),t&&o(i)}}}function mt(t){let e,$,n,s,a,r,l,p;return e=new I({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),l=new I({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment),r=E(),i(l.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t),r=v(t),m(l.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),c(t,r,o),u(l,t,o),p=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r);const c={};4&$&&(c.$$scope={dirty:$,ctx:t}),l.$set(c)},i(t){p||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),p=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),p=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t),t&&o(r),w(l,t)}}}function ut(t){let e,$,n,s,r,p,f,g;return $=new L({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),r=new L({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),f=new L({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){e=O("thead"),i($.$$.fragment),n=E(),s=O("tbody"),i(r.$$.fragment),p=E(),i(f.$$.fragment)},l(t){e=b(t,"THEAD",{});var c=a(e);m($.$$.fragment,c),c.forEach(o),n=v(t),s=b(t,"TBODY",{});var l=a(s);m(r.$$.fragment,l),p=v(l),m(f.$$.fragment,l),l.forEach(o)},m(t,a){c(t,e,a),u($,e,null),c(t,n,a),c(t,s,a),u(r,s,null),l(s,p),u(f,s,null),g=!0},p(t,e){const n={};4&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),r.$set(s);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),f.$set(a)},i(t){g||(h($.$$.fragment,t),h(r.$$.fragment,t),h(f.$$.fragment,t),g=!0)},o(t){x($.$$.fragment,t),x(r.$$.fragment,t),x(f.$$.fragment,t),g=!1},d(t){t&&o(e),w($),t&&o(n),t&&o(s),w(r),w(f)}}}function gt(t){let e;return{c(){e=k("Functional Properties")},l(t){e=D(t,"Functional Properties")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function dt(t){let e;return{c(){e=k("Name")},l(t){e=D(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function ht(t){let e;return{c(){e=k("Default")},l(t){e=D(t,"Default")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function xt(t){let e;return{c(){e=k("Type")},l(t){e=D(t,"Type")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function wt(t){let e;return{c(){e=k("Description")},l(t){e=D(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function yt(t){let e,$,n,s,a,r,l,p;return e=new H({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),a=new H({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),l=new H({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment),r=E(),i(l.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t),r=v(t),m(l.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),c(t,r,o),u(l,t,o),p=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r);const c={};4&$&&(c.$$scope={dirty:$,ctx:t}),l.$set(c)},i(t){p||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),p=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),p=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t),t&&o(r),w(l,t)}}}function Et(t){let e,$,n;return{c(){e=O("strong"),$=O("code"),n=k("title")},l(t){e=b(t,"STRONG",{});var s=a(e);$=b(s,"CODE",{});var r=a($);n=D(r,"title"),r.forEach(o),s.forEach(o)},m(t,s){c(t,e,s),l(e,$),l($,n)},p:p,d(t){t&&o(e)}}}function vt(t){let e,$;return{c(){e=O("code"),$=k("null")},l(t){e=b(t,"CODE",{});var n=a(e);$=D(n,"null"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:p,d(t){t&&o(e)}}}function kt(t){let e,$;return{c(){e=O("code"),$=k("string")},l(t){e=b(t,"CODE",{});var n=a(e);$=D(n,"string"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:p,d(t){t&&o(e)}}}function Dt(t){let e;return{c(){e=k("Adds a title to the dialog.")},l(t){e=D(t,"Adds a title to the dialog.")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Ot(t){let e,$,n,s,a,r,l,p;return e=new I({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),l=new I({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment),r=E(),i(l.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t),r=v(t),m(l.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),c(t,r,o),u(l,t,o),p=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r);const c={};4&$&&(c.$$scope={dirty:$,ctx:t}),l.$set(c)},i(t){p||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),p=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),p=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t),t&&o(r),w(l,t)}}}function bt(t){let e,$,n;return{c(){e=O("strong"),$=O("code"),n=k("closeCallback")},l(t){e=b(t,"STRONG",{});var s=a(e);$=b(s,"CODE",{});var r=a($);n=D(r,"closeCallback"),r.forEach(o),s.forEach(o)},m(t,s){c(t,e,s),l(e,$),l($,n)},p:p,d(t){t&&o(e)}}}function Ct(t){let e,$;return{c(){e=O("code"),$=k("null")},l(t){e=b(t,"CODE",{});var n=a(e);$=D(n,"null"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:p,d(t){t&&o(e)}}}function Tt(t){let e,$;return{c(){e=O("code"),$=k("Function")},l(t){e=b(t,"CODE",{});var n=a(e);$=D(n,"Function"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:p,d(t){t&&o(e)}}}function St(t){let e;return{c(){e=k("Adds a close button to the dialog and calls this function when it is clicked.")},l(t){e=D(t,"Adds a close button to the dialog and calls this function when it is clicked.")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function At(t){let e,$,n,s,a,r,l,p;return e=new I({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),l=new I({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment),r=E(),i(l.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t),r=v(t),m(l.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),c(t,r,o),u(l,t,o),p=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r);const c={};4&$&&(c.$$scope={dirty:$,ctx:t}),l.$set(c)},i(t){p||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),p=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),p=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t),t&&o(r),w(l,t)}}}function Nt(t){let e,$,n,s,r,p,f,g;return $=new L({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),r=new L({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),f=new L({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){e=O("thead"),i($.$$.fragment),n=E(),s=O("tbody"),i(r.$$.fragment),p=E(),i(f.$$.fragment)},l(t){e=b(t,"THEAD",{});var c=a(e);m($.$$.fragment,c),c.forEach(o),n=v(t),s=b(t,"TBODY",{});var l=a(s);m(r.$$.fragment,l),p=v(l),m(f.$$.fragment,l),l.forEach(o)},m(t,a){c(t,e,a),u($,e,null),c(t,n,a),c(t,s,a),u(r,s,null),l(s,p),u(f,s,null),g=!0},p(t,e){const n={};4&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),r.$set(s);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),f.$set(a)},i(t){g||(h($.$$.fragment,t),h(r.$$.fragment,t),h(f.$$.fragment,t),g=!0)},o(t){x($.$$.fragment,t),x(r.$$.fragment,t),x(f.$$.fragment,t),g=!1},d(t){t&&o(e),w($),t&&o(n),t&&o(s),w(r),w(f)}}}function jt(t){let e;return{c(){e=k("Class Properties")},l(t){e=D(t,"Class Properties")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Rt(t){let e,$,n,s,r,f,i;return{c(){e=k("All "),$=O("code"),n=k("<Dialog>"),s=k(" components use the "),r=O("code"),f=k(".dialog"),i=k(" class.")},l(t){e=D(t,"All "),$=b(t,"CODE",{});var c=a($);n=D(c,"<Dialog>"),c.forEach(o),s=D(t," components use the "),r=b(t,"CODE",{});var l=a(r);f=D(l,".dialog"),l.forEach(o),i=D(t," class.")},m(t,a){c(t,e,a),c(t,$,a),l($,n),c(t,s,a),c(t,r,a),l(r,f),c(t,i,a)},p:p,d(t){t&&o(e),t&&o($),t&&o(s),t&&o(r),t&&o(i)}}}function Bt(t){let e;return{c(){e=k("Falsy values passed to classes will be disregarded.")},l(t){e=D(t,"Falsy values passed to classes will be disregarded.")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Gt(t){let e;return{c(){e=k("Name")},l(t){e=D(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Ft(t){let e;return{c(){e=k("Default")},l(t){e=D(t,"Default")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Pt(t){let e;return{c(){e=k("Type")},l(t){e=D(t,"Type")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Lt(t){let e;return{c(){e=k("Description")},l(t){e=D(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Ht(t){let e,$,n,s,a,r,l,p;return e=new H({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),a=new H({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),l=new H({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment),r=E(),i(l.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t),r=v(t),m(l.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),c(t,r,o),u(l,t,o),p=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r);const c={};4&$&&(c.$$scope={dirty:$,ctx:t}),l.$set(c)},i(t){p||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),p=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),p=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t),t&&o(r),w(l,t)}}}function It(t){let e,$,n;return{c(){e=O("strong"),$=O("code"),n=k("class")},l(t){e=b(t,"STRONG",{});var s=a(e);$=b(s,"CODE",{});var r=a($);n=D(r,"class"),r.forEach(o),s.forEach(o)},m(t,s){c(t,e,s),l(e,$),l($,n)},p:p,d(t){t&&o(e)}}}function zt(t){let e,$;return{c(){e=O("code"),$=k("null")},l(t){e=b(t,"CODE",{});var n=a(e);$=D(n,"null"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:p,d(t){t&&o(e)}}}function Xt(t){let e,$;return{c(){e=O("code"),$=k("string")},l(t){e=b(t,"CODE",{});var n=a(e);$=D(n,"string"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:p,d(t){t&&o(e)}}}function Yt(t){let e;return{c(){e=k("A class string to add to the component.")},l(t){e=D(t,"A class string to add to the component.")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Wt(t){let e,$,n,s,a,r,l,p;return e=new I({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),l=new I({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment),r=E(),i(l.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t),r=v(t),m(l.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),c(t,r,o),u(l,t,o),p=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r);const c={};4&$&&(c.$$scope={dirty:$,ctx:t}),l.$set(c)},i(t){p||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),p=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),p=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t),t&&o(r),w(l,t)}}}function Vt(t){let e,$,n;return{c(){e=O("strong"),$=O("code"),n=k("titleClass")},l(t){e=b(t,"STRONG",{});var s=a(e);$=b(s,"CODE",{});var r=a($);n=D(r,"titleClass"),r.forEach(o),s.forEach(o)},m(t,s){c(t,e,s),l(e,$),l($,n)},p:p,d(t){t&&o(e)}}}function qt(t){let e,$;return{c(){e=O("code"),$=k("null")},l(t){e=b(t,"CODE",{});var n=a(e);$=D(n,"null"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:p,d(t){t&&o(e)}}}function Mt(t){let e,$;return{c(){e=O("code"),$=k("string")},l(t){e=b(t,"CODE",{});var n=a(e);$=D(n,"string"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:p,d(t){t&&o(e)}}}function Kt(t){let e,$,n,s;return{c(){e=k("A class string to add to the title "),$=O("code"),n=k("div"),s=k(".")},l(t){e=D(t,"A class string to add to the title "),$=b(t,"CODE",{});var r=a($);n=D(r,"div"),r.forEach(o),s=D(t,".")},m(t,a){c(t,e,a),c(t,$,a),l($,n),c(t,s,a)},p:p,d(t){t&&o(e),t&&o($),t&&o(s)}}}function Ut(t){let e,$,n,s,a,r,l,p;return e=new I({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),l=new I({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment),r=E(),i(l.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t),r=v(t),m(l.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),c(t,r,o),u(l,t,o),p=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r);const c={};4&$&&(c.$$scope={dirty:$,ctx:t}),l.$set(c)},i(t){p||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),p=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),p=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t),t&&o(r),w(l,t)}}}function Jt(t){let e,$,n,s,r,p,f,g;return $=new L({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),r=new L({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),f=new L({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){e=O("thead"),i($.$$.fragment),n=E(),s=O("tbody"),i(r.$$.fragment),p=E(),i(f.$$.fragment)},l(t){e=b(t,"THEAD",{});var c=a(e);m($.$$.fragment,c),c.forEach(o),n=v(t),s=b(t,"TBODY",{});var l=a(s);m(r.$$.fragment,l),p=v(l),m(f.$$.fragment,l),l.forEach(o)},m(t,a){c(t,e,a),u($,e,null),c(t,n,a),c(t,s,a),u(r,s,null),l(s,p),u(f,s,null),g=!0},p(t,e){const n={};4&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),r.$set(s);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),f.$set(a)},i(t){g||(h($.$$.fragment,t),h(r.$$.fragment,t),h(f.$$.fragment,t),g=!0)},o(t){x($.$$.fragment,t),x(r.$$.fragment,t),x(f.$$.fragment,t),g=!1},d(t){t&&o(e),w($),t&&o(n),t&&o(s),w(r),w(f)}}}function Qt(t){let e;return{c(){e=k("Slots")},l(t){e=D(t,"Slots")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Zt(t){let e;return{c(){e=k("Default slot")},l(t){e=D(t,"Default slot")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function _t(t){let e;return{c(){e=k("The content of the dialog.")},l(t){e=D(t,"The content of the dialog.")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function te(t){let e,$,n;return{c(){e=O("code"),$=k("close-icon"),n=k(" slot")},l(t){e=b(t,"CODE",{});var s=a(e);$=D(s,"close-icon"),s.forEach(o),n=D(t," slot")},m(t,s){c(t,e,s),l(e,$),c(t,n,s)},p:p,d(t){t&&o(e),t&&o(n)}}}function ee(t){let e,$,n,s,f,i,m,u,g,d;return{c(){e=k("The icon used inside the close button. Defaults to "),$=O("a"),n=k("Feather icons"),s=k("' "),f=O("code"),i=k("X"),m=k(". Only used when "),u=O("code"),g=k("closeCallback"),d=k(" is supplied."),this.h()},l(t){e=D(t,"The icon used inside the close button. Defaults to "),$=b(t,"A",{href:!0,rel:!0});var r=a($);n=D(r,"Feather icons"),r.forEach(o),s=D(t,"' "),f=b(t,"CODE",{});var c=a(f);i=D(c,"X"),c.forEach(o),m=D(t,". Only used when "),u=b(t,"CODE",{});var l=a(u);g=D(l,"closeCallback"),l.forEach(o),d=D(t," is supplied."),this.h()},h(){r($,"href","https://feathericons.com/?query=X"),r($,"rel","nofollow")},m(t,a){c(t,e,a),c(t,$,a),l($,n),c(t,s,a),c(t,f,a),l(f,i),c(t,m,a),c(t,u,a),l(u,g),c(t,d,a)},p:p,d(t){t&&o(e),t&&o($),t&&o(s),t&&o(f),t&&o(m),t&&o(u),t&&o(d)}}}function $e(t){let e,$,n;return{c(){e=O("code"),$=k("title-icon"),n=k(" slot")},l(t){e=b(t,"CODE",{});var s=a(e);$=D(s,"title-icon"),s.forEach(o),n=D(t," slot")},m(t,s){c(t,e,s),l(e,$),c(t,n,s)},p:p,d(t){t&&o(e),t&&o(n)}}}function ne(t){let e,$,n,s;return{c(){e=k("The icon prepended before the title. Only used when "),$=O("code"),n=k("title"),s=k(" is supplied.")},l(t){e=D(t,"The icon prepended before the title. Only used when "),$=b(t,"CODE",{});var r=a($);n=D(r,"title"),r.forEach(o),s=D(t," is supplied.")},m(t,a){c(t,e,a),c(t,$,a),l($,n),c(t,s,a)},p:p,d(t){t&&o(e),t&&o($),t&&o(s)}}}function se(t){let e;return{c(){e=k("SCSS Variables")},l(t){e=D(t,"SCSS Variables")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function ae(t){let e;return{c(){e=k("Name")},l(t){e=D(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function oe(t){let e;return{c(){e=k("Description")},l(t){e=D(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function re(t){let e;return{c(){e=k("Default")},l(t){e=D(t,"Default")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function ce(t){let e,$,n,s,a,r;return e=new H({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),a=new H({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),r=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r)},i(t){r||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),r=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),r=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t)}}}function le(t){let e,$,n;return{c(){e=O("strong"),$=O("code"),n=k("$main")},l(t){e=b(t,"STRONG",{});var s=a(e);$=b(s,"CODE",{});var r=a($);n=D(r,"$main"),r.forEach(o),s.forEach(o)},m(t,s){c(t,e,s),l(e,$),l($,n)},p:p,d(t){t&&o(e)}}}function pe(t){let e;return{c(){e=k("The color of the title (if supplied).")},l(t){e=D(t,"The color of the title (if supplied).")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function fe(t){let e,$;return e=new R({props:{value:"#4300B0"}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){u(e,t,n),$=!0},p:p,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){w(e,t)}}}function ie(t){let e,$,n,s,a,r;return e=new I({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),r=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r)},i(t){r||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),r=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),r=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t)}}}function me(t){let e,$,n;return{c(){e=O("strong"),$=O("code"),n=k("$shadow-raised")},l(t){e=b(t,"STRONG",{});var s=a(e);$=b(s,"CODE",{});var r=a($);n=D(r,"$shadow-raised"),r.forEach(o),s.forEach(o)},m(t,s){c(t,e,s),l(e,$),l($,n)},p:p,d(t){t&&o(e)}}}function ue(t){let e;return{c(){e=k("The shadow of the dialog.")},l(t){e=D(t,"The shadow of the dialog.")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function ge(t){let e,$;return e=new B({props:{value:Xe}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){u(e,t,n),$=!0},p:p,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){w(e,t)}}}function de(t){let e,$,n,s,a,r;return e=new I({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),r=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r)},i(t){r||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),r=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),r=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t)}}}function he(t){let e,$,n;return{c(){e=O("strong"),$=O("code"),n=k("$dialog-radius")},l(t){e=b(t,"STRONG",{});var s=a(e);$=b(s,"CODE",{});var r=a($);n=D(r,"$dialog-radius"),r.forEach(o),s.forEach(o)},m(t,s){c(t,e,s),l(e,$),l($,n)},p:p,d(t){t&&o(e)}}}function xe(t){let e;return{c(){e=k("The curvature radius of a dialog.")},l(t){e=D(t,"The curvature radius of a dialog.")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function we(t){let e,$;return{c(){e=O("code"),$=k("1.5625em")},l(t){e=b(t,"CODE",{});var n=a(e);$=D(n,"1.5625em"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:p,d(t){t&&o(e)}}}function ye(t){let e,$,n,s,a,r;return e=new I({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),r=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r)},i(t){r||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),r=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),r=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t)}}}function Ee(t){let e,$,n;return{c(){e=O("strong"),$=O("code"),n=k("$bold-font-weight")},l(t){e=b(t,"STRONG",{});var s=a(e);$=b(s,"CODE",{});var r=a($);n=D(r,"$bold-font-weight"),r.forEach(o),s.forEach(o)},m(t,s){c(t,e,s),l(e,$),l($,n)},p:p,d(t){t&&o(e)}}}function ve(t){let e;return{c(){e=k("The title's font weight.")},l(t){e=D(t,"The title's font weight.")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function ke(t){let e,$;return{c(){e=O("code"),$=k("500")},l(t){e=b(t,"CODE",{});var n=a(e);$=D(n,"500"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:p,d(t){t&&o(e)}}}function De(t){let e,$,n,s,a,r;return e=new I({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),r=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r)},i(t){r||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),r=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),r=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t)}}}function Oe(t){let e,$,n;return{c(){e=O("strong"),$=O("code"),n=k("$danger")},l(t){e=b(t,"STRONG",{});var s=a(e);$=b(s,"CODE",{});var r=a($);n=D(r,"$danger"),r.forEach(o),s.forEach(o)},m(t,s){c(t,e,s),l(e,$),l($,n)},p:p,d(t){t&&o(e)}}}function be(t){let e;return{c(){e=k("The color of the title when using the danger variant of a dialog.")},l(t){e=D(t,"The color of the title when using the danger variant of a dialog.")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Ce(t){let e,$;return e=new R({props:{value:"#B80000"}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){u(e,t,n),$=!0},p:p,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){w(e,t)}}}function Te(t){let e,$,n,s,a,r;return e=new I({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),r=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r)},i(t){r||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),r=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),r=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t)}}}function Se(t){let e,$,n,s,f,i,m,u,g;return{c(){e=O("strong"),$=O("code"),n=k("$button-radius"),s=E(),f=O("small"),i=k("From "),m=O("a"),u=O("code"),g=k("Button"),this.h()},l(t){e=b(t,"STRONG",{});var r=a(e);$=b(r,"CODE",{});var c=a($);n=D(c,"$button-radius"),c.forEach(o),r.forEach(o),s=v(t),f=b(t,"SMALL",{});var l=a(f);i=D(l,"From "),m=b(l,"A",{href:!0});var p=a(m);u=b(p,"CODE",{});var d=a(u);g=D(d,"Button"),d.forEach(o),p.forEach(o),l.forEach(o),this.h()},h(){r(m,"href","./docs/components/button")},m(t,a){c(t,e,a),l(e,$),l($,n),c(t,s,a),c(t,f,a),l(f,i),l(f,m),l(m,u),l(u,g)},p:p,d(t){t&&o(e),t&&o(s),t&&o(f)}}}function Ae(t){let e;return{c(){e=k("The curvature radius of the X button (if the close callback is supplied).")},l(t){e=D(t,"The curvature radius of the X button (if the close callback is supplied).")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Ne(t){let e,$;return{c(){e=O("code"),$=k("1.5625em")},l(t){e=b(t,"CODE",{});var n=a(e);$=D(n,"1.5625em"),n.forEach(o)},m(t,n){c(t,e,n),l(e,$)},p:p,d(t){t&&o(e)}}}function je(t){let e,$,n,s,a,r;return e=new I({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),r=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r)},i(t){r||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),r=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),r=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t)}}}function Re(t){let e,$,n,s,f,i,m,u,g;return{c(){e=O("strong"),$=O("code"),n=k("$dark"),s=E(),f=O("small"),i=k("From "),m=O("a"),u=O("code"),g=k("Button"),this.h()},l(t){e=b(t,"STRONG",{});var r=a(e);$=b(r,"CODE",{});var c=a($);n=D(c,"$dark"),c.forEach(o),r.forEach(o),s=v(t),f=b(t,"SMALL",{});var l=a(f);i=D(l,"From "),m=b(l,"A",{href:!0});var p=a(m);u=b(p,"CODE",{});var d=a(u);g=D(d,"Button"),d.forEach(o),p.forEach(o),l.forEach(o),this.h()},h(){r(m,"href","./docs/components/button")},m(t,a){c(t,e,a),l(e,$),l($,n),c(t,s,a),c(t,f,a),l(f,i),l(f,m),l(m,u),l(u,g)},p:p,d(t){t&&o(e),t&&o(s),t&&o(f)}}}function Be(t){let e;return{c(){e=k("The color of the X button (if the close callback is supplied).")},l(t){e=D(t,"The color of the X button (if the close callback is supplied).")},m(t,$){c(t,e,$)},d(t){t&&o(e)}}}function Ge(t){let e,$;return e=new R({props:{value:"#333333"}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){u(e,t,n),$=!0},p:p,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){w(e,t)}}}function Fe(t){let e,$,n,s,a,r;return e=new I({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),a=new I({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),r=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r)},i(t){r||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),r=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),r=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t)}}}function Pe(t){let e,$,n,s,r,p,f,g,d,y,k,D,C,T,S,A,N,j;return $=new L({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),r=new L({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),f=new L({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),d=new L({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),k=new L({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),C=new L({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),S=new L({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),N=new L({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),{c(){e=O("thead"),i($.$$.fragment),n=E(),s=O("tbody"),i(r.$$.fragment),p=E(),i(f.$$.fragment),g=E(),i(d.$$.fragment),y=E(),i(k.$$.fragment),D=E(),i(C.$$.fragment),T=E(),i(S.$$.fragment),A=E(),i(N.$$.fragment)},l(t){e=b(t,"THEAD",{});var c=a(e);m($.$$.fragment,c),c.forEach(o),n=v(t),s=b(t,"TBODY",{});var l=a(s);m(r.$$.fragment,l),p=v(l),m(f.$$.fragment,l),g=v(l),m(d.$$.fragment,l),y=v(l),m(k.$$.fragment,l),D=v(l),m(C.$$.fragment,l),T=v(l),m(S.$$.fragment,l),A=v(l),m(N.$$.fragment,l),l.forEach(o)},m(t,a){c(t,e,a),u($,e,null),c(t,n,a),c(t,s,a),u(r,s,null),l(s,p),u(f,s,null),l(s,g),u(d,s,null),l(s,y),u(k,s,null),l(s,D),u(C,s,null),l(s,T),u(S,s,null),l(s,A),u(N,s,null),j=!0},p(t,e){const n={};4&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),r.$set(s);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),f.$set(a);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),d.$set(o);const c={};4&e&&(c.$$scope={dirty:e,ctx:t}),k.$set(c);const l={};4&e&&(l.$$scope={dirty:e,ctx:t}),C.$set(l);const p={};4&e&&(p.$$scope={dirty:e,ctx:t}),S.$set(p);const i={};4&e&&(i.$$scope={dirty:e,ctx:t}),N.$set(i)},i(t){j||(h($.$$.fragment,t),h(r.$$.fragment,t),h(f.$$.fragment,t),h(d.$$.fragment,t),h(k.$$.fragment,t),h(C.$$.fragment,t),h(S.$$.fragment,t),h(N.$$.fragment,t),j=!0)},o(t){x($.$$.fragment,t),x(r.$$.fragment,t),x(f.$$.fragment,t),x(d.$$.fragment,t),x(k.$$.fragment,t),x(C.$$.fragment,t),x(S.$$.fragment,t),x(N.$$.fragment,t),j=!1},d(t){t&&o(e),w($),t&&o(n),t&&o(s),w(r),w(f),w(d),w(k),w(C),w(S),w(N)}}}function Le(t){let e,$,n,s,a,r,l,p,f,g,d,y,k,D,O,b,C,A,N,R,B,L,H,I,z,X,Y,q,M,K,_,tt,et,$t,nt,st,at,ot,rt,ct,lt,pt;return e=new T({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),n=new S({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),a=new j({props:{$$slots:{source:[J],showcase:[U]},$$scope:{ctx:t}}}),l=new G({props:{id:"properties",$$slots:{default:[Q]},$$scope:{ctx:t}}}),f=new F({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),d=new P({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),k=new F({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),O=new P({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),C=new F({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),N=new S({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),B=new S({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),H=new P({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),z=new G({props:{id:"slots",$$slots:{default:[Qt]},$$scope:{ctx:t}}}),Y=new F({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),M=new S({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),_=new F({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),et=new S({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),nt=new F({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),at=new S({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),rt=new G({props:{id:"scss-variables",$$slots:{default:[se]},$$scope:{ctx:t}}}),lt=new P({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),{c(){i(e.$$.fragment),$=E(),i(n.$$.fragment),s=E(),i(a.$$.fragment),r=E(),i(l.$$.fragment),p=E(),i(f.$$.fragment),g=E(),i(d.$$.fragment),y=E(),i(k.$$.fragment),D=E(),i(O.$$.fragment),b=E(),i(C.$$.fragment),A=E(),i(N.$$.fragment),R=E(),i(B.$$.fragment),L=E(),i(H.$$.fragment),I=E(),i(z.$$.fragment),X=E(),i(Y.$$.fragment),q=E(),i(M.$$.fragment),K=E(),i(_.$$.fragment),tt=E(),i(et.$$.fragment),$t=E(),i(nt.$$.fragment),st=E(),i(at.$$.fragment),ot=E(),i(rt.$$.fragment),ct=E(),i(lt.$$.fragment)},l(t){m(e.$$.fragment,t),$=v(t),m(n.$$.fragment,t),s=v(t),m(a.$$.fragment,t),r=v(t),m(l.$$.fragment,t),p=v(t),m(f.$$.fragment,t),g=v(t),m(d.$$.fragment,t),y=v(t),m(k.$$.fragment,t),D=v(t),m(O.$$.fragment,t),b=v(t),m(C.$$.fragment,t),A=v(t),m(N.$$.fragment,t),R=v(t),m(B.$$.fragment,t),L=v(t),m(H.$$.fragment,t),I=v(t),m(z.$$.fragment,t),X=v(t),m(Y.$$.fragment,t),q=v(t),m(M.$$.fragment,t),K=v(t),m(_.$$.fragment,t),tt=v(t),m(et.$$.fragment,t),$t=v(t),m(nt.$$.fragment,t),st=v(t),m(at.$$.fragment,t),ot=v(t),m(rt.$$.fragment,t),ct=v(t),m(lt.$$.fragment,t)},m(t,o){u(e,t,o),c(t,$,o),u(n,t,o),c(t,s,o),u(a,t,o),c(t,r,o),u(l,t,o),c(t,p,o),u(f,t,o),c(t,g,o),u(d,t,o),c(t,y,o),u(k,t,o),c(t,D,o),u(O,t,o),c(t,b,o),u(C,t,o),c(t,A,o),u(N,t,o),c(t,R,o),u(B,t,o),c(t,L,o),u(H,t,o),c(t,I,o),u(z,t,o),c(t,X,o),u(Y,t,o),c(t,q,o),u(M,t,o),c(t,K,o),u(_,t,o),c(t,tt,o),u(et,t,o),c(t,$t,o),u(nt,t,o),c(t,st,o),u(at,t,o),c(t,ot,o),u(rt,t,o),c(t,ct,o),u(lt,t,o),pt=!0},p(t,$){const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),n.$set(o);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r);const c={};4&$&&(c.$$scope={dirty:$,ctx:t}),l.$set(c);const p={};4&$&&(p.$$scope={dirty:$,ctx:t}),f.$set(p);const i={};4&$&&(i.$$scope={dirty:$,ctx:t}),d.$set(i);const m={};4&$&&(m.$$scope={dirty:$,ctx:t}),k.$set(m);const u={};4&$&&(u.$$scope={dirty:$,ctx:t}),O.$set(u);const g={};4&$&&(g.$$scope={dirty:$,ctx:t}),C.$set(g);const h={};4&$&&(h.$$scope={dirty:$,ctx:t}),N.$set(h);const x={};4&$&&(x.$$scope={dirty:$,ctx:t}),B.$set(x);const w={};4&$&&(w.$$scope={dirty:$,ctx:t}),H.$set(w);const y={};4&$&&(y.$$scope={dirty:$,ctx:t}),z.$set(y);const E={};4&$&&(E.$$scope={dirty:$,ctx:t}),Y.$set(E);const v={};4&$&&(v.$$scope={dirty:$,ctx:t}),M.$set(v);const D={};4&$&&(D.$$scope={dirty:$,ctx:t}),_.$set(D);const b={};4&$&&(b.$$scope={dirty:$,ctx:t}),et.$set(b);const T={};4&$&&(T.$$scope={dirty:$,ctx:t}),nt.$set(T);const S={};4&$&&(S.$$scope={dirty:$,ctx:t}),at.$set(S);const A={};4&$&&(A.$$scope={dirty:$,ctx:t}),rt.$set(A);const j={};4&$&&(j.$$scope={dirty:$,ctx:t}),lt.$set(j)},i(t){pt||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),h(f.$$.fragment,t),h(d.$$.fragment,t),h(k.$$.fragment,t),h(O.$$.fragment,t),h(C.$$.fragment,t),h(N.$$.fragment,t),h(B.$$.fragment,t),h(H.$$.fragment,t),h(z.$$.fragment,t),h(Y.$$.fragment,t),h(M.$$.fragment,t),h(_.$$.fragment,t),h(et.$$.fragment,t),h(nt.$$.fragment,t),h(at.$$.fragment,t),h(rt.$$.fragment,t),h(lt.$$.fragment,t),pt=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),x(f.$$.fragment,t),x(d.$$.fragment,t),x(k.$$.fragment,t),x(O.$$.fragment,t),x(C.$$.fragment,t),x(N.$$.fragment,t),x(B.$$.fragment,t),x(H.$$.fragment,t),x(z.$$.fragment,t),x(Y.$$.fragment,t),x(M.$$.fragment,t),x(_.$$.fragment,t),x(et.$$.fragment,t),x(nt.$$.fragment,t),x(at.$$.fragment,t),x(rt.$$.fragment,t),x(lt.$$.fragment,t),pt=!1},d(t){w(e,t),t&&o($),w(n,t),t&&o(s),w(a,t),t&&o(r),w(l,t),t&&o(p),w(f,t),t&&o(g),w(d,t),t&&o(y),w(k,t),t&&o(D),w(O,t),t&&o(b),w(C,t),t&&o(A),w(N,t),t&&o(R),w(B,t),t&&o(L),w(H,t),t&&o(I),w(z,t),t&&o(X),w(Y,t),t&&o(q),w(M,t),t&&o(K),w(_,t),t&&o(tt),w(et,t),t&&o($t),w(nt,t),t&&o(st),w(at,t),t&&o(ot),w(rt,t),t&&o(ct),w(lt,t)}}}function He(t){let e,$;const n=[t[0],Ie];let s={$$slots:{default:[Le]},$$scope:{ctx:t}};for(let t=0;t<n.length;t+=1)s=f(s,n[t]);return e=new C({props:s}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){u(e,t,n),$=!0},p(t,[$]){const s=1&$?g(n,[1&$&&d(t[0]),0&$&&d(Ie)]):{};4&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s)},i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){w(e,t)}}}const Ie={name:"Dialog",shadowRaised:"0 2px 4px -1px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);"},{name:ze,shadowRaised:Xe}=Ie;function Ye(t,e,$){return t.$$set=t=>{$(0,e=f(f({},e),y(t)))},[e=y(e),()=>console.log("Closing the dialog...")]}class We extends t{constructor(t){super(),e(this,t,Ye,He,$,{})}}export{We as default,Ie as metadata};
diff --git a/376/client/legacy/divider-63da41a9.css b/376/client/legacy/divider-63da41a9.css
new file mode 100644
index 000000000..e1b477299
--- /dev/null
+++ b/376/client/legacy/divider-63da41a9.css
@@ -0,0 +1 @@
+hr.svelte-lhyupy{border:0 solid #ddd;border-top-width:1px;margin-top:1em;width:100%}hr[data-text].svelte-lhyupy{overflow:visible;position:relative}hr[data-text].svelte-lhyupy::after{background:#fff;content:attr(data-text);font-size:0.85rem;left:50%;padding:0 0.4em;position:absolute;top:0;transform:translate(-50%, -55%)}
diff --git a/376/client/legacy/divider.1108e76c.js b/376/client/legacy/divider.1108e76c.js
new file mode 100644
index 000000000..2724758bf
--- /dev/null
+++ b/376/client/legacy/divider.1108e76c.js
@@ -0,0 +1 @@
+import{S as t,i as n,s as e,K as s,j as $,l as a,m as o,U as r,a0 as c,t as p,p as l,q as f,L as m,u as i,w as u,f as g,d,v as h,x,h as k,k as w,b as y,e as v,g as D,n as E}from"./client.583c6e60.js";import{L as T,H as b,P as O}from"./layout.47c81311.js";import{D as S}from"./divider.daa4e59b.js";import{S as j}from"./showcase.759e7149.js";import{C}from"./color-preview.9db6af61.js";import{H}from"./h2.0da05151.js";import{H as F}from"./h3.c9a49f62.js";import{T as N,a as P,b as A,c as R}from"./table.c1711529.js";import"./label.d533579b.js";import"./classes.a7d1a9eb.js";import"./copyable-code.ce778425.js";import"./button.863c0adf.js";function z(t){let n;return{c(){n=h("Divider")},l(t){n=x(t,"Divider")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function G(t){let n;return{c(){n=h("A thin horizontal line used to separate sections and group content, with optional text to display in the middle.")},l(t){n=x(t,"A thin horizontal line used to separate sections and group content, with optional text to display in the middle.")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function V(t){let n,e,s,r,c,m,T,b,O,j,C,H,F,N,P,A;return c=new S({props:{text:"Section 1"}}),j=new S({props:{text:"Conclusion"}}),P=new S({}),{c(){n=k("div"),e=k("p"),s=h("This is some introduction to something"),r=i(),$(c.$$.fragment),m=i(),T=k("p"),b=h("This is the 1st section. Have fun"),O=i(),$(j.$$.fragment),C=i(),H=k("p"),F=h("This ends our test"),N=i(),$(P.$$.fragment),this.h()},l(t){n=w(t,"DIV",{slot:!0,class:!0});var $=y(n);e=w($,"P",{});var o=y(e);s=x(o,"This is some introduction to something"),o.forEach(d),r=u($),a(c.$$.fragment,$),m=u($),T=w($,"P",{});var p=y(T);b=x(p,"This is the 1st section. Have fun"),p.forEach(d),O=u($),a(j.$$.fragment,$),C=u($),H=w($,"P",{});var l=y(H);F=x(l,"This ends our test"),l.forEach(d),N=u($),a(P.$$.fragment,$),$.forEach(d),this.h()},h(){v(n,"slot","showcase"),v(n,"class","padded")},m(t,$){g(t,n,$),D(n,e),D(e,s),D(n,r),o(c,n,null),D(n,m),D(n,T),D(T,b),D(n,O),o(j,n,null),D(n,C),D(n,H),D(H,F),D(n,N),o(P,n,null),A=!0},p:E,i(t){A||(p(c.$$.fragment,t),p(j.$$.fragment,t),p(P.$$.fragment,t),A=!0)},o(t){l(c.$$.fragment,t),l(j.$$.fragment,t),l(P.$$.fragment,t),A=!1},d(t){t&&d(n),f(c),f(j),f(P)}}}function L(t){let n,e;return{c(){n=k("div"),e=k("pre"),this.h()},l(t){n=w(t,"DIV",{slot:!0});var s=y(n);e=w(s,"PRE",{class:!0}),y(e).forEach(d),s.forEach(d),this.h()},h(){v(e,"class","language-svelte"),v(n,"slot","source")},m(t,s){g(t,n,s),D(n,e),e.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>This is some introduction to something<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Divider</span> <span class="token attr-name">text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Section 1<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>This is the 1st section. Have fun<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Divider</span> <span class="token attr-name">text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Conclusion<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>This ends our test<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Divider</span> <span class="token punctuation">/></span></span></code>'},p:E,d(t){t&&d(n)}}}function B(t){let n;return{c(){n=h("Properties")},l(t){n=x(t,"Properties")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function I(t){let n;return{c(){n=h("Functional Properties")},l(t){n=x(t,"Functional Properties")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function Y(t){let n;return{c(){n=h("Name")},l(t){n=x(t,"Name")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function q(t){let n;return{c(){n=h("Default")},l(t){n=x(t,"Default")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function K(t){let n;return{c(){n=h("Type")},l(t){n=x(t,"Type")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function M(t){let n;return{c(){n=h("Description")},l(t){n=x(t,"Description")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function U(t){let n,e,s,r,c,m,h,x;return n=new A({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),s=new A({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),c=new A({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),h=new A({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),{c(){$(n.$$.fragment),e=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment),m=i(),$(h.$$.fragment)},l(t){a(n.$$.fragment,t),e=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(h.$$.fragment,t)},m(t,$){o(n,t,$),g(t,e,$),o(s,t,$),g(t,r,$),o(c,t,$),g(t,m,$),o(h,t,$),x=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),s.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),h.$set(r)},i(t){x||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(r),f(c,t),t&&d(m),f(h,t)}}}function J(t){let n,e,s;return{c(){n=k("strong"),e=k("code"),s=h("text")},l(t){n=w(t,"STRONG",{});var $=y(n);e=w($,"CODE",{});var a=y(e);s=x(a,"text"),a.forEach(d),$.forEach(d)},m(t,$){g(t,n,$),D(n,e),D(e,s)},p:E,d(t){t&&d(n)}}}function Q(t){let n,e;return{c(){n=k("code"),e=h("null")},l(t){n=w(t,"CODE",{});var s=y(n);e=x(s,"null"),s.forEach(d)},m(t,s){g(t,n,s),D(n,e)},p:E,d(t){t&&d(n)}}}function W(t){let n,e;return{c(){n=k("code"),e=h("string")},l(t){n=w(t,"CODE",{});var s=y(n);e=x(s,"string"),s.forEach(d)},m(t,s){g(t,n,s),D(n,e)},p:E,d(t){t&&d(n)}}}function X(t){let n;return{c(){n=h("Adds a text to the middle of the line.")},l(t){n=x(t,"Adds a text to the middle of the line.")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function Z(t){let n,e,s,r,c,m,h,x;return n=new R({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),s=new R({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),c=new R({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),h=new R({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),{c(){$(n.$$.fragment),e=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment),m=i(),$(h.$$.fragment)},l(t){a(n.$$.fragment,t),e=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(h.$$.fragment,t)},m(t,$){o(n,t,$),g(t,e,$),o(s,t,$),g(t,r,$),o(c,t,$),g(t,m,$),o(h,t,$),x=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),s.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),h.$set(r)},i(t){x||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(r),f(c,t),t&&d(m),f(h,t)}}}function _(t){let n,e,s;return{c(){n=k("strong"),e=k("code"),s=h("...")},l(t){n=w(t,"STRONG",{});var $=y(n);e=w($,"CODE",{});var a=y(e);s=x(a,"..."),a.forEach(d),$.forEach(d)},m(t,$){g(t,n,$),D(n,e),D(e,s)},p:E,d(t){t&&d(n)}}}function tt(t){let n,e;return{c(){n=k("code"),e=h("any")},l(t){n=w(t,"CODE",{});var s=y(n);e=x(s,"any"),s.forEach(d)},m(t,s){g(t,n,s),D(n,e)},p:E,d(t){t&&d(n)}}}function nt(t){let n,e,s,$;return{c(){n=h("Everything else will be passed to the underlying "),e=k("code"),s=h("<hr>"),$=h(" element.")},l(t){n=x(t,"Everything else will be passed to the underlying "),e=w(t,"CODE",{});var a=y(e);s=x(a,"<hr>"),a.forEach(d),$=x(t," element.")},m(t,a){g(t,n,a),g(t,e,a),D(e,s),g(t,$,a)},p:E,d(t){t&&d(n),t&&d(e),t&&d($)}}}function et(t){let n,e,s,r,c,m,h,x;return n=new R({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),s=new R({}),c=new R({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),h=new R({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),{c(){$(n.$$.fragment),e=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment),m=i(),$(h.$$.fragment)},l(t){a(n.$$.fragment,t),e=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(h.$$.fragment,t)},m(t,$){o(n,t,$),g(t,e,$),o(s,t,$),g(t,r,$),o(c,t,$),g(t,m,$),o(h,t,$),x=!0},p(t,e){const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};2&e&&($.$$scope={dirty:e,ctx:t}),c.$set($);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a)},i(t){x||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(r),f(c,t),t&&d(m),f(h,t)}}}function st(t){let n,e,s,r,c,m,h,x;return e=new P({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),{c(){n=k("thead"),$(e.$$.fragment),s=i(),r=k("tbody"),$(c.$$.fragment),m=i(),$(h.$$.fragment)},l(t){n=w(t,"THEAD",{});var $=y(n);a(e.$$.fragment,$),$.forEach(d),s=u(t),r=w(t,"TBODY",{});var o=y(r);a(c.$$.fragment,o),m=u(o),a(h.$$.fragment,o),o.forEach(d)},m(t,$){g(t,n,$),o(e,n,null),g(t,s,$),g(t,r,$),o(c,r,null),D(r,m),o(h,r,null),x=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};2&n&&($.$$scope={dirty:n,ctx:t}),c.$set($);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),h.$set(a)},i(t){x||(p(e.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){t&&d(n),f(e),t&&d(s),t&&d(r),f(c),f(h)}}}function $t(t){let n;return{c(){n=h("SCSS Variables")},l(t){n=x(t,"SCSS Variables")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function at(t){let n;return{c(){n=h("Name")},l(t){n=x(t,"Name")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function ot(t){let n;return{c(){n=h("Description")},l(t){n=x(t,"Description")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function rt(t){let n;return{c(){n=h("Default")},l(t){n=x(t,"Default")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function ct(t){let n,e,s,r,c,m;return n=new A({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),s=new A({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),c=new A({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),{c(){$(n.$$.fragment),e=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment)},l(t){a(n.$$.fragment,t),e=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,$){o(n,t,$),g(t,e,$),o(s,t,$),g(t,r,$),o(c,t,$),m=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),s.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(r),f(c,t)}}}function pt(t){let n,e,s;return{c(){n=k("strong"),e=k("code"),s=h("$light-contrast")},l(t){n=w(t,"STRONG",{});var $=y(n);e=w($,"CODE",{});var a=y(e);s=x(a,"$light-contrast"),a.forEach(d),$.forEach(d)},m(t,$){g(t,n,$),D(n,e),D(e,s)},p:E,d(t){t&&d(n)}}}function lt(t){let n;return{c(){n=h("The color of the horizontal rule")},l(t){n=x(t,"The color of the horizontal rule")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function ft(t){let n,e;return n=new C({props:{value:"#DDDDDD"}}),{c(){$(n.$$.fragment)},l(t){a(n.$$.fragment,t)},m(t,s){o(n,t,s),e=!0},p:E,i(t){e||(p(n.$$.fragment,t),e=!0)},o(t){l(n.$$.fragment,t),e=!1},d(t){f(n,t)}}}function mt(t){let n,e,s,r,c,m;return n=new R({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),s=new R({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),c=new R({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),{c(){$(n.$$.fragment),e=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment)},l(t){a(n.$$.fragment,t),e=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,$){o(n,t,$),g(t,e,$),o(s,t,$),g(t,r,$),o(c,t,$),m=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),s.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(r),f(c,t)}}}function it(t){let n,e,s;return{c(){n=k("strong"),e=k("code"),s=h("$background")},l(t){n=w(t,"STRONG",{});var $=y(n);e=w($,"CODE",{});var a=y(e);s=x(a,"$background"),a.forEach(d),$.forEach(d)},m(t,$){g(t,n,$),D(n,e),D(e,s)},p:E,d(t){t&&d(n)}}}function ut(t){let n;return{c(){n=h("The background color of the text.")},l(t){n=x(t,"The background color of the text.")},m(t,e){g(t,n,e)},d(t){t&&d(n)}}}function gt(t){let n,e;return n=new C({props:{value:"#FFFFFF"}}),{c(){$(n.$$.fragment)},l(t){a(n.$$.fragment,t)},m(t,s){o(n,t,s),e=!0},p:E,i(t){e||(p(n.$$.fragment,t),e=!0)},o(t){l(n.$$.fragment,t),e=!1},d(t){f(n,t)}}}function dt(t){let n,e,s,r,c,m;return n=new R({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),s=new R({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),c=new R({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),{c(){$(n.$$.fragment),e=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment)},l(t){a(n.$$.fragment,t),e=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,$){o(n,t,$),g(t,e,$),o(s,t,$),g(t,r,$),o(c,t,$),m=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),s.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(r),f(c,t)}}}function ht(t){let n,e,s,r,c,m,h,x;return e=new P({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),{c(){n=k("thead"),$(e.$$.fragment),s=i(),r=k("tbody"),$(c.$$.fragment),m=i(),$(h.$$.fragment)},l(t){n=w(t,"THEAD",{});var $=y(n);a(e.$$.fragment,$),$.forEach(d),s=u(t),r=w(t,"TBODY",{});var o=y(r);a(c.$$.fragment,o),m=u(o),a(h.$$.fragment,o),o.forEach(d)},m(t,$){g(t,n,$),o(e,n,null),g(t,s,$),g(t,r,$),o(c,r,null),D(r,m),o(h,r,null),x=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};2&n&&($.$$scope={dirty:n,ctx:t}),c.$set($);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),h.$set(a)},i(t){x||(p(e.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){t&&d(n),f(e),t&&d(s),t&&d(r),f(c),f(h)}}}function xt(t){let n,e,s,r,c,m,h,x,k,w,y,v,D,E,T,S;return n=new b({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),s=new O({props:{$$slots:{default:[G]},$$scope:{ctx:t}}}),c=new j({props:{$$slots:{source:[L],showcase:[V]},$$scope:{ctx:t}}}),h=new H({props:{id:"properties",$$slots:{default:[B]},$$scope:{ctx:t}}}),k=new F({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),y=new N({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),D=new H({props:{id:"scss-variables",$$slots:{default:[$t]},$$scope:{ctx:t}}}),T=new N({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),{c(){$(n.$$.fragment),e=i(),$(s.$$.fragment),r=i(),$(c.$$.fragment),m=i(),$(h.$$.fragment),x=i(),$(k.$$.fragment),w=i(),$(y.$$.fragment),v=i(),$(D.$$.fragment),E=i(),$(T.$$.fragment)},l(t){a(n.$$.fragment,t),e=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(h.$$.fragment,t),x=u(t),a(k.$$.fragment,t),w=u(t),a(y.$$.fragment,t),v=u(t),a(D.$$.fragment,t),E=u(t),a(T.$$.fragment,t)},m(t,$){o(n,t,$),g(t,e,$),o(s,t,$),g(t,r,$),o(c,t,$),g(t,m,$),o(h,t,$),g(t,x,$),o(k,t,$),g(t,w,$),o(y,t,$),g(t,v,$),o(D,t,$),g(t,E,$),o(T,t,$),S=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),s.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),h.$set(r);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),k.$set(p);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),y.$set(l);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),D.$set(f);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),T.$set(m)},i(t){S||(p(n.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),p(k.$$.fragment,t),p(y.$$.fragment,t),p(D.$$.fragment,t),p(T.$$.fragment,t),S=!0)},o(t){l(n.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(k.$$.fragment,t),l(y.$$.fragment,t),l(D.$$.fragment,t),l(T.$$.fragment,t),S=!1},d(t){f(n,t),t&&d(e),f(s,t),t&&d(r),f(c,t),t&&d(m),f(h,t),t&&d(x),f(k,t),t&&d(w),f(y,t),t&&d(v),f(D,t),t&&d(E),f(T,t)}}}function kt(t){let n,e;const m=[t[0],wt];let i={$$slots:{default:[xt]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=s(i,m[t]);return n=new T({props:i}),{c(){$(n.$$.fragment)},l(t){a(n.$$.fragment,t)},m(t,s){o(n,t,s),e=!0},p(t,[e]){const s=1&e?r(m,[1&e&&c(t[0]),0&e&&c(wt)]):{};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s)},i(t){e||(p(n.$$.fragment,t),e=!0)},o(t){l(n.$$.fragment,t),e=!1},d(t){f(n,t)}}}const wt={name:"Divider"};function yt(t,n,e){return t.$$set=t=>{e(0,n=s(s({},n),m(t)))},[n=m(n)]}class vt extends t{constructor(t){super(),n(this,t,yt,kt,e,{})}}export{vt as default,wt as metadata};
diff --git a/376/client/legacy/divider.daa4e59b.js b/376/client/legacy/divider.daa4e59b.js
new file mode 100644
index 000000000..6623910bc
--- /dev/null
+++ b/376/client/legacy/divider.daa4e59b.js
@@ -0,0 +1 @@
+import{S as t,i as s,s as e,K as a,h as l,k as n,N as r,O as h,f as i,U as o,n as x,d as c,I as u,L as d}from"./client.583c6e60.js";function p(t){let s,e=[{"data-text":t[0]},t[1]],u={};for(let t=0;t<e.length;t+=1)u=a(u,e[t]);return{c(){s=l("hr"),this.h()},l(t){s=n(t,"HR",{"data-text":!0}),this.h()},h(){r(s,u),h(s,"svelte-lhyupy",!0)},m(t,e){i(t,s,e)},p(t,a){let[l]=a;r(s,u=o(e,[1&l&&{"data-text":t[0]},2&l&&t[1]])),h(s,"svelte-lhyupy",!0)},i:x,o:x,d(t){t&&c(s)}}}function f(t,s,e){const l=["text"];let n=u(s,l),{text:r=null}=s;return t.$$set=t=>{s=a(a({},s),d(t)),e(1,n=u(s,l)),"text"in t&&e(0,r=t.text)},[r,n]}var y=class extends t{constructor(t){super(),s(this,t,f,p,e,{text:0})}};export{y as D};
diff --git a/376/client/legacy/dot-828763f8.css b/376/client/legacy/dot-828763f8.css
new file mode 100644
index 000000000..ab61ae072
--- /dev/null
+++ b/376/client/legacy/dot-828763f8.css
@@ -0,0 +1 @@
+.dot.svelte-1rux4jd{background:#4300b0;border-radius:50%;height:0.625em;width:0.625em}.dot.info.svelte-1rux4jd{background:#86d3ff}.dot.attention.svelte-1rux4jd{background:#ffb359}.dot.success.svelte-1rux4jd{background:#9cde70}.dot.danger.svelte-1rux4jd{background:#b80000}.dot.small.svelte-1rux4jd{height:0.375em;width:0.375em}
diff --git a/376/client/legacy/dot.b94ce6e0.js b/376/client/legacy/dot.b94ce6e0.js
new file mode 100644
index 000000000..9c9694494
--- /dev/null
+++ b/376/client/legacy/dot.b94ce6e0.js
@@ -0,0 +1 @@
+import{S as s,i as a,s as n,K as t,h as e,k as c,b as l,d as o,N as i,O as r,f as d,U as u,n as f,I as m,L as h}from"./client.583c6e60.js";import{c as g}from"./classes.a7d1a9eb.js";function p(s){let a,n,m=[{class:n=g("dot",s[0])},s[6]],h={};for(let s=0;s<m.length;s+=1)h=t(h,m[s]);return{c(){a=e("div"),this.h()},l(s){a=c(s,"DIV",{class:!0}),l(a).forEach(o),this.h()},h(){i(a,h),r(a,"info",s[1]),r(a,"attention",s[2]),r(a,"success",s[4]),r(a,"danger",s[3]),r(a,"small",s[5]),r(a,"svelte-1rux4jd",!0)},m(s,n){d(s,a,n)},p(s,t){let[e]=t;i(a,h=u(m,[1&e&&n!==(n=g("dot",s[0]))&&{class:n},64&e&&s[6]])),r(a,"info",s[1]),r(a,"attention",s[2]),r(a,"success",s[4]),r(a,"danger",s[3]),r(a,"small",s[5]),r(a,"svelte-1rux4jd",!0)},i:f,o:f,d(s){s&&o(a)}}}function v(s,a,n){const e=["class","info","attention","danger","success","small"];let c=m(a,e),{class:l=null}=a,{info:o=!1}=a,{attention:i=!1}=a,{danger:r=!1}=a,{success:d=!1}=a,{small:u=!1}=a;return+o+ +i+ +r+ +d>1&&console.warn("A dot can either be info, attention, danger or success, not several of them"),s.$$set=s=>{a=t(t({},a),h(s)),n(6,c=m(a,e)),"class"in s&&n(0,l=s.class),"info"in s&&n(1,o=s.info),"attention"in s&&n(2,i=s.attention),"danger"in s&&n(3,r=s.danger),"success"in s&&n(4,d=s.success),"small"in s&&n(5,u=s.small)},[l,o,i,r,d,u,c]}var j=class extends s{constructor(s){super(),a(this,s,v,p,n,{class:0,info:1,attention:2,danger:3,success:4,small:5})}};export{j as D};
diff --git a/376/client/legacy/dot.efaa0322.js b/376/client/legacy/dot.efaa0322.js
new file mode 100644
index 000000000..396fefc52
--- /dev/null
+++ b/376/client/legacy/dot.efaa0322.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as s,l as a,m as o,U as r,a0 as c,t as p,p as f,q as l,L as m,u as g,w as u,f as d,d as i,v as x,x as h,h as y,k as w,b as E,e as v,g as k,n as D}from"./client.583c6e60.js";import{L as O,H as C,P as T}from"./layout.47c81311.js";import{B as b}from"./button.863c0adf.js";import{D as S}from"./dot.b94ce6e0.js";import{S as N}from"./showcase.759e7149.js";import{C as A}from"./color-preview.9db6af61.js";import{H as B}from"./h2.0da05151.js";import{H as R}from"./h3.c9a49f62.js";import{T as j,a as G,b as P,c as F}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";function H(t){let e;return{c(){e=x("Dot")},l(t){e=h(t,"Dot")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function M(t){let e;return{c(){e=x("A colorful dot to signal about all your important events.")},l(t){e=h(t,"A colorful dot to signal about all your important events.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function K(t){let e,$,n;return $=new S({props:{class:"ml"}}),{c(){e=x("Plain ol' dot: "),s($.$$.fragment)},l(t){e=h(t,"Plain ol' dot: "),a($.$$.fragment,t)},m(t,s){d(t,e,s),o($,t,s),n=!0},p:D,i(t){n||(p($.$$.fragment,t),n=!0)},o(t){f($.$$.fragment,t),n=!1},d(t){t&&i(e),l($,t)}}}function V(t){let e,$,n;return $=new S({props:{info:!0,class:"ml"}}),{c(){e=x("New info "),s($.$$.fragment)},l(t){e=h(t,"New info "),a($.$$.fragment,t)},m(t,s){d(t,e,s),o($,t,s),n=!0},p:D,i(t){n||(p($.$$.fragment,t),n=!0)},o(t){f($.$$.fragment,t),n=!1},d(t){t&&i(e),l($,t)}}}function Y(t){let e,$,n;return e=new S({props:{success:!0,class:"mr"}}),{c(){s(e.$$.fragment),$=x("Mission accomplished")},l(t){a(e.$$.fragment,t),$=h(t,"Mission accomplished")},m(t,s){o(e,t,s),d(t,$,s),n=!0},p:D,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t),t&&i($)}}}function L(t){let e,$,n;return $=new S({props:{attention:!0,class:"ml"}}),{c(){e=x("Take care! "),s($.$$.fragment)},l(t){e=h(t,"Take care! "),a($.$$.fragment,t)},m(t,s){d(t,e,s),o($,t,s),n=!0},p:D,i(t){n||(p($.$$.fragment,t),n=!0)},o(t){f($.$$.fragment,t),n=!1},d(t){t&&i(e),l($,t)}}}function z(t){let e,$,n;return $=new S({props:{danger:!0,small:!0,class:"ml"}}),{c(){e=x("Small warning "),s($.$$.fragment)},l(t){e=h(t,"Small warning "),a($.$$.fragment,t)},m(t,s){d(t,e,s),o($,t,s),n=!0},p:D,i(t){n||(p($.$$.fragment,t),n=!0)},o(t){f($.$$.fragment,t),n=!1},d(t){t&&i(e),l($,t)}}}function I(t){let e,$,n,r,c,m,x,h,D,O,C;return $=new b({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),r=new b({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),m=new b({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),h=new b({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),O=new b({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),{c(){e=y("div"),s($.$$.fragment),n=g(),s(r.$$.fragment),c=g(),s(m.$$.fragment),x=g(),s(h.$$.fragment),D=g(),s(O.$$.fragment),this.h()},l(t){e=w(t,"DIV",{slot:!0,class:!0});var s=E(e);a($.$$.fragment,s),n=u(s),a(r.$$.fragment,s),c=u(s),a(m.$$.fragment,s),x=u(s),a(h.$$.fragment,s),D=u(s),a(O.$$.fragment,s),s.forEach(i),this.h()},h(){v(e,"slot","showcase"),v(e,"class","padded")},m(t,s){d(t,e,s),o($,e,null),k(e,n),o(r,e,null),k(e,c),o(m,e,null),k(e,x),o(h,e,null),k(e,D),o(O,e,null),C=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),r.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),m.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),O.$set(c)},i(t){C||(p($.$$.fragment,t),p(r.$$.fragment,t),p(m.$$.fragment,t),p(h.$$.fragment,t),p(O.$$.fragment,t),C=!0)},o(t){f($.$$.fragment,t),f(r.$$.fragment,t),f(m.$$.fragment,t),f(h.$$.fragment,t),f(O.$$.fragment,t),C=!1},d(t){t&&i(e),l($),l(r),l(m),l(h),l(O)}}}function q(t){let e,$;return{c(){e=y("div"),$=y("pre"),this.h()},l(t){e=w(t,"DIV",{slot:!0});var n=E(e);$=w(n,"PRE",{class:!0}),E($).forEach(i),n.forEach(i),this.h()},h(){v($,"class","language-svelte"),v(e,"slot","source")},m(t,n){d(t,e,n),k(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>\n  Plain ol\' dot: <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dot</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>\n  New info <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dot</span> <span class="token attr-name">info</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dot</span> <span class="token attr-name">success</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>mr<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>Mission accomplished\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>\n  Take care! <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dot</span> <span class="token attr-name">attention</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>\n  Small warning <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dot</span> <span class="token attr-name">danger</span> <span class="token attr-name">small</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span></code>'},p:D,d(t){t&&i(e)}}}function U(t){let e;return{c(){e=x("Properties")},l(t){e=h(t,"Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function J(t){let e;return{c(){e=x("Style Properties")},l(t){e=h(t,"Style Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Q(t){let e,$,n,s,a,o,r,c,p,f,l,m,g,u,v,O,C;return{c(){e=x("Only one of "),$=y("mark"),n=y("code"),s=x("info"),a=x(", "),o=y("mark"),r=y("code"),c=x("attention"),p=x(", "),f=y("mark"),l=y("code"),m=x("danger"),g=x(", and "),u=y("mark"),v=y("code"),O=x("success"),C=x(" props may be specified at a time.")},l(t){e=h(t,"Only one of "),$=w(t,"MARK",{});var d=E($);n=w(d,"CODE",{});var x=E(n);s=h(x,"info"),x.forEach(i),d.forEach(i),a=h(t,", "),o=w(t,"MARK",{});var y=E(o);r=w(y,"CODE",{});var k=E(r);c=h(k,"attention"),k.forEach(i),y.forEach(i),p=h(t,", "),f=w(t,"MARK",{});var D=E(f);l=w(D,"CODE",{});var T=E(l);m=h(T,"danger"),T.forEach(i),D.forEach(i),g=h(t,", and "),u=w(t,"MARK",{});var b=E(u);v=w(b,"CODE",{});var S=E(v);O=h(S,"success"),S.forEach(i),b.forEach(i),C=h(t," props may be specified at a time.")},m(t,i){d(t,e,i),d(t,$,i),k($,n),k(n,s),d(t,a,i),d(t,o,i),k(o,r),k(r,c),d(t,p,i),d(t,f,i),k(f,l),k(l,m),d(t,g,i),d(t,u,i),k(u,v),k(v,O),d(t,C,i)},p:D,d(t){t&&i(e),t&&i($),t&&i(a),t&&i(o),t&&i(p),t&&i(f),t&&i(g),t&&i(u),t&&i(C)}}}function W(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function X(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Z(t){let e;return{c(){e=x("Type")},l(t){e=h(t,"Type")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function _(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function tt(t){let e,$,n,r,c,m,x,h;return e=new P({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),x=new P({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t),t&&i(m),l(x,t)}}}function et(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("info")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"info"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),k(e,$),k($,n)},p:D,d(t){t&&i(e)}}}function $t(t){let e,$;return{c(){e=y("code"),$=x("false")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"false"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function nt(t){let e,$;return{c(){e=y("code"),$=x("boolean")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"boolean"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function st(t){let e,$,n,s;return{c(){e=x("Applies the "),$=y("code"),n=x("$info"),s=x(" color to the dot")},l(t){e=h(t,"Applies the "),$=w(t,"CODE",{});var a=E($);n=h(a,"$info"),a.forEach(i),s=h(t," color to the dot")},m(t,a){d(t,e,a),d(t,$,a),k($,n),d(t,s,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(s)}}}function at(t){let e,$,n,r,c,m,x,h;return e=new F({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),x=new F({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t),t&&i(m),l(x,t)}}}function ot(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("attention")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"attention"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),k(e,$),k($,n)},p:D,d(t){t&&i(e)}}}function rt(t){let e,$;return{c(){e=y("code"),$=x("false")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"false"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function ct(t){let e,$;return{c(){e=y("code"),$=x("boolean")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"boolean"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function pt(t){let e,$,n,s;return{c(){e=x("Applies the "),$=y("code"),n=x("$attention"),s=x(" color to the dot")},l(t){e=h(t,"Applies the "),$=w(t,"CODE",{});var a=E($);n=h(a,"$attention"),a.forEach(i),s=h(t," color to the dot")},m(t,a){d(t,e,a),d(t,$,a),k($,n),d(t,s,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(s)}}}function ft(t){let e,$,n,r,c,m,x,h;return e=new F({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),x=new F({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t),t&&i(m),l(x,t)}}}function lt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("danger")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"danger"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),k(e,$),k($,n)},p:D,d(t){t&&i(e)}}}function mt(t){let e,$;return{c(){e=y("code"),$=x("false")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"false"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function gt(t){let e,$;return{c(){e=y("code"),$=x("boolean")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"boolean"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function ut(t){let e,$,n,s;return{c(){e=x("Applies the "),$=y("code"),n=x("$danger"),s=x(" color to the dot")},l(t){e=h(t,"Applies the "),$=w(t,"CODE",{});var a=E($);n=h(a,"$danger"),a.forEach(i),s=h(t," color to the dot")},m(t,a){d(t,e,a),d(t,$,a),k($,n),d(t,s,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(s)}}}function dt(t){let e,$,n,r,c,m,x,h;return e=new F({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),x=new F({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t),t&&i(m),l(x,t)}}}function it(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("success")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"success"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),k(e,$),k($,n)},p:D,d(t){t&&i(e)}}}function xt(t){let e,$;return{c(){e=y("code"),$=x("false")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"false"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function ht(t){let e,$;return{c(){e=y("code"),$=x("boolean")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"boolean"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function yt(t){let e,$,n,s;return{c(){e=x("Applies the "),$=y("code"),n=x("$success"),s=x(" color to the dot")},l(t){e=h(t,"Applies the "),$=w(t,"CODE",{});var a=E($);n=h(a,"$success"),a.forEach(i),s=h(t," color to the dot")},m(t,a){d(t,e,a),d(t,$,a),k($,n),d(t,s,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(s)}}}function wt(t){let e,$,n,r,c,m,x,h;return e=new F({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),x=new F({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t),t&&i(m),l(x,t)}}}function Et(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("small")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"small"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),k(e,$),k($,n)},p:D,d(t){t&&i(e)}}}function vt(t){let e,$;return{c(){e=y("code"),$=x("false")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"false"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function kt(t){let e,$;return{c(){e=y("code"),$=x("boolean")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"boolean"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function Dt(t){let e;return{c(){e=x("Decreases the size of the dot")},l(t){e=h(t,"Decreases the size of the dot")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Ot(t){let e,$,n,r,c,m,x,h;return e=new F({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),x=new F({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t),t&&i(m),l(x,t)}}}function Ct(t){let e,$,n,r,c,m,x,h,v,D,O,C,T,b;return $=new G({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),x=new G({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),v=new G({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),O=new G({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),T=new G({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),r=y("tbody"),s(c.$$.fragment),m=g(),s(x.$$.fragment),h=g(),s(v.$$.fragment),D=g(),s(O.$$.fragment),C=g(),s(T.$$.fragment)},l(t){e=w(t,"THEAD",{});var s=E(e);a($.$$.fragment,s),s.forEach(i),n=u(t),r=w(t,"TBODY",{});var o=E(r);a(c.$$.fragment,o),m=u(o),a(x.$$.fragment,o),h=u(o),a(v.$$.fragment,o),D=u(o),a(O.$$.fragment,o),C=u(o),a(T.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,r,s),o(c,r,null),k(r,m),o(x,r,null),k(r,h),o(v,r,null),k(r,D),o(O,r,null),k(r,C),o(T,r,null),b=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),x.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),v.$set(o);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),O.$set(r);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),T.$set(p)},i(t){b||(p($.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),p(v.$$.fragment,t),p(O.$$.fragment,t),p(T.$$.fragment,t),b=!0)},o(t){f($.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),f(v.$$.fragment,t),f(O.$$.fragment,t),f(T.$$.fragment,t),b=!1},d(t){t&&i(e),l($),t&&i(n),t&&i(r),l(c),l(x),l(v),l(O),l(T)}}}function Tt(t){let e;return{c(){e=x("Functional Properties")},l(t){e=h(t,"Functional Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function bt(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function St(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Nt(t){let e;return{c(){e=x("Type")},l(t){e=h(t,"Type")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function At(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Bt(t){let e,$,n,r,c,m,x,h;return e=new P({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),x=new P({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t),t&&i(m),l(x,t)}}}function Rt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("...")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"..."),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),k(e,$),k($,n)},p:D,d(t){t&&i(e)}}}function jt(t){let e,$;return{c(){e=y("code"),$=x("any")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"any"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function Gt(t){let e,$,n,s;return{c(){e=x("Everything else will be passed to the underlying "),$=y("code"),n=x("<div>"),s=x(" element.")},l(t){e=h(t,"Everything else will be passed to the underlying "),$=w(t,"CODE",{});var a=E($);n=h(a,"<div>"),a.forEach(i),s=h(t," element.")},m(t,a){d(t,e,a),d(t,$,a),k($,n),d(t,s,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(s)}}}function Pt(t){let e,$,n,r,c,m,x,h;return e=new F({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),n=new F({}),c=new F({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),x=new F({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),x.$set(a)},i(t){h||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t),t&&i(m),l(x,t)}}}function Ft(t){let e,$,n,r,c,m;return $=new G({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),r=y("tbody"),s(c.$$.fragment)},l(t){e=w(t,"THEAD",{});var s=E(e);a($.$$.fragment,s),s.forEach(i),n=u(t),r=w(t,"TBODY",{});var o=E(r);a(c.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,r,s),o(c,r,null),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&i(e),l($),t&&i(n),t&&i(r),l(c)}}}function Ht(t){let e;return{c(){e=x("Class Properties")},l(t){e=h(t,"Class Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Mt(t){let e,$,n,s,a,o,r;return{c(){e=x("All "),$=y("code"),n=x("<Dot>"),s=x(" components use the "),a=y("code"),o=x(".dot"),r=x(" class.")},l(t){e=h(t,"All "),$=w(t,"CODE",{});var c=E($);n=h(c,"<Dot>"),c.forEach(i),s=h(t," components use the "),a=w(t,"CODE",{});var p=E(a);o=h(p,".dot"),p.forEach(i),r=h(t," class.")},m(t,c){d(t,e,c),d(t,$,c),k($,n),d(t,s,c),d(t,a,c),k(a,o),d(t,r,c)},p:D,d(t){t&&i(e),t&&i($),t&&i(s),t&&i(a),t&&i(r)}}}function Kt(t){let e;return{c(){e=x("Falsy values passed to classes will be disregarded.")},l(t){e=h(t,"Falsy values passed to classes will be disregarded.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Vt(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Yt(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Lt(t){let e;return{c(){e=x("Type")},l(t){e=h(t,"Type")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function zt(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function It(t){let e,$,n,r,c,m,x,h;return e=new P({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),x=new P({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t),t&&i(m),l(x,t)}}}function qt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("class")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"class"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),k(e,$),k($,n)},p:D,d(t){t&&i(e)}}}function Ut(t){let e,$;return{c(){e=y("code"),$=x("null")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"null"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function Jt(t){let e,$;return{c(){e=y("code"),$=x("string")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"string"),n.forEach(i)},m(t,n){d(t,e,n),k(e,$)},p:D,d(t){t&&i(e)}}}function Qt(t){let e,$,n,s;return{c(){e=x("A class string to add to the dot "),$=y("code"),n=x("<div>"),s=x(" element.")},l(t){e=h(t,"A class string to add to the dot "),$=w(t,"CODE",{});var a=E($);n=h(a,"<div>"),a.forEach(i),s=h(t," element.")},m(t,a){d(t,e,a),d(t,$,a),k($,n),d(t,s,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(s)}}}function Wt(t){let e,$,n,r,c,m,x,h;return e=new F({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),x=new F({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t),t&&i(m),l(x,t)}}}function Xt(t){let e,$,n,r,c,m;return $=new G({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),r=y("tbody"),s(c.$$.fragment)},l(t){e=w(t,"THEAD",{});var s=E(e);a($.$$.fragment,s),s.forEach(i),n=u(t),r=w(t,"TBODY",{});var o=E(r);a(c.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,r,s),o(c,r,null),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&i(e),l($),t&&i(n),t&&i(r),l(c)}}}function Zt(t){let e;return{c(){e=x("SCSS Variables")},l(t){e=h(t,"SCSS Variables")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function _t(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function te(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function ee(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function $e(t){let e,$,n,r,c,m;return e=new P({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t)}}}function ne(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("$main")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"$main"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),k(e,$),k($,n)},p:D,d(t){t&&i(e)}}}function se(t){let e;return{c(){e=x("The color of the plain variant of the dot")},l(t){e=h(t,"The color of the plain variant of the dot")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function ae(t){let e,$;return e=new A({props:{value:"#4300B0"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:D,i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){f(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function oe(t){let e,$,n,r,c,m;return e=new F({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t)}}}function re(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("$info")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"$info"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),k(e,$),k($,n)},p:D,d(t){t&&i(e)}}}function ce(t){let e,$,n,s;return{c(){e=x("The color of the "),$=y("code"),n=x("info"),s=x(" variant of the dot")},l(t){e=h(t,"The color of the "),$=w(t,"CODE",{});var a=E($);n=h(a,"info"),a.forEach(i),s=h(t," variant of the dot")},m(t,a){d(t,e,a),d(t,$,a),k($,n),d(t,s,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(s)}}}function pe(t){let e,$;return e=new A({props:{value:"#86D3FF"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:D,i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){f(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function fe(t){let e,$,n,r,c,m;return e=new F({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t)}}}function le(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("$attention")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"$attention"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),k(e,$),k($,n)},p:D,d(t){t&&i(e)}}}function me(t){let e,$,n,s;return{c(){e=x("The color of the "),$=y("code"),n=x("attention"),s=x(" variant of the dot")},l(t){e=h(t,"The color of the "),$=w(t,"CODE",{});var a=E($);n=h(a,"attention"),a.forEach(i),s=h(t," variant of the dot")},m(t,a){d(t,e,a),d(t,$,a),k($,n),d(t,s,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(s)}}}function ge(t){let e,$;return e=new A({props:{value:"#FFB359"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:D,i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){f(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function ue(t){let e,$,n,r,c,m;return e=new F({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t)}}}function de(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("$success")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"$success"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),k(e,$),k($,n)},p:D,d(t){t&&i(e)}}}function ie(t){let e,$,n,s;return{c(){e=x("The color of the "),$=y("code"),n=x("success"),s=x(" variant of the dot")},l(t){e=h(t,"The color of the "),$=w(t,"CODE",{});var a=E($);n=h(a,"success"),a.forEach(i),s=h(t," variant of the dot")},m(t,a){d(t,e,a),d(t,$,a),k($,n),d(t,s,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(s)}}}function xe(t){let e,$;return e=new A({props:{value:"#9CDE70"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:D,i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){f(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function he(t){let e,$,n,r,c,m;return e=new F({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t)}}}function ye(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("$danger")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"$danger"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),k(e,$),k($,n)},p:D,d(t){t&&i(e)}}}function we(t){let e,$,n,s;return{c(){e=x("The color of the "),$=y("code"),n=x("danger"),s=x(" variant of the dot")},l(t){e=h(t,"The color of the "),$=w(t,"CODE",{});var a=E($);n=h(a,"danger"),a.forEach(i),s=h(t," variant of the dot")},m(t,a){d(t,e,a),d(t,$,a),k($,n),d(t,s,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(s)}}}function Ee(t){let e,$;return e=new A({props:{value:"#B80000"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:D,i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){f(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function ve(t){let e,$,n,r,c,m;return e=new F({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t)}}}function ke(t){let e,$,n,r,c,m,x,h,v,D,O,C,T,b;return $=new G({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),x=new G({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),v=new G({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),O=new G({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),T=new G({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),r=y("tbody"),s(c.$$.fragment),m=g(),s(x.$$.fragment),h=g(),s(v.$$.fragment),D=g(),s(O.$$.fragment),C=g(),s(T.$$.fragment)},l(t){e=w(t,"THEAD",{});var s=E(e);a($.$$.fragment,s),s.forEach(i),n=u(t),r=w(t,"TBODY",{});var o=E(r);a(c.$$.fragment,o),m=u(o),a(x.$$.fragment,o),h=u(o),a(v.$$.fragment,o),D=u(o),a(O.$$.fragment,o),C=u(o),a(T.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,r,s),o(c,r,null),k(r,m),o(x,r,null),k(r,h),o(v,r,null),k(r,D),o(O,r,null),k(r,C),o(T,r,null),b=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),x.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),v.$set(o);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),O.$set(r);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),T.$set(p)},i(t){b||(p($.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),p(v.$$.fragment,t),p(O.$$.fragment,t),p(T.$$.fragment,t),b=!0)},o(t){f($.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),f(v.$$.fragment,t),f(O.$$.fragment,t),f(T.$$.fragment,t),b=!1},d(t){t&&i(e),l($),t&&i(n),t&&i(r),l(c),l(x),l(v),l(O),l(T)}}}function De(t){let e,$,n,r,c,m,x,h,y,w,E,v,k,D,O,b,S,A,G,P,F,K,V,Y,L,z,W,X,Z,_;return e=new C({props:{$$slots:{default:[H]},$$scope:{ctx:t}}}),n=new T({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),c=new N({props:{$$slots:{source:[q],showcase:[I]},$$scope:{ctx:t}}}),x=new B({props:{id:"properties",$$slots:{default:[U]},$$scope:{ctx:t}}}),y=new R({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),E=new T({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),k=new j({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),O=new R({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),S=new j({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),G=new R({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),F=new T({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),V=new T({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),L=new j({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),W=new B({props:{id:"scss-variables",$$slots:{default:[Zt]},$$scope:{ctx:t}}}),Z=new j({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment),h=g(),s(y.$$.fragment),w=g(),s(E.$$.fragment),v=g(),s(k.$$.fragment),D=g(),s(O.$$.fragment),b=g(),s(S.$$.fragment),A=g(),s(G.$$.fragment),P=g(),s(F.$$.fragment),K=g(),s(V.$$.fragment),Y=g(),s(L.$$.fragment),z=g(),s(W.$$.fragment),X=g(),s(Z.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t),h=u(t),a(y.$$.fragment,t),w=u(t),a(E.$$.fragment,t),v=u(t),a(k.$$.fragment,t),D=u(t),a(O.$$.fragment,t),b=u(t),a(S.$$.fragment,t),A=u(t),a(G.$$.fragment,t),P=u(t),a(F.$$.fragment,t),K=u(t),a(V.$$.fragment,t),Y=u(t),a(L.$$.fragment,t),z=u(t),a(W.$$.fragment,t),X=u(t),a(Z.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),d(t,h,s),o(y,t,s),d(t,w,s),o(E,t,s),d(t,v,s),o(k,t,s),d(t,D,s),o(O,t,s),d(t,b,s),o(S,t,s),d(t,A,s),o(G,t,s),d(t,P,s),o(F,t,s),d(t,K,s),o(V,t,s),d(t,Y,s),o(L,t,s),d(t,z,s),o(W,t,s),d(t,X,s),o(Z,t,s),_=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),y.$set(p);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),E.$set(f);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),k.$set(l);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),O.$set(m);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),S.$set(g);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),G.$set(u);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),F.$set(d);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),V.$set(i);const h={};2&$&&(h.$$scope={dirty:$,ctx:t}),L.$set(h);const w={};2&$&&(w.$$scope={dirty:$,ctx:t}),W.$set(w);const v={};2&$&&(v.$$scope={dirty:$,ctx:t}),Z.$set(v)},i(t){_||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),p(y.$$.fragment,t),p(E.$$.fragment,t),p(k.$$.fragment,t),p(O.$$.fragment,t),p(S.$$.fragment,t),p(G.$$.fragment,t),p(F.$$.fragment,t),p(V.$$.fragment,t),p(L.$$.fragment,t),p(W.$$.fragment,t),p(Z.$$.fragment,t),_=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),f(y.$$.fragment,t),f(E.$$.fragment,t),f(k.$$.fragment,t),f(O.$$.fragment,t),f(S.$$.fragment,t),f(G.$$.fragment,t),f(F.$$.fragment,t),f(V.$$.fragment,t),f(L.$$.fragment,t),f(W.$$.fragment,t),f(Z.$$.fragment,t),_=!1},d(t){l(e,t),t&&i($),l(n,t),t&&i(r),l(c,t),t&&i(m),l(x,t),t&&i(h),l(y,t),t&&i(w),l(E,t),t&&i(v),l(k,t),t&&i(D),l(O,t),t&&i(b),l(S,t),t&&i(A),l(G,t),t&&i(P),l(F,t),t&&i(K),l(V,t),t&&i(Y),l(L,t),t&&i(z),l(W,t),t&&i(X),l(Z,t)}}}function Oe(t){let e,$;const m=[t[0],Ce];let g={$$slots:{default:[De]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)g=n(g,m[t]);return e=new O({props:g}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p(t,[$]){const n=1&$?r(m,[1&$&&c(t[0]),0&$&&c(Ce)]):{};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){f(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}const Ce={name:"Dot"};function Te(t,e,$){return t.$$set=t=>{$(0,e=n(n({},e),m(t)))},[e=m(e)]}class be extends t{constructor(t){super(),e(this,t,Te,Oe,$,{})}}export{be as default,Ce as metadata};
diff --git a/376/client/legacy/dropdown-b030b22a.css b/376/client/legacy/dropdown-b030b22a.css
new file mode 100644
index 000000000..1210bc473
--- /dev/null
+++ b/376/client/legacy/dropdown-b030b22a.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-1etefcc.svelte-1etefcc{align-items:flex-start;display:flex;flex-direction:column;overflow:visible}[slot=showcase].svelte-1etefcc .padded.svelte-1etefcc{padding:1em}
diff --git a/376/client/legacy/dropdown-bd15e717.css b/376/client/legacy/dropdown-bd15e717.css
new file mode 100644
index 000000000..5a42dafb2
--- /dev/null
+++ b/376/client/legacy/dropdown-bd15e717.css
@@ -0,0 +1,2 @@
+.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-0.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}
+.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);margin-top:0.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-0.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}
diff --git a/376/client/legacy/dropdown-shell-b030b22a.css b/376/client/legacy/dropdown-shell-b030b22a.css
new file mode 100644
index 000000000..1210bc473
--- /dev/null
+++ b/376/client/legacy/dropdown-shell-b030b22a.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-1etefcc.svelte-1etefcc{align-items:flex-start;display:flex;flex-direction:column;overflow:visible}[slot=showcase].svelte-1etefcc .padded.svelte-1etefcc{padding:1em}
diff --git a/376/client/legacy/dropdown-shell.c129f8df.js b/376/client/legacy/dropdown-shell.c129f8df.js
new file mode 100644
index 000000000..43e3376d6
--- /dev/null
+++ b/376/client/legacy/dropdown-shell.c129f8df.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as s,j as $,l as a,m as o,U as r,a0 as c,t as p,p as l,q as f,L as m,u as d,h as g,v as i,w as u,k as h,b as x,x as w,d as y,f as k,g as v,e as E,n as D,V as b}from"./client.583c6e60.js";import{L as T,H as O,P as C}from"./layout.47c81311.js";import{B as S}from"./button.863c0adf.js";import{D as j,a as A}from"./dropdown.9218bde6.js";import{C as N}from"./ChevronDownIcon.f31c6af5.js";import{S as B}from"./showcase.759e7149.js";import{R as F}from"./related-components.9fddec4f.js";import{H}from"./h2.0da05151.js";import{H as P}from"./h3.c9a49f62.js";import{T as R,a as I,b as G,c as Y}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./card.113fcab4.js";function U(t){let e;return{c(){e=i("DropdownShell")},l(t){e=w(t,"DropdownShell")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function V(t){let e,n,s,$,a;return{c(){e=i("The container for the "),n=g("a"),s=g("code"),$=i("Dropdown"),a=i(" and its activating handle."),this.h()},l(t){e=w(t,"The container for the "),n=h(t,"A",{href:!0});var o=x(n);s=h(o,"CODE",{});var r=x(s);$=w(r,"Dropdown"),r.forEach(y),o.forEach(y),a=w(t," and its activating handle."),this.h()},h(){E(n,"href","./docs/components/dropdown")},m(t,o){k(t,e,o),k(t,n,o),v(n,s),v(s,$),k(t,a,o)},p:D,d(t){t&&y(e),t&&y(n),t&&y(a)}}}function L(t){let e,n,s;return n=new N({props:{size:"24",class:"ml dropdown-chevron"}}),{c(){e=i("this is the handle\n        "),$(n.$$.fragment)},l(t){e=w(t,"this is the handle\n        "),a(n.$$.fragment,t)},m(t,$){k(t,e,$),o(n,t,$),s=!0},p:D,i(t){s||(p(n.$$.fragment,t),s=!0)},o(t){l(n.$$.fragment,t),s=!1},d(t){t&&y(e),f(n,t)}}}function z(t){let e,n;return{c(){e=g("div"),n=i("and this is the dropdown"),this.h()},l(t){e=h(t,"DIV",{class:!0});var s=x(e);n=w(s,"and this is the dropdown"),s.forEach(y),this.h()},h(){E(e,"class","padded svelte-1etefcc")},m(t,s){k(t,e,s),v(e,n)},p:D,d(t){t&&y(e)}}}function K(t){let e,n,s,r;return e=new S({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),e.$on("click",(function(){b(t[1])&&t[1].apply(this,arguments)})),s=new A({props:{right:!0,$$slots:{default:[z]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=d(),$(s.$$.fragment)},l(t){a(e.$$.fragment,t),n=u(t),a(s.$$.fragment,t)},m(t,$){o(e,t,$),k(t,n,$),o(s,t,$),r=!0},p(n,$){t=n;const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),e.$set(a);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){r||(p(e.$$.fragment,t),p(s.$$.fragment,t),r=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),r=!1},d(t){f(e,t),t&&y(n),f(s,t)}}}function M(t){let e,n,s;return{c(){e=i("Useless without a "),n=g("code"),s=i("<Dropdown />")},l(t){e=w(t,"Useless without a "),n=h(t,"CODE",{});var $=x(n);s=w($,"<Dropdown />"),$.forEach(y)},m(t,$){k(t,e,$),k(t,n,$),v(n,s)},p:D,d(t){t&&y(e),t&&y(n)}}}function q(t){let e,n,s,r,c;return n=new j({props:{$$slots:{default:[K,({toggle:t})=>({1:t}),({toggle:t})=>t?2:0]},$$scope:{ctx:t}}}),r=new j({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),{c(){e=g("div"),$(n.$$.fragment),s=d(),$(r.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var $=x(e);a(n.$$.fragment,$),s=u($),a(r.$$.fragment,$),$.forEach(y),this.h()},h(){E(e,"slot","showcase"),E(e,"class","padded svelte-1etefcc")},m(t,$){k(t,e,$),o(n,e,null),v(e,s),o(r,e,null),c=!0},p(t,e){const s={};6&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),r.$set($)},i(t){c||(p(n.$$.fragment,t),p(r.$$.fragment,t),c=!0)},o(t){l(n.$$.fragment,t),l(r.$$.fragment,t),c=!1},d(t){t&&y(e),f(n),f(r)}}}function J(t){let e,n;return{c(){e=g("div"),n=g("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var s=x(e);n=h(s,"PRE",{class:!0}),x(n).forEach(y),s.forEach(y),this.h()},h(){E(n,"class","language-svelte"),E(e,"slot","source")},m(t,s){k(t,e,s),v(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DropdownShell</span> <span class="token attr-name"><span class="token namespace">let:</span>toggle</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>toggle<span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n    this is the handle\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ChevronDownIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml dropdown-chevron<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dropdown</span> <span class="token attr-name">right</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>padded<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n      and this is the dropdown\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Dropdown</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>DropdownShell</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DropdownShell</span><span class="token punctuation">></span></span>\n  Useless without a <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>code</span><span class="token punctuation">></span></span><span class="token entity named-entity" title="&lt;">&amp;lt;</span>Dropdown /<span class="token entity named-entity" title="&gt;">&amp;gt;</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>code</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>DropdownShell</span><span class="token punctuation">></span></span></code>'},p:D,d(t){t&&y(e)}}}function Q(t){let e;return{c(){e=i("Properties")},l(t){e=w(t,"Properties")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function W(t){let e;return{c(){e=i("Functional Properties")},l(t){e=w(t,"Functional Properties")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function X(t){let e;return{c(){e=i("Name")},l(t){e=w(t,"Name")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Z(t){let e;return{c(){e=i("Default")},l(t){e=w(t,"Default")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function _(t){let e;return{c(){e=i("Type")},l(t){e=w(t,"Type")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function tt(t){let e;return{c(){e=i("Description")},l(t){e=w(t,"Description")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function et(t){let e,n,s,r,c,m,g,i;return e=new G({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),s=new G({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),g=new G({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=d(),$(s.$$.fragment),r=d(),$(c.$$.fragment),m=d(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),k(t,n,$),o(s,t,$),k(t,r,$),o(c,t,$),k(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function nt(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("open")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=w(a,"open"),a.forEach(y),$.forEach(y)},m(t,$){k(t,e,$),v(e,n),v(n,s)},p:D,d(t){t&&y(e)}}}function st(t){let e,n;return{c(){e=g("code"),n=i("false")},l(t){e=h(t,"CODE",{});var s=x(e);n=w(s,"false"),s.forEach(y)},m(t,s){k(t,e,s),v(e,n)},p:D,d(t){t&&y(e)}}}function $t(t){let e,n;return{c(){e=g("code"),n=i("boolean")},l(t){e=h(t,"CODE",{});var s=x(e);n=w(s,"boolean"),s.forEach(y)},m(t,s){k(t,e,s),v(e,n)},p:D,d(t){t&&y(e)}}}function at(t){let e;return{c(){e=i("Controls whether the dropdown content is shown or hidden.")},l(t){e=w(t,"Controls whether the dropdown content is shown or hidden.")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function ot(t){let e,n,s,r,c,m,g,i;return e=new Y({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),s=new Y({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),c=new Y({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),g=new Y({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=d(),$(s.$$.fragment),r=d(),$(c.$$.fragment),m=d(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),k(t,n,$),o(s,t,$),k(t,r,$),o(c,t,$),k(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function rt(t){let e,n,s,r,c,m;return n=new I({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=d(),r=g("tbody"),$(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(y),s=u(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),o.forEach(y)},m(t,$){k(t,e,$),o(n,e,null),k(t,s,$),k(t,r,$),o(c,r,null),m=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),c.$set($)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&y(e),f(n),t&&y(s),t&&y(r),f(c)}}}function ct(t){let e;return{c(){e=i("Class Properties")},l(t){e=w(t,"Class Properties")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function pt(t){let e,n,s,$,a,o,r;return{c(){e=i("All "),n=g("code"),s=i("<DropdownShell>"),$=i(" components use the "),a=g("code"),o=i(".dropdown-shell"),r=i(" class.")},l(t){e=w(t,"All "),n=h(t,"CODE",{});var c=x(n);s=w(c,"<DropdownShell>"),c.forEach(y),$=w(t," components use the "),a=h(t,"CODE",{});var p=x(a);o=w(p,".dropdown-shell"),p.forEach(y),r=w(t," class.")},m(t,c){k(t,e,c),k(t,n,c),v(n,s),k(t,$,c),k(t,a,c),v(a,o),k(t,r,c)},p:D,d(t){t&&y(e),t&&y(n),t&&y($),t&&y(a),t&&y(r)}}}function lt(t){let e;return{c(){e=i("Falsy values passed to classes will be disregarded.")},l(t){e=w(t,"Falsy values passed to classes will be disregarded.")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function ft(t){let e;return{c(){e=i("Name")},l(t){e=w(t,"Name")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function mt(t){let e;return{c(){e=i("Default")},l(t){e=w(t,"Default")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function dt(t){let e;return{c(){e=i("Type")},l(t){e=w(t,"Type")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function gt(t){let e;return{c(){e=i("Description")},l(t){e=w(t,"Description")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function it(t){let e,n,s,r,c,m,g,i;return e=new G({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),s=new G({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),g=new G({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=d(),$(s.$$.fragment),r=d(),$(c.$$.fragment),m=d(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),k(t,n,$),o(s,t,$),k(t,r,$),o(c,t,$),k(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function ut(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("class")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=w(a,"class"),a.forEach(y),$.forEach(y)},m(t,$){k(t,e,$),v(e,n),v(n,s)},p:D,d(t){t&&y(e)}}}function ht(t){let e,n;return{c(){e=g("code"),n=i("null")},l(t){e=h(t,"CODE",{});var s=x(e);n=w(s,"null"),s.forEach(y)},m(t,s){k(t,e,s),v(e,n)},p:D,d(t){t&&y(e)}}}function xt(t){let e,n;return{c(){e=g("code"),n=i("string")},l(t){e=h(t,"CODE",{});var s=x(e);n=w(s,"string"),s.forEach(y)},m(t,s){k(t,e,s),v(e,n)},p:D,d(t){t&&y(e)}}}function wt(t){let e,n,s,$;return{c(){e=i("A class string to add to the underlying "),n=g("code"),s=i("<div>"),$=i(" element.")},l(t){e=w(t,"A class string to add to the underlying "),n=h(t,"CODE",{});var a=x(n);s=w(a,"<div>"),a.forEach(y),$=w(t," element.")},m(t,a){k(t,e,a),k(t,n,a),v(n,s),k(t,$,a)},p:D,d(t){t&&y(e),t&&y(n),t&&y($)}}}function yt(t){let e,n,s,r,c,m,g,i;return e=new Y({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),s=new Y({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),c=new Y({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),g=new Y({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=d(),$(s.$$.fragment),r=d(),$(c.$$.fragment),m=d(),$(g.$$.fragment)},l(t){a(e.$$.fragment,t),n=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(g.$$.fragment,t)},m(t,$){o(e,t,$),k(t,n,$),o(s,t,$),k(t,r,$),o(c,t,$),k(t,m,$),o(g,t,$),i=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),g.$set(r)},i(t){i||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(g,t)}}}function kt(t){let e,n,s,r,c,m;return n=new I({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=d(),r=g("tbody"),$(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(y),s=u(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),o.forEach(y)},m(t,$){k(t,e,$),o(n,e,null),k(t,s,$),k(t,r,$),o(c,r,null),m=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),c.$set($)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&y(e),f(n),t&&y(s),t&&y(r),f(c)}}}function vt(t){let e;return{c(){e=i("Events")},l(t){e=w(t,"Events")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Et(t){let e;return{c(){e=i("Name")},l(t){e=w(t,"Name")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Dt(t){let e;return{c(){e=i("Event Detail")},l(t){e=w(t,"Event Detail")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function bt(t){let e;return{c(){e=i("Description")},l(t){e=w(t,"Description")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Tt(t){let e,n,s,r,c,m;return e=new G({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),s=new G({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=d(),$(s.$$.fragment),r=d(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),k(t,n,$),o(s,t,$),k(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function Ot(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("change")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=w(a,"change"),a.forEach(y),$.forEach(y)},m(t,$){k(t,e,$),v(e,n),v(n,s)},p:D,d(t){t&&y(e)}}}function Ct(t){let e,n;return{c(){e=g("code"),n=i("{ value }")},l(t){e=h(t,"CODE",{});var s=x(e);n=w(s,"{ value }"),s.forEach(y)},m(t,s){k(t,e,s),v(e,n)},p:D,d(t){t&&y(e)}}}function St(t){let e,n,s,$,a,o,r,c,p,l;return{c(){e=i("Fired when toggling the dropdown (with "),n=g("code"),s=i("value"),$=i(" being "),a=g("code"),o=i("true"),r=i(' for "open" and '),c=g("code"),p=i("false"),l=i(' for "closed").')},l(t){e=w(t,"Fired when toggling the dropdown (with "),n=h(t,"CODE",{});var f=x(n);s=w(f,"value"),f.forEach(y),$=w(t," being "),a=h(t,"CODE",{});var m=x(a);o=w(m,"true"),m.forEach(y),r=w(t,' for "open" and '),c=h(t,"CODE",{});var d=x(c);p=w(d,"false"),d.forEach(y),l=w(t,' for "closed").')},m(t,f){k(t,e,f),k(t,n,f),v(n,s),k(t,$,f),k(t,a,f),v(a,o),k(t,r,f),k(t,c,f),v(c,p),k(t,l,f)},p:D,d(t){t&&y(e),t&&y(n),t&&y($),t&&y(a),t&&y(r),t&&y(c),t&&y(l)}}}function jt(t){let e,n,s,r,c,m;return e=new Y({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),s=new Y({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),c=new Y({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=d(),$(s.$$.fragment),r=d(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),k(t,n,$),o(s,t,$),k(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function At(t){let e,n,s,r,c,m;return n=new I({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=d(),r=g("tbody"),$(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(y),s=u(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),o.forEach(y)},m(t,$){k(t,e,$),o(n,e,null),k(t,s,$),k(t,r,$),o(c,r,null),m=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),c.$set($)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&y(e),f(n),t&&y(s),t&&y(r),f(c)}}}function Nt(t){let e;return{c(){e=i("Slots")},l(t){e=w(t,"Slots")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Bt(t){let e;return{c(){e=i("Default slot")},l(t){e=w(t,"Default slot")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Ft(t){let e;return{c(){e=i("The shell of the dropdown. The dropdown itself must be inside it.")},l(t){e=w(t,"The shell of the dropdown. The dropdown itself must be inside it.")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Ht(t){let e;return{c(){e=i("Prop Name")},l(t){e=w(t,"Prop Name")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Pt(t){let e;return{c(){e=i("Type")},l(t){e=w(t,"Type")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Rt(t){let e;return{c(){e=i("Description")},l(t){e=w(t,"Description")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function It(t){let e,n,s,r,c,m;return e=new G({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),s=new G({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=d(),$(s.$$.fragment),r=d(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),k(t,n,$),o(s,t,$),k(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function Gt(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("toggle")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=w(a,"toggle"),a.forEach(y),$.forEach(y)},m(t,$){k(t,e,$),v(e,n),v(n,s)},p:D,d(t){t&&y(e)}}}function Yt(t){let e,n;return{c(){e=g("code"),n=i("Function")},l(t){e=h(t,"CODE",{});var s=x(e);n=w(s,"Function"),s.forEach(y)},m(t,s){k(t,e,s),v(e,n)},p:D,d(t){t&&y(e)}}}function Ut(t){let e;return{c(){e=i("A callback to toggle the open state of the dropdown.")},l(t){e=w(t,"A callback to toggle the open state of the dropdown.")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Vt(t){let e,n,s,r,c,m;return e=new Y({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),s=new Y({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),c=new Y({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=d(),$(s.$$.fragment),r=d(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),k(t,n,$),o(s,t,$),k(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function Lt(t){let e,n,s,r,c,m;return n=new I({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=d(),r=g("tbody"),$(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(y),s=u(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),o.forEach(y)},m(t,$){k(t,e,$),o(n,e,null),k(t,s,$),k(t,r,$),o(c,r,null),m=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),c.$set($)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&y(e),f(n),t&&y(s),t&&y(r),f(c)}}}function zt(t){let e;return{c(){e=i("Exported Attributes")},l(t){e=w(t,"Exported Attributes")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Kt(t){let e,n,s,$;return{c(){e=i("These attributes can be accessed from variables holding component instances bound using "),n=g("code"),s=i("bind:this"),$=i(" on the instance.")},l(t){e=w(t,"These attributes can be accessed from variables holding component instances bound using "),n=h(t,"CODE",{});var a=x(n);s=w(a,"bind:this"),a.forEach(y),$=w(t," on the instance.")},m(t,a){k(t,e,a),k(t,n,a),v(n,s),k(t,$,a)},p:D,d(t){t&&y(e),t&&y(n),t&&y($)}}}function Mt(t){let e;return{c(){e=i("Name")},l(t){e=w(t,"Name")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function qt(t){let e;return{c(){e=i("Type")},l(t){e=w(t,"Type")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Jt(t){let e;return{c(){e=i("Description")},l(t){e=w(t,"Description")},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function Qt(t){let e,n,s,r,c,m;return e=new G({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),s=new G({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=d(),$(s.$$.fragment),r=d(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),k(t,n,$),o(s,t,$),k(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function Wt(t){let e,n,s;return{c(){e=g("strong"),n=g("code"),s=i("toggle")},l(t){e=h(t,"STRONG",{});var $=x(e);n=h($,"CODE",{});var a=x(n);s=w(a,"toggle"),a.forEach(y),$.forEach(y)},m(t,$){k(t,e,$),v(e,n),v(n,s)},p:D,d(t){t&&y(e)}}}function Xt(t){let e,n;return{c(){e=g("code"),n=i("Function")},l(t){e=h(t,"CODE",{});var s=x(e);n=w(s,"Function"),s.forEach(y)},m(t,s){k(t,e,s),v(e,n)},p:D,d(t){t&&y(e)}}}function Zt(t){let e;return{c(){e=i('Toggles the dropdown\'s "open" state. In addition to being exposed as a slot prop, this function is exported to allow toggling the dropdown from same component where the shell is created.')},l(t){e=w(t,'Toggles the dropdown\'s "open" state. In addition to being exposed as a slot prop, this function is exported to allow toggling the dropdown from same component where the shell is created.')},m(t,n){k(t,e,n)},d(t){t&&y(e)}}}function _t(t){let e,n,s,r,c,m;return e=new Y({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),s=new Y({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),c=new Y({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=d(),$(s.$$.fragment),r=d(),$(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,$){o(e,t,$),k(t,n,$),o(s,t,$),k(t,r,$),o(c,t,$),m=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t)}}}function te(t){let e,n,s,r,c,m;return n=new I({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),{c(){e=g("thead"),$(n.$$.fragment),s=d(),r=g("tbody"),$(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var $=x(e);a(n.$$.fragment,$),$.forEach(y),s=u(t),r=h(t,"TBODY",{});var o=x(r);a(c.$$.fragment,o),o.forEach(y)},m(t,$){k(t,e,$),o(n,e,null),k(t,s,$),k(t,r,$),o(c,r,null),m=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),c.$set($)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&y(e),f(n),t&&y(s),t&&y(r),f(c)}}}function ee(t){let e,n,s,r,c,m,E,D,b,T,S,j,A,N,I,G,Y,L,z,K,M,X,Z,_,tt,et,nt,st,$t,at,ot,ft,mt,dt,gt,it,ut,ht,xt,wt,yt,Et,Dt;return e=new O({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),s=new C({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),c=new F({props:{components:ae}}),E=new B({props:{$$slots:{source:[J],showcase:[q]},$$scope:{ctx:t}}}),b=new H({props:{id:"properties",$$slots:{default:[Q]},$$scope:{ctx:t}}}),S=new P({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),A=new R({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),I=new P({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),Y=new C({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),z=new C({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),M=new R({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),et=new H({props:{id:"events",$$slots:{default:[vt]},$$scope:{ctx:t}}}),st=new R({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),at=new H({props:{id:"slots",$$slots:{default:[Nt]},$$scope:{ctx:t}}}),ft=new P({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),dt=new C({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),it=new R({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),ht=new H({props:{id:"exported",$$slots:{default:[zt]},$$scope:{ctx:t}}}),wt=new C({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),Et=new R({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),{c(){$(e.$$.fragment),n=d(),$(s.$$.fragment),r=d(),$(c.$$.fragment),m=d(),$(E.$$.fragment),D=d(),$(b.$$.fragment),T=d(),$(S.$$.fragment),j=d(),$(A.$$.fragment),N=d(),$(I.$$.fragment),G=d(),$(Y.$$.fragment),L=d(),$(z.$$.fragment),K=d(),$(M.$$.fragment),X=d(),Z=g("mark"),_=i("Bonus"),tt=i(": use the `.dropdown-chevron` class for the chevrons on the dropdown handle to get a nice rotation animation (see showcase).\n"),$(et.$$.fragment),nt=d(),$(st.$$.fragment),$t=d(),$(at.$$.fragment),ot=d(),$(ft.$$.fragment),mt=d(),$(dt.$$.fragment),gt=d(),$(it.$$.fragment),ut=d(),$(ht.$$.fragment),xt=d(),$(wt.$$.fragment),yt=d(),$(Et.$$.fragment)},l(t){a(e.$$.fragment,t),n=u(t),a(s.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(E.$$.fragment,t),D=u(t),a(b.$$.fragment,t),T=u(t),a(S.$$.fragment,t),j=u(t),a(A.$$.fragment,t),N=u(t),a(I.$$.fragment,t),G=u(t),a(Y.$$.fragment,t),L=u(t),a(z.$$.fragment,t),K=u(t),a(M.$$.fragment,t),X=u(t),Z=h(t,"MARK",{});var $=x(Z);_=w($,"Bonus"),$.forEach(y),tt=w(t,": use the `.dropdown-chevron` class for the chevrons on the dropdown handle to get a nice rotation animation (see showcase).\n"),a(et.$$.fragment,t),nt=u(t),a(st.$$.fragment,t),$t=u(t),a(at.$$.fragment,t),ot=u(t),a(ft.$$.fragment,t),mt=u(t),a(dt.$$.fragment,t),gt=u(t),a(it.$$.fragment,t),ut=u(t),a(ht.$$.fragment,t),xt=u(t),a(wt.$$.fragment,t),yt=u(t),a(Et.$$.fragment,t)},m(t,$){o(e,t,$),k(t,n,$),o(s,t,$),k(t,r,$),o(c,t,$),k(t,m,$),o(E,t,$),k(t,D,$),o(b,t,$),k(t,T,$),o(S,t,$),k(t,j,$),o(A,t,$),k(t,N,$),o(I,t,$),k(t,G,$),o(Y,t,$),k(t,L,$),o(z,t,$),k(t,K,$),o(M,t,$),k(t,X,$),k(t,Z,$),v(Z,_),k(t,tt,$),o(et,t,$),k(t,nt,$),o(st,t,$),k(t,$t,$),o(at,t,$),k(t,ot,$),o(ft,t,$),k(t,mt,$),o(dt,t,$),k(t,gt,$),o(it,t,$),k(t,ut,$),o(ht,t,$),k(t,xt,$),o(wt,t,$),k(t,yt,$),o(Et,t,$),Dt=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),E.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),b.$set(r);const c={};4&n&&(c.$$scope={dirty:n,ctx:t}),S.$set(c);const p={};4&n&&(p.$$scope={dirty:n,ctx:t}),A.$set(p);const l={};4&n&&(l.$$scope={dirty:n,ctx:t}),I.$set(l);const f={};4&n&&(f.$$scope={dirty:n,ctx:t}),Y.$set(f);const m={};4&n&&(m.$$scope={dirty:n,ctx:t}),z.$set(m);const d={};4&n&&(d.$$scope={dirty:n,ctx:t}),M.$set(d);const g={};4&n&&(g.$$scope={dirty:n,ctx:t}),et.$set(g);const i={};4&n&&(i.$$scope={dirty:n,ctx:t}),st.$set(i);const u={};4&n&&(u.$$scope={dirty:n,ctx:t}),at.$set(u);const h={};4&n&&(h.$$scope={dirty:n,ctx:t}),ft.$set(h);const x={};4&n&&(x.$$scope={dirty:n,ctx:t}),dt.$set(x);const w={};4&n&&(w.$$scope={dirty:n,ctx:t}),it.$set(w);const y={};4&n&&(y.$$scope={dirty:n,ctx:t}),ht.$set(y);const k={};4&n&&(k.$$scope={dirty:n,ctx:t}),wt.$set(k);const v={};4&n&&(v.$$scope={dirty:n,ctx:t}),Et.$set(v)},i(t){Dt||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(E.$$.fragment,t),p(b.$$.fragment,t),p(S.$$.fragment,t),p(A.$$.fragment,t),p(I.$$.fragment,t),p(Y.$$.fragment,t),p(z.$$.fragment,t),p(M.$$.fragment,t),p(et.$$.fragment,t),p(st.$$.fragment,t),p(at.$$.fragment,t),p(ft.$$.fragment,t),p(dt.$$.fragment,t),p(it.$$.fragment,t),p(ht.$$.fragment,t),p(wt.$$.fragment,t),p(Et.$$.fragment,t),Dt=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(E.$$.fragment,t),l(b.$$.fragment,t),l(S.$$.fragment,t),l(A.$$.fragment,t),l(I.$$.fragment,t),l(Y.$$.fragment,t),l(z.$$.fragment,t),l(M.$$.fragment,t),l(et.$$.fragment,t),l(st.$$.fragment,t),l(at.$$.fragment,t),l(ft.$$.fragment,t),l(dt.$$.fragment,t),l(it.$$.fragment,t),l(ht.$$.fragment,t),l(wt.$$.fragment,t),l(Et.$$.fragment,t),Dt=!1},d(t){f(e,t),t&&y(n),f(s,t),t&&y(r),f(c,t),t&&y(m),f(E,t),t&&y(D),f(b,t),t&&y(T),f(S,t),t&&y(j),f(A,t),t&&y(N),f(I,t),t&&y(G),f(Y,t),t&&y(L),f(z,t),t&&y(K),f(M,t),t&&y(X),t&&y(Z),t&&y(tt),f(et,t),t&&y(nt),f(st,t),t&&y($t),f(at,t),t&&y(ot),f(ft,t),t&&y(mt),f(dt,t),t&&y(gt),f(it,t),t&&y(ut),f(ht,t),t&&y(xt),f(wt,t),t&&y(yt),f(Et,t)}}}function ne(t){let e,n;const m=[t[0],se];let d={$$slots:{default:[ee]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)d=s(d,m[t]);return e=new T({props:d}),{c(){$(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,s){o(e,t,s),n=!0},p(t,[n]){const s=1&n?r(m,[1&n&&c(t[0]),0&n&&c(se)]):{};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}const se={name:"DropdownShell",relatedComponents:[{name:"Dropdown",link:"./docs/components/dropdown"}]},{name:$e,relatedComponents:ae}=se;function oe(t,e,n){return t.$$set=t=>{n(0,e=s(s({},e),m(t)))},[e=m(e)]}class re extends t{constructor(t){super(),e(this,t,oe,ne,n,{})}}export{re as default,se as metadata};
diff --git a/376/client/legacy/dropdown.0ce41b92.js b/376/client/legacy/dropdown.0ce41b92.js
new file mode 100644
index 000000000..191a0f697
--- /dev/null
+++ b/376/client/legacy/dropdown.0ce41b92.js
@@ -0,0 +1 @@
+import{S as t,i as n,s as e,K as a,j as s,l as $,m as o,U as r,a0 as c,t as p,p as l,q as f,L as m,u as g,h as d,v as u,w as i,k as x,b as h,x as w,d as k,f as v,g as E,e as y,n as D,V as O}from"./client.583c6e60.js";import{L as T,H as b,P as A}from"./layout.47c81311.js";import{B as C}from"./button.863c0adf.js";import{D as S,a as R}from"./dropdown.9218bde6.js";import{C as N}from"./ChevronDownIcon.f31c6af5.js";import{S as j}from"./showcase.759e7149.js";import{C as G}from"./color-preview.9db6af61.js";import{S as B}from"./shadow-preview.487038f8.js";import{R as P}from"./related-components.9fddec4f.js";import{H}from"./h2.0da05151.js";import{H as I}from"./h3.c9a49f62.js";import{T as F,a as z,b as V,c as L}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./popover.3a24cfa5.js";import"./card.113fcab4.js";function U(t){let n;return{c(){n=u("Dropdown")},l(t){n=w(t,"Dropdown")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function _(t){let n,e,a,s,$;return{c(){n=u("Toggleable, contextual overlays for displaying additional details or actions. Must be wrapped with a "),e=d("a"),a=d("code"),s=u("DropdownShell"),$=u(" for correct behavior."),this.h()},l(t){n=w(t,"Toggleable, contextual overlays for displaying additional details or actions. Must be wrapped with a "),e=x(t,"A",{href:!0});var o=h(e);a=x(o,"CODE",{});var r=h(a);s=w(r,"DropdownShell"),r.forEach(k),o.forEach(k),$=w(t," for correct behavior."),this.h()},h(){y(e,"href","./docs/components/dropdown-shell")},m(t,o){v(t,n,o),v(t,e,o),E(e,a),E(a,s),v(t,$,o)},p:D,d(t){t&&k(n),t&&k(e),t&&k($)}}}function M(t){let n,e,a;return e=new N({props:{size:"24",class:"ml dropdown-chevron"}}),{c(){n=u("I toggle a dropdown\n        "),s(e.$$.fragment)},l(t){n=w(t,"I toggle a dropdown\n        "),$(e.$$.fragment,t)},m(t,s){v(t,n,s),o(e,t,s),a=!0},p:D,i(t){a||(p(e.$$.fragment,t),a=!0)},o(t){l(e.$$.fragment,t),a=!1},d(t){t&&k(n),f(e,t)}}}function Y(t){let n,e;return{c(){n=d("div"),e=u("and I am the dropdown content"),this.h()},l(t){n=x(t,"DIV",{class:!0});var a=h(n);e=w(a,"and I am the dropdown content"),a.forEach(k),this.h()},h(){y(n,"class","padded svelte-1etefcc")},m(t,a){v(t,n,a),E(n,e)},p:D,d(t){t&&k(n)}}}function q(t){let n,e,a,r;return n=new C({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),n.$on("click",(function(){O(t[1])&&t[1].apply(this,arguments)})),a=new R({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),r=!0},p(e,s){t=e;const $={};4&s&&($.$$scope={dirty:s,ctx:t}),n.$set($);const o={};4&s&&(o.$$scope={dirty:s,ctx:t}),a.$set(o)},i(t){r||(p(n.$$.fragment,t),p(a.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(a,t)}}}function K(t){let n;return{c(){n=u("look up there")},l(t){n=w(t,"look up there")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function J(t){let n,e;return{c(){n=d("div"),e=u("right here"),this.h()},l(t){n=x(t,"DIV",{class:!0});var a=h(n);e=w(a,"right here"),a.forEach(k),this.h()},h(){y(n,"class","padded svelte-1etefcc")},m(t,a){v(t,n,a),E(n,e)},p:D,d(t){t&&k(n)}}}function Q(t){let n,e,a,r;return n=new C({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),n.$on("click",(function(){O(t[1])&&t[1].apply(this,arguments)})),a=new R({props:{verticalAlignment:"top",$$slots:{default:[J]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),r=!0},p(e,s){t=e;const $={};4&s&&($.$$scope={dirty:s,ctx:t}),n.$set($);const o={};4&s&&(o.$$scope={dirty:s,ctx:t}),a.$set(o)},i(t){r||(p(n.$$.fragment,t),p(a.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(a,t)}}}function W(t){let n;return{c(){n=u("look up if there is enough space")},l(t){n=w(t,"look up if there is enough space")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function X(t){let n,e;return{c(){n=d("div"),e=u("hello!"),this.h()},l(t){n=x(t,"DIV",{class:!0});var a=h(n);e=w(a,"hello!"),a.forEach(k),this.h()},h(){y(n,"class","padded svelte-1etefcc")},m(t,a){v(t,n,a),E(n,e)},p:D,d(t){t&&k(n)}}}function Z(t){let n,e,a,r;return n=new C({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),n.$on("click",(function(){O(t[1])&&t[1].apply(this,arguments)})),a=new R({props:{verticalAlignment:"auto-top",$$slots:{default:[X]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),r=!0},p(e,s){t=e;const $={};4&s&&($.$$scope={dirty:s,ctx:t}),n.$set($);const o={};4&s&&(o.$$scope={dirty:s,ctx:t}),a.$set(o)},i(t){r||(p(n.$$.fragment,t),p(a.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(a,t)}}}function tt(t){let n,e,a,r,c,m,u;return e=new S({props:{$$slots:{default:[q,({toggle:t})=>({1:t}),({toggle:t})=>t?2:0]},$$scope:{ctx:t}}}),r=new S({props:{$$slots:{default:[Q,({toggle:t})=>({1:t}),({toggle:t})=>t?2:0]},$$scope:{ctx:t}}}),m=new S({props:{$$slots:{default:[Z,({toggle:t})=>({1:t}),({toggle:t})=>t?2:0]},$$scope:{ctx:t}}}),{c(){n=d("div"),s(e.$$.fragment),a=g(),s(r.$$.fragment),c=g(),s(m.$$.fragment),this.h()},l(t){n=x(t,"DIV",{slot:!0,class:!0});var s=h(n);$(e.$$.fragment,s),a=i(s),$(r.$$.fragment,s),c=i(s),$(m.$$.fragment,s),s.forEach(k),this.h()},h(){y(n,"slot","showcase"),y(n,"class","padded svelte-1etefcc")},m(t,s){v(t,n,s),o(e,n,null),E(n,a),o(r,n,null),E(n,c),o(m,n,null),u=!0},p(t,n){const a={};6&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};6&n&&(s.$$scope={dirty:n,ctx:t}),r.$set(s);const $={};6&n&&($.$$scope={dirty:n,ctx:t}),m.$set($)},i(t){u||(p(e.$$.fragment,t),p(r.$$.fragment,t),p(m.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(m.$$.fragment,t),u=!1},d(t){t&&k(n),f(e),f(r),f(m)}}}function nt(t){let n,e;return{c(){n=d("div"),e=d("pre"),this.h()},l(t){n=x(t,"DIV",{slot:!0});var a=h(n);e=x(a,"PRE",{class:!0}),h(e).forEach(k),a.forEach(k),this.h()},h(){y(e,"class","language-svelte"),y(n,"slot","source")},m(t,a){v(t,n,a),E(n,e),e.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DropdownShell</span> <span class="token attr-name"><span class="token namespace">let:</span>toggle</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>toggle<span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n    I toggle a dropdown\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ChevronDownIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml dropdown-chevron<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dropdown</span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>padded<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n      and I am the dropdown content\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Dropdown</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>DropdownShell</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DropdownShell</span> <span class="token attr-name"><span class="token namespace">let:</span>toggle</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>toggle<span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n    look up there\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dropdown</span> <span class="token attr-name">verticalAlignment</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>top<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>padded<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n      right here\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Dropdown</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>DropdownShell</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DropdownShell</span> <span class="token attr-name"><span class="token namespace">let:</span>toggle</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>toggle<span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n    look up if there is enough space\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dropdown</span> <span class="token attr-name">verticalAlignment</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>auto-top<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>padded<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n      hello!\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Dropdown</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>DropdownShell</span><span class="token punctuation">></span></span></code>'},p:D,d(t){t&&k(n)}}}function et(t){let n;return{c(){n=u("Properties")},l(t){n=w(t,"Properties")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function at(t){let n;return{c(){n=u("Style Properties")},l(t){n=w(t,"Style Properties")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function st(t){let n;return{c(){n=u("Name")},l(t){n=w(t,"Name")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function $t(t){let n;return{c(){n=u("Default")},l(t){n=w(t,"Default")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function ot(t){let n;return{c(){n=u("Type")},l(t){n=w(t,"Type")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function rt(t){let n;return{c(){n=u("Description")},l(t){n=w(t,"Description")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function ct(t){let n,e,a,r,c,m,d,u;return n=new V({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),a=new V({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),d=new V({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(d.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t),r=i(t),$(c.$$.fragment,t),m=i(t),$(d.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),v(t,r,s),o(c,t,s),v(t,m,s),o(d,t,s),u=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),a.$set($);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),d.$set(r)},i(t){u||(p(n.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),p(d.$$.fragment,t),u=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){f(n,t),t&&k(e),f(a,t),t&&k(r),f(c,t),t&&k(m),f(d,t)}}}function pt(t){let n,e,a;return{c(){n=d("strong"),e=d("code"),a=u("horizontalAlignment")},l(t){n=x(t,"STRONG",{});var s=h(n);e=x(s,"CODE",{});var $=h(e);a=w($,"horizontalAlignment"),$.forEach(k),s.forEach(k)},m(t,s){v(t,n,s),E(n,e),E(e,a)},p:D,d(t){t&&k(n)}}}function lt(t){let n,e;return{c(){n=d("code"),e=u("auto-start")},l(t){n=x(t,"CODE",{});var a=h(n);e=w(a,"auto-start"),a.forEach(k)},m(t,a){v(t,n,a),E(n,e)},p:D,d(t){t&&k(n)}}}function ft(t){let n,e,a,s,$,o,r,c,p,l,f;return{c(){n=d("code"),e=u("auto-start"),a=u(" | "),s=d("code"),$=u("auto-end"),o=u(" | "),r=d("code"),c=u("start"),p=u(" | "),l=d("code"),f=u("end")},l(t){n=x(t,"CODE",{});var m=h(n);e=w(m,"auto-start"),m.forEach(k),a=w(t," | "),s=x(t,"CODE",{});var g=h(s);$=w(g,"auto-end"),g.forEach(k),o=w(t," | "),r=x(t,"CODE",{});var d=h(r);c=w(d,"start"),d.forEach(k),p=w(t," | "),l=x(t,"CODE",{});var u=h(l);f=w(u,"end"),u.forEach(k)},m(t,m){v(t,n,m),E(n,e),v(t,a,m),v(t,s,m),E(s,$),v(t,o,m),v(t,r,m),E(r,c),v(t,p,m),v(t,l,m),E(l,f)},p:D,d(t){t&&k(n),t&&k(a),t&&k(s),t&&k(o),t&&k(r),t&&k(p),t&&k(l)}}}function mt(t){let n;return{c(){n=u("Dropdown content alignment on horizontal axis.")},l(t){n=w(t,"Dropdown content alignment on horizontal axis.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function gt(t){let n,e,a,r,c,m,d,u;return n=new L({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),d=new L({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(d.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t),r=i(t),$(c.$$.fragment,t),m=i(t),$(d.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),v(t,r,s),o(c,t,s),v(t,m,s),o(d,t,s),u=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),a.$set($);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),d.$set(r)},i(t){u||(p(n.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),p(d.$$.fragment,t),u=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){f(n,t),t&&k(e),f(a,t),t&&k(r),f(c,t),t&&k(m),f(d,t)}}}function dt(t){let n,e,a;return{c(){n=d("strong"),e=d("code"),a=u("verticalAlignment")},l(t){n=x(t,"STRONG",{});var s=h(n);e=x(s,"CODE",{});var $=h(e);a=w($,"verticalAlignment"),$.forEach(k),s.forEach(k)},m(t,s){v(t,n,s),E(n,e),E(e,a)},p:D,d(t){t&&k(n)}}}function ut(t){let n,e;return{c(){n=d("code"),e=u("auto-bottom")},l(t){n=x(t,"CODE",{});var a=h(n);e=w(a,"auto-bottom"),a.forEach(k)},m(t,a){v(t,n,a),E(n,e)},p:D,d(t){t&&k(n)}}}function it(t){let n,e,a,s,$,o,r,c,p,l,f;return{c(){n=d("code"),e=u("auto-bottom"),a=u(" | "),s=d("code"),$=u("auto-top"),o=u(" | "),r=d("code"),c=u("bottom"),p=u(" | "),l=d("code"),f=u("top")},l(t){n=x(t,"CODE",{});var m=h(n);e=w(m,"auto-bottom"),m.forEach(k),a=w(t," | "),s=x(t,"CODE",{});var g=h(s);$=w(g,"auto-top"),g.forEach(k),o=w(t," | "),r=x(t,"CODE",{});var d=h(r);c=w(d,"bottom"),d.forEach(k),p=w(t," | "),l=x(t,"CODE",{});var u=h(l);f=w(u,"top"),u.forEach(k)},m(t,m){v(t,n,m),E(n,e),v(t,a,m),v(t,s,m),E(s,$),v(t,o,m),v(t,r,m),E(r,c),v(t,p,m),v(t,l,m),E(l,f)},p:D,d(t){t&&k(n),t&&k(a),t&&k(s),t&&k(o),t&&k(r),t&&k(p),t&&k(l)}}}function xt(t){let n;return{c(){n=u("Dropdown content alignment on vertical axis.")},l(t){n=w(t,"Dropdown content alignment on vertical axis.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function ht(t){let n,e,a,r,c,m,d,u;return n=new L({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),d=new L({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(d.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t),r=i(t),$(c.$$.fragment,t),m=i(t),$(d.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),v(t,r,s),o(c,t,s),v(t,m,s),o(d,t,s),u=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),a.$set($);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),d.$set(r)},i(t){u||(p(n.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),p(d.$$.fragment,t),u=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){f(n,t),t&&k(e),f(a,t),t&&k(r),f(c,t),t&&k(m),f(d,t)}}}function wt(t){let n,e,a,s;return{c(){n=d("del"),e=d("strong"),a=d("code"),s=u("right")},l(t){n=x(t,"DEL",{});var $=h(n);e=x($,"STRONG",{});var o=h(e);a=x(o,"CODE",{});var r=h(a);s=w(r,"right"),r.forEach(k),o.forEach(k),$.forEach(k)},m(t,$){v(t,n,$),E(n,e),E(e,a),E(a,s)},p:D,d(t){t&&k(n)}}}function kt(t){let n,e;return{c(){n=d("code"),e=u("false")},l(t){n=x(t,"CODE",{});var a=h(n);e=w(a,"false"),a.forEach(k)},m(t,a){v(t,n,a),E(n,e)},p:D,d(t){t&&k(n)}}}function vt(t){let n,e;return{c(){n=d("code"),e=u("boolean")},l(t){n=x(t,"CODE",{});var a=h(n);e=w(a,"boolean"),a.forEach(k)},m(t,a){v(t,n,a),E(n,e)},p:D,d(t){t&&k(n)}}}function Et(t){let n,e,a,s;return{c(){n=d("strong"),e=d("code"),a=u("DEPRECATED"),s=u(" Aligns the dropdown content with the right edge of the shell.")},l(t){n=x(t,"STRONG",{});var $=h(n);e=x($,"CODE",{});var o=h(e);a=w(o,"DEPRECATED"),o.forEach(k),$.forEach(k),s=w(t," Aligns the dropdown content with the right edge of the shell.")},m(t,$){v(t,n,$),E(n,e),E(e,a),v(t,s,$)},p:D,d(t){t&&k(n),t&&k(s)}}}function yt(t){let n,e,a,r,c,m,d,u;return n=new L({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),d=new L({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(d.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t),r=i(t),$(c.$$.fragment,t),m=i(t),$(d.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),v(t,r,s),o(c,t,s),v(t,m,s),o(d,t,s),u=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),a.$set($);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),d.$set(r)},i(t){u||(p(n.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),p(d.$$.fragment,t),u=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){f(n,t),t&&k(e),f(a,t),t&&k(r),f(c,t),t&&k(m),f(d,t)}}}function Dt(t){let n,e,a,s;return{c(){n=d("del"),e=d("strong"),a=d("code"),s=u("top")},l(t){n=x(t,"DEL",{});var $=h(n);e=x($,"STRONG",{});var o=h(e);a=x(o,"CODE",{});var r=h(a);s=w(r,"top"),r.forEach(k),o.forEach(k),$.forEach(k)},m(t,$){v(t,n,$),E(n,e),E(e,a),E(a,s)},p:D,d(t){t&&k(n)}}}function Ot(t){let n,e;return{c(){n=d("code"),e=u("false")},l(t){n=x(t,"CODE",{});var a=h(n);e=w(a,"false"),a.forEach(k)},m(t,a){v(t,n,a),E(n,e)},p:D,d(t){t&&k(n)}}}function Tt(t){let n,e;return{c(){n=d("code"),e=u("boolean")},l(t){n=x(t,"CODE",{});var a=h(n);e=w(a,"boolean"),a.forEach(k)},m(t,a){v(t,n,a),E(n,e)},p:D,d(t){t&&k(n)}}}function bt(t){let n,e,a,s;return{c(){n=d("strong"),e=d("code"),a=u("DEPRECATED"),s=u(" Aligns the dropdown content such that it opens to the top of the shell, extending up.")},l(t){n=x(t,"STRONG",{});var $=h(n);e=x($,"CODE",{});var o=h(e);a=w(o,"DEPRECATED"),o.forEach(k),$.forEach(k),s=w(t," Aligns the dropdown content such that it opens to the top of the shell, extending up.")},m(t,$){v(t,n,$),E(n,e),E(e,a),v(t,s,$)},p:D,d(t){t&&k(n),t&&k(s)}}}function At(t){let n,e,a,r,c,m,d,u;return n=new L({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),d=new L({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(d.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t),r=i(t),$(c.$$.fragment,t),m=i(t),$(d.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),v(t,r,s),o(c,t,s),v(t,m,s),o(d,t,s),u=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),a.$set($);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),d.$set(r)},i(t){u||(p(n.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),p(d.$$.fragment,t),u=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){f(n,t),t&&k(e),f(a,t),t&&k(r),f(c,t),t&&k(m),f(d,t)}}}function Ct(t){let n,e,a,r,c,m,u,w,y,D,O,T;return e=new z({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),c=new z({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),u=new z({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),y=new z({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),O=new z({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){n=d("thead"),s(e.$$.fragment),a=g(),r=d("tbody"),s(c.$$.fragment),m=g(),s(u.$$.fragment),w=g(),s(y.$$.fragment),D=g(),s(O.$$.fragment)},l(t){n=x(t,"THEAD",{});var s=h(n);$(e.$$.fragment,s),s.forEach(k),a=i(t),r=x(t,"TBODY",{});var o=h(r);$(c.$$.fragment,o),m=i(o),$(u.$$.fragment,o),w=i(o),$(y.$$.fragment,o),D=i(o),$(O.$$.fragment,o),o.forEach(k)},m(t,s){v(t,n,s),o(e,n,null),v(t,a,s),v(t,r,s),o(c,r,null),E(r,m),o(u,r,null),E(r,w),o(y,r,null),E(r,D),o(O,r,null),T=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),c.$set(s);const $={};4&n&&($.$$scope={dirty:n,ctx:t}),u.$set($);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),y.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),O.$set(r)},i(t){T||(p(e.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(y.$$.fragment,t),p(O.$$.fragment,t),T=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),l(y.$$.fragment,t),l(O.$$.fragment,t),T=!1},d(t){t&&k(n),f(e),t&&k(a),t&&k(r),f(c),f(u),f(y),f(O)}}}function St(t){let n;return{c(){n=u("Class Properties")},l(t){n=w(t,"Class Properties")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Rt(t){let n,e,a,s,$,o,r;return{c(){n=u("All "),e=d("code"),a=u("<Dropdown>"),s=u(" components use the "),$=d("code"),o=u(".dropdown"),r=u(" class.")},l(t){n=w(t,"All "),e=x(t,"CODE",{});var c=h(e);a=w(c,"<Dropdown>"),c.forEach(k),s=w(t," components use the "),$=x(t,"CODE",{});var p=h($);o=w(p,".dropdown"),p.forEach(k),r=w(t," class.")},m(t,c){v(t,n,c),v(t,e,c),E(e,a),v(t,s,c),v(t,$,c),E($,o),v(t,r,c)},p:D,d(t){t&&k(n),t&&k(e),t&&k(s),t&&k($),t&&k(r)}}}function Nt(t){let n;return{c(){n=u("Falsy values passed to classes will be disregarded.")},l(t){n=w(t,"Falsy values passed to classes will be disregarded.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function jt(t){let n;return{c(){n=u("Name")},l(t){n=w(t,"Name")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Gt(t){let n;return{c(){n=u("Default")},l(t){n=w(t,"Default")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Bt(t){let n;return{c(){n=u("Type")},l(t){n=w(t,"Type")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Pt(t){let n;return{c(){n=u("Description")},l(t){n=w(t,"Description")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Ht(t){let n,e,a,r,c,m,d,u;return n=new V({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),a=new V({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),d=new V({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(d.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t),r=i(t),$(c.$$.fragment,t),m=i(t),$(d.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),v(t,r,s),o(c,t,s),v(t,m,s),o(d,t,s),u=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),a.$set($);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),d.$set(r)},i(t){u||(p(n.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),p(d.$$.fragment,t),u=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){f(n,t),t&&k(e),f(a,t),t&&k(r),f(c,t),t&&k(m),f(d,t)}}}function It(t){let n,e,a;return{c(){n=d("strong"),e=d("code"),a=u("class")},l(t){n=x(t,"STRONG",{});var s=h(n);e=x(s,"CODE",{});var $=h(e);a=w($,"class"),$.forEach(k),s.forEach(k)},m(t,s){v(t,n,s),E(n,e),E(e,a)},p:D,d(t){t&&k(n)}}}function Ft(t){let n,e;return{c(){n=d("code"),e=u("null")},l(t){n=x(t,"CODE",{});var a=h(n);e=w(a,"null"),a.forEach(k)},m(t,a){v(t,n,a),E(n,e)},p:D,d(t){t&&k(n)}}}function zt(t){let n,e;return{c(){n=d("code"),e=u("string")},l(t){n=x(t,"CODE",{});var a=h(n);e=w(a,"string"),a.forEach(k)},m(t,a){v(t,n,a),E(n,e)},p:D,d(t){t&&k(n)}}}function Vt(t){let n,e,a,s;return{c(){n=u("A class string to add to the underlying "),e=d("code"),a=u("<div>"),s=u(" element.")},l(t){n=w(t,"A class string to add to the underlying "),e=x(t,"CODE",{});var $=h(e);a=w($,"<div>"),$.forEach(k),s=w(t," element.")},m(t,$){v(t,n,$),v(t,e,$),E(e,a),v(t,s,$)},p:D,d(t){t&&k(n),t&&k(e),t&&k(s)}}}function Lt(t){let n,e,a,r,c,m,d,u;return n=new L({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),d=new L({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(d.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t),r=i(t),$(c.$$.fragment,t),m=i(t),$(d.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),v(t,r,s),o(c,t,s),v(t,m,s),o(d,t,s),u=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),a.$set($);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),d.$set(r)},i(t){u||(p(n.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),p(d.$$.fragment,t),u=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){f(n,t),t&&k(e),f(a,t),t&&k(r),f(c,t),t&&k(m),f(d,t)}}}function Ut(t){let n,e,a,r,c,m;return e=new z({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),c=new z({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),{c(){n=d("thead"),s(e.$$.fragment),a=g(),r=d("tbody"),s(c.$$.fragment)},l(t){n=x(t,"THEAD",{});var s=h(n);$(e.$$.fragment,s),s.forEach(k),a=i(t),r=x(t,"TBODY",{});var o=h(r);$(c.$$.fragment,o),o.forEach(k)},m(t,s){v(t,n,s),o(e,n,null),v(t,a,s),v(t,r,s),o(c,r,null),m=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),c.$set(s)},i(t){m||(p(e.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&k(n),f(e),t&&k(a),t&&k(r),f(c)}}}function _t(t){let n;return{c(){n=u("Slots")},l(t){n=w(t,"Slots")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Mt(t){let n;return{c(){n=u("Default slot")},l(t){n=w(t,"Default slot")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Yt(t){let n;return{c(){n=u("The content of the dropdown.")},l(t){n=w(t,"The content of the dropdown.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function qt(t){let n;return{c(){n=u("Related Objects")},l(t){n=w(t,"Related Objects")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Kt(t){let n;return{c(){n=u("The following objects are available as named exports in 'attractions/dropdown'.")},l(t){n=w(t,"The following objects are available as named exports in 'attractions/dropdown'.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Jt(t){let n;return{c(){n=u("Dropdown alignment along the horizontal axis.")},l(t){n=w(t,"Dropdown alignment along the horizontal axis.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Qt(t){let n;return{c(){n=u("Field")},l(t){n=w(t,"Field")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Wt(t){let n;return{c(){n=u("Description")},l(t){n=w(t,"Description")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Xt(t){let n,e,a,r;return n=new V({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),a=new V({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),r=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),a.$set($)},i(t){r||(p(n.$$.fragment,t),p(a.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(a,t)}}}function Zt(t){let n,e,a;return{c(){n=d("strong"),e=d("code"),a=u("AUTO_START")},l(t){n=x(t,"STRONG",{});var s=h(n);e=x(s,"CODE",{});var $=h(e);a=w($,"AUTO_START"),$.forEach(k),s.forEach(k)},m(t,s){v(t,n,s),E(n,e),E(e,a)},p:D,d(t){t&&k(n)}}}function tn(t){let n;return{c(){n=u("Align the dropdown based on available space around, preferably, at text start (left edge for LTR languages).")},l(t){n=w(t,"Align the dropdown based on available space around, preferably, at text start (left edge for LTR languages).")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function nn(t){let n,e,a,r;return n=new L({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[tn]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),r=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),a.$set($)},i(t){r||(p(n.$$.fragment,t),p(a.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(a,t)}}}function en(t){let n,e,a;return{c(){n=d("strong"),e=d("code"),a=u("AUTO_END")},l(t){n=x(t,"STRONG",{});var s=h(n);e=x(s,"CODE",{});var $=h(e);a=w($,"AUTO_END"),$.forEach(k),s.forEach(k)},m(t,s){v(t,n,s),E(n,e),E(e,a)},p:D,d(t){t&&k(n)}}}function an(t){let n;return{c(){n=u("Align dropdown based on available space around, preferably, at text end (right edge for LTR languages).")},l(t){n=w(t,"Align dropdown based on available space around, preferably, at text end (right edge for LTR languages).")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function sn(t){let n,e,a,r;return n=new L({props:{$$slots:{default:[en]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[an]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),r=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),a.$set($)},i(t){r||(p(n.$$.fragment,t),p(a.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(a,t)}}}function $n(t){let n,e,a;return{c(){n=d("strong"),e=d("code"),a=u("START")},l(t){n=x(t,"STRONG",{});var s=h(n);e=x(s,"CODE",{});var $=h(e);a=w($,"START"),$.forEach(k),s.forEach(k)},m(t,s){v(t,n,s),E(n,e),E(e,a)},p:D,d(t){t&&k(n)}}}function on(t){let n;return{c(){n=u("Align content start")},l(t){n=w(t,"Align content start")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function rn(t){let n,e,a,r;return n=new L({props:{$$slots:{default:[$n]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[on]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),r=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),a.$set($)},i(t){r||(p(n.$$.fragment,t),p(a.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(a,t)}}}function cn(t){let n,e,a;return{c(){n=d("strong"),e=d("code"),a=u("END")},l(t){n=x(t,"STRONG",{});var s=h(n);e=x(s,"CODE",{});var $=h(e);a=w($,"END"),$.forEach(k),s.forEach(k)},m(t,s){v(t,n,s),E(n,e),E(e,a)},p:D,d(t){t&&k(n)}}}function pn(t){let n;return{c(){n=u("Align content end.")},l(t){n=w(t,"Align content end.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function ln(t){let n,e,a,r;return n=new L({props:{$$slots:{default:[cn]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[pn]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),r=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),a.$set($)},i(t){r||(p(n.$$.fragment,t),p(a.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(a,t)}}}function fn(t){let n,e,a,r,c,m,u,w,y,D,O,T;return e=new z({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),c=new z({props:{$$slots:{default:[nn]},$$scope:{ctx:t}}}),u=new z({props:{$$slots:{default:[sn]},$$scope:{ctx:t}}}),y=new z({props:{$$slots:{default:[rn]},$$scope:{ctx:t}}}),O=new z({props:{$$slots:{default:[ln]},$$scope:{ctx:t}}}),{c(){n=d("thead"),s(e.$$.fragment),a=g(),r=d("tbody"),s(c.$$.fragment),m=g(),s(u.$$.fragment),w=g(),s(y.$$.fragment),D=g(),s(O.$$.fragment)},l(t){n=x(t,"THEAD",{});var s=h(n);$(e.$$.fragment,s),s.forEach(k),a=i(t),r=x(t,"TBODY",{});var o=h(r);$(c.$$.fragment,o),m=i(o),$(u.$$.fragment,o),w=i(o),$(y.$$.fragment,o),D=i(o),$(O.$$.fragment,o),o.forEach(k)},m(t,s){v(t,n,s),o(e,n,null),v(t,a,s),v(t,r,s),o(c,r,null),E(r,m),o(u,r,null),E(r,w),o(y,r,null),E(r,D),o(O,r,null),T=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),c.$set(s);const $={};4&n&&($.$$scope={dirty:n,ctx:t}),u.$set($);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),y.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),O.$set(r)},i(t){T||(p(e.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(y.$$.fragment,t),p(O.$$.fragment,t),T=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),l(y.$$.fragment,t),l(O.$$.fragment,t),T=!1},d(t){t&&k(n),f(e),t&&k(a),t&&k(r),f(c),f(u),f(y),f(O)}}}function mn(t){let n;return{c(){n=u("Dropdown alignment along the vertical axis.")},l(t){n=w(t,"Dropdown alignment along the vertical axis.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function gn(t){let n;return{c(){n=u("Field")},l(t){n=w(t,"Field")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function dn(t){let n;return{c(){n=u("Description")},l(t){n=w(t,"Description")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function un(t){let n,e,a,r;return n=new V({props:{$$slots:{default:[gn]},$$scope:{ctx:t}}}),a=new V({props:{$$slots:{default:[dn]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),r=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),a.$set($)},i(t){r||(p(n.$$.fragment,t),p(a.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(a,t)}}}function xn(t){let n,e,a;return{c(){n=d("strong"),e=d("code"),a=u("AUTO_BOTTOM")},l(t){n=x(t,"STRONG",{});var s=h(n);e=x(s,"CODE",{});var $=h(e);a=w($,"AUTO_BOTTOM"),$.forEach(k),s.forEach(k)},m(t,s){v(t,n,s),E(n,e),E(e,a)},p:D,d(t){t&&k(n)}}}function hn(t){let n;return{c(){n=u("Align content based on available space, preferable bottom.")},l(t){n=w(t,"Align content based on available space, preferable bottom.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function wn(t){let n,e,a,r;return n=new L({props:{$$slots:{default:[xn]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[hn]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),r=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),a.$set($)},i(t){r||(p(n.$$.fragment,t),p(a.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(a,t)}}}function kn(t){let n,e,a;return{c(){n=d("strong"),e=d("code"),a=u("AUTO_TOP")},l(t){n=x(t,"STRONG",{});var s=h(n);e=x(s,"CODE",{});var $=h(e);a=w($,"AUTO_TOP"),$.forEach(k),s.forEach(k)},m(t,s){v(t,n,s),E(n,e),E(e,a)},p:D,d(t){t&&k(n)}}}function vn(t){let n;return{c(){n=u("Align content based on available space, preferable top.")},l(t){n=w(t,"Align content based on available space, preferable top.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function En(t){let n,e,a,r;return n=new L({props:{$$slots:{default:[kn]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[vn]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),r=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),a.$set($)},i(t){r||(p(n.$$.fragment,t),p(a.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(a,t)}}}function yn(t){let n,e,a;return{c(){n=d("strong"),e=d("code"),a=u("BOTTOM")},l(t){n=x(t,"STRONG",{});var s=h(n);e=x(s,"CODE",{});var $=h(e);a=w($,"BOTTOM"),$.forEach(k),s.forEach(k)},m(t,s){v(t,n,s),E(n,e),E(e,a)},p:D,d(t){t&&k(n)}}}function Dn(t){let n;return{c(){n=u("Align content bottom.")},l(t){n=w(t,"Align content bottom.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function On(t){let n,e,a,r;return n=new L({props:{$$slots:{default:[yn]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[Dn]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),r=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),a.$set($)},i(t){r||(p(n.$$.fragment,t),p(a.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(a,t)}}}function Tn(t){let n,e,a;return{c(){n=d("strong"),e=d("code"),a=u("TOP")},l(t){n=x(t,"STRONG",{});var s=h(n);e=x(s,"CODE",{});var $=h(e);a=w($,"TOP"),$.forEach(k),s.forEach(k)},m(t,s){v(t,n,s),E(n,e),E(e,a)},p:D,d(t){t&&k(n)}}}function bn(t){let n;return{c(){n=u("Align content top.")},l(t){n=w(t,"Align content top.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function An(t){let n,e,a,r;return n=new L({props:{$$slots:{default:[Tn]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[bn]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),r=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),a.$set($)},i(t){r||(p(n.$$.fragment,t),p(a.$$.fragment,t),r=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),r=!1},d(t){f(n,t),t&&k(e),f(a,t)}}}function Cn(t){let n,e,a,r,c,m,u,w,y,D,O,T;return e=new z({props:{$$slots:{default:[un]},$$scope:{ctx:t}}}),c=new z({props:{$$slots:{default:[wn]},$$scope:{ctx:t}}}),u=new z({props:{$$slots:{default:[En]},$$scope:{ctx:t}}}),y=new z({props:{$$slots:{default:[On]},$$scope:{ctx:t}}}),O=new z({props:{$$slots:{default:[An]},$$scope:{ctx:t}}}),{c(){n=d("thead"),s(e.$$.fragment),a=g(),r=d("tbody"),s(c.$$.fragment),m=g(),s(u.$$.fragment),w=g(),s(y.$$.fragment),D=g(),s(O.$$.fragment)},l(t){n=x(t,"THEAD",{});var s=h(n);$(e.$$.fragment,s),s.forEach(k),a=i(t),r=x(t,"TBODY",{});var o=h(r);$(c.$$.fragment,o),m=i(o),$(u.$$.fragment,o),w=i(o),$(y.$$.fragment,o),D=i(o),$(O.$$.fragment,o),o.forEach(k)},m(t,s){v(t,n,s),o(e,n,null),v(t,a,s),v(t,r,s),o(c,r,null),E(r,m),o(u,r,null),E(r,w),o(y,r,null),E(r,D),o(O,r,null),T=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),c.$set(s);const $={};4&n&&($.$$scope={dirty:n,ctx:t}),u.$set($);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),y.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),O.$set(r)},i(t){T||(p(e.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(y.$$.fragment,t),p(O.$$.fragment,t),T=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),l(y.$$.fragment,t),l(O.$$.fragment,t),T=!1},d(t){t&&k(n),f(e),t&&k(a),t&&k(r),f(c),f(u),f(y),f(O)}}}function Sn(t){let n;return{c(){n=u("SCSS Variables")},l(t){n=w(t,"SCSS Variables")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Rn(t){let n;return{c(){n=u("Name")},l(t){n=w(t,"Name")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Nn(t){let n;return{c(){n=u("Description")},l(t){n=w(t,"Description")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function jn(t){let n;return{c(){n=u("Default")},l(t){n=w(t,"Default")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Gn(t){let n,e,a,r,c,m;return n=new V({props:{$$slots:{default:[Rn]},$$scope:{ctx:t}}}),a=new V({props:{$$slots:{default:[Nn]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[jn]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment),r=g(),s(c.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t),r=i(t),$(c.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),v(t,r,s),o(c,t,s),m=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),a.$set($);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(p(n.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(n,t),t&&k(e),f(a,t),t&&k(r),f(c,t)}}}function Bn(t){let n,e,a;return{c(){n=d("strong"),e=d("code"),a=u("$background")},l(t){n=x(t,"STRONG",{});var s=h(n);e=x(s,"CODE",{});var $=h(e);a=w($,"$background"),$.forEach(k),s.forEach(k)},m(t,s){v(t,n,s),E(n,e),E(e,a)},p:D,d(t){t&&k(n)}}}function Pn(t){let n;return{c(){n=u("The background color of the dropdown content")},l(t){n=w(t,"The background color of the dropdown content")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Hn(t){let n,e;return n=new G({props:{value:"#FFFFFF",bordered:!0}}),{c(){s(n.$$.fragment)},l(t){$(n.$$.fragment,t)},m(t,a){o(n,t,a),e=!0},p:D,i(t){e||(p(n.$$.fragment,t),e=!0)},o(t){l(n.$$.fragment,t),e=!1},d(t){f(n,t)}}}function In(t){let n,e,a,r,c,m;return n=new L({props:{$$slots:{default:[Bn]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[Pn]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Hn]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment),r=g(),s(c.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t),r=i(t),$(c.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),v(t,r,s),o(c,t,s),m=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),a.$set($);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(p(n.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(n,t),t&&k(e),f(a,t),t&&k(r),f(c,t)}}}function Fn(t){let n,e,a;return{c(){n=d("strong"),e=d("code"),a=u("$shadow-raised")},l(t){n=x(t,"STRONG",{});var s=h(n);e=x(s,"CODE",{});var $=h(e);a=w($,"$shadow-raised"),$.forEach(k),s.forEach(k)},m(t,s){v(t,n,s),E(n,e),E(e,a)},p:D,d(t){t&&k(n)}}}function zn(t){let n;return{c(){n=u("The shadow of the dropdown.")},l(t){n=w(t,"The shadow of the dropdown.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Vn(t){let n,e;return n=new B({props:{value:Zn}}),{c(){s(n.$$.fragment)},l(t){$(n.$$.fragment,t)},m(t,a){o(n,t,a),e=!0},p:D,i(t){e||(p(n.$$.fragment,t),e=!0)},o(t){l(n.$$.fragment,t),e=!1},d(t){f(n,t)}}}function Ln(t){let n,e,a,r,c,m;return n=new L({props:{$$slots:{default:[Fn]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[zn]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Vn]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment),r=g(),s(c.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t),r=i(t),$(c.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),v(t,r,s),o(c,t,s),m=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),a.$set($);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(p(n.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(n,t),t&&k(e),f(a,t),t&&k(r),f(c,t)}}}function Un(t){let n,e,a;return{c(){n=d("strong"),e=d("code"),a=u("$card-radius")},l(t){n=x(t,"STRONG",{});var s=h(n);e=x(s,"CODE",{});var $=h(e);a=w($,"$card-radius"),$.forEach(k),s.forEach(k)},m(t,s){v(t,n,s),E(n,e),E(e,a)},p:D,d(t){t&&k(n)}}}function _n(t){let n;return{c(){n=u("The curvature radius of the dropdown.")},l(t){n=w(t,"The curvature radius of the dropdown.")},m(t,e){v(t,n,e)},d(t){t&&k(n)}}}function Mn(t){let n,e;return{c(){n=d("code"),e=u("1.25em")},l(t){n=x(t,"CODE",{});var a=h(n);e=w(a,"1.25em"),a.forEach(k)},m(t,a){v(t,n,a),E(n,e)},p:D,d(t){t&&k(n)}}}function Yn(t){let n,e,a,r,c,m;return n=new L({props:{$$slots:{default:[Un]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[_n]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Mn]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment),r=g(),s(c.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t),r=i(t),$(c.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),v(t,r,s),o(c,t,s),m=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),a.$set($);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(p(n.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(n,t),t&&k(e),f(a,t),t&&k(r),f(c,t)}}}function qn(t){let n,e,a,r,c,m,u,w,y,D;return e=new z({props:{$$slots:{default:[Gn]},$$scope:{ctx:t}}}),c=new z({props:{$$slots:{default:[In]},$$scope:{ctx:t}}}),u=new z({props:{$$slots:{default:[Ln]},$$scope:{ctx:t}}}),y=new z({props:{$$slots:{default:[Yn]},$$scope:{ctx:t}}}),{c(){n=d("thead"),s(e.$$.fragment),a=g(),r=d("tbody"),s(c.$$.fragment),m=g(),s(u.$$.fragment),w=g(),s(y.$$.fragment)},l(t){n=x(t,"THEAD",{});var s=h(n);$(e.$$.fragment,s),s.forEach(k),a=i(t),r=x(t,"TBODY",{});var o=h(r);$(c.$$.fragment,o),m=i(o),$(u.$$.fragment,o),w=i(o),$(y.$$.fragment,o),o.forEach(k)},m(t,s){v(t,n,s),o(e,n,null),v(t,a,s),v(t,r,s),o(c,r,null),E(r,m),o(u,r,null),E(r,w),o(y,r,null),D=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),c.$set(s);const $={};4&n&&($.$$scope={dirty:n,ctx:t}),u.$set($);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),y.$set(o)},i(t){D||(p(e.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(y.$$.fragment,t),D=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),l(y.$$.fragment,t),D=!1},d(t){t&&k(n),f(e),t&&k(a),t&&k(r),f(c),f(u),f(y)}}}function Kn(t){let n,e,a,r,c,m,y,D,O,T,C,S,R,N,G,B,z,V,L,M,Y,q,K,J,Q,W,X,Z,st,$t,ot,rt,ct,pt,lt,ft,mt,gt,dt,ut,it,xt,ht,wt,kt,vt,Et,yt,Dt,Ot;return n=new b({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),a=new A({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),c=new P({props:{components:Xn}}),y=new j({props:{$$slots:{source:[nt],showcase:[tt]},$$scope:{ctx:t}}}),O=new H({props:{id:"properties",$$slots:{default:[et]},$$scope:{ctx:t}}}),C=new I({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),R=new F({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),G=new I({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),z=new A({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),L=new A({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),Y=new F({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),K=new H({props:{id:"slots",$$slots:{default:[_t]},$$scope:{ctx:t}}}),Q=new I({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),X=new A({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),st=new I({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),ot=new A({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),ft=new A({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),gt=new F({props:{$$slots:{default:[fn]},$$scope:{ctx:t}}}),ht=new A({props:{$$slots:{default:[mn]},$$scope:{ctx:t}}}),kt=new F({props:{$$slots:{default:[Cn]},$$scope:{ctx:t}}}),Et=new H({props:{id:"scss-variables",$$slots:{default:[Sn]},$$scope:{ctx:t}}}),Dt=new F({props:{$$slots:{default:[qn]},$$scope:{ctx:t}}}),{c(){s(n.$$.fragment),e=g(),s(a.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(y.$$.fragment),D=g(),s(O.$$.fragment),T=g(),s(C.$$.fragment),S=g(),s(R.$$.fragment),N=g(),s(G.$$.fragment),B=g(),s(z.$$.fragment),V=g(),s(L.$$.fragment),M=g(),s(Y.$$.fragment),q=g(),s(K.$$.fragment),J=g(),s(Q.$$.fragment),W=g(),s(X.$$.fragment),Z=g(),s(st.$$.fragment),$t=g(),s(ot.$$.fragment),rt=g(),ct=d("h4"),pt=u("HorizontalAlignment"),lt=g(),s(ft.$$.fragment),mt=g(),s(gt.$$.fragment),dt=g(),ut=d("h4"),it=u("VerticalAlignment"),xt=g(),s(ht.$$.fragment),wt=g(),s(kt.$$.fragment),vt=g(),s(Et.$$.fragment),yt=g(),s(Dt.$$.fragment)},l(t){$(n.$$.fragment,t),e=i(t),$(a.$$.fragment,t),r=i(t),$(c.$$.fragment,t),m=i(t),$(y.$$.fragment,t),D=i(t),$(O.$$.fragment,t),T=i(t),$(C.$$.fragment,t),S=i(t),$(R.$$.fragment,t),N=i(t),$(G.$$.fragment,t),B=i(t),$(z.$$.fragment,t),V=i(t),$(L.$$.fragment,t),M=i(t),$(Y.$$.fragment,t),q=i(t),$(K.$$.fragment,t),J=i(t),$(Q.$$.fragment,t),W=i(t),$(X.$$.fragment,t),Z=i(t),$(st.$$.fragment,t),$t=i(t),$(ot.$$.fragment,t),rt=i(t),ct=x(t,"H4",{});var s=h(ct);pt=w(s,"HorizontalAlignment"),s.forEach(k),lt=i(t),$(ft.$$.fragment,t),mt=i(t),$(gt.$$.fragment,t),dt=i(t),ut=x(t,"H4",{});var o=h(ut);it=w(o,"VerticalAlignment"),o.forEach(k),xt=i(t),$(ht.$$.fragment,t),wt=i(t),$(kt.$$.fragment,t),vt=i(t),$(Et.$$.fragment,t),yt=i(t),$(Dt.$$.fragment,t)},m(t,s){o(n,t,s),v(t,e,s),o(a,t,s),v(t,r,s),o(c,t,s),v(t,m,s),o(y,t,s),v(t,D,s),o(O,t,s),v(t,T,s),o(C,t,s),v(t,S,s),o(R,t,s),v(t,N,s),o(G,t,s),v(t,B,s),o(z,t,s),v(t,V,s),o(L,t,s),v(t,M,s),o(Y,t,s),v(t,q,s),o(K,t,s),v(t,J,s),o(Q,t,s),v(t,W,s),o(X,t,s),v(t,Z,s),o(st,t,s),v(t,$t,s),o(ot,t,s),v(t,rt,s),v(t,ct,s),E(ct,pt),v(t,lt,s),o(ft,t,s),v(t,mt,s),o(gt,t,s),v(t,dt,s),v(t,ut,s),E(ut,it),v(t,xt,s),o(ht,t,s),v(t,wt,s),o(kt,t,s),v(t,vt,s),o(Et,t,s),v(t,yt,s),o(Dt,t,s),Ot=!0},p(t,e){const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const $={};4&e&&($.$$scope={dirty:e,ctx:t}),a.$set($);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),y.$set(o);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),O.$set(r);const c={};4&e&&(c.$$scope={dirty:e,ctx:t}),C.$set(c);const p={};4&e&&(p.$$scope={dirty:e,ctx:t}),R.$set(p);const l={};4&e&&(l.$$scope={dirty:e,ctx:t}),G.$set(l);const f={};4&e&&(f.$$scope={dirty:e,ctx:t}),z.$set(f);const m={};4&e&&(m.$$scope={dirty:e,ctx:t}),L.$set(m);const g={};4&e&&(g.$$scope={dirty:e,ctx:t}),Y.$set(g);const d={};4&e&&(d.$$scope={dirty:e,ctx:t}),K.$set(d);const u={};4&e&&(u.$$scope={dirty:e,ctx:t}),Q.$set(u);const i={};4&e&&(i.$$scope={dirty:e,ctx:t}),X.$set(i);const x={};4&e&&(x.$$scope={dirty:e,ctx:t}),st.$set(x);const h={};4&e&&(h.$$scope={dirty:e,ctx:t}),ot.$set(h);const w={};4&e&&(w.$$scope={dirty:e,ctx:t}),ft.$set(w);const k={};4&e&&(k.$$scope={dirty:e,ctx:t}),gt.$set(k);const v={};4&e&&(v.$$scope={dirty:e,ctx:t}),ht.$set(v);const E={};4&e&&(E.$$scope={dirty:e,ctx:t}),kt.$set(E);const D={};4&e&&(D.$$scope={dirty:e,ctx:t}),Et.$set(D);const T={};4&e&&(T.$$scope={dirty:e,ctx:t}),Dt.$set(T)},i(t){Ot||(p(n.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),p(y.$$.fragment,t),p(O.$$.fragment,t),p(C.$$.fragment,t),p(R.$$.fragment,t),p(G.$$.fragment,t),p(z.$$.fragment,t),p(L.$$.fragment,t),p(Y.$$.fragment,t),p(K.$$.fragment,t),p(Q.$$.fragment,t),p(X.$$.fragment,t),p(st.$$.fragment,t),p(ot.$$.fragment,t),p(ft.$$.fragment,t),p(gt.$$.fragment,t),p(ht.$$.fragment,t),p(kt.$$.fragment,t),p(Et.$$.fragment,t),p(Dt.$$.fragment,t),Ot=!0)},o(t){l(n.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),l(y.$$.fragment,t),l(O.$$.fragment,t),l(C.$$.fragment,t),l(R.$$.fragment,t),l(G.$$.fragment,t),l(z.$$.fragment,t),l(L.$$.fragment,t),l(Y.$$.fragment,t),l(K.$$.fragment,t),l(Q.$$.fragment,t),l(X.$$.fragment,t),l(st.$$.fragment,t),l(ot.$$.fragment,t),l(ft.$$.fragment,t),l(gt.$$.fragment,t),l(ht.$$.fragment,t),l(kt.$$.fragment,t),l(Et.$$.fragment,t),l(Dt.$$.fragment,t),Ot=!1},d(t){f(n,t),t&&k(e),f(a,t),t&&k(r),f(c,t),t&&k(m),f(y,t),t&&k(D),f(O,t),t&&k(T),f(C,t),t&&k(S),f(R,t),t&&k(N),f(G,t),t&&k(B),f(z,t),t&&k(V),f(L,t),t&&k(M),f(Y,t),t&&k(q),f(K,t),t&&k(J),f(Q,t),t&&k(W),f(X,t),t&&k(Z),f(st,t),t&&k($t),f(ot,t),t&&k(rt),t&&k(ct),t&&k(lt),f(ft,t),t&&k(mt),f(gt,t),t&&k(dt),t&&k(ut),t&&k(xt),f(ht,t),t&&k(wt),f(kt,t),t&&k(vt),f(Et,t),t&&k(yt),f(Dt,t)}}}function Jn(t){let n,e;const m=[t[0],Qn];let g={$$slots:{default:[Kn]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)g=a(g,m[t]);return n=new T({props:g}),{c(){s(n.$$.fragment)},l(t){$(n.$$.fragment,t)},m(t,a){o(n,t,a),e=!0},p(t,[e]){const a=1&e?r(m,[1&e&&c(t[0]),0&e&&c(Qn)]):{};4&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a)},i(t){e||(p(n.$$.fragment,t),e=!0)},o(t){l(n.$$.fragment,t),e=!1},d(t){f(n,t)}}}const Qn={name:"Dropdown",relatedComponents:[{name:"DropdownShell",link:"./docs/components/dropdown-shell"}],shadowRaised:"0 2px 4px -1px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);"},{name:Wn,relatedComponents:Xn,shadowRaised:Zn}=Qn;function te(t,n,e){return t.$$set=t=>{e(0,n=a(a({},n),m(t)))},[n=m(n)]}class ne extends t{constructor(t){super(),n(this,t,te,Jn,e,{})}}export{ne as default,Qn as metadata};
diff --git a/376/client/legacy/dropdown.9218bde6.js b/376/client/legacy/dropdown.9218bde6.js
new file mode 100644
index 000000000..74f2ddd0b
--- /dev/null
+++ b/376/client/legacy/dropdown.9218bde6.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,M as s,h as o,k as a,b as l,d as i,e as c,X as r,O as u,f as d,o as h,Q as p,R as $,T as f,t as g,p as T,J as m,a4 as O,a5 as A,Y as v,a6 as w,a7 as E}from"./client.583c6e60.js";import{c as y}from"./classes.a7d1a9eb.js";const D={},U={},_=t=>({}),b=t=>({toggle:t[2]});function R(t){let e,n,m,O,A;const v=t[6].default,w=s(v,t,t[5],b);return{c(){e=o("div"),w&&w.c(),this.h()},l(t){e=a(t,"DIV",{class:!0});var n=l(e);w&&w.l(n),n.forEach(i),this.h()},h(){c(e,"class",n=r(y("dropdown-shell",t[1]))+" svelte-1j957tq"),u(e,"open",t[0])},m(n,s){d(n,e,s),w&&w.m(e,null),t[7](e),m=!0,O||(A=h(window,"click",t[4]),O=!0)},p(t,s){let[o]=s;w&&w.p&&(!m||32&o)&&p(w,v,t,t[5],m?f(v,t[5],o,_):$(t[5]),b),(!m||2&o&&n!==(n=r(y("dropdown-shell",t[1]))+" svelte-1j957tq"))&&c(e,"class",n),(!m||3&o)&&u(e,"open",t[0])},i(t){m||(g(w,t),m=!0)},o(t){T(w,t),m=!1},d(n){n&&i(e),w&&w.d(n),t[7](null),O=!1,A()}}}function j(t,e,n){let{$$slots:s={},$$scope:o}=e,{class:a=null}=e,{open:l=!1}=e;function i(){n(0,l=!l)}let c=null;function r(t){"Escape"===t.key&&l&&(t.preventDefault(),i())}const u=m(),d=A(l);return O(D,(()=>c&&c.getBoundingClientRect())),O(U,d),t.$$set=t=>{"class"in t&&n(1,a=t.class),"open"in t&&n(0,l=t.open),"$$scope"in t&&n(5,o=t.$$scope)},t.$$.update=()=>{1&t.$$.dirty&&u("change",{value:l}),1&t.$$.dirty&&"undefined"!=typeof document&&(l?document.addEventListener("keydown",r):document.removeEventListener("keydown",r)),1&t.$$.dirty&&d.set(l)},[l,a,i,c,function(t){if(!c)return;!c.contains(t.target)&&l&&i()},o,s,function(t){v[t?"unshift":"push"]((()=>{c=t,n(3,c)}))}]}var q=class extends t{constructor(t){super(),e(this,t,j,R,n,{class:1,open:0,toggle:2})}get toggle(){return this.$$.ctx[2]}};const z={AUTO_START:"auto-start",AUTO_END:"auto-end",START:"start",END:"end"},B={AUTO_BOTTOM:"auto-bottom",AUTO_TOP:"auto-top",BOTTOM:"bottom",TOP:"top"};function k(t){let e,n,h;const m=t[11].default,O=s(m,t,t[10],null);return{c(){e=o("div"),O&&O.c(),this.h()},l(t){e=a(t,"DIV",{class:!0});var n=l(e);O&&O.l(n),n.forEach(i),this.h()},h(){c(e,"class",n=r(y("dropdown",t[0]))+" svelte-1fhqrqw"),u(e,"right",t[3]),u(e,"top",t[2])},m(n,s){d(n,e,s),O&&O.m(e,null),t[12](e),h=!0},p(t,s){let[o]=s;O&&O.p&&(!h||1024&o)&&p(O,m,t,t[10],h?f(m,t[10],o,null):$(t[10]),null),(!h||1&o&&n!==(n=r(y("dropdown",t[0]))+" svelte-1fhqrqw"))&&c(e,"class",n),(!h||9&o)&&u(e,"right",t[3]),(!h||5&o)&&u(e,"top",t[2])},i(t){h||(g(O,t),h=!0)},o(t){T(O,t),h=!1},d(n){n&&i(e),O&&O.d(n),t[12](null)}}}function M(t,e,n){let s,{$$slots:o={},$$scope:a}=e,{class:l=null}=e,{right:i=!1}=e,{top:c=!1}=e,{horizontalAlignment:r=z.AUTO_START}=e,{verticalAlignment:u=B.AUTO_BOTTOM}=e;const d=w(U);E(t,d,(t=>n(9,s=t)));const h=w(D);let p,$,f;return t.$$set=t=>{"class"in t&&n(0,l=t.class),"right"in t&&n(5,i=t.right),"top"in t&&n(6,c=t.top),"horizontalAlignment"in t&&n(7,r=t.horizontalAlignment),"verticalAlignment"in t&&n(8,u=t.verticalAlignment),"$$scope"in t&&n(10,a=t.$$scope)},t.$$.update=()=>{if(610&t.$$.dirty&&s){const t=p.getBoundingClientRect(),e=h();n(2,$=c||function(t,e){const{height:n}=t,{top:s,bottom:o}=e;switch(u){case B.TOP:return!0;case B.BOTTOM:return!1;case B.AUTO_TOP:return n<=s;default:return n>window.innerHeight-o}}(t,e)),n(3,f=i||function(t,e){const{width:n}=t,{left:s,right:o}=e;switch(r){case z.END:return!0;case z.START:return!1;case z.AUTO_END:return n<=o;default:return n>window.innerWidth-s}}(t,e))}},[l,p,$,f,d,i,c,r,u,s,a,o,function(t){v[t?"unshift":"push"]((()=>{p=t,n(1,p)}))}]}Object.freeze(z),Object.freeze(B);var S=class extends t{constructor(t){super(),e(this,t,M,k,n,{class:0,right:5,top:6,horizontalAlignment:7,verticalAlignment:8})}};export{q as D,S as a};
diff --git a/376/client/legacy/file-dropzone-d14af357.css b/376/client/legacy/file-dropzone-d14af357.css
new file mode 100644
index 000000000..e61ac5fed
--- /dev/null
+++ b/376/client/legacy/file-dropzone-d14af357.css
@@ -0,0 +1 @@
+.file-dropzone.svelte-1pbt5fi.svelte-1pbt5fi.svelte-1pbt5fi{border:0.125em dashed currentColor;border-radius:1.5625em;color:#4300b0;display:block;margin:2em 0 0.5em;position:relative}.file-dropzone.svelte-1pbt5fi.svelte-1pbt5fi.svelte-1pbt5fi:focus-within{border-color:rgba(67, 0, 176, 0.5);border-style:solid}.file-dropzone.disabled.svelte-1pbt5fi.svelte-1pbt5fi.svelte-1pbt5fi{color:#888}.file-dropzone.svelte-1pbt5fi input.svelte-1pbt5fi.svelte-1pbt5fi{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.file-dropzone.svelte-1pbt5fi .icon{stroke:currentColor}.file-dropzone.svelte-1pbt5fi .empty-layer.svelte-1pbt5fi.svelte-1pbt5fi{align-items:center;display:flex;padding:2em 1em;z-index:1}.file-dropzone.svelte-1pbt5fi .empty-layer .title.svelte-1pbt5fi.svelte-1pbt5fi{color:currentColor;flex:1;font-weight:500;margin-left:0.5em;text-align:center}.file-dropzone.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi.svelte-1pbt5fi{align-items:center;border-radius:1.5625em;cursor:pointer;display:flex;height:100%;justify-content:flex-end;left:0;position:absolute;top:0;width:100%;z-index:2}.file-dropzone.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi.svelte-1pbt5fi:hover{background:rgba(67, 0, 176, 0.025)}.file-dropzone.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi .ripple{background:rgba(67, 0, 176, 0.1)}.file-dropzone.svelte-1pbt5fi .dropzone-layer.accepting.svelte-1pbt5fi.svelte-1pbt5fi{background:rgba(67, 0, 176, 0.05)}.file-dropzone.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi svg{margin-right:1em;opacity:0;pointer-events:none;stroke:currentColor;transition:transform 150ms}.file-dropzone.svelte-1pbt5fi input.svelte-1pbt5fi:focus~.dropzone-layer.svelte-1pbt5fi{background:rgba(67, 0, 176, 0.05)}.file-dropzone.disabled.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi.svelte-1pbt5fi{background:none;cursor:not-allowed}.file-dropzone.has-content.svelte-1pbt5fi.svelte-1pbt5fi.svelte-1pbt5fi{display:grid;gap:0.5em;grid-template-columns:repeat(auto-fill, 12em);padding:1em}.file-dropzone.has-content.svelte-1pbt5fi .empty-layer.svelte-1pbt5fi.svelte-1pbt5fi{display:none}.file-dropzone.has-content.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi svg{opacity:1}.file-dropzone.wrong-type.svelte-1pbt5fi.svelte-1pbt5fi.svelte-1pbt5fi{color:#b80000}.file-dropzone.wrong-type.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi.svelte-1pbt5fi:hover{background:rgba(184, 0, 0, 0.025)}.file-dropzone.wrong-type.svelte-1pbt5fi .dropzone-layer.accepting.svelte-1pbt5fi.svelte-1pbt5fi{background:rgba(184, 0, 0, 0.05)}.file-dropzone.wrong-type.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi .ripple{background:rgba(184, 0, 0, 0.1)}.file-dropzone.wrong-type.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi svg.plus{transform:rotate(45deg)}
diff --git a/376/client/legacy/file-dropzone-e3e07ae7.css b/376/client/legacy/file-dropzone-e3e07ae7.css
new file mode 100644
index 000000000..419ac573f
--- /dev/null
+++ b/376/client/legacy/file-dropzone-e3e07ae7.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-137a0ii p.svelte-137a0ii{margin:2em 0 0}[slot=showcase].svelte-137a0ii .file-dropzone{margin-top:1em}@media only screen and (min-width: 340px){[slot=showcase].svelte-137a0ii.svelte-137a0ii{min-width:17em}}
diff --git a/376/client/legacy/file-dropzone.5e029b8d.js b/376/client/legacy/file-dropzone.5e029b8d.js
new file mode 100644
index 000000000..e3261b72a
--- /dev/null
+++ b/376/client/legacy/file-dropzone.5e029b8d.js
@@ -0,0 +1 @@
+import{S as e,i as t,s as l,a as s,c as n,b as a,d as r,e as o,f as i,g as c,n as f,K as u,M as p,h as d,u as h,k as m,w as g,N as $,O as v,X as w,o as b,ad as y,ae as x,P as k,U as C,Q as E,R as j,T as L,t as T,y as B,p as I,z as W,V as z,Z as A,W as D,I as V,J as M,L as N,j as P,l as F,m as U,q,r as H,H as J,_ as K,Y as O,v as Q,x as R}from"./client.583c6e60.js";import{c as S}from"./classes.a7d1a9eb.js";import{F as X}from"./file-tile.9d6ee709.js";import{r as Y}from"./button.863c0adf.js";function Z(e){let t,l,u;return{c(){t=s("svg"),l=s("path"),this.h()},l(e){t=n(e,"svg",{xmlns:!0,width:!0,height:!0,viewBox:!0,fill:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var s=a(t);l=n(s,"path",{d:!0}),a(l).forEach(r),s.forEach(r),this.h()},h(){o(l,"d","M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"),o(t,"xmlns","http://www.w3.org/2000/svg"),o(t,"width","24"),o(t,"height","24"),o(t,"viewBox","0 0 24 24"),o(t,"fill","none"),o(t,"stroke","currentColor"),o(t,"stroke-width","2"),o(t,"stroke-linecap","round"),o(t,"stroke-linejoin","round"),o(t,"class",u=S(e[0]))},m(e,s){i(e,t,s),c(t,l)},p(e,l){let[s]=l;1&s&&u!==(u=S(e[0]))&&o(t,"class",u)},i:f,o:f,d(e){e&&r(t)}}}function _(e,t,l){let{class:s=null}=t;return e.$$set=e=>{"class"in e&&l(0,s=e.class)},[s]}var G=class extends e{constructor(e){super(),t(this,e,_,Z,l,{class:0})}};function ee(e){let t,l,u,p;return{c(){t=s("svg"),l=s("line"),u=s("line"),this.h()},l(e){t=n(e,"svg",{xmlns:!0,width:!0,height:!0,viewBox:!0,fill:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var s=a(t);l=n(s,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),a(l).forEach(r),u=n(s,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),a(u).forEach(r),s.forEach(r),this.h()},h(){o(l,"x1","12"),o(l,"y1","5"),o(l,"x2","12"),o(l,"y2","19"),o(u,"x1","5"),o(u,"y1","12"),o(u,"x2","19"),o(u,"y2","12"),o(t,"xmlns","http://www.w3.org/2000/svg"),o(t,"width","24"),o(t,"height","24"),o(t,"viewBox","0 0 24 24"),o(t,"fill","none"),o(t,"stroke","currentColor"),o(t,"stroke-width","2"),o(t,"stroke-linecap","round"),o(t,"stroke-linejoin","round"),o(t,"class",p=S(e[0]))},m(e,s){i(e,t,s),c(t,l),c(t,u)},p(e,l){let[s]=l;1&s&&p!==(p=S(e[0]))&&o(t,"class",p)},i:f,o:f,d(e){e&&r(t)}}}function te(e,t,l){let{class:s=null}=t;return e.$$set=e=>{"class"in e&&l(0,s=e.class)},[s]}var le=class extends e{constructor(e){super(),t(this,e,te,ee,l,{class:0})}};function se(e,t){if(null==e)return!0;return e.split(",").map((e=>e.trim().toLowerCase())).some((e=>function(e,t){if(e.startsWith("."))return t.name.toLowerCase().endsWith(e);return function(e,t){if("*"===e||"*/*"===e)return!0;const l=e.split("*");if(1===l.length)return e===t;if(2!==l.length)return!1;return t.startsWith(l[0])&&t.endsWith(l[1])}(e.toLowerCase(),(t.type||"").toLowerCase())}(e,t)))}function ne(e,t,l){const s=e.slice();return s[25]=t[l],s}const ae=e=>({}),re=e=>({}),oe=e=>({}),ie=e=>({}),ce=e=>({}),fe=e=>({}),ue=e=>({}),pe=e=>({}),de=e=>({}),he=e=>({}),me=e=>({wrongType:128&e,dragActive:64&e}),ge=e=>({wrongType:e[7],dragActive:e[6]});function $e(e){let t;const l=e[18]["drag-and-drop-message"],s=p(l,e,e[17],ie),n=s||function(e){let t;return{c(){t=Q("drag & drop here or click to upload files")},l(e){t=R(e,"drag & drop here or click to upload files")},m(e,l){i(e,t,l)},d(e){e&&r(t)}}}();return{c(){n&&n.c()},l(e){n&&n.l(e)},m(e,l){n&&n.m(e,l),t=!0},p(e,n){s&&s.p&&(!t||131072&n)&&E(s,l,e,e[17],t?L(l,e[17],n,oe):j(e[17]),ie)},i(e){t||(T(n,e),t=!0)},o(e){I(n,e),t=!1},d(e){n&&n.d(e)}}}function ve(e){let t;const l=e[18]["release-to-upload-message"],s=p(l,e,e[17],fe),n=s||function(e){let t;return{c(){t=Q("release to upload")},l(e){t=R(e,"release to upload")},m(e,l){i(e,t,l)},d(e){e&&r(t)}}}();return{c(){n&&n.c()},l(e){n&&n.l(e)},m(e,l){n&&n.m(e,l),t=!0},p(e,n){s&&s.p&&(!t||131072&n)&&E(s,l,e,e[17],t?L(l,e[17],n,ce):j(e[17]),fe)},i(e){t||(T(n,e),t=!0)},o(e){I(n,e),t=!1},d(e){n&&n.d(e)}}}function we(e){let t;const l=e[18]["incorrect-file-message"],s=p(l,e,e[17],pe),n=s||function(e){let t;return{c(){t=Q("incorrect file type")},l(e){t=R(e,"incorrect file type")},m(e,l){i(e,t,l)},d(e){e&&r(t)}}}();return{c(){n&&n.c()},l(e){n&&n.l(e)},m(e,l){n&&n.m(e,l),t=!0},p(e,n){s&&s.p&&(!t||131072&n)&&E(s,l,e,e[17],t?L(l,e[17],n,ue):j(e[17]),pe)},i(e){t||(T(n,e),t=!0)},o(e){I(n,e),t=!1},d(e){n&&n.d(e)}}}function be(e){let t;const l=e[18]["upload-unavailable-message"],s=p(l,e,e[17],he),n=s||function(e){let t;return{c(){t=Q("file upload unavailable")},l(e){t=R(e,"file upload unavailable")},m(e,l){i(e,t,l)},d(e){e&&r(t)}}}();return{c(){n&&n.c()},l(e){n&&n.l(e)},m(e,l){n&&n.m(e,l),t=!0},p(e,n){s&&s.p&&(!t||131072&n)&&E(s,l,e,e[17],t?L(l,e[17],n,de):j(e[17]),he)},i(e){t||(T(n,e),t=!0)},o(e){I(n,e),t=!1},d(e){n&&n.d(e)}}}function ye(e){let t;const l=e[18]["more-icon"],s=p(l,e,e[17],re),n=s||function(e){let t,l;return t=new le({props:{class:"plus"}}),{c(){P(t.$$.fragment)},l(e){F(t.$$.fragment,e)},m(e,s){U(t,e,s),l=!0},p:f,i(e){l||(T(t.$$.fragment,e),l=!0)},o(e){I(t.$$.fragment,e),l=!1},d(e){q(t,e)}}}();return{c(){n&&n.c()},l(e){n&&n.l(e)},m(e,l){n&&n.m(e,l),t=!0},p(e,n){s&&s.p&&(!t||131072&n)&&E(s,l,e,e[17],t?L(l,e[17],n,ae):j(e[17]),re)},i(e){t||(T(n,e),t=!0)},o(e){I(n,e),t=!1},d(e){n&&n.d(e)}}}function xe(e,t){let l,s,n,a;var o=t[2];function c(e){return{props:{file:e[25]}}}return o&&(s=H(o,c(t)),s.$on("delete",t[13])),{key:e,first:null,c(){l=J(),s&&P(s.$$.fragment),n=J(),this.h()},l(e){l=J(),s&&F(s.$$.fragment,e),n=J(),this.h()},h(){this.first=l},m(e,t){i(e,l,t),s&&U(s,e,t),i(e,n,t),a=!0},p(e,l){t=e;const a={};if(1&l&&(a.file=t[25]),4&l&&o!==(o=t[2])){if(s){B();const e=s;I(e.$$.fragment,1,0,(()=>{q(e,1)})),W()}o?(s=H(o,c(t)),s.$on("delete",t[13]),P(s.$$.fragment),T(s.$$.fragment,1),U(s,n.parentNode,n)):s=null}else o&&s.$set(a)},i(e){a||(s&&T(s.$$.fragment,e),a=!0)},o(e){s&&I(s.$$.fragment,e),a=!1},d(e){e&&r(l),e&&r(n),s&&q(s,e)}}}function ke(e){let t,l,s,n,f,V,M,N,H,J,O,Q,R,X=[],Z=new Map,_=[{type:"file"},{multiple:!0},{accept:e[3]},{disabled:s=e[4]||e[0].length>=e[5]},e[15]],ee={};for(let e=0;e<_.length;e+=1)ee=u(ee,_[e]);const te=e[18]["empty-layer"],le=p(te,e,e[17],ge),se=le||function(e){let t,l,s,n,c,f;t=new G({props:{class:"icon"}});const u=[be,we,ve,$e],p=[];function $(e,t){return e[4]?0:e[7]?1:e[6]?2:3}return n=$(e),c=p[n]=u[n](e),{c(){P(t.$$.fragment),l=h(),s=d("div"),c.c(),this.h()},l(e){F(t.$$.fragment,e),l=g(e),s=m(e,"DIV",{class:!0});var n=a(s);c.l(n),n.forEach(r),this.h()},h(){o(s,"class","title svelte-1pbt5fi")},m(e,a){U(t,e,a),i(e,l,a),i(e,s,a),p[n].m(s,null),f=!0},p(e,t){let l=n;n=$(e),n===l?p[n].p(e,t):(B(),I(p[l],1,1,(()=>{p[l]=null})),W(),c=p[n],c?c.p(e,t):(c=p[n]=u[n](e),c.c()),T(c,1),c.m(s,null))},i(e){f||(T(t.$$.fragment,e),T(c),f=!0)},o(e){I(t.$$.fragment,e),I(c),f=!1},d(e){q(t,e),e&&r(l),e&&r(s),p[n].d()}}}(e);let ae=e[0].length<e[5]&&ye(e),re=e[0];const oe=e=>e[25];for(let t=0;t<re.length;t+=1){let l=ne(e,re,t),s=oe(l);Z.set(s,X[t]=xe(s,l))}return{c(){t=d("label"),l=d("input"),n=h(),f=d("div"),se&&se.c(),V=h(),M=d("div"),ae&&ae.c(),H=h();for(let e=0;e<X.length;e+=1)X[e].c();this.h()},l(e){t=m(e,"LABEL",{class:!0});var s=a(t);l=m(s,"INPUT",{type:!0,accept:!0}),n=g(s),f=m(s,"DIV",{class:!0});var o=a(f);se&&se.l(o),o.forEach(r),V=g(s),M=m(s,"DIV",{class:!0});var i=a(M);ae&&ae.l(i),i.forEach(r),H=g(s);for(let e=0;e<X.length;e+=1)X[e].l(s);s.forEach(r),this.h()},h(){$(l,ee),v(l,"svelte-1pbt5fi",!0),o(f,"class","empty-layer svelte-1pbt5fi"),o(M,"class","dropzone-layer svelte-1pbt5fi"),v(M,"accepting",e[6]),o(t,"class",J=w(S("file-dropzone",e[1]))+" svelte-1pbt5fi"),v(t,"has-content",e[0]&&0!==e[0].length),v(t,"wrong-type",e[7]),v(t,"disabled",e[4]||e[0].length>=e[5])},m(s,a){i(s,t,a),c(t,l),l.autofocus&&l.focus(),e[19](l),c(t,n),c(t,f),se&&se.m(f,null),e[20](f),c(t,V),c(t,M),ae&&ae.m(M,null),e[21](M),c(t,H);for(let e=0;e<X.length;e+=1)X[e]&&X[e].m(t,null);O=!0,Q||(R=[b(l,"change",e[12]),b(M,"dragover",y(x(e[11]))),b(M,"dragenter",e[22]),b(M,"dragleave",e[23]),b(M,"drop",y(x(e[12]))),k(N=Y.call(null,M,{disabled:e[4]||e[0].length>=e[5]})),b(t,"click",e[14])],Q=!0)},p(e,n){let[a]=n;$(l,ee=C(_,[{type:"file"},{multiple:!0},(!O||8&a)&&{accept:e[3]},(!O||49&a&&s!==(s=e[4]||e[0].length>=e[5]))&&{disabled:s},32768&a&&e[15]])),v(l,"svelte-1pbt5fi",!0),le?le.p&&(!O||131264&a)&&E(le,te,e,e[17],O?L(te,e[17],a,me):j(e[17]),ge):se&&se.p&&(!O||131280&a)&&se.p(e,O?a:-1),e[0].length<e[5]?ae?(ae.p(e,a),33&a&&T(ae,1)):(ae=ye(e),ae.c(),T(ae,1),ae.m(M,null)):ae&&(B(),I(ae,1,1,(()=>{ae=null})),W()),N&&z(N.update)&&49&a&&N.update.call(null,{disabled:e[4]||e[0].length>=e[5]}),(!O||64&a)&&v(M,"accepting",e[6]),8197&a&&(re=e[0],B(),X=A(X,a,oe,1,e,re,Z,t,K,xe,null,ne),W()),(!O||2&a&&J!==(J=w(S("file-dropzone",e[1]))+" svelte-1pbt5fi"))&&o(t,"class",J),(!O||3&a)&&v(t,"has-content",e[0]&&0!==e[0].length),(!O||130&a)&&v(t,"wrong-type",e[7]),(!O||51&a)&&v(t,"disabled",e[4]||e[0].length>=e[5])},i(e){if(!O){T(se,e),T(ae);for(let e=0;e<re.length;e+=1)T(X[e]);O=!0}},o(e){I(se,e),I(ae);for(let e=0;e<X.length;e+=1)I(X[e]);O=!1},d(l){l&&r(t),e[19](null),se&&se.d(l),e[20](null),ae&&ae.d(),e[21](null);for(let e=0;e<X.length;e+=1)X[e].d();Q=!1,D(R)}}}function Ce(e,t,l){const s=["class","files","fileComponent","accept","beforeChange","disabled","max"];let n,a,r,o=V(t,s),{$$slots:i={},$$scope:c}=t,{class:f=null}=t,{files:p=[]}=t,{fileComponent:d=X}=t,{accept:h=null}=t,{beforeChange:m=null}=t,{disabled:g=!1}=t,{max:$=1/0}=t,v=!1,w=!1;const b=M();return e.$$set=e=>{t=u(u({},t),N(e)),l(15,o=V(t,s)),"class"in e&&l(1,f=e.class),"files"in e&&l(0,p=e.files),"fileComponent"in e&&l(2,d=e.fileComponent),"accept"in e&&l(3,h=e.accept),"beforeChange"in e&&l(16,m=e.beforeChange),"disabled"in e&&l(4,g=e.disabled),"max"in e&&l(5,$=e.max),"$$scope"in e&&l(17,c=e.$$scope)},[p,f,d,h,g,$,v,w,n,a,r,function(e){l(7,w=[...e.dataTransfer.items].some((e=>!se(h,e))))},async function(e){const t=Array.from((e.dataTransfer||e.target).files);await Promise.all(t.map((async e=>{try{"function"==typeof m&&await m(e)}catch(e){return}se(h,e)&&p.length<$&&p.push(e)}))),l(0,p),setTimeout((()=>l(7,w=!1)),1e3),b("change",{files:p,nativeEvent:e}),l(10,r.value="",r),l(6,v=!1)},function(e){let{detail:t}=e;l(0,p=p.filter((e=>e!==t))),b("change",{files:p})},function(e){e.target!=n&&e.target!=a&&e.target!=r&&e.preventDefault()},o,m,c,i,function(e){O[e?"unshift":"push"]((()=>{r=e,l(10,r)}))},function(e){O[e?"unshift":"push"]((()=>{n=e,l(8,n)}))},function(e){O[e?"unshift":"push"]((()=>{a=e,l(9,a)}))},()=>l(6,v=!0),()=>{l(6,v=!1),l(7,w=!1)}]}var Ee=class extends e{constructor(e){super(),t(this,e,Ce,ke,l,{class:1,files:0,fileComponent:2,accept:3,beforeChange:16,disabled:4,max:5})}};export{Ee as F};
diff --git a/376/client/legacy/file-dropzone.bb395499.js b/376/client/legacy/file-dropzone.bb395499.js
new file mode 100644
index 000000000..a71e6d460
--- /dev/null
+++ b/376/client/legacy/file-dropzone.bb395499.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as r,j as n,l as o,m as s,U as a,a0 as c,t as f,p as l,q as p,L as m,u as i,w as d,f as g,d as u,v as h,x,h as E,k as w,n as y,b as v,e as D,g as b}from"./client.583c6e60.js";import{L as O,H as T,P as C}from"./layout.47c81311.js";import{F}from"./file-dropzone.5e029b8d.js";import{S as k}from"./showcase.759e7149.js";import{C as A}from"./color-preview.9db6af61.js";import{S}from"./shadow-preview.487038f8.js";import{R as z}from"./related-components.9fddec4f.js";import{H as N}from"./h2.0da05151.js";import{H as R}from"./h3.c9a49f62.js";import{T as j,a as G,b as L,c as B}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./file-tile.9d6ee709.js";import"./button.863c0adf.js";import"./format-file-size.fdd3bcb6.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./popover.3a24cfa5.js";import"./card.113fcab4.js";function P(t){let e;return{c(){e=h("FileDropzone")},l(t){e=x(t,"FileDropzone")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function M(t){let e,$,r;return{c(){e=h("A large, prominent area for uploading files either by clicking or by dragging them into the area. "),$=E("br"),r=h(" Allows uploading files in several takes (that is, the value of the input isn't cleared every time a new selection is made).")},l(t){e=x(t,"A large, prominent area for uploading files either by clicking or by dragging them into the area. "),$=w(t,"BR",{}),r=x(t," Allows uploading files in several takes (that is, the value of the input isn't cleared every time a new selection is made).")},m(t,n){g(t,e,n),g(t,$,n),g(t,r,n)},p:y,d(t){t&&u(e),t&&u($),t&&u(r)}}}function I(t){let e,$,r,n,o;return{c(){e=h("For a simpler file input without the built-in representation of the file selection, check out the "),$=E("a"),r=E("code"),n=h("FileInput"),o=h("."),this.h()},l(t){e=x(t,"For a simpler file input without the built-in representation of the file selection, check out the "),$=w(t,"A",{href:!0});var s=v($);r=w(s,"CODE",{});var a=v(r);n=x(a,"FileInput"),a.forEach(u),s.forEach(u),o=x(t,"."),this.h()},h(){D($,"href","./docs/components/file-input")},m(t,s){g(t,e,s),g(t,$,s),b($,r),b(r,n),g(t,o,s)},p:y,d(t){t&&u(e),t&&u($),t&&u(o)}}}function H(t){let e,$,r,a,c,m,O,T;return $=new F({}),O=new F({props:{accept:"image/*",max:3}}),{c(){e=E("div"),n($.$$.fragment),r=i(),a=E("p"),c=h("Only images below (3 max.):"),m=i(),n(O.$$.fragment),this.h()},l(t){e=w(t,"DIV",{slot:!0,class:!0});var n=v(e);o($.$$.fragment,n),r=d(n),a=w(n,"P",{class:!0});var s=v(a);c=x(s,"Only images below (3 max.):"),s.forEach(u),m=d(n),o(O.$$.fragment,n),n.forEach(u),this.h()},h(){D(a,"class","svelte-137a0ii"),D(e,"slot","showcase"),D(e,"class","padded svelte-137a0ii")},m(t,n){g(t,e,n),s($,e,null),b(e,r),b(e,a),b(a,c),b(e,m),s(O,e,null),T=!0},p:y,i(t){T||(f($.$$.fragment,t),f(O.$$.fragment,t),T=!0)},o(t){l($.$$.fragment,t),l(O.$$.fragment,t),T=!1},d(t){t&&u(e),p($),p(O)}}}function U(t){let e,$;return{c(){e=E("div"),$=E("pre"),this.h()},l(t){e=w(t,"DIV",{slot:!0});var r=v(e);$=w(r,"PRE",{class:!0}),v($).forEach(u),r.forEach(u),this.h()},h(){D($,"class","language-svelte"),D(e,"slot","source")},m(t,r){g(t,e,r),b(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FileDropzone</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>Only images below (3 max.):<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FileDropzone</span> <span class="token attr-name">accept</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>image/*<span class="token punctuation">"</span></span> <span class="token attr-name">max=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">3</span><span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span></code>'},p:y,d(t){t&&u(e)}}}function K(t){let e;return{c(){e=h("Properties")},l(t){e=x(t,"Properties")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function W(t){let e;return{c(){e=h("Functional Properties")},l(t){e=x(t,"Functional Properties")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Y(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function V(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function q(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function X(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function J(t){let e,$,r,a,c,m,h,x;return e=new L({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),r=new L({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),h=new L({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),g(t,m,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function Q(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("accept")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"accept"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function Z(t){let e,$;return{c(){e=E("code"),$=h("null")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"null"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function _(t){let e,$;return{c(){e=E("code"),$=h("string")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"string"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function tt(t){let e,$,r,n;return{c(){e=h("Limits the allowed files to particular types. For guidelines on the value of the attribute, consult the "),$=E("a"),r=h("MDN docs"),n=h("."),this.h()},l(t){e=x(t,"Limits the allowed files to particular types. For guidelines on the value of the attribute, consult the "),$=w(t,"A",{href:!0,rel:!0});var o=v($);r=x(o,"MDN docs"),o.forEach(u),n=x(t,"."),this.h()},h(){D($,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept"),D($,"rel","nofollow")},m(t,o){g(t,e,o),g(t,$,o),b($,r),g(t,n,o)},p:y,d(t){t&&u(e),t&&u($),t&&u(n)}}}function et(t){let e,$,r,a,c,m,h,x;return e=new B({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),g(t,m,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function $t(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("files")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"files"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function rt(t){let e,$;return{c(){e=E("code"),$=h("[]")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"[]"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function nt(t){let e,$;return{c(){e=E("code"),$=h("Array")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"Array"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function ot(t){let e,$,r,n,o,s,a,c,f,l,p,m,i,d;return{c(){e=h("The user's selection as an array of "),$=E("a"),r=E("code"),n=h("File"),o=h(" objects. Note: this is an actual "),s=E("code"),a=h("Array"),c=h(", not a "),f=E("code"),l=h("FileList"),p=h(", as opposed to the native "),m=E("code"),i=h('<input type="file">'),d=h("."),this.h()},l(t){e=x(t,"The user's selection as an array of "),$=w(t,"A",{href:!0,rel:!0});var g=v($);r=w(g,"CODE",{});var h=v(r);n=x(h,"File"),h.forEach(u),g.forEach(u),o=x(t," objects. Note: this is an actual "),s=w(t,"CODE",{});var E=v(s);a=x(E,"Array"),E.forEach(u),c=x(t,", not a "),f=w(t,"CODE",{});var y=v(f);l=x(y,"FileList"),y.forEach(u),p=x(t,", as opposed to the native "),m=w(t,"CODE",{});var D=v(m);i=x(D,'<input type="file">'),D.forEach(u),d=x(t,"."),this.h()},h(){D($,"href","https://developer.mozilla.org/en-US/docs/Web/API/File"),D($,"rel","nofollow")},m(t,u){g(t,e,u),g(t,$,u),b($,r),b(r,n),g(t,o,u),g(t,s,u),b(s,a),g(t,c,u),g(t,f,u),b(f,l),g(t,p,u),g(t,m,u),b(m,i),g(t,d,u)},p:y,d(t){t&&u(e),t&&u($),t&&u(o),t&&u(s),t&&u(c),t&&u(f),t&&u(p),t&&u(m),t&&u(d)}}}function st(t){let e,$,r,a,c,m,h,x;return e=new B({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),g(t,m,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function at(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("beforeChange")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"beforeChange"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function ct(t){let e,$;return{c(){e=E("code"),$=h("null")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"null"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function ft(t){let e,$;return{c(){e=E("code"),$=h("Function")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"Function"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function lt(t){let e,$,r,n,o,s,a,c,f,l,p;return{c(){e=h("A callback to call for each file that passes the "),$=E("mark"),r=E("code"),n=h("accept"),o=h(" check before it is added to the "),s=E("mark"),a=E("code"),c=h("files"),f=h(". "),l=E("br"),p=h(" If it returns a Promise, they will be started for every file, but awaited at the end.")},l(t){e=x(t,"A callback to call for each file that passes the "),$=w(t,"MARK",{});var m=v($);r=w(m,"CODE",{});var i=v(r);n=x(i,"accept"),i.forEach(u),m.forEach(u),o=x(t," check before it is added to the "),s=w(t,"MARK",{});var d=v(s);a=w(d,"CODE",{});var g=v(a);c=x(g,"files"),g.forEach(u),d.forEach(u),f=x(t,". "),l=w(t,"BR",{}),p=x(t," If it returns a Promise, they will be started for every file, but awaited at the end.")},m(t,m){g(t,e,m),g(t,$,m),b($,r),b(r,n),g(t,o,m),g(t,s,m),b(s,a),b(a,c),g(t,f,m),g(t,l,m),g(t,p,m)},p:y,d(t){t&&u(e),t&&u($),t&&u(o),t&&u(s),t&&u(f),t&&u(l),t&&u(p)}}}function pt(t){let e,$,r,a,c,m,h,x;return e=new B({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),g(t,m,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function mt(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("disabled")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"disabled"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function it(t){let e,$;return{c(){e=E("code"),$=h("false")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"false"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function dt(t){let e,$;return{c(){e=E("code"),$=h("boolean")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"boolean"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function gt(t){let e;return{c(){e=h("Whether the input should accept files.")},l(t){e=x(t,"Whether the input should accept files.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function ut(t){let e,$,r,a,c,m,h,x;return e=new B({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),g(t,m,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function ht(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("max")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"max"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function xt(t){let e,$;return{c(){e=E("code"),$=h("Infinity")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"Infinity"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function Et(t){let e,$;return{c(){e=E("code"),$=h("number")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"number"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function wt(t){let e;return{c(){e=h("The maximum amount of files that the user can upload.")},l(t){e=x(t,"The maximum amount of files that the user can upload.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function yt(t){let e,$,r,a,c,m,h,x;return e=new B({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),g(t,m,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function vt(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("fileComponent")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"fileComponent"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function Dt(t){let e,$,r,n;return{c(){e=E("a"),$=E("mark"),r=E("code"),n=h("FileTile"),this.h()},l(t){e=w(t,"A",{href:!0});var o=v(e);$=w(o,"MARK",{});var s=v($);r=w(s,"CODE",{});var a=v(r);n=x(a,"FileTile"),a.forEach(u),s.forEach(u),o.forEach(u),this.h()},h(){D(e,"href","./docs/components/file-tile")},m(t,o){g(t,e,o),b(e,$),b($,r),b(r,n)},p:y,d(t){t&&u(e)}}}function bt(t){let e;return{c(){e=h("Svelte component")},l(t){e=x(t,"Svelte component")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Ot(t){let e,$,r,n,o,s,a,c,f,l,p,m,i,d,O,T,C,F;return{c(){e=h("The component used to render a selected file. "),$=E("br"),r=h(" Receives a single prop: "),n=E("code"),o=h("file"),s=h(", the "),a=E("a"),c=E("code"),f=h("File"),l=h(" object. "),p=E("br"),m=h(" Expected to dispatch "),i=E("code"),d=h("delete"),O=h(" events on to delete this file from the selection with the "),T=E("code"),C=h("file"),F=h(" prop as the detail."),this.h()},l(t){e=x(t,"The component used to render a selected file. "),$=w(t,"BR",{}),r=x(t," Receives a single prop: "),n=w(t,"CODE",{});var g=v(n);o=x(g,"file"),g.forEach(u),s=x(t,", the "),a=w(t,"A",{href:!0,rel:!0});var h=v(a);c=w(h,"CODE",{});var E=v(c);f=x(E,"File"),E.forEach(u),h.forEach(u),l=x(t," object. "),p=w(t,"BR",{}),m=x(t," Expected to dispatch "),i=w(t,"CODE",{});var y=v(i);d=x(y,"delete"),y.forEach(u),O=x(t," events on to delete this file from the selection with the "),T=w(t,"CODE",{});var D=v(T);C=x(D,"file"),D.forEach(u),F=x(t," prop as the detail."),this.h()},h(){D(a,"href","https://developer.mozilla.org/en-US/docs/Web/API/File"),D(a,"rel","nofollow")},m(t,u){g(t,e,u),g(t,$,u),g(t,r,u),g(t,n,u),b(n,o),g(t,s,u),g(t,a,u),b(a,c),b(c,f),g(t,l,u),g(t,p,u),g(t,m,u),g(t,i,u),b(i,d),g(t,O,u),g(t,T,u),b(T,C),g(t,F,u)},p:y,d(t){t&&u(e),t&&u($),t&&u(r),t&&u(n),t&&u(s),t&&u(a),t&&u(l),t&&u(p),t&&u(m),t&&u(i),t&&u(O),t&&u(T),t&&u(F)}}}function Tt(t){let e,$,r,a,c,m,h,x;return e=new B({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),g(t,m,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function Ct(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("...")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"..."),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function Ft(t){let e,$;return{c(){e=E("code"),$=h("any")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"any"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function kt(t){let e,$,r,n;return{c(){e=h("Everything else will be passed to the underlying "),$=E("code"),r=h("<input>"),n=h(" element.")},l(t){e=x(t,"Everything else will be passed to the underlying "),$=w(t,"CODE",{});var o=v($);r=x(o,"<input>"),o.forEach(u),n=x(t," element.")},m(t,o){g(t,e,o),g(t,$,o),b($,r),g(t,n,o)},p:y,d(t){t&&u(e),t&&u($),t&&u(n)}}}function At(t){let e,$,r,a,c,m,h,x;return e=new B({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),r=new B({}),c=new B({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),g(t,m,n),s(h,t,n),x=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),c.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),h.$set(o)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function St(t){let e,$,r,a,c,m,h,x,y,D,O,T,C,F,k,A,S,z;return $=new G({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),y=new G({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),O=new G({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),C=new G({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),k=new G({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),S=new G({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){e=E("thead"),n($.$$.fragment),r=i(),a=E("tbody"),n(c.$$.fragment),m=i(),n(h.$$.fragment),x=i(),n(y.$$.fragment),D=i(),n(O.$$.fragment),T=i(),n(C.$$.fragment),F=i(),n(k.$$.fragment),A=i(),n(S.$$.fragment)},l(t){e=w(t,"THEAD",{});var n=v(e);o($.$$.fragment,n),n.forEach(u),r=d(t),a=w(t,"TBODY",{});var s=v(a);o(c.$$.fragment,s),m=d(s),o(h.$$.fragment,s),x=d(s),o(y.$$.fragment,s),D=d(s),o(O.$$.fragment,s),T=d(s),o(C.$$.fragment,s),F=d(s),o(k.$$.fragment,s),A=d(s),o(S.$$.fragment,s),s.forEach(u)},m(t,n){g(t,e,n),s($,e,null),g(t,r,n),g(t,a,n),s(c,a,null),b(a,m),s(h,a,null),b(a,x),s(y,a,null),b(a,D),s(O,a,null),b(a,T),s(C,a,null),b(a,F),s(k,a,null),b(a,A),s(S,a,null),z=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),y.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),O.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),k.$set(l);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),S.$set(p)},i(t){z||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(y.$$.fragment,t),f(O.$$.fragment,t),f(C.$$.fragment,t),f(k.$$.fragment,t),f(S.$$.fragment,t),z=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(y.$$.fragment,t),l(O.$$.fragment,t),l(C.$$.fragment,t),l(k.$$.fragment,t),l(S.$$.fragment,t),z=!1},d(t){t&&u(e),p($),t&&u(r),t&&u(a),p(c),p(h),p(y),p(O),p(C),p(k),p(S)}}}function zt(t){let e;return{c(){e=h("Class Properties")},l(t){e=x(t,"Class Properties")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Nt(t){let e,$,r,n,o,s,a;return{c(){e=h("All "),$=E("code"),r=h("<FileDropzone>"),n=h(" components use the "),o=E("code"),s=h(".file-dropzone"),a=h(" class.")},l(t){e=x(t,"All "),$=w(t,"CODE",{});var c=v($);r=x(c,"<FileDropzone>"),c.forEach(u),n=x(t," components use the "),o=w(t,"CODE",{});var f=v(o);s=x(f,".file-dropzone"),f.forEach(u),a=x(t," class.")},m(t,c){g(t,e,c),g(t,$,c),b($,r),g(t,n,c),g(t,o,c),b(o,s),g(t,a,c)},p:y,d(t){t&&u(e),t&&u($),t&&u(n),t&&u(o),t&&u(a)}}}function Rt(t){let e;return{c(){e=h("Falsy values passed to classes will be disregarded.")},l(t){e=x(t,"Falsy values passed to classes will be disregarded.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function jt(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Gt(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Lt(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Bt(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Pt(t){let e,$,r,a,c,m,h,x;return e=new L({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),r=new L({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),h=new L({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),g(t,m,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function Mt(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("class")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"class"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function It(t){let e,$;return{c(){e=E("code"),$=h("null")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"null"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function Ht(t){let e,$;return{c(){e=E("code"),$=h("string")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"string"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function Ut(t){let e;return{c(){e=h("A class string to add to the component.")},l(t){e=x(t,"A class string to add to the component.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Kt(t){let e,$,r,a,c,m,h,x;return e=new B({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),g(t,m,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function Wt(t){let e,$,r,a,c,m;return $=new G({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),{c(){e=E("thead"),n($.$$.fragment),r=i(),a=E("tbody"),n(c.$$.fragment)},l(t){e=w(t,"THEAD",{});var n=v(e);o($.$$.fragment,n),n.forEach(u),r=d(t),a=w(t,"TBODY",{});var s=v(a);o(c.$$.fragment,s),s.forEach(u)},m(t,n){g(t,e,n),s($,e,null),g(t,r,n),g(t,a,n),s(c,a,null),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n)},i(t){m||(f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&u(e),p($),t&&u(r),t&&u(a),p(c)}}}function Yt(t){let e;return{c(){e=h("Events")},l(t){e=x(t,"Events")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Vt(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function qt(t){let e;return{c(){e=h("Event Detail")},l(t){e=x(t,"Event Detail")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Xt(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Jt(t){let e,$,r,a,c,m;return e=new L({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),r=new L({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function Qt(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("change")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"change"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function Zt(t){let e,$;return{c(){e=E("code"),$=h("{ value, nativeEvent }")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"{ value, nativeEvent }"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function _t(t){let e,$,r,n;return{c(){e=h("Fired when a selection is added to/removed from. In case of removal, the "),$=E("code"),r=h("nativeEvent"),n=h(" isn't present in the event detail.")},l(t){e=x(t,"Fired when a selection is added to/removed from. In case of removal, the "),$=w(t,"CODE",{});var o=v($);r=x(o,"nativeEvent"),o.forEach(u),n=x(t," isn't present in the event detail.")},m(t,o){g(t,e,o),g(t,$,o),b($,r),g(t,n,o)},p:y,d(t){t&&u(e),t&&u($),t&&u(n)}}}function te(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function ee(t){let e,$,r,a,c,m;return $=new G({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),{c(){e=E("thead"),n($.$$.fragment),r=i(),a=E("tbody"),n(c.$$.fragment)},l(t){e=w(t,"THEAD",{});var n=v(e);o($.$$.fragment,n),n.forEach(u),r=d(t),a=w(t,"TBODY",{});var s=v(a);o(c.$$.fragment,s),s.forEach(u)},m(t,n){g(t,e,n),s($,e,null),g(t,r,n),g(t,a,n),s(c,a,null),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n)},i(t){m||(f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&u(e),p($),t&&u(r),t&&u(a),p(c)}}}function $e(t){let e;return{c(){e=h("Slots")},l(t){e=x(t,"Slots")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function re(t){let e,$,r;return{c(){e=E("code"),$=h("empty-layer"),r=h(" slot")},l(t){e=w(t,"CODE",{});var n=v(e);$=x(n,"empty-layer"),n.forEach(u),r=x(t," slot")},m(t,n){g(t,e,n),b(e,$),g(t,r,n)},p:y,d(t){t&&u(e),t&&u(r)}}}function ne(t){let e;return{c(){e=h("The inner content of the dropzone when no files are selected. Defaults to a message that responds to the state of the dropzone: empty, with files ready to be dropped, with incorrect files ready to be dropped or disabled.")},l(t){e=x(t,"The inner content of the dropzone when no files are selected. Defaults to a message that responds to the state of the dropzone: empty, with files ready to be dropped, with incorrect files ready to be dropped or disabled.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function oe(t){let e;return{c(){e=h("Prop Name")},l(t){e=x(t,"Prop Name")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function se(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function ae(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function ce(t){let e,$,r,a,c,m;return e=new L({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),r=new L({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function fe(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("dragActive")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"dragActive"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function le(t){let e,$;return{c(){e=E("code"),$=h("boolean")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"boolean"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function pe(t){let e;return{c(){e=h("The state of having a file dragged over the dropzone.")},l(t){e=x(t,"The state of having a file dragged over the dropzone.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function me(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function ie(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("wrongType")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"wrongType"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function de(t){let e,$;return{c(){e=E("code"),$=h("boolean")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"boolean"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function ge(t){let e;return{c(){e=h("The state of having an incorrect file dragged over the dropzone.")},l(t){e=x(t,"The state of having an incorrect file dragged over the dropzone.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function ue(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function he(t){let e,$,r,a,c,m,h,x;return $=new G({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),{c(){e=E("thead"),n($.$$.fragment),r=i(),a=E("tbody"),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){e=w(t,"THEAD",{});var n=v(e);o($.$$.fragment,n),n.forEach(u),r=d(t),a=w(t,"TBODY",{});var s=v(a);o(c.$$.fragment,s),m=d(s),o(h.$$.fragment,s),s.forEach(u)},m(t,n){g(t,e,n),s($,e,null),g(t,r,n),g(t,a,n),s(c,a,null),b(a,m),s(h,a,null),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o)},i(t){x||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){t&&u(e),p($),t&&u(r),t&&u(a),p(c),p(h)}}}function xe(t){let e,$,r;return{c(){e=E("code"),$=h("plus-icon"),r=h(" slot")},l(t){e=w(t,"CODE",{});var n=v(e);$=x(n,"plus-icon"),n.forEach(u),r=x(t," slot")},m(t,n){g(t,e,n),b(e,$),g(t,r,n)},p:y,d(t){t&&u(e),t&&u(r)}}}function Ee(t){let e,$,r,n,o,s,a,c,f,l,p,m,i;return{c(){e=h("The plus icon inside the dropzone when there are files inside. "),$=E("mark"),r=h("Bonus"),n=h(": if supplied with a "),o=E("code"),s=h("plus"),a=h(" class, rotates 45 degrees to become an X when an incorrect file is uploaded. Defaults to "),c=E("a"),f=h("Feather icons"),l=h("' "),p=E("code"),m=h("Plus"),i=h("."),this.h()},l(t){e=x(t,"The plus icon inside the dropzone when there are files inside. "),$=w(t,"MARK",{});var d=v($);r=x(d,"Bonus"),d.forEach(u),n=x(t,": if supplied with a "),o=w(t,"CODE",{});var g=v(o);s=x(g,"plus"),g.forEach(u),a=x(t," class, rotates 45 degrees to become an X when an incorrect file is uploaded. Defaults to "),c=w(t,"A",{href:!0,rel:!0});var h=v(c);f=x(h,"Feather icons"),h.forEach(u),l=x(t,"' "),p=w(t,"CODE",{});var E=v(p);m=x(E,"Plus"),E.forEach(u),i=x(t,"."),this.h()},h(){D(c,"href","https://feathericons.com/?query=plus"),D(c,"rel","nofollow")},m(t,d){g(t,e,d),g(t,$,d),b($,r),g(t,n,d),g(t,o,d),b(o,s),g(t,a,d),g(t,c,d),b(c,f),g(t,l,d),g(t,p,d),b(p,m),g(t,i,d)},p:y,d(t){t&&u(e),t&&u($),t&&u(n),t&&u(o),t&&u(a),t&&u(c),t&&u(l),t&&u(p),t&&u(i)}}}function we(t){let e,$,r;return{c(){e=E("code"),$=h("upload-unavailable-message"),r=h(" slot")},l(t){e=w(t,"CODE",{});var n=v(e);$=x(n,"upload-unavailable-message"),n.forEach(u),r=x(t," slot")},m(t,n){g(t,e,n),b(e,$),g(t,r,n)},p:y,d(t){t&&u(e),t&&u(r)}}}function ye(t){let e,$,r,n;return{c(){e=h('The text to display when the dropzone is disabled. Defaults to "'),$=E("code"),r=h("upload unavailable"),n=h('".')},l(t){e=x(t,'The text to display when the dropzone is disabled. Defaults to "'),$=w(t,"CODE",{});var o=v($);r=x(o,"upload unavailable"),o.forEach(u),n=x(t,'".')},m(t,o){g(t,e,o),g(t,$,o),b($,r),g(t,n,o)},p:y,d(t){t&&u(e),t&&u($),t&&u(n)}}}function ve(t){let e,$,r;return{c(){e=E("code"),$=h("incorrect-file-message"),r=h(" slot")},l(t){e=w(t,"CODE",{});var n=v(e);$=x(n,"incorrect-file-message"),n.forEach(u),r=x(t," slot")},m(t,n){g(t,e,n),b(e,$),g(t,r,n)},p:y,d(t){t&&u(e),t&&u(r)}}}function De(t){let e,$,r,n;return{c(){e=h('The text to display when the file being dropped is of an incorrect type. Defaults to "'),$=E("code"),r=h("incorrect file type"),n=h('".')},l(t){e=x(t,'The text to display when the file being dropped is of an incorrect type. Defaults to "'),$=w(t,"CODE",{});var o=v($);r=x(o,"incorrect file type"),o.forEach(u),n=x(t,'".')},m(t,o){g(t,e,o),g(t,$,o),b($,r),g(t,n,o)},p:y,d(t){t&&u(e),t&&u($),t&&u(n)}}}function be(t){let e,$,r;return{c(){e=E("code"),$=h("release-to-upload-message"),r=h(" slot")},l(t){e=w(t,"CODE",{});var n=v(e);$=x(n,"release-to-upload-message"),n.forEach(u),r=x(t," slot")},m(t,n){g(t,e,n),b(e,$),g(t,r,n)},p:y,d(t){t&&u(e),t&&u(r)}}}function Oe(t){let e,$,r,n;return{c(){e=h('The text to display when a file is of the correct file is dragged over the dropzone. Defaults to "'),$=E("code"),r=h("release to upload"),n=h('".')},l(t){e=x(t,'The text to display when a file is of the correct file is dragged over the dropzone. Defaults to "'),$=w(t,"CODE",{});var o=v($);r=x(o,"release to upload"),o.forEach(u),n=x(t,'".')},m(t,o){g(t,e,o),g(t,$,o),b($,r),g(t,n,o)},p:y,d(t){t&&u(e),t&&u($),t&&u(n)}}}function Te(t){let e,$,r;return{c(){e=E("code"),$=h("drag-and-drop-message"),r=h(" slot")},l(t){e=w(t,"CODE",{});var n=v(e);$=x(n,"drag-and-drop-message"),n.forEach(u),r=x(t," slot")},m(t,n){g(t,e,n),b(e,$),g(t,r,n)},p:y,d(t){t&&u(e),t&&u(r)}}}function Ce(t){let e,$,r,n;return{c(){e=h('The default message to display when the dropzone is enabled but nothing is being dragged over it. Defaults to "'),$=E("code"),r=h("drag & drop here or click to upload files"),n=h('".')},l(t){e=x(t,'The default message to display when the dropzone is enabled but nothing is being dragged over it. Defaults to "'),$=w(t,"CODE",{});var o=v($);r=x(o,"drag & drop here or click to upload files"),o.forEach(u),n=x(t,'".')},m(t,o){g(t,e,o),g(t,$,o),b($,r),g(t,n,o)},p:y,d(t){t&&u(e),t&&u($),t&&u(n)}}}function Fe(t){let e;return{c(){e=h("SCSS Variables")},l(t){e=x(t,"SCSS Variables")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function ke(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Ae(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Se(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function ze(t){let e,$,r,a,c,m;return e=new L({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),r=new L({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function Ne(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("$main")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"$main"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function Re(t){let e;return{c(){e=h("The color of the text and borders.")},l(t){e=x(t,"The color of the text and borders.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function je(t){let e,$;return e=new A({props:{value:"#4300B0"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:y,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Ge(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function Le(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("$font")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"$font"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function Be(t){let e;return{c(){e=h("The font of the button text.")},l(t){e=x(t,"The font of the button text.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Pe(t){let e,$;return{c(){e=E("code"),$=h("'Ubuntu'")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"'Ubuntu'"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function Me(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function Ie(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("$dropzone-radius")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"$dropzone-radius"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function He(t){let e;return{c(){e=h("The curvature radius of a button.")},l(t){e=x(t,"The curvature radius of a button.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Ue(t){let e,$;return{c(){e=E("code"),$=h("1.5625em")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"1.5625em"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function Ke(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function We(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("$danger")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"$danger"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function Ye(t){let e;return{c(){e=h('The color of the "incorrect files uploaded" state of the dropzone.')},l(t){e=x(t,'The color of the "incorrect files uploaded" state of the dropzone.')},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Ve(t){let e,$;return e=new A({props:{value:"#B80000"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:y,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function qe(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function Xe(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("$disabled")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"$disabled"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function Je(t){let e;return{c(){e=h("The color of the disabled state of the dropzone.")},l(t){e=x(t,"The color of the disabled state of the dropzone.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function Qe(t){let e,$;return e=new A({props:{value:"#888888"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:y,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Ze(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Qe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function _e(t){let e,$,r;return{c(){e=E("strong"),$=E("code"),r=h("$bold-font-weight")},l(t){e=w(t,"STRONG",{});var n=v(e);$=w(n,"CODE",{});var o=v($);r=x(o,"$bold-font-weight"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),b(e,$),b($,r)},p:y,d(t){t&&u(e)}}}function t$(t){let e;return{c(){e=h("The bold font weight of the text in the empty layer.")},l(t){e=x(t,"The bold font weight of the text in the empty layer.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function e$(t){let e,$;return{c(){e=E("code"),$=h("500")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"500"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function $$(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function r$(t){let e,$,r,n,o,s,a,c,f;return{c(){e=E("strong"),$=E("code"),r=h("$dark"),n=i(),o=E("small"),s=h("From "),a=E("a"),c=E("code"),f=h("FileTile"),this.h()},l(t){e=w(t,"STRONG",{});var l=v(e);$=w(l,"CODE",{});var p=v($);r=x(p,"$dark"),p.forEach(u),l.forEach(u),n=d(t),o=w(t,"SMALL",{});var m=v(o);s=x(m,"From "),a=w(m,"A",{href:!0});var i=v(a);c=w(i,"CODE",{});var g=v(c);f=x(g,"FileTile"),g.forEach(u),i.forEach(u),m.forEach(u),this.h()},h(){D(a,"href","./docs/components/file-tile")},m(t,l){g(t,e,l),b(e,$),b($,r),g(t,n,l),g(t,o,l),b(o,s),b(o,a),b(a,c),b(c,f)},p:y,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function n$(t){let e;return{c(){e=h("The text color of the file tiles.")},l(t){e=x(t,"The text color of the file tiles.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function o$(t){let e,$;return e=new A({props:{value:"#333333"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:y,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function s$(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[r$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[n$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[o$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function a$(t){let e,$,r,n,o,s,a,c,f;return{c(){e=E("strong"),$=E("code"),r=h("$file-tile-radius"),n=i(),o=E("small"),s=h("From "),a=E("a"),c=E("code"),f=h("FileTile"),this.h()},l(t){e=w(t,"STRONG",{});var l=v(e);$=w(l,"CODE",{});var p=v($);r=x(p,"$file-tile-radius"),p.forEach(u),l.forEach(u),n=d(t),o=w(t,"SMALL",{});var m=v(o);s=x(m,"From "),a=w(m,"A",{href:!0});var i=v(a);c=w(i,"CODE",{});var g=v(c);f=x(g,"FileTile"),g.forEach(u),i.forEach(u),m.forEach(u),this.h()},h(){D(a,"href","./docs/components/file-tile")},m(t,l){g(t,e,l),b(e,$),b($,r),g(t,n,l),g(t,o,l),b(o,s),b(o,a),b(a,c),b(c,f)},p:y,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function c$(t){let e;return{c(){e=h("The curvature radius of the file tiles.")},l(t){e=x(t,"The curvature radius of the file tiles.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function f$(t){let e,$;return{c(){e=E("code"),$=h(".625em")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,".625em"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function l$(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[a$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[c$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[f$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function p$(t){let e,$,r,n,o,s,a,c,f;return{c(){e=E("strong"),$=E("code"),r=h("$shadow-1"),n=i(),o=E("small"),s=h("From "),a=E("a"),c=E("code"),f=h("FileTile"),this.h()},l(t){e=w(t,"STRONG",{});var l=v(e);$=w(l,"CODE",{});var p=v($);r=x(p,"$shadow-1"),p.forEach(u),l.forEach(u),n=d(t),o=w(t,"SMALL",{});var m=v(o);s=x(m,"From "),a=w(m,"A",{href:!0});var i=v(a);c=w(i,"CODE",{});var g=v(c);f=x(g,"FileTile"),g.forEach(u),i.forEach(u),m.forEach(u),this.h()},h(){D(a,"href","./docs/components/file-tile")},m(t,l){g(t,e,l),b(e,$),b($,r),g(t,n,l),g(t,o,l),b(o,s),b(o,a),b(a,c),b(c,f)},p:y,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function m$(t){let e;return{c(){e=h("The shadow of the file tiles.")},l(t){e=x(t,"The shadow of the file tiles.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function i$(t){let e,$;return e=new S({props:{value:N$}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:y,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function d$(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[p$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[m$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[i$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function g$(t){let e,$,r,n,o,s,a,c,f;return{c(){e=E("strong"),$=E("code"),r=h("$thin-font-weight"),n=i(),o=E("small"),s=h("From "),a=E("a"),c=E("code"),f=h("FileTile"),this.h()},l(t){e=w(t,"STRONG",{});var l=v(e);$=w(l,"CODE",{});var p=v($);r=x(p,"$thin-font-weight"),p.forEach(u),l.forEach(u),n=d(t),o=w(t,"SMALL",{});var m=v(o);s=x(m,"From "),a=w(m,"A",{href:!0});var i=v(a);c=w(i,"CODE",{});var g=v(c);f=x(g,"FileTile"),g.forEach(u),i.forEach(u),m.forEach(u),this.h()},h(){D(a,"href","./docs/components/file-tile")},m(t,l){g(t,e,l),b(e,$),b($,r),g(t,n,l),g(t,o,l),b(o,s),b(o,a),b(a,c),b(c,f)},p:y,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function u$(t){let e;return{c(){e=h("The thinner font weight for the file details: size and type.")},l(t){e=x(t,"The thinner font weight for the file details: size and type.")},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function h$(t){let e,$;return{c(){e=E("code"),$=h("300")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"300"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function x$(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[g$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[u$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[h$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function E$(t){let e,$,r,n,o,s,a,c,f;return{c(){e=E("strong"),$=E("code"),r=h("$button-radius"),n=i(),o=E("small"),s=h("From "),a=E("a"),c=E("code"),f=h("Button"),this.h()},l(t){e=w(t,"STRONG",{});var l=v(e);$=w(l,"CODE",{});var p=v($);r=x(p,"$button-radius"),p.forEach(u),l.forEach(u),n=d(t),o=w(t,"SMALL",{});var m=v(o);s=x(m,"From "),a=w(m,"A",{href:!0});var i=v(a);c=w(i,"CODE",{});var g=v(c);f=x(g,"Button"),g.forEach(u),i.forEach(u),m.forEach(u),this.h()},h(){D(a,"href","./docs/components/button")},m(t,l){g(t,e,l),b(e,$),b($,r),g(t,n,l),g(t,o,l),b(o,s),b(o,a),b(a,c),b(c,f)},p:y,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function w$(t){let e;return{c(){e=h('The curvature radius of the "delete" button.')},l(t){e=x(t,'The curvature radius of the "delete" button.')},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function y$(t){let e,$;return{c(){e=E("code"),$=h("1.5625em")},l(t){e=w(t,"CODE",{});var r=v(e);$=x(r,"1.5625em"),r.forEach(u)},m(t,r){g(t,e,r),b(e,$)},p:y,d(t){t&&u(e)}}}function v$(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[E$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[w$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[y$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function D$(t){let e,$,r,n,o,s,a,c,f;return{c(){e=E("strong"),$=E("code"),r=h("$danger"),n=i(),o=E("small"),s=h("From "),a=E("a"),c=E("code"),f=h("Button"),this.h()},l(t){e=w(t,"STRONG",{});var l=v(e);$=w(l,"CODE",{});var p=v($);r=x(p,"$danger"),p.forEach(u),l.forEach(u),n=d(t),o=w(t,"SMALL",{});var m=v(o);s=x(m,"From "),a=w(m,"A",{href:!0});var i=v(a);c=w(i,"CODE",{});var g=v(c);f=x(g,"Button"),g.forEach(u),i.forEach(u),m.forEach(u),this.h()},h(){D(a,"href","./docs/components/button")},m(t,l){g(t,e,l),b(e,$),b($,r),g(t,n,l),g(t,o,l),b(o,s),b(o,a),b(a,c),b(c,f)},p:y,d(t){t&&u(e),t&&u(n),t&&u(o)}}}function b$(t){let e;return{c(){e=h('The color of the "delete" button.')},l(t){e=x(t,'The color of the "delete" button.')},m(t,$){g(t,e,$)},d(t){t&&u(e)}}}function O$(t){let e,$;return e=new A({props:{value:"#B80000"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:y,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function T$(t){let e,$,r,a,c,m;return e=new B({props:{$$slots:{default:[D$]},$$scope:{ctx:t}}}),r=new B({props:{$$slots:{default:[b$]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[O$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t)}}}function C$(t){let e,$,r,a,c,m,h,x,y,D,O,T,C,F,k,A,S,z,N,R,j,L,B,P,M,I,H,U;return $=new G({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),y=new G({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),O=new G({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),C=new G({props:{$$slots:{default:[Ze]},$$scope:{ctx:t}}}),k=new G({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),S=new G({props:{$$slots:{default:[s$]},$$scope:{ctx:t}}}),N=new G({props:{$$slots:{default:[l$]},$$scope:{ctx:t}}}),j=new G({props:{$$slots:{default:[d$]},$$scope:{ctx:t}}}),B=new G({props:{$$slots:{default:[x$]},$$scope:{ctx:t}}}),M=new G({props:{$$slots:{default:[v$]},$$scope:{ctx:t}}}),H=new G({props:{$$slots:{default:[T$]},$$scope:{ctx:t}}}),{c(){e=E("thead"),n($.$$.fragment),r=i(),a=E("tbody"),n(c.$$.fragment),m=i(),n(h.$$.fragment),x=i(),n(y.$$.fragment),D=i(),n(O.$$.fragment),T=i(),n(C.$$.fragment),F=i(),n(k.$$.fragment),A=i(),n(S.$$.fragment),z=i(),n(N.$$.fragment),R=i(),n(j.$$.fragment),L=i(),n(B.$$.fragment),P=i(),n(M.$$.fragment),I=i(),n(H.$$.fragment)},l(t){e=w(t,"THEAD",{});var n=v(e);o($.$$.fragment,n),n.forEach(u),r=d(t),a=w(t,"TBODY",{});var s=v(a);o(c.$$.fragment,s),m=d(s),o(h.$$.fragment,s),x=d(s),o(y.$$.fragment,s),D=d(s),o(O.$$.fragment,s),T=d(s),o(C.$$.fragment,s),F=d(s),o(k.$$.fragment,s),A=d(s),o(S.$$.fragment,s),z=d(s),o(N.$$.fragment,s),R=d(s),o(j.$$.fragment,s),L=d(s),o(B.$$.fragment,s),P=d(s),o(M.$$.fragment,s),I=d(s),o(H.$$.fragment,s),s.forEach(u)},m(t,n){g(t,e,n),s($,e,null),g(t,r,n),g(t,a,n),s(c,a,null),b(a,m),s(h,a,null),b(a,x),s(y,a,null),b(a,D),s(O,a,null),b(a,T),s(C,a,null),b(a,F),s(k,a,null),b(a,A),s(S,a,null),b(a,z),s(N,a,null),b(a,R),s(j,a,null),b(a,L),s(B,a,null),b(a,P),s(M,a,null),b(a,I),s(H,a,null),U=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),y.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),O.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),k.$set(l);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),S.$set(p);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),N.$set(m);const i={};2&e&&(i.$$scope={dirty:e,ctx:t}),j.$set(i);const d={};2&e&&(d.$$scope={dirty:e,ctx:t}),B.$set(d);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),M.$set(g);const u={};2&e&&(u.$$scope={dirty:e,ctx:t}),H.$set(u)},i(t){U||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(y.$$.fragment,t),f(O.$$.fragment,t),f(C.$$.fragment,t),f(k.$$.fragment,t),f(S.$$.fragment,t),f(N.$$.fragment,t),f(j.$$.fragment,t),f(B.$$.fragment,t),f(M.$$.fragment,t),f(H.$$.fragment,t),U=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(y.$$.fragment,t),l(O.$$.fragment,t),l(C.$$.fragment,t),l(k.$$.fragment,t),l(S.$$.fragment,t),l(N.$$.fragment,t),l(j.$$.fragment,t),l(B.$$.fragment,t),l(M.$$.fragment,t),l(H.$$.fragment,t),U=!1},d(t){t&&u(e),p($),t&&u(r),t&&u(a),p(c),p(h),p(y),p(O),p(C),p(k),p(S),p(N),p(j),p(B),p(M),p(H)}}}function F$(t){let e,$,r,a,c,m,h,x,E,w,y,v,D,b,O,F,A,S,G,L,B,Y,V,q,X,J,Q,Z,_,tt,et,$t,rt,nt,ot,st,at,ct,ft,lt,pt,mt,it,dt,gt,ut,ht,xt,Et,wt,yt,vt,Dt,bt,Ot,Tt,Ct,Ft,kt,At;return e=new T({props:{$$slots:{default:[P]},$$scope:{ctx:t}}}),r=new C({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),c=new C({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),h=new z({props:{components:z$}}),E=new k({props:{$$slots:{source:[U],showcase:[H]},$$scope:{ctx:t}}}),y=new N({props:{id:"properties",$$slots:{default:[K]},$$scope:{ctx:t}}}),D=new R({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),O=new j({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),A=new R({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),G=new C({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),B=new C({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),V=new j({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),X=new N({props:{id:"events",$$slots:{default:[Yt]},$$scope:{ctx:t}}}),Q=new j({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),_=new N({props:{id:"slots",$$slots:{default:[$e]},$$scope:{ctx:t}}}),et=new R({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),rt=new C({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),ot=new j({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),at=new R({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),ft=new C({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),pt=new R({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),it=new C({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),gt=new R({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),ht=new C({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),Et=new R({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),yt=new C({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),Dt=new R({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),Ot=new C({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),Ct=new N({props:{id:"scss-variables",$$slots:{default:[Fe]},$$scope:{ctx:t}}}),kt=new j({props:{$$slots:{default:[C$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=i(),n(r.$$.fragment),a=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment),x=i(),n(E.$$.fragment),w=i(),n(y.$$.fragment),v=i(),n(D.$$.fragment),b=i(),n(O.$$.fragment),F=i(),n(A.$$.fragment),S=i(),n(G.$$.fragment),L=i(),n(B.$$.fragment),Y=i(),n(V.$$.fragment),q=i(),n(X.$$.fragment),J=i(),n(Q.$$.fragment),Z=i(),n(_.$$.fragment),tt=i(),n(et.$$.fragment),$t=i(),n(rt.$$.fragment),nt=i(),n(ot.$$.fragment),st=i(),n(at.$$.fragment),ct=i(),n(ft.$$.fragment),lt=i(),n(pt.$$.fragment),mt=i(),n(it.$$.fragment),dt=i(),n(gt.$$.fragment),ut=i(),n(ht.$$.fragment),xt=i(),n(Et.$$.fragment),wt=i(),n(yt.$$.fragment),vt=i(),n(Dt.$$.fragment),bt=i(),n(Ot.$$.fragment),Tt=i(),n(Ct.$$.fragment),Ft=i(),n(kt.$$.fragment)},l(t){o(e.$$.fragment,t),$=d(t),o(r.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(h.$$.fragment,t),x=d(t),o(E.$$.fragment,t),w=d(t),o(y.$$.fragment,t),v=d(t),o(D.$$.fragment,t),b=d(t),o(O.$$.fragment,t),F=d(t),o(A.$$.fragment,t),S=d(t),o(G.$$.fragment,t),L=d(t),o(B.$$.fragment,t),Y=d(t),o(V.$$.fragment,t),q=d(t),o(X.$$.fragment,t),J=d(t),o(Q.$$.fragment,t),Z=d(t),o(_.$$.fragment,t),tt=d(t),o(et.$$.fragment,t),$t=d(t),o(rt.$$.fragment,t),nt=d(t),o(ot.$$.fragment,t),st=d(t),o(at.$$.fragment,t),ct=d(t),o(ft.$$.fragment,t),lt=d(t),o(pt.$$.fragment,t),mt=d(t),o(it.$$.fragment,t),dt=d(t),o(gt.$$.fragment,t),ut=d(t),o(ht.$$.fragment,t),xt=d(t),o(Et.$$.fragment,t),wt=d(t),o(yt.$$.fragment,t),vt=d(t),o(Dt.$$.fragment,t),bt=d(t),o(Ot.$$.fragment,t),Tt=d(t),o(Ct.$$.fragment,t),Ft=d(t),o(kt.$$.fragment,t)},m(t,n){s(e,t,n),g(t,$,n),s(r,t,n),g(t,a,n),s(c,t,n),g(t,m,n),s(h,t,n),g(t,x,n),s(E,t,n),g(t,w,n),s(y,t,n),g(t,v,n),s(D,t,n),g(t,b,n),s(O,t,n),g(t,F,n),s(A,t,n),g(t,S,n),s(G,t,n),g(t,L,n),s(B,t,n),g(t,Y,n),s(V,t,n),g(t,q,n),s(X,t,n),g(t,J,n),s(Q,t,n),g(t,Z,n),s(_,t,n),g(t,tt,n),s(et,t,n),g(t,$t,n),s(rt,t,n),g(t,nt,n),s(ot,t,n),g(t,st,n),s(at,t,n),g(t,ct,n),s(ft,t,n),g(t,lt,n),s(pt,t,n),g(t,mt,n),s(it,t,n),g(t,dt,n),s(gt,t,n),g(t,ut,n),s(ht,t,n),g(t,xt,n),s(Et,t,n),g(t,wt,n),s(yt,t,n),g(t,vt,n),s(Dt,t,n),g(t,bt,n),s(Ot,t,n),g(t,Tt,n),s(Ct,t,n),g(t,Ft,n),s(kt,t,n),At=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),E.$set(a);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),y.$set(f);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),D.$set(l);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),O.$set(p);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),A.$set(m);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),G.$set(i);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),B.$set(d);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),V.$set(g);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),X.$set(u);const h={};2&$&&(h.$$scope={dirty:$,ctx:t}),Q.$set(h);const x={};2&$&&(x.$$scope={dirty:$,ctx:t}),_.$set(x);const w={};2&$&&(w.$$scope={dirty:$,ctx:t}),et.$set(w);const v={};2&$&&(v.$$scope={dirty:$,ctx:t}),rt.$set(v);const b={};2&$&&(b.$$scope={dirty:$,ctx:t}),ot.$set(b);const T={};2&$&&(T.$$scope={dirty:$,ctx:t}),at.$set(T);const C={};2&$&&(C.$$scope={dirty:$,ctx:t}),ft.$set(C);const F={};2&$&&(F.$$scope={dirty:$,ctx:t}),pt.$set(F);const k={};2&$&&(k.$$scope={dirty:$,ctx:t}),it.$set(k);const S={};2&$&&(S.$$scope={dirty:$,ctx:t}),gt.$set(S);const z={};2&$&&(z.$$scope={dirty:$,ctx:t}),ht.$set(z);const N={};2&$&&(N.$$scope={dirty:$,ctx:t}),Et.$set(N);const R={};2&$&&(R.$$scope={dirty:$,ctx:t}),yt.$set(R);const j={};2&$&&(j.$$scope={dirty:$,ctx:t}),Dt.$set(j);const L={};2&$&&(L.$$scope={dirty:$,ctx:t}),Ot.$set(L);const P={};2&$&&(P.$$scope={dirty:$,ctx:t}),Ct.$set(P);const M={};2&$&&(M.$$scope={dirty:$,ctx:t}),kt.$set(M)},i(t){At||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(E.$$.fragment,t),f(y.$$.fragment,t),f(D.$$.fragment,t),f(O.$$.fragment,t),f(A.$$.fragment,t),f(G.$$.fragment,t),f(B.$$.fragment,t),f(V.$$.fragment,t),f(X.$$.fragment,t),f(Q.$$.fragment,t),f(_.$$.fragment,t),f(et.$$.fragment,t),f(rt.$$.fragment,t),f(ot.$$.fragment,t),f(at.$$.fragment,t),f(ft.$$.fragment,t),f(pt.$$.fragment,t),f(it.$$.fragment,t),f(gt.$$.fragment,t),f(ht.$$.fragment,t),f(Et.$$.fragment,t),f(yt.$$.fragment,t),f(Dt.$$.fragment,t),f(Ot.$$.fragment,t),f(Ct.$$.fragment,t),f(kt.$$.fragment,t),At=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(E.$$.fragment,t),l(y.$$.fragment,t),l(D.$$.fragment,t),l(O.$$.fragment,t),l(A.$$.fragment,t),l(G.$$.fragment,t),l(B.$$.fragment,t),l(V.$$.fragment,t),l(X.$$.fragment,t),l(Q.$$.fragment,t),l(_.$$.fragment,t),l(et.$$.fragment,t),l(rt.$$.fragment,t),l(ot.$$.fragment,t),l(at.$$.fragment,t),l(ft.$$.fragment,t),l(pt.$$.fragment,t),l(it.$$.fragment,t),l(gt.$$.fragment,t),l(ht.$$.fragment,t),l(Et.$$.fragment,t),l(yt.$$.fragment,t),l(Dt.$$.fragment,t),l(Ot.$$.fragment,t),l(Ct.$$.fragment,t),l(kt.$$.fragment,t),At=!1},d(t){p(e,t),t&&u($),p(r,t),t&&u(a),p(c,t),t&&u(m),p(h,t),t&&u(x),p(E,t),t&&u(w),p(y,t),t&&u(v),p(D,t),t&&u(b),p(O,t),t&&u(F),p(A,t),t&&u(S),p(G,t),t&&u(L),p(B,t),t&&u(Y),p(V,t),t&&u(q),p(X,t),t&&u(J),p(Q,t),t&&u(Z),p(_,t),t&&u(tt),p(et,t),t&&u($t),p(rt,t),t&&u(nt),p(ot,t),t&&u(st),p(at,t),t&&u(ct),p(ft,t),t&&u(lt),p(pt,t),t&&u(mt),p(it,t),t&&u(dt),p(gt,t),t&&u(ut),p(ht,t),t&&u(xt),p(Et,t),t&&u(wt),p(yt,t),t&&u(vt),p(Dt,t),t&&u(bt),p(Ot,t),t&&u(Tt),p(Ct,t),t&&u(Ft),p(kt,t)}}}function k$(t){let e,$;const m=[t[0],A$];let i={$$slots:{default:[F$]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=r(i,m[t]);return e=new O({props:i}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p(t,[$]){const r=1&$?a(m,[1&$&&c(t[0]),0&$&&c(A$)]):{};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}const A$={name:"FileDropzone",relatedComponents:[{name:"FileInput",link:"./docs/components/file-input"},{name:"FileTile",link:"./docs/components/file-tile"}],shadow1:"0 2px 5px rgba(0, 0, 0, .14), 0 1px 5px rgba(0, 0, 0, .12);"},{name:S$,relatedComponents:z$,shadow1:N$}=A$;function R$(t,e,$){return t.$$set=t=>{$(0,e=r(r({},e),m(t)))},[e=m(e)]}class j$ extends t{constructor(t){super(),e(this,t,R$,k$,$,{})}}export{j$ as default,A$ as metadata};
diff --git a/376/client/legacy/file-input-613c787e.css b/376/client/legacy/file-input-613c787e.css
new file mode 100644
index 000000000..7dbb9dd61
--- /dev/null
+++ b/376/client/legacy/file-input-613c787e.css
@@ -0,0 +1 @@
+.file-input.svelte-2d62iz.svelte-2d62iz{align-items:center;display:inline-flex}.file-input.vertical.svelte-2d62iz.svelte-2d62iz{flex-direction:column}.file-input.vertical.svelte-2d62iz label.svelte-2d62iz{margin-bottom:0.5em;margin-right:0}label.svelte-2d62iz.svelte-2d62iz{align-items:center;cursor:pointer;display:flex;font-family:"Ubuntu", sans-serif;font-weight:500;outline:none;border-radius:1.5625em;margin-right:0.5em;padding:0.8em 1.1em}label.svelte-2d62iz.svelte-2d62iz::-moz-focus-inner{border:0}label.svelte-2d62iz input.svelte-2d62iz{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}label.svelte-2d62iz.svelte-2d62iz{color:#4300b0}label.svelte-2d62iz .icon{stroke:#4300b0}label.svelte-2d62iz .ripple{background:rgba(67, 0, 176, 0.1)}label.svelte-2d62iz.svelte-2d62iz:hover{background:rgba(67, 0, 176, 0.05)}label.svelte-2d62iz.svelte-2d62iz:focus-within{background-color:rgba(67, 0, 176, 0.12)}label.disabled.svelte-2d62iz.svelte-2d62iz{background:transparent;color:#888;cursor:default}label.disabled.svelte-2d62iz .icon{stroke:#888}
diff --git a/376/client/legacy/file-input-95dfbf7b.css b/376/client/legacy/file-input-95dfbf7b.css
new file mode 100644
index 000000000..42dcf2212
--- /dev/null
+++ b/376/client/legacy/file-input-95dfbf7b.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-1h883k1 .file-tile{max-width:16em}
diff --git a/376/client/legacy/file-input.16ba7f6a.js b/376/client/legacy/file-input.16ba7f6a.js
new file mode 100644
index 000000000..b7ef38066
--- /dev/null
+++ b/376/client/legacy/file-input.16ba7f6a.js
@@ -0,0 +1 @@
+import{S as l,i as s,s as e,K as a,M as t,h as n,u as i,k as c,b as u,w as r,d,N as o,O as p,e as f,X as $,f as m,g as v,o as b,P as h,U as g,Q as y,R as z,T as x,V as C,t as E,y as j,p as N,z as L,W as P,I as k,J as w,L as A,H as B,j as I,l as S,m as T,q as U,v as q,x as F,Y as H}from"./client.583c6e60.js";import{r as J,B as K}from"./button.863c0adf.js";import{c as M}from"./classes.a7d1a9eb.js";const O=l=>({}),Q=l=>({});function R(l){let s;return{c(){s=q("select a file")},l(l){s=F(l,"select a file")},m(l,e){m(l,s,e)},d(l){l&&d(s)}}}function V(l){let s;return{c(){s=q("select files")},l(l){s=F(l,"select files")},m(l,e){m(l,s,e)},d(l){l&&d(s)}}}function W(l){let s,e;return s=new K({props:{danger:!0,$$slots:{default:[X]},$$scope:{ctx:l}}}),s.$on("click",l[8]),{c(){I(s.$$.fragment)},l(l){S(s.$$.fragment,l)},m(l,a){T(s,l,a),e=!0},p(l,e){const a={};32768&e&&(a.$$scope={dirty:e,ctx:l}),s.$set(a)},i(l){e||(E(s.$$.fragment,l),e=!0)},o(l){N(s.$$.fragment,l),e=!1},d(l){U(s,l)}}}function X(l){let s;return{c(){s=q("clear selection")},l(l){s=F(l,"clear selection")},m(l,e){m(l,s,e)},d(l){l&&d(s)}}}function Y(l){let s,e,k,w,A,I,S,T,U,q,F,H=[{type:"file"},{multiple:l[3]},{disabled:l[5]},l[10]],K={};for(let l=0;l<H.length;l+=1)K=a(K,H[l]);const X=l[11]["select-file-message"],Y=t(X,l,l[15],Q),D=Y||function(l){let s;function e(l,s){return l[3]?V:R}let a=e(l),t=a(l);return{c(){t.c(),s=B()},l(l){t.l(l),s=B()},m(l,e){t.m(l,e),m(l,s,e)},p(l,n){a!==(a=e(l))&&(t.d(1),t=a(l),t&&(t.c(),t.m(s.parentNode,s)))},d(l){t.d(l),l&&d(s)}}}(l);let G=null!=l[0]&&0!==l[0].length&&W(l);return{c(){s=n("span"),e=n("label"),k=n("input"),w=i(),D&&D.c(),S=i(),G&&G.c(),this.h()},l(l){s=c(l,"SPAN",{class:!0});var a=u(s);e=c(a,"LABEL",{class:!0});var t=u(e);k=c(t,"INPUT",{type:!0}),w=r(t),D&&D.l(t),t.forEach(d),S=r(a),G&&G.l(a),a.forEach(d),this.h()},h(){o(k,K),p(k,"svelte-2d62iz",!0),f(e,"class",A=$(M(l[2]))+" svelte-2d62iz"),p(e,"disabled",l[5]),f(s,"class",T=$(M("file-input",l[1]))+" svelte-2d62iz"),p(s,"vertical",l[4])},m(a,t){m(a,s,t),v(s,e),v(e,k),k.autofocus&&k.focus(),l[13](k),v(e,w),D&&D.m(e,null),v(s,S),G&&G.m(s,null),U=!0,q||(F=[b(k,"change",l[12]),b(k,"change",l[14]),h(I=J.call(null,e,{disabled:l[5]}))],q=!0)},p(l,a){let[t]=a;o(k,K=g(H,[{type:"file"},(!U||8&t)&&{multiple:l[3]},(!U||32&t)&&{disabled:l[5]},1024&t&&l[10]])),p(k,"svelte-2d62iz",!0),Y?Y.p&&(!U||32768&t)&&y(Y,X,l,l[15],U?x(X,l[15],t,O):z(l[15]),Q):D&&D.p&&(!U||8&t)&&D.p(l,U?t:-1),(!U||4&t&&A!==(A=$(M(l[2]))+" svelte-2d62iz"))&&f(e,"class",A),I&&C(I.update)&&32&t&&I.update.call(null,{disabled:l[5]}),(!U||36&t)&&p(e,"disabled",l[5]),null!=l[0]&&0!==l[0].length?G?(G.p(l,t),1&t&&E(G,1)):(G=W(l),G.c(),E(G,1),G.m(s,null)):G&&(j(),N(G,1,1,(()=>{G=null})),L()),(!U||2&t&&T!==(T=$(M("file-input",l[1]))+" svelte-2d62iz"))&&f(s,"class",T),(!U||18&t)&&p(s,"vertical",l[4])},i(l){U||(E(D,l),E(G),U=!0)},o(l){N(D,l),N(G),U=!1},d(e){e&&d(s),l[13](null),D&&D.d(e),G&&G.d(),q=!1,P(F)}}}function D(l,s,e){const t=["class","labelClass","multiple","vertical","value","disabled"];let n,i,c=k(s,t),{$$slots:u={},$$scope:r}=s,{class:d=null}=s,{labelClass:o=null}=s,{multiple:p=!1}=s,{vertical:f=!1}=s,{value:$=(p?[]:null)}=s,{disabled:m=!1}=s;const v=w();return l.$$set=l=>{s=a(a({},s),A(l)),e(10,c=k(s,t)),"class"in l&&e(1,d=l.class),"labelClass"in l&&e(2,o=l.labelClass),"multiple"in l&&e(3,p=l.multiple),"vertical"in l&&e(4,f=l.vertical),"value"in l&&e(0,$=l.value),"disabled"in l&&e(5,m=l.disabled),"$$scope"in l&&e(15,r=l.$$scope)},l.$$.update=()=>{72&l.$$.dirty&&e(0,$=p?i||[]:i&&i[0]),1&l.$$.dirty&&function(l){null==l&&null!=n&&e(7,n.value="",n)}($)},[$,d,o,p,f,m,i,n,function(l){e(0,$=p?[]:null),e(7,n.value="",n),v("change",{value:$,nativeEvent:l})},v,c,u,function(){i=this.files,e(6,i)},function(l){H[l?"unshift":"push"]((()=>{n=l,e(7,n)}))},l=>v("change",{value:$,nativeEvent:l}),r]}var G=class extends l{constructor(l){super(),s(this,l,D,Y,e,{class:1,labelClass:2,multiple:3,vertical:4,value:0,disabled:5})}};export{G as F};
diff --git a/376/client/legacy/file-input.1a06f332.js b/376/client/legacy/file-input.1a06f332.js
new file mode 100644
index 000000000..fe0adc4eb
--- /dev/null
+++ b/376/client/legacy/file-input.1a06f332.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as r,l as s,m as o,U as a,a0 as c,t as f,p as l,q as p,L as m,u,w as i,f as g,d,v as h,x,h as w,k as E,b as y,e as v,g as D,n as b,Y as O,$ as C,a1 as k,y as T,z as F}from"./client.583c6e60.js";import{L as S,H as N,P as j}from"./layout.47c81311.js";import{F as A}from"./file-input.16ba7f6a.js";import{F as R}from"./file-tile.9d6ee709.js";import{S as I}from"./showcase.759e7149.js";import{C as G}from"./color-preview.9db6af61.js";import{R as P}from"./related-components.9fddec4f.js";import{H as B}from"./h2.0da05151.js";import{H as L}from"./h3.c9a49f62.js";import{T as z,a as H,b as U,c as M}from"./table.c1711529.js";import"./button.863c0adf.js";import"./classes.a7d1a9eb.js";import"./format-file-size.fdd3bcb6.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./card.113fcab4.js";function Y(t){let e;return{c(){e=h("FileInput")},l(t){e=x(t,"FileInput")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function V(t){let e;return{c(){e=h("A regular file input matching the theme of the kit. Comes with buttons to select and deselect files.")},l(t){e=x(t,"A regular file input matching the theme of the kit. Comes with buttons to select and deselect files.")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function W(t){let e,$,n,r,s;return{c(){e=h("For a larger, more functional and visual file uploader, check out the "),$=w("a"),n=w("code"),r=h("FileDropzone"),s=h(". It also supports drag'n'drop file upload."),this.h()},l(t){e=x(t,"For a larger, more functional and visual file uploader, check out the "),$=E(t,"A",{href:!0});var o=y($);n=E(o,"CODE",{});var a=y(n);r=x(a,"FileDropzone"),a.forEach(d),o.forEach(d),s=x(t,". It also supports drag'n'drop file upload."),this.h()},h(){v($,"href","./docs/components/file-dropzone")},m(t,o){g(t,e,o),g(t,$,o),D($,n),D(n,r),g(t,s,o)},p:b,d(t){t&&d(e),t&&d($),t&&d(s)}}}function K(t){let e,$;return e=new R({props:{file:t[0]}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p(t,$){const n={};1&$&&(n.file=t[0]),e.$set(n)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function q(t){let e,$,n,a,c;function m(e){t[2](e)}let h={};void 0!==t[0]&&(h.value=t[0]),$=new A({props:h}),O.push((()=>C($,"value",m)));let x=null!=t[0]&&K(t);return{c(){e=w("div"),r($.$$.fragment),a=u(),x&&x.c(),this.h()},l(t){e=E(t,"DIV",{slot:!0,class:!0});var n=y(e);s($.$$.fragment,n),a=i(n),x&&x.l(n),n.forEach(d),this.h()},h(){v(e,"slot","showcase"),v(e,"class","padded svelte-1h883k1")},m(t,n){g(t,e,n),o($,e,null),D(e,a),x&&x.m(e,null),c=!0},p(t,r){const s={};!n&&1&r&&(n=!0,s.value=t[0],k((()=>n=!1))),$.$set(s),null!=t[0]?x?(x.p(t,r),1&r&&f(x,1)):(x=K(t),x.c(),f(x,1),x.m(e,null)):x&&(T(),l(x,1,1,(()=>{x=null})),F())},i(t){c||(f($.$$.fragment,t),f(x),c=!0)},o(t){l($.$$.fragment,t),l(x),c=!1},d(t){t&&d(e),p($),x&&x.d()}}}function J(t){let e,$;return{c(){e=w("div"),$=w("pre"),this.h()},l(t){e=E(t,"DIV",{slot:!0});var n=y(e);$=E(n,"PRE",{class:!0}),y($).forEach(d),n.forEach(d),this.h()},h(){v($,"class","language-svelte"),v(e,"slot","source")},m(t,n){g(t,e,n),D(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">let</span> upload <span class="token operator">=</span> <span class="token keyword">null</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FileInput</span> <span class="token attr-name"><span class="token namespace">bind:</span>value=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>upload<span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span>\n<span class="token language-javascript"><span class="token punctuation">&#123;</span>#<span class="token keyword">if</span> upload <span class="token operator">!=</span> <span class="token keyword">null</span><span class="token punctuation">&#125;</span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FileTile</span> <span class="token attr-name">file=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>upload<span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span>\n<span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token operator">/</span><span class="token keyword">if</span><span class="token punctuation">&#125;</span></span></code>'},p:b,d(t){t&&d(e)}}}function Q(t){let e;return{c(){e=h("Properties")},l(t){e=x(t,"Properties")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function X(t){let e;return{c(){e=h("Style Properties")},l(t){e=x(t,"Style Properties")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Z(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function _(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function tt(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function et(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function $t(t){let e,$,n,a,c,m,h,x;return e=new U({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),h=new U({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment),m=u(),r(h.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),g(t,m,r),o(h,t,r),x=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function nt(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("vertical")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"vertical"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function rt(t){let e,$;return{c(){e=w("code"),$=h("false")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"false"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function st(t){let e,$;return{c(){e=w("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"boolean"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function ot(t){let e,$,n,r,s,o,a;return{c(){e=h("Decides if the "),$=w("em"),n=h("select a file"),r=h(" and "),s=w("em"),o=h("clear selection"),a=h(" buttons will be laid out in a row or a column (upload a file to see the two buttons).")},l(t){e=x(t,"Decides if the "),$=E(t,"EM",{});var c=y($);n=x(c,"select a file"),c.forEach(d),r=x(t," and "),s=E(t,"EM",{});var f=y(s);o=x(f,"clear selection"),f.forEach(d),a=x(t," buttons will be laid out in a row or a column (upload a file to see the two buttons).")},m(t,c){g(t,e,c),g(t,$,c),D($,n),g(t,r,c),g(t,s,c),D(s,o),g(t,a,c)},p:b,d(t){t&&d(e),t&&d($),t&&d(r),t&&d(s),t&&d(a)}}}function at(t){let e,$,n,a,c,m,h,x;return e=new M({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment),m=u(),r(h.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),g(t,m,r),o(h,t,r),x=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function ct(t){let e,$,n,a,c,m;return $=new H({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),{c(){e=w("thead"),r($.$$.fragment),n=u(),a=w("tbody"),r(c.$$.fragment)},l(t){e=E(t,"THEAD",{});var r=y(e);s($.$$.fragment,r),r.forEach(d),n=i(t),a=E(t,"TBODY",{});var o=y(a);s(c.$$.fragment,o),o.forEach(d)},m(t,r){g(t,e,r),o($,e,null),g(t,n,r),g(t,a,r),o(c,a,null),m=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r)},i(t){m||(f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&d(e),p($),t&&d(n),t&&d(a),p(c)}}}function ft(t){let e;return{c(){e=h("Functional Properties")},l(t){e=x(t,"Functional Properties")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function lt(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function pt(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function mt(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function ut(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function it(t){let e,$,n,a,c,m,h,x;return e=new U({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),h=new U({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment),m=u(),r(h.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),g(t,m,r),o(h,t,r),x=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function gt(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("multiple")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"multiple"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function dt(t){let e,$;return{c(){e=w("code"),$=h("false")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"false"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function ht(t){let e,$;return{c(){e=w("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"boolean"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function xt(t){let e;return{c(){e=h("Allows the user to select multiple files.")},l(t){e=x(t,"Allows the user to select multiple files.")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function wt(t){let e,$,n,a,c,m,h,x;return e=new M({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment),m=u(),r(h.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),g(t,m,r),o(h,t,r),x=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function Et(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("value")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"value"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function yt(t){let e,$,n,r,s;return{c(){e=w("code"),$=h("null"),n=h(" or "),r=w("code"),s=h("[]")},l(t){e=E(t,"CODE",{});var o=y(e);$=x(o,"null"),o.forEach(d),n=x(t," or "),r=E(t,"CODE",{});var a=y(r);s=x(a,"[]"),a.forEach(d)},m(t,o){g(t,e,o),D(e,$),g(t,n,o),g(t,r,o),D(r,s)},p:b,d(t){t&&d(e),t&&d(n),t&&d(r)}}}function vt(t){let e,$,n,r,s,o,a;return{c(){e=w("a"),$=w("code"),n=h("File"),r=h(" or "),s=w("a"),o=w("code"),a=h("FileList"),this.h()},l(t){e=E(t,"A",{href:!0,rel:!0});var c=y(e);$=E(c,"CODE",{});var f=y($);n=x(f,"File"),f.forEach(d),c.forEach(d),r=x(t," or "),s=E(t,"A",{href:!0,rel:!0});var l=y(s);o=E(l,"CODE",{});var p=y(o);a=x(p,"FileList"),p.forEach(d),l.forEach(d),this.h()},h(){v(e,"href","https://developer.mozilla.org/en-US/docs/Web/API/File"),v(e,"rel","nofollow"),v(s,"href","https://developer.mozilla.org/en-US/docs/Web/API/FileList"),v(s,"rel","nofollow")},m(t,c){g(t,e,c),D(e,$),D($,n),g(t,r,c),g(t,s,c),D(s,o),D(o,a)},p:b,d(t){t&&d(e),t&&d(r),t&&d(s)}}}function Dt(t){let e,$,n,r,s,o,a,c,f,l,p,m,u,i,v,O,C;return{c(){e=h("The user's selection. If "),$=w("mark"),n=w("code"),r=h("multiple"),s=h(" is "),o=w("code"),a=h("false"),c=h(", the value is an actual "),f=w("code"),l=h("File"),p=h(" object, not a one-element "),m=w("code"),u=h("FileList"),i=h(", as opposed to the native "),v=w("code"),O=h('<input type="file">'),C=h(".")},l(t){e=x(t,"The user's selection. If "),$=E(t,"MARK",{});var g=y($);n=E(g,"CODE",{});var h=y(n);r=x(h,"multiple"),h.forEach(d),g.forEach(d),s=x(t," is "),o=E(t,"CODE",{});var w=y(o);a=x(w,"false"),w.forEach(d),c=x(t,", the value is an actual "),f=E(t,"CODE",{});var D=y(f);l=x(D,"File"),D.forEach(d),p=x(t," object, not a one-element "),m=E(t,"CODE",{});var b=y(m);u=x(b,"FileList"),b.forEach(d),i=x(t,", as opposed to the native "),v=E(t,"CODE",{});var k=y(v);O=x(k,'<input type="file">'),k.forEach(d),C=x(t,".")},m(t,d){g(t,e,d),g(t,$,d),D($,n),D(n,r),g(t,s,d),g(t,o,d),D(o,a),g(t,c,d),g(t,f,d),D(f,l),g(t,p,d),g(t,m,d),D(m,u),g(t,i,d),g(t,v,d),D(v,O),g(t,C,d)},p:b,d(t){t&&d(e),t&&d($),t&&d(s),t&&d(o),t&&d(c),t&&d(f),t&&d(p),t&&d(m),t&&d(i),t&&d(v),t&&d(C)}}}function bt(t){let e,$,n,a,c,m,h,x;return e=new M({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment),m=u(),r(h.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),g(t,m,r),o(h,t,r),x=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function Ot(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("disabled")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"disabled"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function Ct(t){let e,$;return{c(){e=w("code"),$=h("false")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"false"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function kt(t){let e,$;return{c(){e=w("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"boolean"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function Tt(t){let e;return{c(){e=h("Whether the input should accept files.")},l(t){e=x(t,"Whether the input should accept files.")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Ft(t){let e,$,n,a,c,m,h,x;return e=new M({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment),m=u(),r(h.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),g(t,m,r),o(h,t,r),x=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function St(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("...")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"..."),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function Nt(t){let e,$;return{c(){e=w("code"),$=h("any")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"any"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function jt(t){let e,$,n,r;return{c(){e=h("Everything else will be passed to the underlying "),$=w("code"),n=h("<input>"),r=h(" element.")},l(t){e=x(t,"Everything else will be passed to the underlying "),$=E(t,"CODE",{});var s=y($);n=x(s,"<input>"),s.forEach(d),r=x(t," element.")},m(t,s){g(t,e,s),g(t,$,s),D($,n),g(t,r,s)},p:b,d(t){t&&d(e),t&&d($),t&&d(r)}}}function At(t){let e,$,n,a,c,m,h,x;return e=new M({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),n=new M({}),c=new M({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment),m=u(),r(h.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),g(t,m,r),o(h,t,r),x=!0},p(t,$){const n={};8&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function Rt(t){let e,$,n,a,c,m,h,x,v,b,O,C;return $=new H({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),v=new H({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),O=new H({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){e=w("thead"),r($.$$.fragment),n=u(),a=w("tbody"),r(c.$$.fragment),m=u(),r(h.$$.fragment),x=u(),r(v.$$.fragment),b=u(),r(O.$$.fragment)},l(t){e=E(t,"THEAD",{});var r=y(e);s($.$$.fragment,r),r.forEach(d),n=i(t),a=E(t,"TBODY",{});var o=y(a);s(c.$$.fragment,o),m=i(o),s(h.$$.fragment,o),x=i(o),s(v.$$.fragment,o),b=i(o),s(O.$$.fragment,o),o.forEach(d)},m(t,r){g(t,e,r),o($,e,null),g(t,n,r),g(t,a,r),o(c,a,null),D(a,m),o(h,a,null),D(a,x),o(v,a,null),D(a,b),o(O,a,null),C=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),h.$set(s);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),v.$set(o);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),O.$set(a)},i(t){C||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(v.$$.fragment,t),f(O.$$.fragment,t),C=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(v.$$.fragment,t),l(O.$$.fragment,t),C=!1},d(t){t&&d(e),p($),t&&d(n),t&&d(a),p(c),p(h),p(v),p(O)}}}function It(t){let e;return{c(){e=h("Class Properties")},l(t){e=x(t,"Class Properties")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Gt(t){let e,$,n,r,s,o,a;return{c(){e=h("All "),$=w("code"),n=h("<FileInput>"),r=h(" components use the "),s=w("code"),o=h(".file-input"),a=h(" class.")},l(t){e=x(t,"All "),$=E(t,"CODE",{});var c=y($);n=x(c,"<FileInput>"),c.forEach(d),r=x(t," components use the "),s=E(t,"CODE",{});var f=y(s);o=x(f,".file-input"),f.forEach(d),a=x(t," class.")},m(t,c){g(t,e,c),g(t,$,c),D($,n),g(t,r,c),g(t,s,c),D(s,o),g(t,a,c)},p:b,d(t){t&&d(e),t&&d($),t&&d(r),t&&d(s),t&&d(a)}}}function Pt(t){let e;return{c(){e=h("Falsy values passed to classes will be disregarded.")},l(t){e=x(t,"Falsy values passed to classes will be disregarded.")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Bt(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Lt(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function zt(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Ht(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Ut(t){let e,$,n,a,c,m,h,x;return e=new U({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),h=new U({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment),m=u(),r(h.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),g(t,m,r),o(h,t,r),x=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function Mt(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("class")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"class"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function Yt(t){let e,$;return{c(){e=w("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"null"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function Vt(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"string"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function Wt(t){let e;return{c(){e=h("A class string to add to the component.")},l(t){e=x(t,"A class string to add to the component.")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Kt(t){let e,$,n,a,c,m,h,x;return e=new M({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment),m=u(),r(h.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),g(t,m,r),o(h,t,r),x=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function qt(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("labelClass")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"labelClass"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function Jt(t){let e,$;return{c(){e=w("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"null"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function Qt(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"string"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function Xt(t){let e,$,n,r,s,o,a;return{c(){e=h("A class string to add to the "),$=w("code"),n=h("<label>"),r=h(" element wrapping the "),s=w("code"),o=h("<input>"),a=h(".")},l(t){e=x(t,"A class string to add to the "),$=E(t,"CODE",{});var c=y($);n=x(c,"<label>"),c.forEach(d),r=x(t," element wrapping the "),s=E(t,"CODE",{});var f=y(s);o=x(f,"<input>"),f.forEach(d),a=x(t,".")},m(t,c){g(t,e,c),g(t,$,c),D($,n),g(t,r,c),g(t,s,c),D(s,o),g(t,a,c)},p:b,d(t){t&&d(e),t&&d($),t&&d(r),t&&d(s),t&&d(a)}}}function Zt(t){let e,$,n,a,c,m,h,x;return e=new M({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment),m=u(),r(h.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),g(t,m,r),o(h,t,r),x=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function _t(t){let e,$,n,a,c,m,h,x;return $=new H({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),{c(){e=w("thead"),r($.$$.fragment),n=u(),a=w("tbody"),r(c.$$.fragment),m=u(),r(h.$$.fragment)},l(t){e=E(t,"THEAD",{});var r=y(e);s($.$$.fragment,r),r.forEach(d),n=i(t),a=E(t,"TBODY",{});var o=y(a);s(c.$$.fragment,o),m=i(o),s(h.$$.fragment,o),o.forEach(d)},m(t,r){g(t,e,r),o($,e,null),g(t,n,r),g(t,a,r),o(c,a,null),D(a,m),o(h,a,null),x=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),h.$set(s)},i(t){x||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){t&&d(e),p($),t&&d(n),t&&d(a),p(c),p(h)}}}function te(t){let e;return{c(){e=h("Events")},l(t){e=x(t,"Events")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function ee(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function $e(t){let e;return{c(){e=h("Event Detail")},l(t){e=x(t,"Event Detail")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function ne(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function re(t){let e,$,n,a,c,m;return e=new U({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function se(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("change")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"change"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function oe(t){let e,$;return{c(){e=w("code"),$=h("{ value, nativeEvent }")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"{ value, nativeEvent }"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function ae(t){let e,$,n,r;return{c(){e=h("Fired when a selection is made or cleared. In case of clearing the selection, the "),$=w("code"),n=h("nativeEvent"),r=h(" is a click event.")},l(t){e=x(t,"Fired when a selection is made or cleared. In case of clearing the selection, the "),$=E(t,"CODE",{});var s=y($);n=x(s,"nativeEvent"),s.forEach(d),r=x(t," is a click event.")},m(t,s){g(t,e,s),g(t,$,s),D($,n),g(t,r,s)},p:b,d(t){t&&d(e),t&&d($),t&&d(r)}}}function ce(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function fe(t){let e,$,n,a,c,m;return $=new H({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),{c(){e=w("thead"),r($.$$.fragment),n=u(),a=w("tbody"),r(c.$$.fragment)},l(t){e=E(t,"THEAD",{});var r=y(e);s($.$$.fragment,r),r.forEach(d),n=i(t),a=E(t,"TBODY",{});var o=y(a);s(c.$$.fragment,o),o.forEach(d)},m(t,r){g(t,e,r),o($,e,null),g(t,n,r),g(t,a,r),o(c,a,null),m=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r)},i(t){m||(f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&d(e),p($),t&&d(n),t&&d(a),p(c)}}}function le(t){let e;return{c(){e=h("Slots")},l(t){e=x(t,"Slots")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function pe(t){let e,$,n;return{c(){e=w("code"),$=h("select-file-message"),n=h(" slot")},l(t){e=E(t,"CODE",{});var r=y(e);$=x(r,"select-file-message"),r.forEach(d),n=x(t," slot")},m(t,r){g(t,e,r),D(e,$),g(t,n,r)},p:b,d(t){t&&d(e),t&&d(n)}}}function me(t){let e;return{c(){e=h('Use this slot to translate the "select file" message that appears when tabbing into the dropdown of options.')},l(t){e=x(t,'Use this slot to translate the "select file" message that appears when tabbing into the dropdown of options.')},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function ue(t){let e;return{c(){e=h("Default slot")},l(t){e=x(t,"Default slot")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function ie(t){let e,$,n,r,s;return{c(){e=h('The label of the main upload button. Defaults to the text "select a file" / "select files" depending on the value of the '),$=w("mark"),n=w("code"),r=h("multiple"),s=h(" property.")},l(t){e=x(t,'The label of the main upload button. Defaults to the text "select a file" / "select files" depending on the value of the '),$=E(t,"MARK",{});var o=y($);n=E(o,"CODE",{});var a=y(n);r=x(a,"multiple"),a.forEach(d),o.forEach(d),s=x(t," property.")},m(t,o){g(t,e,o),g(t,$,o),D($,n),D(n,r),g(t,s,o)},p:b,d(t){t&&d(e),t&&d($),t&&d(s)}}}function ge(t){let e;return{c(){e=h("SCSS Variables")},l(t){e=x(t,"SCSS Variables")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function de(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function he(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function xe(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function we(t){let e,$,n,a,c,m;return e=new U({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function Ee(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("$main")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"$main"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function ye(t){let e;return{c(){e=h("The color of the main upload button.")},l(t){e=x(t,"The color of the main upload button.")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function ve(t){let e,$;return e=new G({props:{value:"#4300B0"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function De(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function be(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("$font")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"$font"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function Oe(t){let e;return{c(){e=h("The font of the button text.")},l(t){e=x(t,"The font of the button text.")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Ce(t){let e,$;return{c(){e=w("code"),$=h("'Ubuntu'")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"'Ubuntu'"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function ke(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function Te(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("$button-radius")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"$button-radius"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function Fe(t){let e;return{c(){e=h("The curvature radius of a button.")},l(t){e=x(t,"The curvature radius of a button.")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Se(t){let e,$;return{c(){e=w("code"),$=h("1.5625em")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"1.5625em"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function Ne(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function je(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("$danger")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"$danger"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function Ae(t){let e;return{c(){e=h("The color of the clearing button.")},l(t){e=x(t,"The color of the clearing button.")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Re(t){let e,$;return e=new G({props:{value:"#B80000"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Ie(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function Ge(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("$disabled")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"$disabled"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function Pe(t){let e;return{c(){e=h("The color of the main upload button when the input is disabled.")},l(t){e=x(t,"The color of the main upload button when the input is disabled.")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Be(t){let e,$;return e=new G({props:{value:"#888888"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Le(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function ze(t){let e,$,n;return{c(){e=w("strong"),$=w("code"),n=h("$bold-font-weight")},l(t){e=E(t,"STRONG",{});var r=y(e);$=E(r,"CODE",{});var s=y($);n=x(s,"$bold-font-weight"),s.forEach(d),r.forEach(d)},m(t,r){g(t,e,r),D(e,$),D($,n)},p:b,d(t){t&&d(e)}}}function He(t){let e;return{c(){e=h("The bold font weight of the buttons.")},l(t){e=x(t,"The bold font weight of the buttons.")},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function Ue(t){let e,$;return{c(){e=w("code"),$=h("500")},l(t){e=E(t,"CODE",{});var n=y(e);$=x(n,"500"),n.forEach(d)},m(t,n){g(t,e,n),D(e,$)},p:b,d(t){t&&d(e)}}}function Me(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function Ye(t){let e,$,n,r,s,o,a,c,f;return{c(){e=w("strong"),$=w("code"),n=h("$danger"),r=u(),s=w("small"),o=h("From "),a=w("a"),c=w("code"),f=h("Button"),this.h()},l(t){e=E(t,"STRONG",{});var l=y(e);$=E(l,"CODE",{});var p=y($);n=x(p,"$danger"),p.forEach(d),l.forEach(d),r=i(t),s=E(t,"SMALL",{});var m=y(s);o=x(m,"From "),a=E(m,"A",{href:!0});var u=y(a);c=E(u,"CODE",{});var g=y(c);f=x(g,"Button"),g.forEach(d),u.forEach(d),m.forEach(d),this.h()},h(){v(a,"href","./docs/components/button")},m(t,l){g(t,e,l),D(e,$),D($,n),g(t,r,l),g(t,s,l),D(s,o),D(s,a),D(a,c),D(c,f)},p:b,d(t){t&&d(e),t&&d(r),t&&d(s)}}}function Ve(t){let e;return{c(){e=h('The color of the "clear selection" buttons.')},l(t){e=x(t,'The color of the "clear selection" buttons.')},m(t,$){g(t,e,$)},d(t){t&&d(e)}}}function We(t){let e,$;return e=new G({props:{value:"#B80000"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:b,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Ke(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function qe(t){let e,$,n,a,c,m,h,x,v,b,O,C,k,T,F,S,N,j;return $=new H({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),v=new H({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),O=new H({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),k=new H({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),F=new H({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),N=new H({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),{c(){e=w("thead"),r($.$$.fragment),n=u(),a=w("tbody"),r(c.$$.fragment),m=u(),r(h.$$.fragment),x=u(),r(v.$$.fragment),b=u(),r(O.$$.fragment),C=u(),r(k.$$.fragment),T=u(),r(F.$$.fragment),S=u(),r(N.$$.fragment)},l(t){e=E(t,"THEAD",{});var r=y(e);s($.$$.fragment,r),r.forEach(d),n=i(t),a=E(t,"TBODY",{});var o=y(a);s(c.$$.fragment,o),m=i(o),s(h.$$.fragment,o),x=i(o),s(v.$$.fragment,o),b=i(o),s(O.$$.fragment,o),C=i(o),s(k.$$.fragment,o),T=i(o),s(F.$$.fragment,o),S=i(o),s(N.$$.fragment,o),o.forEach(d)},m(t,r){g(t,e,r),o($,e,null),g(t,n,r),g(t,a,r),o(c,a,null),D(a,m),o(h,a,null),D(a,x),o(v,a,null),D(a,b),o(O,a,null),D(a,C),o(k,a,null),D(a,T),o(F,a,null),D(a,S),o(N,a,null),j=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),h.$set(s);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),v.$set(o);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),O.$set(a);const f={};8&e&&(f.$$scope={dirty:e,ctx:t}),k.$set(f);const l={};8&e&&(l.$$scope={dirty:e,ctx:t}),F.$set(l);const p={};8&e&&(p.$$scope={dirty:e,ctx:t}),N.$set(p)},i(t){j||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(v.$$.fragment,t),f(O.$$.fragment,t),f(k.$$.fragment,t),f(F.$$.fragment,t),f(N.$$.fragment,t),j=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(v.$$.fragment,t),l(O.$$.fragment,t),l(k.$$.fragment,t),l(F.$$.fragment,t),l(N.$$.fragment,t),j=!1},d(t){t&&d(e),p($),t&&d(n),t&&d(a),p(c),p(h),p(v),p(O),p(k),p(F),p(N)}}}function Je(t){let e,$,n,a,c,m,h,x,w,E,y,v,D,b,O,C,k,T,F,S,A,R,G,H,U,M,K,Z,_,tt,et,$t,nt,rt,st,ot,at,lt,pt,mt,ut,it,gt,dt,ht,xt;return e=new N({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),n=new j({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),c=new j({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),h=new P({props:{components:_e}}),w=new I({props:{$$slots:{source:[J],showcase:[q]},$$scope:{ctx:t}}}),y=new B({props:{id:"properties",$$slots:{default:[Q]},$$scope:{ctx:t}}}),D=new L({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),O=new z({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),k=new L({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),F=new z({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),A=new L({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),G=new j({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),U=new j({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),K=new z({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),_=new B({props:{id:"events",$$slots:{default:[te]},$$scope:{ctx:t}}}),et=new z({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),nt=new B({props:{id:"slots",$$slots:{default:[le]},$$scope:{ctx:t}}}),st=new L({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),at=new j({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),pt=new L({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),ut=new j({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),gt=new B({props:{id:"scss-variables",$$slots:{default:[ge]},$$scope:{ctx:t}}}),ht=new z({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=u(),r(n.$$.fragment),a=u(),r(c.$$.fragment),m=u(),r(h.$$.fragment),x=u(),r(w.$$.fragment),E=u(),r(y.$$.fragment),v=u(),r(D.$$.fragment),b=u(),r(O.$$.fragment),C=u(),r(k.$$.fragment),T=u(),r(F.$$.fragment),S=u(),r(A.$$.fragment),R=u(),r(G.$$.fragment),H=u(),r(U.$$.fragment),M=u(),r(K.$$.fragment),Z=u(),r(_.$$.fragment),tt=u(),r(et.$$.fragment),$t=u(),r(nt.$$.fragment),rt=u(),r(st.$$.fragment),ot=u(),r(at.$$.fragment),lt=u(),r(pt.$$.fragment),mt=u(),r(ut.$$.fragment),it=u(),r(gt.$$.fragment),dt=u(),r(ht.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t),x=i(t),s(w.$$.fragment,t),E=i(t),s(y.$$.fragment,t),v=i(t),s(D.$$.fragment,t),b=i(t),s(O.$$.fragment,t),C=i(t),s(k.$$.fragment,t),T=i(t),s(F.$$.fragment,t),S=i(t),s(A.$$.fragment,t),R=i(t),s(G.$$.fragment,t),H=i(t),s(U.$$.fragment,t),M=i(t),s(K.$$.fragment,t),Z=i(t),s(_.$$.fragment,t),tt=i(t),s(et.$$.fragment,t),$t=i(t),s(nt.$$.fragment,t),rt=i(t),s(st.$$.fragment,t),ot=i(t),s(at.$$.fragment,t),lt=i(t),s(pt.$$.fragment,t),mt=i(t),s(ut.$$.fragment,t),it=i(t),s(gt.$$.fragment,t),dt=i(t),s(ht.$$.fragment,t)},m(t,r){o(e,t,r),g(t,$,r),o(n,t,r),g(t,a,r),o(c,t,r),g(t,m,r),o(h,t,r),g(t,x,r),o(w,t,r),g(t,E,r),o(y,t,r),g(t,v,r),o(D,t,r),g(t,b,r),o(O,t,r),g(t,C,r),o(k,t,r),g(t,T,r),o(F,t,r),g(t,S,r),o(A,t,r),g(t,R,r),o(G,t,r),g(t,H,r),o(U,t,r),g(t,M,r),o(K,t,r),g(t,Z,r),o(_,t,r),g(t,tt,r),o(et,t,r),g(t,$t,r),o(nt,t,r),g(t,rt,r),o(st,t,r),g(t,ot,r),o(at,t,r),g(t,lt,r),o(pt,t,r),g(t,mt,r),o(ut,t,r),g(t,it,r),o(gt,t,r),g(t,dt,r),o(ht,t,r),xt=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};9&$&&(a.$$scope={dirty:$,ctx:t}),w.$set(a);const f={};8&$&&(f.$$scope={dirty:$,ctx:t}),y.$set(f);const l={};8&$&&(l.$$scope={dirty:$,ctx:t}),D.$set(l);const p={};8&$&&(p.$$scope={dirty:$,ctx:t}),O.$set(p);const m={};8&$&&(m.$$scope={dirty:$,ctx:t}),k.$set(m);const u={};8&$&&(u.$$scope={dirty:$,ctx:t}),F.$set(u);const i={};8&$&&(i.$$scope={dirty:$,ctx:t}),A.$set(i);const g={};8&$&&(g.$$scope={dirty:$,ctx:t}),G.$set(g);const d={};8&$&&(d.$$scope={dirty:$,ctx:t}),U.$set(d);const h={};8&$&&(h.$$scope={dirty:$,ctx:t}),K.$set(h);const x={};8&$&&(x.$$scope={dirty:$,ctx:t}),_.$set(x);const E={};8&$&&(E.$$scope={dirty:$,ctx:t}),et.$set(E);const v={};8&$&&(v.$$scope={dirty:$,ctx:t}),nt.$set(v);const b={};8&$&&(b.$$scope={dirty:$,ctx:t}),st.$set(b);const C={};8&$&&(C.$$scope={dirty:$,ctx:t}),at.$set(C);const T={};8&$&&(T.$$scope={dirty:$,ctx:t}),pt.$set(T);const S={};8&$&&(S.$$scope={dirty:$,ctx:t}),ut.$set(S);const N={};8&$&&(N.$$scope={dirty:$,ctx:t}),gt.$set(N);const j={};8&$&&(j.$$scope={dirty:$,ctx:t}),ht.$set(j)},i(t){xt||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(w.$$.fragment,t),f(y.$$.fragment,t),f(D.$$.fragment,t),f(O.$$.fragment,t),f(k.$$.fragment,t),f(F.$$.fragment,t),f(A.$$.fragment,t),f(G.$$.fragment,t),f(U.$$.fragment,t),f(K.$$.fragment,t),f(_.$$.fragment,t),f(et.$$.fragment,t),f(nt.$$.fragment,t),f(st.$$.fragment,t),f(at.$$.fragment,t),f(pt.$$.fragment,t),f(ut.$$.fragment,t),f(gt.$$.fragment,t),f(ht.$$.fragment,t),xt=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(w.$$.fragment,t),l(y.$$.fragment,t),l(D.$$.fragment,t),l(O.$$.fragment,t),l(k.$$.fragment,t),l(F.$$.fragment,t),l(A.$$.fragment,t),l(G.$$.fragment,t),l(U.$$.fragment,t),l(K.$$.fragment,t),l(_.$$.fragment,t),l(et.$$.fragment,t),l(nt.$$.fragment,t),l(st.$$.fragment,t),l(at.$$.fragment,t),l(pt.$$.fragment,t),l(ut.$$.fragment,t),l(gt.$$.fragment,t),l(ht.$$.fragment,t),xt=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t),t&&d(x),p(w,t),t&&d(E),p(y,t),t&&d(v),p(D,t),t&&d(b),p(O,t),t&&d(C),p(k,t),t&&d(T),p(F,t),t&&d(S),p(A,t),t&&d(R),p(G,t),t&&d(H),p(U,t),t&&d(M),p(K,t),t&&d(Z),p(_,t),t&&d(tt),p(et,t),t&&d($t),p(nt,t),t&&d(rt),p(st,t),t&&d(ot),p(at,t),t&&d(lt),p(pt,t),t&&d(mt),p(ut,t),t&&d(it),p(gt,t),t&&d(dt),p(ht,t)}}}function Qe(t){let e,$;const m=[t[1],Xe];let u={$$slots:{default:[Je]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)u=n(u,m[t]);return e=new S({props:u}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p(t,[$]){const n=2&$?a(m,[2&$&&c(t[1]),0&$&&c(Xe)]):{};9&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}const Xe={name:"FileInput",relatedComponents:[{name:"FileDropzone",link:"./docs/components/file-dropzone"},{name:"FileTile",link:"./docs/components/file-tile"}]},{name:Ze,relatedComponents:_e}=Xe;function t$(t,e,$){let r=null;return t.$$set=t=>{$(1,e=n(n({},e),m(t)))},e=m(e),[r,e,function(t){r=t,$(0,r)}]}class e$ extends t{constructor(t){super(),e(this,t,t$,Qe,$,{})}}export{e$ as default,Xe as metadata};
diff --git a/376/client/legacy/file-tile-95dfbf7b.css b/376/client/legacy/file-tile-95dfbf7b.css
new file mode 100644
index 000000000..42dcf2212
--- /dev/null
+++ b/376/client/legacy/file-tile-95dfbf7b.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-1h883k1 .file-tile{max-width:16em}
diff --git a/376/client/legacy/file-tile-b3753d1d.css b/376/client/legacy/file-tile-b3753d1d.css
new file mode 100644
index 000000000..a5998a8f1
--- /dev/null
+++ b/376/client/legacy/file-tile-b3753d1d.css
@@ -0,0 +1 @@
+.file-tile.svelte-1mngzcd.svelte-1mngzcd{background:#fff;border-radius:0.625em;box-shadow:0 2px 5px rgba(0, 0, 0, 0.14), 0 1px 5px rgba(0, 0, 0, 0.12);color:#333;display:grid;font-size:0.9em;gap:0.2em;grid-template-columns:1fr auto;grid-template-rows:auto auto;padding:0.5em;padding-left:1.2em;z-index:100}.file-tile.svelte-1mngzcd .btn{align-self:center;grid-column:2;grid-row:1/3}.file-tile.svelte-1mngzcd .filename.svelte-1mngzcd{align-self:end;overflow:hidden;text-overflow:ellipsis}.file-tile.svelte-1mngzcd .properties.svelte-1mngzcd{font-size:0.85em;font-weight:300}
diff --git a/376/client/legacy/file-tile.9d6ee709.js b/376/client/legacy/file-tile.9d6ee709.js
new file mode 100644
index 000000000..542f1723a
--- /dev/null
+++ b/376/client/legacy/file-tile.9d6ee709.js
@@ -0,0 +1 @@
+import{S as e,i as s,s as t,a,c as n,b as r,d as i,e as o,f as l,g as c,n as f,h,v as m,u as d,j as p,k as $,x as u,w as g,l as v,m as x,A as w,t as y,p as k,q as E,J as j}from"./client.583c6e60.js";import{B as z}from"./button.863c0adf.js";import{f as V}from"./format-file-size.fdd3bcb6.js";function b(e){let s,t,h,m,d;return{c(){s=a("svg"),t=a("polyline"),h=a("path"),m=a("line"),d=a("line"),this.h()},l(e){s=n(e,"svg",{xmlns:!0,width:!0,height:!0,viewBox:!0,fill:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0});var a=r(s);t=n(a,"polyline",{points:!0}),r(t).forEach(i),h=n(a,"path",{d:!0}),r(h).forEach(i),m=n(a,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),r(m).forEach(i),d=n(a,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),r(d).forEach(i),a.forEach(i),this.h()},h(){o(t,"points","3 6 5 6 21 6"),o(h,"d","M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"),o(m,"x1","10"),o(m,"y1","11"),o(m,"x2","10"),o(m,"y2","17"),o(d,"x1","14"),o(d,"y1","11"),o(d,"x2","14"),o(d,"y2","17"),o(s,"xmlns","http://www.w3.org/2000/svg"),o(s,"width","24"),o(s,"height","24"),o(s,"viewBox","0 0 24 24"),o(s,"fill","none"),o(s,"stroke","currentColor"),o(s,"stroke-width","2"),o(s,"stroke-linecap","round"),o(s,"stroke-linejoin","round")},m(e,a){l(e,s,a),c(s,t),c(s,h),c(s,m),c(s,d)},p:f,i:f,o:f,d(e){e&&i(s)}}}var B=class extends e{constructor(e){super(),s(this,e,null,b,t,{})}};function D(e){const s=e.split(".");return s[s.length-1].toUpperCase()}function I(e){let s,t;return s=new B({}),{c(){p(s.$$.fragment)},l(e){v(s.$$.fragment,e)},m(e,a){x(s,e,a),t=!0},i(e){t||(y(s.$$.fragment,e),t=!0)},o(e){k(s.$$.fragment,e),t=!1},d(e){E(s,e)}}}function C(e){let s,t,a,n,f,j,b,B,C,q,A,F,H=e[0].name+"",J=V(e[0].size)+"",M=D(e[0].name)+"";return A=new z({props:{danger:!0,round:!0,$$slots:{default:[I]},$$scope:{ctx:e}}}),A.$on("click",e[2]),{c(){s=h("div"),t=h("div"),a=m(H),f=d(),j=h("div"),b=m(J),B=m("\n    •\n    "),C=m(M),q=d(),p(A.$$.fragment),this.h()},l(e){s=$(e,"DIV",{class:!0});var n=r(s);t=$(n,"DIV",{class:!0,title:!0});var o=r(t);a=u(o,H),o.forEach(i),f=g(n),j=$(n,"DIV",{class:!0});var l=r(j);b=u(l,J),B=u(l,"\n    •\n    "),C=u(l,M),l.forEach(i),q=g(n),v(A.$$.fragment,n),n.forEach(i),this.h()},h(){o(t,"class","filename svelte-1mngzcd"),o(t,"title",n=e[0].name),o(j,"class","properties svelte-1mngzcd"),o(s,"class","file-tile svelte-1mngzcd")},m(e,n){l(e,s,n),c(s,t),c(t,a),c(s,f),c(s,j),c(j,b),c(j,B),c(j,C),c(s,q),x(A,s,null),F=!0},p(e,s){let[r]=s;(!F||1&r)&&H!==(H=e[0].name+"")&&w(a,H),(!F||1&r&&n!==(n=e[0].name))&&o(t,"title",n),(!F||1&r)&&J!==(J=V(e[0].size)+"")&&w(b,J),(!F||1&r)&&M!==(M=D(e[0].name)+"")&&w(C,M);const i={};8&r&&(i.$$scope={dirty:r,ctx:e}),A.$set(i)},i(e){F||(y(A.$$.fragment,e),F=!0)},o(e){k(A.$$.fragment,e),F=!1},d(e){e&&i(s),E(A)}}}function q(e,s,t){let{file:a}=s;const n=j();return e.$$set=e=>{"file"in e&&t(0,a=e.file)},[a,n,()=>n("delete",a)]}var A=class extends e{constructor(e){super(),s(this,e,q,C,t,{file:0})}};export{A as F,D as f};
diff --git a/376/client/legacy/file-tile.a511fcc8.js b/376/client/legacy/file-tile.a511fcc8.js
new file mode 100644
index 000000000..917ee6a46
--- /dev/null
+++ b/376/client/legacy/file-tile.a511fcc8.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as $,j as s,l as a,m as r,U as o,a0 as c,t as p,p as f,q as l,E as m,L as i,u,h as g,v as d,w as h,k as x,b as w,x as y,d as k,e as v,f as E,g as D,y as T,z as b,n as O}from"./client.583c6e60.js";import{L as j,H as C,P as F}from"./layout.47c81311.js";import{F as S}from"./file-tile.9d6ee709.js";import{S as A}from"./showcase.759e7149.js";import{C as N}from"./color-preview.9db6af61.js";import{S as R}from"./shadow-preview.487038f8.js";import{R as z}from"./related-components.9fddec4f.js";import{H as P}from"./h2.0da05151.js";import{H as B}from"./h3.c9a49f62.js";import{T as G,a as H,b as L,c as M}from"./table.c1711529.js";import"./button.863c0adf.js";import"./classes.a7d1a9eb.js";import"./format-file-size.fdd3bcb6.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./popover.3a24cfa5.js";import"./card.113fcab4.js";function q(t){let e;return{c(){e=d("FileTile")},l(t){e=y(t,"FileTile")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function I(t){let e;return{c(){e=d("A small tile displaying the name of a file, its size and format in human-readable ways.")},l(t){e=y(t,"A small tile displaying the name of a file, its size and format in human-readable ways.")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function V(t){let e,n;return e=new S({props:{file:t[0]}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p(t,n){const $={};1&n&&($.file=t[0]),e.$set($)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function Y(t){let e,n,$=null!=t[0]&&V(t);return{c(){e=g("div"),$&&$.c(),this.h()},l(t){e=x(t,"DIV",{slot:!0,class:!0});var n=w(e);$&&$.l(n),n.forEach(k),this.h()},h(){v(e,"slot","showcase"),v(e,"class","padded svelte-1h883k1")},m(t,s){E(t,e,s),$&&$.m(e,null),n=!0},p(t,n){null!=t[0]?$?($.p(t,n),1&n&&p($,1)):($=V(t),$.c(),p($,1),$.m(e,null)):$&&(T(),f($,1,1,(()=>{$=null})),b())},i(t){n||(p($),n=!0)},o(t){f($),n=!1},d(t){t&&k(e),$&&$.d()}}}function K(t){let e,n;return{c(){e=g("div"),n=g("pre"),this.h()},l(t){e=x(t,"DIV",{slot:!0});var $=w(e);n=x($,"PRE",{class:!0}),w(n).forEach(k),$.forEach(k),this.h()},h(){v(n,"class","language-svelte"),v(e,"slot","source")},m(t,$){E(t,e,$),D(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">&#123;</span> onMount <span class="token punctuation">&#125;</span> <span class="token keyword">from</span> <span class="token string">\'svelte\'</span><span class="token punctuation">;</span>\n\n  <span class="token keyword">let</span> file <span class="token operator">=</span> <span class="token keyword">null</span><span class="token punctuation">;</span>\n  <span class="token function">onMount</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">&#123;</span>\n    file <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">File</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token string">""</span><span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token string">"filename.txt"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token language-javascript"><span class="token punctuation">&#123;</span>#<span class="token keyword">if</span> file <span class="token operator">!=</span> <span class="token keyword">null</span><span class="token punctuation">&#125;</span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FileTile</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>file<span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span>\n<span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token operator">/</span><span class="token keyword">if</span><span class="token punctuation">&#125;</span></span></code>'},p:O,d(t){t&&k(e)}}}function U(t){let e;return{c(){e=d("Properties")},l(t){e=y(t,"Properties")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function W(t){let e;return{c(){e=d("Functional Properties")},l(t){e=y(t,"Functional Properties")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function J(t){let e;return{c(){e=d("Name")},l(t){e=y(t,"Name")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function Q(t){let e;return{c(){e=d("Default")},l(t){e=y(t,"Default")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function X(t){let e;return{c(){e=d("Type")},l(t){e=y(t,"Type")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function Z(t){let e;return{c(){e=d("Description")},l(t){e=y(t,"Description")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function _(t){let e,n,$,o,c,m,i,g;return e=new L({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),i=new L({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=h(t),a($.$$.fragment,t),o=h(t),a(c.$$.fragment,t),m=h(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),E(t,n,s),r($,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(i,t,s),g=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),i.$set(o)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&k(n),l($,t),t&&k(o),l(c,t),t&&k(m),l(i,t)}}}function tt(t){let e,n,$,s,a,r,o;return{c(){e=g("mark"),n=g("strong"),$=g("code"),s=d("file"),a=d(" "),r=g("span"),o=d("*"),this.h()},l(t){e=x(t,"MARK",{});var c=w(e);n=x(c,"STRONG",{});var p=w(n);$=x(p,"CODE",{});var f=w($);s=y(f,"file"),f.forEach(k),p.forEach(k),c.forEach(k),a=y(t," "),r=x(t,"SPAN",{class:!0});var l=w(r);o=y(l,"*"),l.forEach(k),this.h()},h(){v(r,"class","required")},m(t,c){E(t,e,c),D(e,n),D(n,$),D($,s),E(t,a,c),E(t,r,c),D(r,o)},p:O,d(t){t&&k(e),t&&k(a),t&&k(r)}}}function et(t){let e,n,$;return{c(){e=g("a"),n=g("code"),$=d("File"),this.h()},l(t){e=x(t,"A",{href:!0,rel:!0});var s=w(e);n=x(s,"CODE",{});var a=w(n);$=y(a,"File"),a.forEach(k),s.forEach(k),this.h()},h(){v(e,"href","https://developer.mozilla.org/en-US/docs/Web/API/File"),v(e,"rel","nofollow")},m(t,s){E(t,e,s),D(e,n),D(n,$)},p:O,d(t){t&&k(e)}}}function nt(t){let e;return{c(){e=d("The File object to display.")},l(t){e=y(t,"The File object to display.")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function $t(t){let e,n,$,o,c,m,i,g;return e=new M({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),$=new M({}),c=new M({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),i=new M({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=h(t),a($.$$.fragment,t),o=h(t),a(c.$$.fragment,t),m=h(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),E(t,n,s),r($,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(i,t,s),g=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),c.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),i.$set(a)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&k(n),l($,t),t&&k(o),l(c,t),t&&k(m),l(i,t)}}}function st(t){let e,n,$,o,c,m;return n=new H({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s(n.$$.fragment),$=u(),o=g("tbody"),s(c.$$.fragment)},l(t){e=x(t,"THEAD",{});var s=w(e);a(n.$$.fragment,s),s.forEach(k),$=h(t),o=x(t,"TBODY",{});var r=w(o);a(c.$$.fragment,r),r.forEach(k)},m(t,s){E(t,e,s),r(n,e,null),E(t,$,s),E(t,o,s),r(c,o,null),m=!0},p(t,e){const $={};4&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&k(e),l(n),t&&k($),t&&k(o),l(c)}}}function at(t){let e;return{c(){e=d("Class Properties")},l(t){e=y(t,"Class Properties")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function rt(t){let e,n,$,s,a,r,o;return{c(){e=d("All "),n=g("code"),$=d("<FileTile>"),s=d(" components use the "),a=g("code"),r=d(".file-tile"),o=d(" class.")},l(t){e=y(t,"All "),n=x(t,"CODE",{});var c=w(n);$=y(c,"<FileTile>"),c.forEach(k),s=y(t," components use the "),a=x(t,"CODE",{});var p=w(a);r=y(p,".file-tile"),p.forEach(k),o=y(t," class.")},m(t,c){E(t,e,c),E(t,n,c),D(n,$),E(t,s,c),E(t,a,c),D(a,r),E(t,o,c)},p:O,d(t){t&&k(e),t&&k(n),t&&k(s),t&&k(a),t&&k(o)}}}function ot(t){let e;return{c(){e=d("Events")},l(t){e=y(t,"Events")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function ct(t){let e;return{c(){e=d("Name")},l(t){e=y(t,"Name")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function pt(t){let e;return{c(){e=d("Event Detail")},l(t){e=y(t,"Event Detail")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function ft(t){let e;return{c(){e=d("Description")},l(t){e=y(t,"Description")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function lt(t){let e,n,$,o,c,m;return e=new L({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=h(t),a($.$$.fragment,t),o=h(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,n,s),r($,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&k(n),l($,t),t&&k(o),l(c,t)}}}function mt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=d("delete")},l(t){e=x(t,"STRONG",{});var s=w(e);n=x(s,"CODE",{});var a=w(n);$=y(a,"delete"),a.forEach(k),s.forEach(k)},m(t,s){E(t,e,s),D(e,n),D(n,$)},p:O,d(t){t&&k(e)}}}function it(t){let e,n;return{c(){e=g("code"),n=d("file")},l(t){e=x(t,"CODE",{});var $=w(e);n=y($,"file"),$.forEach(k)},m(t,$){E(t,e,$),D(e,n)},p:O,d(t){t&&k(e)}}}function ut(t){let e,n,$,s;return{c(){e=d("Fired when the delete button is pressed. The detail is the same "),n=g("code"),$=d("file"),s=d(" object that was passed in the property.")},l(t){e=y(t,"Fired when the delete button is pressed. The detail is the same "),n=x(t,"CODE",{});var a=w(n);$=y(a,"file"),a.forEach(k),s=y(t," object that was passed in the property.")},m(t,a){E(t,e,a),E(t,n,a),D(n,$),E(t,s,a)},p:O,d(t){t&&k(e),t&&k(n),t&&k(s)}}}function gt(t){let e,n,$,o,c,m;return e=new M({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=h(t),a($.$$.fragment,t),o=h(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,n,s),r($,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&k(n),l($,t),t&&k(o),l(c,t)}}}function dt(t){let e,n,$,o,c,m;return n=new H({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s(n.$$.fragment),$=u(),o=g("tbody"),s(c.$$.fragment)},l(t){e=x(t,"THEAD",{});var s=w(e);a(n.$$.fragment,s),s.forEach(k),$=h(t),o=x(t,"TBODY",{});var r=w(o);a(c.$$.fragment,r),r.forEach(k)},m(t,s){E(t,e,s),r(n,e,null),E(t,$,s),E(t,o,s),r(c,o,null),m=!0},p(t,e){const $={};4&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&k(e),l(n),t&&k($),t&&k(o),l(c)}}}function ht(t){let e;return{c(){e=d("SCSS Variables")},l(t){e=y(t,"SCSS Variables")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function xt(t){let e;return{c(){e=d("Name")},l(t){e=y(t,"Name")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function wt(t){let e;return{c(){e=d("Description")},l(t){e=y(t,"Description")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function yt(t){let e;return{c(){e=d("Default")},l(t){e=y(t,"Default")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function kt(t){let e,n,$,o,c,m;return e=new L({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=h(t),a($.$$.fragment,t),o=h(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,n,s),r($,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&k(n),l($,t),t&&k(o),l(c,t)}}}function vt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=d("$dark")},l(t){e=x(t,"STRONG",{});var s=w(e);n=x(s,"CODE",{});var a=w(n);$=y(a,"$dark"),a.forEach(k),s.forEach(k)},m(t,s){E(t,e,s),D(e,n),D(n,$)},p:O,d(t){t&&k(e)}}}function Et(t){let e;return{c(){e=d("The text color of the tile.")},l(t){e=y(t,"The text color of the tile.")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function Dt(t){let e,n;return e=new N({props:{value:"#333333"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p:O,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function Tt(t){let e,n,$,o,c,m;return e=new M({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=h(t),a($.$$.fragment,t),o=h(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,n,s),r($,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&k(n),l($,t),t&&k(o),l(c,t)}}}function bt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=d("$file-tile-radius")},l(t){e=x(t,"STRONG",{});var s=w(e);n=x(s,"CODE",{});var a=w(n);$=y(a,"$file-tile-radius"),a.forEach(k),s.forEach(k)},m(t,s){E(t,e,s),D(e,n),D(n,$)},p:O,d(t){t&&k(e)}}}function Ot(t){let e;return{c(){e=d("The curvature radius of the tile.")},l(t){e=y(t,"The curvature radius of the tile.")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function jt(t){let e,n;return{c(){e=g("code"),n=d(".625em")},l(t){e=x(t,"CODE",{});var $=w(e);n=y($,".625em"),$.forEach(k)},m(t,$){E(t,e,$),D(e,n)},p:O,d(t){t&&k(e)}}}function Ct(t){let e,n,$,o,c,m;return e=new M({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=h(t),a($.$$.fragment,t),o=h(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,n,s),r($,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&k(n),l($,t),t&&k(o),l(c,t)}}}function Ft(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=d("$shadow-1")},l(t){e=x(t,"STRONG",{});var s=w(e);n=x(s,"CODE",{});var a=w(n);$=y(a,"$shadow-1"),a.forEach(k),s.forEach(k)},m(t,s){E(t,e,s),D(e,n),D(n,$)},p:O,d(t){t&&k(e)}}}function St(t){let e;return{c(){e=d("The shadow of the tile.")},l(t){e=y(t,"The shadow of the tile.")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function At(t){let e,n;return e=new R({props:{value:Zt}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p:O,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function Nt(t){let e,n,$,o,c,m;return e=new M({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=h(t),a($.$$.fragment,t),o=h(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,n,s),r($,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&k(n),l($,t),t&&k(o),l(c,t)}}}function Rt(t){let e,n,$;return{c(){e=g("strong"),n=g("code"),$=d("$thin-font-weight")},l(t){e=x(t,"STRONG",{});var s=w(e);n=x(s,"CODE",{});var a=w(n);$=y(a,"$thin-font-weight"),a.forEach(k),s.forEach(k)},m(t,s){E(t,e,s),D(e,n),D(n,$)},p:O,d(t){t&&k(e)}}}function zt(t){let e;return{c(){e=d("The thinner font weight for the file details: size and type.")},l(t){e=y(t,"The thinner font weight for the file details: size and type.")},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function Pt(t){let e,n;return{c(){e=g("code"),n=d("300")},l(t){e=x(t,"CODE",{});var $=w(e);n=y($,"300"),$.forEach(k)},m(t,$){E(t,e,$),D(e,n)},p:O,d(t){t&&k(e)}}}function Bt(t){let e,n,$,o,c,m;return e=new M({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=h(t),a($.$$.fragment,t),o=h(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,n,s),r($,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&k(n),l($,t),t&&k(o),l(c,t)}}}function Gt(t){let e,n,$,s,a,r,o,c,p;return{c(){e=g("strong"),n=g("code"),$=d("$button-radius"),s=u(),a=g("small"),r=d("From "),o=g("a"),c=g("code"),p=d("Button"),this.h()},l(t){e=x(t,"STRONG",{});var f=w(e);n=x(f,"CODE",{});var l=w(n);$=y(l,"$button-radius"),l.forEach(k),f.forEach(k),s=h(t),a=x(t,"SMALL",{});var m=w(a);r=y(m,"From "),o=x(m,"A",{href:!0});var i=w(o);c=x(i,"CODE",{});var u=w(c);p=y(u,"Button"),u.forEach(k),i.forEach(k),m.forEach(k),this.h()},h(){v(o,"href","./docs/components/button")},m(t,f){E(t,e,f),D(e,n),D(n,$),E(t,s,f),E(t,a,f),D(a,r),D(a,o),D(o,c),D(c,p)},p:O,d(t){t&&k(e),t&&k(s),t&&k(a)}}}function Ht(t){let e;return{c(){e=d('The curvature radius of the "delete" button.')},l(t){e=y(t,'The curvature radius of the "delete" button.')},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function Lt(t){let e,n;return{c(){e=g("code"),n=d("1.5625em")},l(t){e=x(t,"CODE",{});var $=w(e);n=y($,"1.5625em"),$.forEach(k)},m(t,$){E(t,e,$),D(e,n)},p:O,d(t){t&&k(e)}}}function Mt(t){let e,n,$,o,c,m;return e=new M({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=h(t),a($.$$.fragment,t),o=h(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,n,s),r($,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&k(n),l($,t),t&&k(o),l(c,t)}}}function qt(t){let e,n,$,s,a,r,o,c,p;return{c(){e=g("strong"),n=g("code"),$=d("$danger"),s=u(),a=g("small"),r=d("From "),o=g("a"),c=g("code"),p=d("Button"),this.h()},l(t){e=x(t,"STRONG",{});var f=w(e);n=x(f,"CODE",{});var l=w(n);$=y(l,"$danger"),l.forEach(k),f.forEach(k),s=h(t),a=x(t,"SMALL",{});var m=w(a);r=y(m,"From "),o=x(m,"A",{href:!0});var i=w(o);c=x(i,"CODE",{});var u=w(c);p=y(u,"Button"),u.forEach(k),i.forEach(k),m.forEach(k),this.h()},h(){v(o,"href","./docs/components/button")},m(t,f){E(t,e,f),D(e,n),D(n,$),E(t,s,f),E(t,a,f),D(a,r),D(a,o),D(o,c),D(c,p)},p:O,d(t){t&&k(e),t&&k(s),t&&k(a)}}}function It(t){let e;return{c(){e=d('The color of the "delete" button.')},l(t){e=y(t,'The color of the "delete" button.')},m(t,n){E(t,e,n)},d(t){t&&k(e)}}}function Vt(t){let e,n;return e=new N({props:{value:"#B80000"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p:O,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function Yt(t){let e,n,$,o,c,m;return e=new M({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=h(t),a($.$$.fragment,t),o=h(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,n,s),r($,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&k(n),l($,t),t&&k(o),l(c,t)}}}function Kt(t){let e,n,$,o,c,m,i,d,y,v,T,b,O,j,C,F;return n=new H({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),y=new H({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),T=new H({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),O=new H({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),C=new H({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s(n.$$.fragment),$=u(),o=g("tbody"),s(c.$$.fragment),m=u(),s(i.$$.fragment),d=u(),s(y.$$.fragment),v=u(),s(T.$$.fragment),b=u(),s(O.$$.fragment),j=u(),s(C.$$.fragment)},l(t){e=x(t,"THEAD",{});var s=w(e);a(n.$$.fragment,s),s.forEach(k),$=h(t),o=x(t,"TBODY",{});var r=w(o);a(c.$$.fragment,r),m=h(r),a(i.$$.fragment,r),d=h(r),a(y.$$.fragment,r),v=h(r),a(T.$$.fragment,r),b=h(r),a(O.$$.fragment,r),j=h(r),a(C.$$.fragment,r),r.forEach(k)},m(t,s){E(t,e,s),r(n,e,null),E(t,$,s),E(t,o,s),r(c,o,null),D(o,m),r(i,o,null),D(o,d),r(y,o,null),D(o,v),r(T,o,null),D(o,b),r(O,o,null),D(o,j),r(C,o,null),F=!0},p(t,e){const $={};4&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),i.$set(a);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),y.$set(r);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),T.$set(o);const p={};4&e&&(p.$$scope={dirty:e,ctx:t}),O.$set(p);const f={};4&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f)},i(t){F||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),p(y.$$.fragment,t),p(T.$$.fragment,t),p(O.$$.fragment,t),p(C.$$.fragment,t),F=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(y.$$.fragment,t),f(T.$$.fragment,t),f(O.$$.fragment,t),f(C.$$.fragment,t),F=!1},d(t){t&&k(e),l(n),t&&k($),t&&k(o),l(c),l(i),l(y),l(T),l(O),l(C)}}}function Ut(t){let e,n,$,o,c,m,i,T,b,O,j,S,N,R,H,L,M,V,J,Q,X,Z,_,tt,et,nt,$t,ct,pt;return e=new C({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),$=new F({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),c=new z({props:{components:Xt}}),i=new A({props:{$$slots:{source:[K],showcase:[Y]},$$scope:{ctx:t}}}),b=new P({props:{id:"properties",$$slots:{default:[U]},$$scope:{ctx:t}}}),j=new B({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),N=new G({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),V=new B({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),Q=new F({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),Z=new P({props:{id:"events",$$slots:{default:[ot]},$$scope:{ctx:t}}}),tt=new G({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),nt=new P({props:{id:"scss-variables",$$slots:{default:[ht]},$$scope:{ctx:t}}}),ct=new G({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment),T=u(),s(b.$$.fragment),O=u(),s(j.$$.fragment),S=u(),s(N.$$.fragment),R=u(),H=g("div"),L=d("* Required"),M=u(),s(V.$$.fragment),J=u(),s(Q.$$.fragment),X=u(),s(Z.$$.fragment),_=u(),s(tt.$$.fragment),et=u(),s(nt.$$.fragment),$t=u(),s(ct.$$.fragment),this.h()},l(t){a(e.$$.fragment,t),n=h(t),a($.$$.fragment,t),o=h(t),a(c.$$.fragment,t),m=h(t),a(i.$$.fragment,t),T=h(t),a(b.$$.fragment,t),O=h(t),a(j.$$.fragment,t),S=h(t),a(N.$$.fragment,t),R=h(t),H=x(t,"DIV",{class:!0});var s=w(H);L=y(s,"* Required"),s.forEach(k),M=h(t),a(V.$$.fragment,t),J=h(t),a(Q.$$.fragment,t),X=h(t),a(Z.$$.fragment,t),_=h(t),a(tt.$$.fragment,t),et=h(t),a(nt.$$.fragment,t),$t=h(t),a(ct.$$.fragment,t),this.h()},h(){v(H,"class","required")},m(t,s){r(e,t,s),E(t,n,s),r($,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(i,t,s),E(t,T,s),r(b,t,s),E(t,O,s),r(j,t,s),E(t,S,s),r(N,t,s),E(t,R,s),E(t,H,s),D(H,L),E(t,M,s),r(V,t,s),E(t,J,s),r(Q,t,s),E(t,X,s),r(Z,t,s),E(t,_,s),r(tt,t,s),E(t,et,s),r(nt,t,s),E(t,$t,s),r(ct,t,s),pt=!0},p(t,n){const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};5&n&&(r.$$scope={dirty:n,ctx:t}),i.$set(r);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),b.$set(o);const c={};4&n&&(c.$$scope={dirty:n,ctx:t}),j.$set(c);const p={};4&n&&(p.$$scope={dirty:n,ctx:t}),N.$set(p);const f={};4&n&&(f.$$scope={dirty:n,ctx:t}),V.$set(f);const l={};4&n&&(l.$$scope={dirty:n,ctx:t}),Q.$set(l);const m={};4&n&&(m.$$scope={dirty:n,ctx:t}),Z.$set(m);const u={};4&n&&(u.$$scope={dirty:n,ctx:t}),tt.$set(u);const g={};4&n&&(g.$$scope={dirty:n,ctx:t}),nt.$set(g);const d={};4&n&&(d.$$scope={dirty:n,ctx:t}),ct.$set(d)},i(t){pt||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),p(b.$$.fragment,t),p(j.$$.fragment,t),p(N.$$.fragment,t),p(V.$$.fragment,t),p(Q.$$.fragment,t),p(Z.$$.fragment,t),p(tt.$$.fragment,t),p(nt.$$.fragment,t),p(ct.$$.fragment,t),pt=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(b.$$.fragment,t),f(j.$$.fragment,t),f(N.$$.fragment,t),f(V.$$.fragment,t),f(Q.$$.fragment,t),f(Z.$$.fragment,t),f(tt.$$.fragment,t),f(nt.$$.fragment,t),f(ct.$$.fragment,t),pt=!1},d(t){l(e,t),t&&k(n),l($,t),t&&k(o),l(c,t),t&&k(m),l(i,t),t&&k(T),l(b,t),t&&k(O),l(j,t),t&&k(S),l(N,t),t&&k(R),t&&k(H),t&&k(M),l(V,t),t&&k(J),l(Q,t),t&&k(X),l(Z,t),t&&k(_),l(tt,t),t&&k(et),l(nt,t),t&&k($t),l(ct,t)}}}function Wt(t){let e,n;const m=[t[1],Jt];let i={$$slots:{default:[Ut]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=$(i,m[t]);return e=new j({props:i}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p(t,[n]){const $=2&n?o(m,[2&n&&c(t[1]),0&n&&c(Jt)]):{};5&n&&($.$$scope={dirty:n,ctx:t}),e.$set($)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}const Jt={name:"FileTile",relatedComponents:[{name:"FileInput",link:"./docs/components/file-input"},{name:"FileDropzone",link:"./docs/components/file-dropzone"}],shadow1:"0 2px 5px rgba(0, 0, 0, .14), 0 1px 5px rgba(0, 0, 0, .12);"},{name:Qt,relatedComponents:Xt,shadow1:Zt}=Jt;function _t(t,e,n){let s=null;return m((()=>{n(0,s=new File([""],"filename.txt"))})),t.$$set=t=>{n(1,e=$($({},e),i(t)))},e=i(e),[s,e]}class te extends t{constructor(t){super(),e(this,t,_t,Wt,n,{})}}export{te as default,Jt as metadata};
diff --git a/376/client/legacy/fix-anchor-links.79fa91d5.js b/376/client/legacy/fix-anchor-links.79fa91d5.js
new file mode 100644
index 000000000..af88e583a
--- /dev/null
+++ b/376/client/legacy/fix-anchor-links.79fa91d5.js
@@ -0,0 +1 @@
+function o(){document.querySelectorAll("a").forEach((o=>{o.hash&&document.querySelectorAll(o.hash).length&&(o.href=window.location.origin+window.location.pathname+o.hash)}))}export{o as f};
diff --git a/376/client/legacy/form-field-a7e9e263.css b/376/client/legacy/form-field-a7e9e263.css
new file mode 100644
index 000000000..5a2c9a421
--- /dev/null
+++ b/376/client/legacy/form-field-a7e9e263.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-1akyzr0{min-height:10em;padding:1em}[slot=showcase].svelte-1akyzr0 .autocomplete{max-width:20em}
diff --git a/376/client/legacy/form-field-eca10035.css b/376/client/legacy/form-field-eca10035.css
new file mode 100644
index 000000000..cfb5953e0
--- /dev/null
+++ b/376/client/legacy/form-field-eca10035.css
@@ -0,0 +1 @@
+.form-field.svelte-3y9l2h.svelte-3y9l2h{display:flex;flex-direction:column;margin-bottom:2em}.form-field.svelte-3y9l2h .description.svelte-3y9l2h{margin-bottom:0.75em}.form-field.svelte-3y9l2h .description .name.svelte-3y9l2h{display:block;font-size:1.1em;margin-bottom:0.2em}.form-field.svelte-3y9l2h .description .name .required.svelte-3y9l2h{color:#4300b0}.form-field.svelte-3y9l2h .description .help.svelte-3y9l2h{font-size:0.95em;font-weight:300}.form-field.svelte-3y9l2h .field .message.svelte-3y9l2h{font-size:0.85em;margin:0.3em 0.5em}.form-field.svelte-3y9l2h .field .message.info.svelte-3y9l2h{color:#4300b0}.form-field.svelte-3y9l2h .field .message.error.svelte-3y9l2h{color:#b80000}@media screen and (min-width: 800px){.form-field.svelte-3y9l2h.svelte-3y9l2h{flex-direction:row}.form-field.svelte-3y9l2h .description.svelte-3y9l2h{flex-basis:40%}.form-field.svelte-3y9l2h .field.svelte-3y9l2h{flex:1;margin-left:1em}}
diff --git a/376/client/legacy/form-field.17c03662.js b/376/client/legacy/form-field.17c03662.js
new file mode 100644
index 000000000..3fd9f1703
--- /dev/null
+++ b/376/client/legacy/form-field.17c03662.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as $,j as s,l as a,m as r,U as o,a0 as c,t as l,p as f,q as p,L as m,u as i,w as d,f as u,d as g,v as h,x,h as y,k as w,b as E,e as k,g as v,n as D,Y as O,$ as C,a1 as T}from"./client.583c6e60.js";import{L as b,H as F,P as S}from"./layout.47c81311.js";import{T as A}from"./text-field.f9cea8ef.js";import{S as N}from"./switch.2efa2b7d.js";import{F as j}from"./form-field.3c2d06e8.js";import{S as R}from"./showcase.759e7149.js";import{C as q}from"./color-preview.9db6af61.js";import{H as G}from"./h2.0da05151.js";import{H as M}from"./h3.c9a49f62.js";import{T as H,a as I,b as P,c as B}from"./table.c1711529.js";import"./button.863c0adf.js";import"./classes.a7d1a9eb.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";function K(t){let e;return{c(){e=h("FormField")},l(t){e=x(t,"FormField")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function V(t){let e;return{c(){e=h("A responsive form field skeleton – providing a way to label and describe the field.")},l(t){e=x(t,"A responsive form field skeleton – providing a way to label and describe the field.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function Y(t){let e;return{c(){e=h("Note that this component doesn't add any form handling capabilities; it is merely presentational.")},l(t){e=x(t,"Note that this component doesn't add any form handling capabilities; it is merely presentational.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function L(t){let e,n;return e=new A({}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},i(t){n||(l(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){p(e,t)}}}function U(t){let e,n;return e=new A({}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},i(t){n||(l(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){p(e,t)}}}function W(t){let e,n,$;function o(e){t[2](e)}let c={};return void 0!==t[0]&&(c.value=t[0]),e=new N({props:c}),O.push((()=>C(e,"value",o))),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){r(e,t,n),$=!0},p(t,$){const s={};!n&&1&$&&(n=!0,s.value=t[0],T((()=>n=!1))),e.$set(s)},i(t){$||(l(e.$$.fragment,t),$=!0)},o(t){f(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function z(t){let e,n,$,o,c,m,h;return n=new j({props:{name:"Main field",help:"Write this and not that.",required:!0,$$slots:{default:[L]},$$scope:{ctx:t}}}),o=new j({props:{name:"Secondary field",optional:!0,$$slots:{default:[U]},$$scope:{ctx:t}}}),m=new j({props:{name:"Happiness",errors:[t[0]&&"Not happy enough"],$$slots:{default:[W]},$$scope:{ctx:t}}}),{c(){e=y("div"),s(n.$$.fragment),$=i(),s(o.$$.fragment),c=i(),s(m.$$.fragment),this.h()},l(t){e=w(t,"DIV",{slot:!0,class:!0});var s=E(e);a(n.$$.fragment,s),$=d(s),a(o.$$.fragment,s),c=d(s),a(m.$$.fragment,s),s.forEach(g),this.h()},h(){k(e,"slot","showcase"),k(e,"class","svelte-1akyzr0")},m(t,s){u(t,e,s),r(n,e,null),v(e,$),r(o,e,null),v(e,c),r(m,e,null),h=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),o.$set(s);const a={};1&e&&(a.errors=[t[0]&&"Not happy enough"]),9&e&&(a.$$scope={dirty:e,ctx:t}),m.$set(a)},i(t){h||(l(n.$$.fragment,t),l(o.$$.fragment,t),l(m.$$.fragment,t),h=!0)},o(t){f(n.$$.fragment,t),f(o.$$.fragment,t),f(m.$$.fragment,t),h=!1},d(t){t&&g(e),p(n),p(o),p(m)}}}function J(t){let e,n;return{c(){e=y("div"),n=y("pre"),this.h()},l(t){e=w(t,"DIV",{slot:!0});var $=E(e);n=w($,"PRE",{class:!0}),E(n).forEach(g),$.forEach(g),this.h()},h(){k(n,"class","language-svelte"),k(e,"slot","source")},m(t,$){u(t,e,$),v(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">let</span> happy <span class="token operator">=</span> <span class="token boolean">false</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FormField</span>\n  <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Main field<span class="token punctuation">"</span></span>\n  <span class="token attr-name">help</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Write this and not that.<span class="token punctuation">"</span></span>\n  <span class="token attr-name">required</span>\n<span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TextField</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>FormField</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FormField</span>\n  <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Secondary field<span class="token punctuation">"</span></span>\n  <span class="token attr-name">optional</span>\n<span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TextField</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>FormField</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FormField</span>\n  <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Happiness<span class="token punctuation">"</span></span>\n  <span class="token attr-name">errors=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token punctuation">[</span>happy <span class="token operator">&amp;&amp;</span> <span class="token string">\'Not happy enough\'</span><span class="token punctuation">]</span><span class="token punctuation">&#125;</span></span>\n<span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Switch</span> <span class="token attr-name"><span class="token namespace">bind:</span>value=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>happy<span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>FormField</span><span class="token punctuation">></span></span></code>'},p:D,d(t){t&&g(e)}}}function Q(t){let e;return{c(){e=h("Properties")},l(t){e=x(t,"Properties")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function X(t){let e;return{c(){e=h("Functional Properties")},l(t){e=x(t,"Functional Properties")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function Z(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function _(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function tt(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function et(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function nt(t){let e,n,$,o,c,m,h,x;return e=new P({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),$=new P({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(h.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),u(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&g(n),p($,t),t&&g(o),p(c,t),t&&g(m),p(h,t)}}}function $t(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=h("name")},l(t){e=w(t,"STRONG",{});var s=E(e);n=w(s,"CODE",{});var a=E(n);$=x(a,"name"),a.forEach(g),s.forEach(g)},m(t,s){u(t,e,s),v(e,n),v(n,$)},p:D,d(t){t&&g(e)}}}function st(t){let e,n;return{c(){e=y("code"),n=h("null")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"null"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function at(t){let e,n;return{c(){e=y("code"),n=h("string")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"string"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function rt(t){let e;return{c(){e=h("The name of the form field. Displayed prominently next to the actual field.")},l(t){e=x(t,"The name of the form field. Displayed prominently next to the actual field.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function ot(t){let e,n,$,o,c,m,h,x;return e=new B({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),$=new B({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(h.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),u(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&g(n),p($,t),t&&g(o),p(c,t),t&&g(m),p(h,t)}}}function ct(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=h("help")},l(t){e=w(t,"STRONG",{});var s=E(e);n=w(s,"CODE",{});var a=E(n);$=x(a,"help"),a.forEach(g),s.forEach(g)},m(t,s){u(t,e,s),v(e,n),v(n,$)},p:D,d(t){t&&g(e)}}}function lt(t){let e,n;return{c(){e=y("code"),n=h("null")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"null"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function ft(t){let e,n;return{c(){e=y("code"),n=h("string")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"string"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function pt(t){let e;return{c(){e=h("The subtitle text under the name providing extra guidance.")},l(t){e=x(t,"The subtitle text under the name providing extra guidance.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function mt(t){let e,n,$,o,c,m,h,x;return e=new B({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),$=new B({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(h.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),u(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&g(n),p($,t),t&&g(o),p(c,t),t&&g(m),p(h,t)}}}function it(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=h("id")},l(t){e=w(t,"STRONG",{});var s=E(e);n=w(s,"CODE",{});var a=E(n);$=x(a,"id"),a.forEach(g),s.forEach(g)},m(t,s){u(t,e,s),v(e,n),v(n,$)},p:D,d(t){t&&g(e)}}}function dt(t){let e,n;return{c(){e=y("code"),n=h("null")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"null"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function ut(t){let e,n;return{c(){e=y("code"),n=h("string")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"string"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function gt(t){let e,n,$,s,a,r,o,c,l,f,p;return{c(){e=h("The ID to add the the "),n=y("code"),$=h("for"),s=h(" attribute of the "),a=y("code"),r=h("<label>"),o=h(" element containing the "),c=y("mark"),l=y("code"),f=h("name"),p=h(". Useful if you pass an ID to the actual field inside and want to connect it with the label.")},l(t){e=x(t,"The ID to add the the "),n=w(t,"CODE",{});var m=E(n);$=x(m,"for"),m.forEach(g),s=x(t," attribute of the "),a=w(t,"CODE",{});var i=E(a);r=x(i,"<label>"),i.forEach(g),o=x(t," element containing the "),c=w(t,"MARK",{});var d=E(c);l=w(d,"CODE",{});var u=E(l);f=x(u,"name"),u.forEach(g),d.forEach(g),p=x(t,". Useful if you pass an ID to the actual field inside and want to connect it with the label.")},m(t,m){u(t,e,m),u(t,n,m),v(n,$),u(t,s,m),u(t,a,m),v(a,r),u(t,o,m),u(t,c,m),v(c,l),v(l,f),u(t,p,m)},p:D,d(t){t&&g(e),t&&g(n),t&&g(s),t&&g(a),t&&g(o),t&&g(c),t&&g(p)}}}function ht(t){let e,n,$,o,c,m,h,x;return e=new B({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),$=new B({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(h.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),u(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&g(n),p($,t),t&&g(o),p(c,t),t&&g(m),p(h,t)}}}function xt(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=h("required")},l(t){e=w(t,"STRONG",{});var s=E(e);n=w(s,"CODE",{});var a=E(n);$=x(a,"required"),a.forEach(g),s.forEach(g)},m(t,s){u(t,e,s),v(e,n),v(n,$)},p:D,d(t){t&&g(e)}}}function yt(t){let e,n;return{c(){e=y("code"),n=h("false")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"false"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function wt(t){let e,n;return{c(){e=y("code"),n=h("boolean")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"boolean"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function Et(t){let e;return{c(){e=h("Marks the form field as required, adding an asterisk to the name and text under the field indicating that the field is mandatory.")},l(t){e=x(t,"Marks the form field as required, adding an asterisk to the name and text under the field indicating that the field is mandatory.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function kt(t){let e,n,$,o,c,m,h,x;return e=new B({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),$=new B({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(h.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),u(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&g(n),p($,t),t&&g(o),p(c,t),t&&g(m),p(h,t)}}}function vt(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=h("optional")},l(t){e=w(t,"STRONG",{});var s=E(e);n=w(s,"CODE",{});var a=E(n);$=x(a,"optional"),a.forEach(g),s.forEach(g)},m(t,s){u(t,e,s),v(e,n),v(n,$)},p:D,d(t){t&&g(e)}}}function Dt(t){let e,n;return{c(){e=y("code"),n=h("false")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"false"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function Ot(t){let e,n;return{c(){e=y("code"),n=h("boolean")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"boolean"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function Ct(t){let e;return{c(){e=h("Marks the form field as optional, explicitly stating the optionality of the field in the text under the field.")},l(t){e=x(t,"Marks the form field as optional, explicitly stating the optionality of the field in the text under the field.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function Tt(t){let e,n,$,o,c,m,h,x;return e=new B({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),$=new B({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(h.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),u(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&g(n),p($,t),t&&g(o),p(c,t),t&&g(m),p(h,t)}}}function bt(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=h("errors")},l(t){e=w(t,"STRONG",{});var s=E(e);n=w(s,"CODE",{});var a=E(n);$=x(a,"errors"),a.forEach(g),s.forEach(g)},m(t,s){u(t,e,s),v(e,n),v(n,$)},p:D,d(t){t&&g(e)}}}function Ft(t){let e,n;return{c(){e=y("code"),n=h("[]")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"[]"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function St(t){let e,n;return{c(){e=y("code"),n=h("Array")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"Array"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function At(t){let e;return{c(){e=h("An array of error messages to display under the field. Falsy elements are not shown.")},l(t){e=x(t,"An array of error messages to display under the field. Falsy elements are not shown.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function Nt(t){let e,n,$,o,c,m,h,x;return e=new B({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),$=new B({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(h.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),u(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&g(n),p($,t),t&&g(o),p(c,t),t&&g(m),p(h,t)}}}function jt(t){let e,n,$,o,c,m,h,x,k,D,O,C,T,b,F,S;return n=new I({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),h=new I({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),k=new I({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),O=new I({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),T=new I({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),F=new I({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s(n.$$.fragment),$=i(),o=y("tbody"),s(c.$$.fragment),m=i(),s(h.$$.fragment),x=i(),s(k.$$.fragment),D=i(),s(O.$$.fragment),C=i(),s(T.$$.fragment),b=i(),s(F.$$.fragment)},l(t){e=w(t,"THEAD",{});var s=E(e);a(n.$$.fragment,s),s.forEach(g),$=d(t),o=w(t,"TBODY",{});var r=E(o);a(c.$$.fragment,r),m=d(r),a(h.$$.fragment,r),x=d(r),a(k.$$.fragment,r),D=d(r),a(O.$$.fragment,r),C=d(r),a(T.$$.fragment,r),b=d(r),a(F.$$.fragment,r),r.forEach(g)},m(t,s){u(t,e,s),r(n,e,null),u(t,$,s),u(t,o,s),r(c,o,null),v(o,m),r(h,o,null),v(o,x),r(k,o,null),v(o,D),r(O,o,null),v(o,C),r(T,o,null),v(o,b),r(F,o,null),S=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),k.$set(r);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),O.$set(o);const l={};8&e&&(l.$$scope={dirty:e,ctx:t}),T.$set(l);const f={};8&e&&(f.$$scope={dirty:e,ctx:t}),F.$set(f)},i(t){S||(l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(k.$$.fragment,t),l(O.$$.fragment,t),l(T.$$.fragment,t),l(F.$$.fragment,t),S=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(k.$$.fragment,t),f(O.$$.fragment,t),f(T.$$.fragment,t),f(F.$$.fragment,t),S=!1},d(t){t&&g(e),p(n),t&&g($),t&&g(o),p(c),p(h),p(k),p(O),p(T),p(F)}}}function Rt(t){let e;return{c(){e=h("Class Properties")},l(t){e=x(t,"Class Properties")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function qt(t){let e,n,$,s,a,r,o;return{c(){e=h("All "),n=y("code"),$=h("<FormField>"),s=h(" components use the "),a=y("code"),r=h(".form-field"),o=h(" class.")},l(t){e=x(t,"All "),n=w(t,"CODE",{});var c=E(n);$=x(c,"<FormField>"),c.forEach(g),s=x(t," components use the "),a=w(t,"CODE",{});var l=E(a);r=x(l,".form-field"),l.forEach(g),o=x(t," class.")},m(t,c){u(t,e,c),u(t,n,c),v(n,$),u(t,s,c),u(t,a,c),v(a,r),u(t,o,c)},p:D,d(t){t&&g(e),t&&g(n),t&&g(s),t&&g(a),t&&g(o)}}}function Gt(t){let e;return{c(){e=h("Falsy values passed to classes will be disregarded.")},l(t){e=x(t,"Falsy values passed to classes will be disregarded.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function Mt(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function Ht(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function It(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function Pt(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function Bt(t){let e,n,$,o,c,m,h,x;return e=new P({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),$=new P({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(h.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),u(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&g(n),p($,t),t&&g(o),p(c,t),t&&g(m),p(h,t)}}}function Kt(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=h("class")},l(t){e=w(t,"STRONG",{});var s=E(e);n=w(s,"CODE",{});var a=E(n);$=x(a,"class"),a.forEach(g),s.forEach(g)},m(t,s){u(t,e,s),v(e,n),v(n,$)},p:D,d(t){t&&g(e)}}}function Vt(t){let e,n;return{c(){e=y("code"),n=h("null")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"null"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function Yt(t){let e,n;return{c(){e=y("code"),n=h("string")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"string"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function Lt(t){let e;return{c(){e=h("A class string to add to the component.")},l(t){e=x(t,"A class string to add to the component.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function Ut(t){let e,n,$,o,c,m,h,x;return e=new B({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),$=new B({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(h.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),u(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&g(n),p($,t),t&&g(o),p(c,t),t&&g(m),p(h,t)}}}function Wt(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=h("nameClass")},l(t){e=w(t,"STRONG",{});var s=E(e);n=w(s,"CODE",{});var a=E(n);$=x(a,"nameClass"),a.forEach(g),s.forEach(g)},m(t,s){u(t,e,s),v(e,n),v(n,$)},p:D,d(t){t&&g(e)}}}function zt(t){let e,n;return{c(){e=y("code"),n=h("null")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"null"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function Jt(t){let e,n;return{c(){e=y("code"),n=h("string")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"string"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function Qt(t){let e,n,$,s;return{c(){e=h("A class string to add to the "),n=y("code"),$=h("<label>"),s=h(" containing the form field name.")},l(t){e=x(t,"A class string to add to the "),n=w(t,"CODE",{});var a=E(n);$=x(a,"<label>"),a.forEach(g),s=x(t," containing the form field name.")},m(t,a){u(t,e,a),u(t,n,a),v(n,$),u(t,s,a)},p:D,d(t){t&&g(e),t&&g(n),t&&g(s)}}}function Xt(t){let e,n,$,o,c,m,h,x;return e=new B({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),$=new B({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(h.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),u(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&g(n),p($,t),t&&g(o),p(c,t),t&&g(m),p(h,t)}}}function Zt(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=h("helpClass")},l(t){e=w(t,"STRONG",{});var s=E(e);n=w(s,"CODE",{});var a=E(n);$=x(a,"helpClass"),a.forEach(g),s.forEach(g)},m(t,s){u(t,e,s),v(e,n),v(n,$)},p:D,d(t){t&&g(e)}}}function _t(t){let e,n;return{c(){e=y("code"),n=h("null")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"null"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function te(t){let e,n;return{c(){e=y("code"),n=h("string")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"string"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function ee(t){let e;return{c(){e=h("A class string to add to the help text of the form field.")},l(t){e=x(t,"A class string to add to the help text of the form field.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function ne(t){let e,n,$,o,c,m,h,x;return e=new B({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),$=new B({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),h=new B({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(h.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),u(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&g(n),p($,t),t&&g(o),p(c,t),t&&g(m),p(h,t)}}}function $e(t){let e,n,$,o,c,m,h,x,k,D;return n=new I({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),h=new I({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),k=new I({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s(n.$$.fragment),$=i(),o=y("tbody"),s(c.$$.fragment),m=i(),s(h.$$.fragment),x=i(),s(k.$$.fragment)},l(t){e=w(t,"THEAD",{});var s=E(e);a(n.$$.fragment,s),s.forEach(g),$=d(t),o=w(t,"TBODY",{});var r=E(o);a(c.$$.fragment,r),m=d(r),a(h.$$.fragment,r),x=d(r),a(k.$$.fragment,r),r.forEach(g)},m(t,s){u(t,e,s),r(n,e,null),u(t,$,s),u(t,o,s),r(c,o,null),v(o,m),r(h,o,null),v(o,x),r(k,o,null),D=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),k.$set(r)},i(t){D||(l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(k.$$.fragment,t),D=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(k.$$.fragment,t),D=!1},d(t){t&&g(e),p(n),t&&g($),t&&g(o),p(c),p(h),p(k)}}}function se(t){let e;return{c(){e=h("Slots")},l(t){e=x(t,"Slots")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function ae(t){let e;return{c(){e=h("Default slot")},l(t){e=x(t,"Default slot")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function re(t){let e;return{c(){e=h("The content of the form field – the actual field itself.")},l(t){e=x(t,"The content of the form field – the actual field itself.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function oe(t){let e,n,$;return{c(){e=y("code"),n=h("description"),$=h(" slot")},l(t){e=w(t,"CODE",{});var s=E(e);n=x(s,"description"),s.forEach(g),$=x(t," slot")},m(t,s){u(t,e,s),v(e,n),u(t,$,s)},p:D,d(t){t&&g(e),t&&g($)}}}function ce(t){let e,n,$,s,a,r,o,c,l;return{c(){e=h("Additional content to put in the form field description block, after the name and the help. If you want a completely custom description, don't pass the "),n=y("mark"),$=y("code"),s=h("name"),a=h(" and "),r=y("mark"),o=y("code"),c=h("help"),l=h(" props and just use this slot.")},l(t){e=x(t,"Additional content to put in the form field description block, after the name and the help. If you want a completely custom description, don't pass the "),n=w(t,"MARK",{});var f=E(n);$=w(f,"CODE",{});var p=E($);s=x(p,"name"),p.forEach(g),f.forEach(g),a=x(t," and "),r=w(t,"MARK",{});var m=E(r);o=w(m,"CODE",{});var i=E(o);c=x(i,"help"),i.forEach(g),m.forEach(g),l=x(t," props and just use this slot.")},m(t,f){u(t,e,f),u(t,n,f),v(n,$),v($,s),u(t,a,f),u(t,r,f),v(r,o),v(o,c),u(t,l,f)},p:D,d(t){t&&g(e),t&&g(n),t&&g(a),t&&g(r),t&&g(l)}}}function le(t){let e,n,$;return{c(){e=y("code"),n=h("message"),$=h(" slot")},l(t){e=w(t,"CODE",{});var s=E(e);n=x(s,"message"),s.forEach(g),$=x(t," slot")},m(t,s){u(t,e,s),v(e,n),u(t,$,s)},p:D,d(t){t&&g(e),t&&g($)}}}function fe(t){let e;return{c(){e=h('Additional text to put underneath the actual field along with the messages like "required", "optional" and errors.')},l(t){e=x(t,'Additional text to put underneath the actual field along with the messages like "required", "optional" and errors.')},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function pe(t){let e,n,$;return{c(){e=y("code"),n=h("required-message"),$=h(" slot")},l(t){e=w(t,"CODE",{});var s=E(e);n=x(s,"required-message"),s.forEach(g),$=x(t," slot")},m(t,s){u(t,e,s),v(e,n),u(t,$,s)},p:D,d(t){t&&g(e),t&&g($)}}}function me(t){let e,n,$,s;return{c(){e=h('Text to display under the field when it is marked as required. Defaults to "'),n=y("code"),$=h("* Required"),s=h('".')},l(t){e=x(t,'Text to display under the field when it is marked as required. Defaults to "'),n=w(t,"CODE",{});var a=E(n);$=x(a,"* Required"),a.forEach(g),s=x(t,'".')},m(t,a){u(t,e,a),u(t,n,a),v(n,$),u(t,s,a)},p:D,d(t){t&&g(e),t&&g(n),t&&g(s)}}}function ie(t){let e,n,$;return{c(){e=y("code"),n=h("optional-message"),$=h(" slot")},l(t){e=w(t,"CODE",{});var s=E(e);n=x(s,"optional-message"),s.forEach(g),$=x(t," slot")},m(t,s){u(t,e,s),v(e,n),u(t,$,s)},p:D,d(t){t&&g(e),t&&g($)}}}function de(t){let e,n,$,s;return{c(){e=h('Text to display under the field when it is marked as optional. Defaults to "'),n=y("code"),$=h("Optional"),s=h('".')},l(t){e=x(t,'Text to display under the field when it is marked as optional. Defaults to "'),n=w(t,"CODE",{});var a=E(n);$=x(a,"Optional"),a.forEach(g),s=x(t,'".')},m(t,a){u(t,e,a),u(t,n,a),v(n,$),u(t,s,a)},p:D,d(t){t&&g(e),t&&g(n),t&&g(s)}}}function ue(t){let e;return{c(){e=h("SCSS Variables")},l(t){e=x(t,"SCSS Variables")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function ge(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function he(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function xe(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function ye(t){let e,n,$,o,c,m;return e=new P({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),$=new P({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&g(n),p($,t),t&&g(o),p(c,t)}}}function we(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=h("$main")},l(t){e=w(t,"STRONG",{});var s=E(e);n=w(s,"CODE",{});var a=E(n);$=x(a,"$main"),a.forEach(g),s.forEach(g)},m(t,s){u(t,e,s),v(e,n),v(n,$)},p:D,d(t){t&&g(e)}}}function Ee(t){let e;return{c(){e=h('The color of neutral status messages like "required" and "optional".')},l(t){e=x(t,'The color of neutral status messages like "required" and "optional".')},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function ke(t){let e,n;return e=new q({props:{value:"#4300B0"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p:D,i(t){n||(l(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){p(e,t)}}}function ve(t){let e,n,$,o,c,m;return e=new B({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),$=new B({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&g(n),p($,t),t&&g(o),p(c,t)}}}function De(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=h("$danger")},l(t){e=w(t,"STRONG",{});var s=E(e);n=w(s,"CODE",{});var a=E(n);$=x(a,"$danger"),a.forEach(g),s.forEach(g)},m(t,s){u(t,e,s),v(e,n),v(n,$)},p:D,d(t){t&&g(e)}}}function Oe(t){let e;return{c(){e=h("The color of error messages.")},l(t){e=x(t,"The color of error messages.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function Ce(t){let e,n;return e=new q({props:{value:"#B80000"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p:D,i(t){n||(l(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){p(e,t)}}}function Te(t){let e,n,$,o,c,m;return e=new B({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),$=new B({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&g(n),p($,t),t&&g(o),p(c,t)}}}function be(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=h("$thin-font-weight")},l(t){e=w(t,"STRONG",{});var s=E(e);n=w(s,"CODE",{});var a=E(n);$=x(a,"$thin-font-weight"),a.forEach(g),s.forEach(g)},m(t,s){u(t,e,s),v(e,n),v(n,$)},p:D,d(t){t&&g(e)}}}function Fe(t){let e;return{c(){e=h("The thin font weight of the help text and the status messages under the field'.")},l(t){e=x(t,"The thin font weight of the help text and the status messages under the field'.")},m(t,n){u(t,e,n)},d(t){t&&g(e)}}}function Se(t){let e,n;return{c(){e=y("code"),n=h("300")},l(t){e=w(t,"CODE",{});var $=E(e);n=x($,"300"),$.forEach(g)},m(t,$){u(t,e,$),v(e,n)},p:D,d(t){t&&g(e)}}}function Ae(t){let e,n,$,o,c,m;return e=new B({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),$=new B({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&g(n),p($,t),t&&g(o),p(c,t)}}}function Ne(t){let e,n,$,o,c,m,h,x,k,D;return n=new I({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),h=new I({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),k=new I({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s(n.$$.fragment),$=i(),o=y("tbody"),s(c.$$.fragment),m=i(),s(h.$$.fragment),x=i(),s(k.$$.fragment)},l(t){e=w(t,"THEAD",{});var s=E(e);a(n.$$.fragment,s),s.forEach(g),$=d(t),o=w(t,"TBODY",{});var r=E(o);a(c.$$.fragment,r),m=d(r),a(h.$$.fragment,r),x=d(r),a(k.$$.fragment,r),r.forEach(g)},m(t,s){u(t,e,s),r(n,e,null),u(t,$,s),u(t,o,s),r(c,o,null),v(o,m),r(h,o,null),v(o,x),r(k,o,null),D=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),k.$set(r)},i(t){D||(l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(k.$$.fragment,t),D=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(k.$$.fragment,t),D=!1},d(t){t&&g(e),p(n),t&&g($),t&&g(o),p(c),p(h),p(k)}}}function je(t){let e,n,$,o,c,m,h,x,y,w,E,k,v,D,O,C,T,b,A,N,j,q,I,P,B,L,U,W,Z,_,tt,et,nt,$t,st,at,rt,ot,ct,lt,ft,pt,mt,it,dt,ut,gt,ht;return e=new F({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),$=new S({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),c=new S({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),h=new R({props:{$$slots:{source:[J],showcase:[z]},$$scope:{ctx:t}}}),y=new G({props:{id:"properties",$$slots:{default:[Q]},$$scope:{ctx:t}}}),E=new M({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),v=new H({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),O=new M({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),T=new S({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),A=new S({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),j=new H({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),I=new G({props:{id:"slots",$$slots:{default:[se]},$$scope:{ctx:t}}}),B=new M({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),U=new S({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),Z=new M({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),tt=new S({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),nt=new M({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),st=new S({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),rt=new M({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),ct=new S({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),ft=new M({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),mt=new S({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),dt=new G({props:{id:"scss-variables",$$slots:{default:[ue]},$$scope:{ctx:t}}}),gt=new H({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s($.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment),x=i(),s(y.$$.fragment),w=i(),s(E.$$.fragment),k=i(),s(v.$$.fragment),D=i(),s(O.$$.fragment),C=i(),s(T.$$.fragment),b=i(),s(A.$$.fragment),N=i(),s(j.$$.fragment),q=i(),s(I.$$.fragment),P=i(),s(B.$$.fragment),L=i(),s(U.$$.fragment),W=i(),s(Z.$$.fragment),_=i(),s(tt.$$.fragment),et=i(),s(nt.$$.fragment),$t=i(),s(st.$$.fragment),at=i(),s(rt.$$.fragment),ot=i(),s(ct.$$.fragment),lt=i(),s(ft.$$.fragment),pt=i(),s(mt.$$.fragment),it=i(),s(dt.$$.fragment),ut=i(),s(gt.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(h.$$.fragment,t),x=d(t),a(y.$$.fragment,t),w=d(t),a(E.$$.fragment,t),k=d(t),a(v.$$.fragment,t),D=d(t),a(O.$$.fragment,t),C=d(t),a(T.$$.fragment,t),b=d(t),a(A.$$.fragment,t),N=d(t),a(j.$$.fragment,t),q=d(t),a(I.$$.fragment,t),P=d(t),a(B.$$.fragment,t),L=d(t),a(U.$$.fragment,t),W=d(t),a(Z.$$.fragment,t),_=d(t),a(tt.$$.fragment,t),et=d(t),a(nt.$$.fragment,t),$t=d(t),a(st.$$.fragment,t),at=d(t),a(rt.$$.fragment,t),ot=d(t),a(ct.$$.fragment,t),lt=d(t),a(ft.$$.fragment,t),pt=d(t),a(mt.$$.fragment,t),it=d(t),a(dt.$$.fragment,t),ut=d(t),a(gt.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,o,s),r(c,t,s),u(t,m,s),r(h,t,s),u(t,x,s),r(y,t,s),u(t,w,s),r(E,t,s),u(t,k,s),r(v,t,s),u(t,D,s),r(O,t,s),u(t,C,s),r(T,t,s),u(t,b,s),r(A,t,s),u(t,N,s),r(j,t,s),u(t,q,s),r(I,t,s),u(t,P,s),r(B,t,s),u(t,L,s),r(U,t,s),u(t,W,s),r(Z,t,s),u(t,_,s),r(tt,t,s),u(t,et,s),r(nt,t,s),u(t,$t,s),r(st,t,s),u(t,at,s),r(rt,t,s),u(t,ot,s),r(ct,t,s),u(t,lt,s),r(ft,t,s),u(t,pt,s),r(mt,t,s),u(t,it,s),r(dt,t,s),u(t,ut,s),r(gt,t,s),ht=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};9&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o);const l={};8&n&&(l.$$scope={dirty:n,ctx:t}),y.$set(l);const f={};8&n&&(f.$$scope={dirty:n,ctx:t}),E.$set(f);const p={};8&n&&(p.$$scope={dirty:n,ctx:t}),v.$set(p);const m={};8&n&&(m.$$scope={dirty:n,ctx:t}),O.$set(m);const i={};8&n&&(i.$$scope={dirty:n,ctx:t}),T.$set(i);const d={};8&n&&(d.$$scope={dirty:n,ctx:t}),A.$set(d);const u={};8&n&&(u.$$scope={dirty:n,ctx:t}),j.$set(u);const g={};8&n&&(g.$$scope={dirty:n,ctx:t}),I.$set(g);const x={};8&n&&(x.$$scope={dirty:n,ctx:t}),B.$set(x);const w={};8&n&&(w.$$scope={dirty:n,ctx:t}),U.$set(w);const k={};8&n&&(k.$$scope={dirty:n,ctx:t}),Z.$set(k);const D={};8&n&&(D.$$scope={dirty:n,ctx:t}),tt.$set(D);const C={};8&n&&(C.$$scope={dirty:n,ctx:t}),nt.$set(C);const b={};8&n&&(b.$$scope={dirty:n,ctx:t}),st.$set(b);const F={};8&n&&(F.$$scope={dirty:n,ctx:t}),rt.$set(F);const S={};8&n&&(S.$$scope={dirty:n,ctx:t}),ct.$set(S);const N={};8&n&&(N.$$scope={dirty:n,ctx:t}),ft.$set(N);const R={};8&n&&(R.$$scope={dirty:n,ctx:t}),mt.$set(R);const q={};8&n&&(q.$$scope={dirty:n,ctx:t}),dt.$set(q);const G={};8&n&&(G.$$scope={dirty:n,ctx:t}),gt.$set(G)},i(t){ht||(l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(y.$$.fragment,t),l(E.$$.fragment,t),l(v.$$.fragment,t),l(O.$$.fragment,t),l(T.$$.fragment,t),l(A.$$.fragment,t),l(j.$$.fragment,t),l(I.$$.fragment,t),l(B.$$.fragment,t),l(U.$$.fragment,t),l(Z.$$.fragment,t),l(tt.$$.fragment,t),l(nt.$$.fragment,t),l(st.$$.fragment,t),l(rt.$$.fragment,t),l(ct.$$.fragment,t),l(ft.$$.fragment,t),l(mt.$$.fragment,t),l(dt.$$.fragment,t),l(gt.$$.fragment,t),ht=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(y.$$.fragment,t),f(E.$$.fragment,t),f(v.$$.fragment,t),f(O.$$.fragment,t),f(T.$$.fragment,t),f(A.$$.fragment,t),f(j.$$.fragment,t),f(I.$$.fragment,t),f(B.$$.fragment,t),f(U.$$.fragment,t),f(Z.$$.fragment,t),f(tt.$$.fragment,t),f(nt.$$.fragment,t),f(st.$$.fragment,t),f(rt.$$.fragment,t),f(ct.$$.fragment,t),f(ft.$$.fragment,t),f(mt.$$.fragment,t),f(dt.$$.fragment,t),f(gt.$$.fragment,t),ht=!1},d(t){p(e,t),t&&g(n),p($,t),t&&g(o),p(c,t),t&&g(m),p(h,t),t&&g(x),p(y,t),t&&g(w),p(E,t),t&&g(k),p(v,t),t&&g(D),p(O,t),t&&g(C),p(T,t),t&&g(b),p(A,t),t&&g(N),p(j,t),t&&g(q),p(I,t),t&&g(P),p(B,t),t&&g(L),p(U,t),t&&g(W),p(Z,t),t&&g(_),p(tt,t),t&&g(et),p(nt,t),t&&g($t),p(st,t),t&&g(at),p(rt,t),t&&g(ot),p(ct,t),t&&g(lt),p(ft,t),t&&g(pt),p(mt,t),t&&g(it),p(dt,t),t&&g(ut),p(gt,t)}}}function Re(t){let e,n;const m=[t[1],qe];let i={$$slots:{default:[je]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=$(i,m[t]);return e=new b({props:i}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p(t,[n]){const $=2&n?o(m,[2&n&&c(t[1]),0&n&&c(qe)]):{};9&n&&($.$$scope={dirty:n,ctx:t}),e.$set($)},i(t){n||(l(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){p(e,t)}}}const qe={name:"FormField"};function Ge(t,e,n){let s=!1;return t.$$set=t=>{n(1,e=$($({},e),m(t)))},e=m(e),[s,e,function(t){s=t,n(0,s)}]}class Me extends t{constructor(t){super(),e(this,t,Ge,Re,n,{})}}export{Me as default,qe as metadata};
diff --git a/376/client/legacy/form-field.3c2d06e8.js b/376/client/legacy/form-field.3c2d06e8.js
new file mode 100644
index 000000000..06f53eaf1
--- /dev/null
+++ b/376/client/legacy/form-field.3c2d06e8.js
@@ -0,0 +1 @@
+import{S as l,i as s,s as e,M as n,h as a,u as t,k as c,b as r,w as i,d as o,e as h,X as u,f as d,g as m,Q as p,R as f,T as v,y as g,p as y,z as E,t as $,a9 as q,v as C,x as D,A as I,H as V}from"./client.583c6e60.js";import{c as b}from"./classes.a7d1a9eb.js";const x=l=>({}),A=l=>({}),R=l=>({}),j=l=>({}),L=l=>({}),N=l=>({});function O(l,s,e){const n=l.slice();return n[11]=s[e],n}const S=l=>({}),k=l=>({});function w(l){let s,e,n,t,i=l[6]&&z();return{c(){s=a("label"),e=C(l[3]),n=C(" "),i&&i.c(),this.h()},l(a){s=c(a,"LABEL",{class:!0,for:!0});var t=r(s);e=D(t,l[3]),n=D(t," "),i&&i.l(t),t.forEach(o),this.h()},h(){h(s,"class",t=u(b("name",l[1]))+" svelte-3y9l2h"),h(s,"for",l[5])},m(l,a){d(l,s,a),m(s,e),m(s,n),i&&i.m(s,null)},p(l,n){8&n&&I(e,l[3]),l[6]?i||(i=z(),i.c(),i.m(s,null)):i&&(i.d(1),i=null),2&n&&t!==(t=u(b("name",l[1]))+" svelte-3y9l2h")&&h(s,"class",t),32&n&&h(s,"for",l[5])},d(l){l&&o(s),i&&i.d()}}}function z(l){let s,e;return{c(){s=a("span"),e=C("*"),this.h()},l(l){s=c(l,"SPAN",{class:!0});var n=r(s);e=D(n,"*"),n.forEach(o),this.h()},h(){h(s,"class","required svelte-3y9l2h")},m(l,n){d(l,s,n),m(s,e)},d(l){l&&o(s)}}}function B(l){let s,e,n;return{c(){s=a("div"),e=C(l[4]),this.h()},l(n){s=c(n,"DIV",{class:!0});var a=r(s);e=D(a,l[4]),a.forEach(o),this.h()},h(){h(s,"class",n=u(b("help",l[2]))+" svelte-3y9l2h")},m(l,n){d(l,s,n),m(s,e)},p(l,a){16&a&&I(e,l[4]),4&a&&n!==(n=u(b("help",l[2]))+" svelte-3y9l2h")&&h(s,"class",n)},d(l){l&&o(s)}}}function F(l){let s,e,n=l[11]+"";return{c(){s=a("div"),e=C(n),this.h()},l(l){s=c(l,"DIV",{class:!0});var a=r(s);e=D(a,n),a.forEach(o),this.h()},h(){h(s,"class","message error svelte-3y9l2h")},m(l,n){d(l,s,n),m(s,e)},p(l,s){256&s&&n!==(n=l[11]+"")&&I(e,n)},d(l){l&&o(s)}}}function H(l){let s,e=l[11]&&F(l);return{c(){e&&e.c(),s=V()},l(l){e&&e.l(l),s=V()},m(l,n){e&&e.m(l,n),d(l,s,n)},p(l,n){l[11]?e?e.p(l,n):(e=F(l),e.c(),e.m(s.parentNode,s)):e&&(e.d(1),e=null)},d(l){e&&e.d(l),l&&o(s)}}}function M(l){let s,e;const t=l[10]["optional-message"],i=n(t,l,l[9],j),u=i||function(l){let s;return{c(){s=C("Optional")},l(l){s=D(l,"Optional")},m(l,e){d(l,s,e)},d(l){l&&o(s)}}}();return{c(){s=a("div"),u&&u.c(),this.h()},l(l){s=c(l,"DIV",{class:!0});var e=r(s);u&&u.l(e),e.forEach(o),this.h()},h(){h(s,"class","message info svelte-3y9l2h")},m(l,n){d(l,s,n),u&&u.m(s,null),e=!0},p(l,s){i&&i.p&&(!e||512&s)&&p(i,t,l,l[9],e?v(t,l[9],s,R):f(l[9]),j)},i(l){e||($(u,l),e=!0)},o(l){y(u,l),e=!1},d(l){l&&o(s),u&&u.d(l)}}}function P(l){let s,e;const t=l[10]["required-message"],i=n(t,l,l[9],N),u=i||function(l){let s;return{c(){s=C("* Required")},l(l){s=D(l,"* Required")},m(l,e){d(l,s,e)},d(l){l&&o(s)}}}();return{c(){s=a("div"),u&&u.c(),this.h()},l(l){s=c(l,"DIV",{class:!0});var e=r(s);u&&u.l(e),e.forEach(o),this.h()},h(){h(s,"class","message info svelte-3y9l2h")},m(l,n){d(l,s,n),u&&u.m(s,null),e=!0},p(l,s){i&&i.p&&(!e||512&s)&&p(i,t,l,l[9],e?v(t,l[9],s,L):f(l[9]),N)},i(l){e||($(u,l),e=!0)},o(l){y(u,l),e=!1},d(l){l&&o(s),u&&u.d(l)}}}function Q(l){let s,e,C,D,I,V,R,j,L,N,z,F,Q,T=null!=l[3]&&w(l),X=null!=l[4]&&B(l);const G=l[10].description,J=n(G,l,l[9],k),K=l[10].default,U=n(K,l,l[9],null);let W=l[8],Y=[];for(let s=0;s<W.length;s+=1)Y[s]=H(O(l,W,s));const Z=[P,M],_=[];function ll(l,s){return l[6]?0:l[7]?1:-1}~(L=ll(l))&&(N=_[L]=Z[L](l));const sl=l[10].message,el=n(sl,l,l[9],A);return{c(){s=a("div"),e=a("div"),T&&T.c(),C=t(),X&&X.c(),D=t(),J&&J.c(),I=t(),V=a("div"),U&&U.c(),R=t();for(let l=0;l<Y.length;l+=1)Y[l].c();j=t(),N&&N.c(),z=t(),el&&el.c(),this.h()},l(l){s=c(l,"DIV",{class:!0});var n=r(s);e=c(n,"DIV",{class:!0});var a=r(e);T&&T.l(a),C=i(a),X&&X.l(a),D=i(a),J&&J.l(a),a.forEach(o),I=i(n),V=c(n,"DIV",{class:!0});var t=r(V);U&&U.l(t),R=i(t);for(let l=0;l<Y.length;l+=1)Y[l].l(t);j=i(t),N&&N.l(t),z=i(t),el&&el.l(t),t.forEach(o),n.forEach(o),this.h()},h(){h(e,"class","description svelte-3y9l2h"),h(V,"class","field svelte-3y9l2h"),h(s,"class",F=u(b("form-field",l[0]))+" svelte-3y9l2h")},m(l,n){d(l,s,n),m(s,e),T&&T.m(e,null),m(e,C),X&&X.m(e,null),m(e,D),J&&J.m(e,null),m(s,I),m(s,V),U&&U.m(V,null),m(V,R);for(let l=0;l<Y.length;l+=1)Y[l]&&Y[l].m(V,null);m(V,j),~L&&_[L].m(V,null),m(V,z),el&&el.m(V,null),Q=!0},p(l,n){let[a]=n;if(null!=l[3]?T?T.p(l,a):(T=w(l),T.c(),T.m(e,C)):T&&(T.d(1),T=null),null!=l[4]?X?X.p(l,a):(X=B(l),X.c(),X.m(e,D)):X&&(X.d(1),X=null),J&&J.p&&(!Q||512&a)&&p(J,G,l,l[9],Q?v(G,l[9],a,S):f(l[9]),k),U&&U.p&&(!Q||512&a)&&p(U,K,l,l[9],Q?v(K,l[9],a,null):f(l[9]),null),256&a){let s;for(W=l[8],s=0;s<W.length;s+=1){const e=O(l,W,s);Y[s]?Y[s].p(e,a):(Y[s]=H(e),Y[s].c(),Y[s].m(V,j))}for(;s<Y.length;s+=1)Y[s].d(1);Y.length=W.length}let t=L;L=ll(l),L===t?~L&&_[L].p(l,a):(N&&(g(),y(_[t],1,1,(()=>{_[t]=null})),E()),~L?(N=_[L],N?N.p(l,a):(N=_[L]=Z[L](l),N.c()),$(N,1),N.m(V,z)):N=null),el&&el.p&&(!Q||512&a)&&p(el,sl,l,l[9],Q?v(sl,l[9],a,x):f(l[9]),A),(!Q||1&a&&F!==(F=u(b("form-field",l[0]))+" svelte-3y9l2h"))&&h(s,"class",F)},i(l){Q||($(J,l),$(U,l),$(N),$(el,l),Q=!0)},o(l){y(J,l),y(U,l),y(N),y(el,l),Q=!1},d(l){l&&o(s),T&&T.d(),X&&X.d(),J&&J.d(l),U&&U.d(l),q(Y,l),~L&&_[L].d(),el&&el.d(l)}}}function T(l,s,e){let{$$slots:n={},$$scope:a}=s,{class:t=null}=s,{nameClass:c=null}=s,{helpClass:r=null}=s,{name:i=null}=s,{help:o=null}=s,{id:h=null}=s,{required:u=!1}=s,{optional:d=!1}=s,{errors:m=[]}=s;return l.$$set=l=>{"class"in l&&e(0,t=l.class),"nameClass"in l&&e(1,c=l.nameClass),"helpClass"in l&&e(2,r=l.helpClass),"name"in l&&e(3,i=l.name),"help"in l&&e(4,o=l.help),"id"in l&&e(5,h=l.id),"required"in l&&e(6,u=l.required),"optional"in l&&e(7,d=l.optional),"errors"in l&&e(8,m=l.errors),"$$scope"in l&&e(9,a=l.$$scope)},[t,c,r,i,o,h,u,d,m,a,n]}var X=class extends l{constructor(l){super(),s(this,l,T,Q,e,{class:0,nameClass:1,helpClass:2,name:3,help:4,id:5,required:6,optional:7,errors:8})}};export{X as F};
diff --git a/376/client/legacy/format-file-size.fdd3bcb6.js b/376/client/legacy/format-file-size.fdd3bcb6.js
new file mode 100644
index 000000000..9285035c4
--- /dev/null
+++ b/376/client/legacy/format-file-size.fdd3bcb6.js
@@ -0,0 +1 @@
+function t(t){const B=1e3;if(Math.abs(t)<B)return t+" B";const e=["KB","MB","GB","TB","PB","EB","ZB","YB"];let n=-1;do{t/=B,++n}while(Math.round(10*Math.abs(t))/10>=B&&n<e.length-1);return t.toFixed(1)+" "+e[n]}export{t as f};
diff --git a/376/client/legacy/h2-af7b8c59.css b/376/client/legacy/h2-af7b8c59.css
new file mode 100644
index 000000000..34532026a
--- /dev/null
+++ b/376/client/legacy/h2-af7b8c59.css
@@ -0,0 +1 @@
+h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width: 640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width: 840px){h2.svelte-eaesr4{font-size:1.5em}}
diff --git a/376/client/legacy/h2.0da05151.js b/376/client/legacy/h2.0da05151.js
new file mode 100644
index 000000000..4a27cfb39
--- /dev/null
+++ b/376/client/legacy/h2.0da05151.js
@@ -0,0 +1 @@
+import{S as s,i as l,s as a,M as n,h as t,u as e,k as i,b as c,w as o,d as u,e as r,f as h,g as d,Q as f,R as p,T as $,t as m,p as w,E as v,v as x,x as E}from"./client.583c6e60.js";function g(s){let l,a;return{c(){l=t("a"),a=x("#"),this.h()},l(s){l=i(s,"A",{href:!0,class:!0});var n=c(l);a=E(n,"#"),n.forEach(u),this.h()},h(){r(l,"href",s[1]),r(l,"class","ml")},m(s,n){h(s,l,n),d(l,a)},p(s,a){2&a&&r(l,"href",s[1])},d(s){s&&u(l)}}}function H(s){let l,a,v;const x=s[3].default,E=n(x,s,s[2],null);let H=null!=s[1]&&g(s);return{c(){l=t("h2"),E&&E.c(),a=e(),H&&H.c(),this.h()},l(s){l=i(s,"H2",{id:!0,class:!0});var n=c(l);E&&E.l(n),a=o(n),H&&H.l(n),n.forEach(u),this.h()},h(){r(l,"id",s[0]),r(l,"class","svelte-eaesr4")},m(s,n){h(s,l,n),E&&E.m(l,null),d(l,a),H&&H.m(l,null),v=!0},p(s,a){let[n]=a;E&&E.p&&(!v||4&n)&&f(E,x,s,s[2],v?$(x,s[2],n,null):p(s[2]),null),null!=s[1]?H?H.p(s,n):(H=g(s),H.c(),H.m(l,null)):H&&(H.d(1),H=null),(!v||1&n)&&r(l,"id",s[0])},i(s){v||(m(E,s),v=!0)},o(s){w(E,s),v=!1},d(s){s&&u(l),E&&E.d(s),H&&H.d()}}}function b(s,l,a){let{$$slots:n={},$$scope:t}=l,{id:e=null}=l,i=e&&`#${e}`;return v((function(){null!=e&&a(1,i=window.location.origin+window.location.pathname+i)})),s.$$set=s=>{"id"in s&&a(0,e=s.id),"$$scope"in s&&a(2,t=s.$$scope)},[e,i,t,n]}class j extends s{constructor(s){super(),l(this,s,b,H,a,{id:0})}}export{j as H};
diff --git a/376/client/legacy/h3-c29d4685.css b/376/client/legacy/h3-c29d4685.css
new file mode 100644
index 000000000..f2b6978cd
--- /dev/null
+++ b/376/client/legacy/h3-c29d4685.css
@@ -0,0 +1 @@
+h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 0.5em}@media only screen and (min-width: 640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width: 840px){h3.svelte-1l9130h{font-size:1.3em}}
diff --git a/376/client/legacy/h3.c9a49f62.js b/376/client/legacy/h3.c9a49f62.js
new file mode 100644
index 000000000..a78f3a80c
--- /dev/null
+++ b/376/client/legacy/h3.c9a49f62.js
@@ -0,0 +1 @@
+import{S as s,i as l,s as a,M as n,h as t,u as i,k as c,b as e,w as o,d as u,e as h,f as r,g as d,Q as f,R as p,T as $,t as m,p as w,E as v,v as x,x as E}from"./client.583c6e60.js";function g(s){let l,a;return{c(){l=t("a"),a=x("#"),this.h()},l(s){l=c(s,"A",{href:!0,class:!0});var n=e(l);a=E(n,"#"),n.forEach(u),this.h()},h(){h(l,"href",s[1]),h(l,"class","ml")},m(s,n){r(s,l,n),d(l,a)},p(s,a){2&a&&h(l,"href",s[1])},d(s){s&&u(l)}}}function H(s){let l,a,v;const x=s[3].default,E=n(x,s,s[2],null);let H=null!=s[1]&&g(s);return{c(){l=t("h3"),E&&E.c(),a=i(),H&&H.c(),this.h()},l(s){l=c(s,"H3",{id:!0,class:!0});var n=e(l);E&&E.l(n),a=o(n),H&&H.l(n),n.forEach(u),this.h()},h(){h(l,"id",s[0]),h(l,"class","svelte-1l9130h")},m(s,n){r(s,l,n),E&&E.m(l,null),d(l,a),H&&H.m(l,null),v=!0},p(s,a){let[n]=a;E&&E.p&&(!v||4&n)&&f(E,x,s,s[2],v?$(x,s[2],n,null):p(s[2]),null),null!=s[1]?H?H.p(s,n):(H=g(s),H.c(),H.m(l,null)):H&&(H.d(1),H=null),(!v||1&n)&&h(l,"id",s[0])},i(s){v||(m(E,s),v=!0)},o(s){w(E,s),v=!1},d(s){s&&u(l),E&&E.d(s),H&&H.d()}}}function b(s,l,a){let{$$slots:n={},$$scope:t}=l,{id:i=null}=l,c=i&&`#${i}`;return v((function(){null!=i&&a(1,c=window.location.origin+window.location.pathname+c)})),s.$$set=s=>{"id"in s&&a(0,i=s.id),"$$scope"in s&&a(2,t=s.$$scope)},[i,c,t,n]}class j extends s{constructor(s){super(),l(this,s,b,H,a,{id:0})}}export{j as H};
diff --git a/376/client/legacy/index-f552dbeb.css b/376/client/legacy/index-f552dbeb.css
new file mode 100644
index 000000000..70aac4f19
--- /dev/null
+++ b/376/client/legacy/index-f552dbeb.css
@@ -0,0 +1,3 @@
+.info-tile.svelte-131dghs.svelte-131dghs{cursor:pointer;margin-bottom:1em}.info-tile.svelte-131dghs .card{column-gap:1em;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;transition:150ms box-shadow}.info-tile.svelte-131dghs .card:hover{box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)}.info-tile.svelte-131dghs .icon.svelte-131dghs{align-self:center;background:#4300b0;border-radius:50%;color:#fff;grid-row:span 2;padding:0.8em}.info-tile.svelte-131dghs .icon.svelte-131dghs svg{display:block}.info-tile.svelte-131dghs .subtitle.svelte-131dghs{color:#4300b0;font-size:0.9em;font-weight:300}@media only screen and (min-width: 640px){.info-tile.svelte-131dghs.svelte-131dghs{margin-bottom:2.5em}.info-tile.svelte-131dghs .card{width:30em}}@media only screen and (min-width: 1024px){.info-tile.svelte-131dghs.svelte-131dghs{margin-bottom:1em}}
+.info-tiles.svelte-18jhduw{margin-top:3em}@media only screen and (min-width: 640px){.info-tiles.svelte-18jhduw{margin-top:6em}}@media only screen and (min-width: 1024px){.info-tiles.svelte-18jhduw{margin-top:0}}
+html{scroll-behavior:smooth}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}body{display:flex;flex-direction:column;font-family:"Ubuntu", sans-serif;margin:0;min-height:100vh}p{letter-spacing:0.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:0.4em}.mr{margin-right:0.4em}.mb{margin-bottom:0.4em}.padded{padding-left:0.5em;padding-right:0.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width: 640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width: 1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width: 639px){.hide-on-less-tb{display:none}}@media only screen and (min-width: 640px){.hide-on-tb-more{display:none}}main.svelte-1bg8jus.svelte-1bg8jus{background:rgba(67, 0, 176, 0.07);padding:2.4em 0.5em}main.svelte-1bg8jus mark.svelte-1bg8jus{background:none;color:#4300b0}main.svelte-1bg8jus>.card{align-items:center;display:flex;flex-direction:column;position:relative;z-index:20}main.svelte-1bg8jus>.card header{align-items:center;display:flex;margin-top:1em}main.svelte-1bg8jus>.card header img{margin-right:1em;width:2em}main.svelte-1bg8jus>.card header h1{color:#000;margin-bottom:0}main.svelte-1bg8jus>.card header a{margin-left:1em}main.svelte-1bg8jus>.card p{font-weight:300;margin-top:1.5em}main.svelte-1bg8jus>.card .actions{display:flex}main.svelte-1bg8jus .strip.svelte-1bg8jus{background:#4300b0;height:3.6em;left:0;position:absolute;top:10.3em;width:100%;z-index:10}main.svelte-1bg8jus footer.svelte-1bg8jus{margin-top:2em;padding-bottom:1em}main.svelte-1bg8jus footer p.svelte-1bg8jus{font-size:0.95em;font-weight:300;margin:0.7em 0 0;text-align:center}@media only screen and (min-width: 360px){main.svelte-1bg8jus.svelte-1bg8jus{align-items:center;display:flex;flex-direction:column}main.svelte-1bg8jus>.card{padding:1.5em 2em}}@media only screen and (min-width: 640px){main.svelte-1bg8jus>.card{padding:2em 3.5em}main.svelte-1bg8jus .strip.svelte-1bg8jus{height:8em}}@media only screen and (min-width: 1024px){main.svelte-1bg8jus.svelte-1bg8jus{column-gap:4em;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto 1fr;min-height:100vh;padding:0 5%}main.svelte-1bg8jus>.card,main.svelte-1bg8jus .info-tiles{grid-row:2}main.svelte-1bg8jus .card{width:max-content}main.svelte-1bg8jus footer.svelte-1bg8jus{align-self:end;grid-column:span 2;grid-row:3;padding-bottom:2em}main.svelte-1bg8jus .strip.svelte-1bg8jus{height:100%;left:calc(5% - 1em);top:0;width:11em}}@media only screen and (min-width: 1200px){main.svelte-1bg8jus.svelte-1bg8jus{padding:0 15%}main.svelte-1bg8jus .strip.svelte-1bg8jus{left:calc(15% - 1em)}}
diff --git a/376/client/legacy/index.4c50a733.js b/376/client/legacy/index.4c50a733.js
new file mode 100644
index 000000000..fce9a5b6b
--- /dev/null
+++ b/376/client/legacy/index.4c50a733.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as s,j as a,l as r,m as $,U as c,a0 as o,t as l,p as i,q as f,E as m,L as p,u,w as d,f as g,d as h,v as x,x as b,C as y,D as k,n as v,A as w}from"./client.583c6e60.js";import{L as z,H as S,P as A}from"./layout.47c81311.js";import{U as j,L as I}from"./ul.ce467381.js";import{f as C}from"./format-file-size.fdd3bcb6.js";function T(t){let e;return{c(){e=x("Warm welcome, stranded developer")},l(t){e=b(t,"Warm welcome, stranded developer")},m(t,n){g(t,e,n)},d(t){t&&h(e)}}}function U(t){let e;return{c(){e=x("Attractions is a stylish and functional UI kit for Svelte, built to solve interface tasks at hand.")},l(t){e=b(t,"Attractions is a stylish and functional UI kit for Svelte, built to solve interface tasks at hand.")},m(t,n){g(t,e,n)},d(t){t&&h(e)}}}function W(t){let e;return{c(){e=x("Given the compiling nature of Svelte, the components can be used for any framework using the JavaScript API.")},l(t){e=b(t,"Given the compiling nature of Svelte, the components can be used for any framework using the JavaScript API.")},m(t,n){g(t,e,n)},d(t){t&&h(e)}}}function L(t){let e;return{c(){e=x("This library is MIT licensed.")},l(t){e=b(t,"This library is MIT licensed.")},m(t,n){g(t,e,n)},d(t){t&&h(e)}}}function P(t){let e;return{c(){e=x("(idk, an error occured)")},l(t){e=b(t,"(idk, an error occured)")},m(t,n){g(t,e,n)},p:v,d(t){t&&h(e)}}}function G(t){let e,n,s,a,r=C(t[2].size)+"",$=C(t[2].gzip)+"";return{c(){e=x(r),n=x(" ("),s=x($),a=x(" gzipped)")},l(t){e=b(t,r),n=b(t," ("),s=b(t,$),a=b(t," gzipped)")},m(t,r){g(t,e,r),g(t,n,r),g(t,s,r),g(t,a,r)},p(t,n){1&n&&r!==(r=C(t[2].size)+"")&&w(e,r),1&n&&$!==($=C(t[2].gzip)+"")&&w(s,$)},d(t){t&&h(e),t&&h(n),t&&h(s),t&&h(a)}}}function H(t){let e;return{c(){e=x("(calculating…)")},l(t){e=b(t,"(calculating…)")},m(t,n){g(t,e,n)},p:v,d(t){t&&h(e)}}}function J(t){let e,n,s,a={ctx:t,current:null,token:null,hasCatch:!0,pending:H,then:G,catch:P,value:2};return y(n=t[0],a),{c(){e=x("Weighs only\n"),a.block.c(),s=x(", tree-shaking-enabled")},l(t){e=b(t,"Weighs only\n"),a.block.l(t),s=b(t,", tree-shaking-enabled")},m(t,n){g(t,e,n),a.block.m(t,a.anchor=n),a.mount=()=>s.parentNode,a.anchor=s,g(t,s,n)},p(e,s){t=e,a.ctx=t,1&s&&n!==(n=t[0])&&y(n,a)||k(a,t,s)},d(t){t&&h(e),a.block.d(t),a.token=null,a=null,t&&h(s)}}}function M(t){let e;return{c(){e=x("Components are customizable with classes and Sass variables")},l(t){e=b(t,"Components are customizable with classes and Sass variables")},m(t,n){g(t,e,n)},d(t){t&&h(e)}}}function q(t){let e;return{c(){e=x("Accessibility included")},l(t){e=b(t,"Accessibility included")},m(t,n){g(t,e,n)},d(t){t&&h(e)}}}function D(t){let e,n,s,c,o,m;return e=new I({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),s=new I({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),o=new I({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=u(),a(s.$$.fragment),c=u(),a(o.$$.fragment)},l(t){r(e.$$.fragment,t),n=d(t),r(s.$$.fragment,t),c=d(t),r(o.$$.fragment,t)},m(t,a){$(e,t,a),g(t,n,a),$(s,t,a),g(t,c,a),$(o,t,a),m=!0},p(t,n){const a={};9&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),s.$set(r);const $={};8&n&&($.$$scope={dirty:n,ctx:t}),o.$set($)},i(t){m||(l(e.$$.fragment,t),l(s.$$.fragment,t),l(o.$$.fragment,t),m=!0)},o(t){i(e.$$.fragment,t),i(s.$$.fragment,t),i(o.$$.fragment,t),m=!1},d(t){f(e,t),t&&h(n),f(s,t),t&&h(c),f(o,t)}}}function E(t){let e,n,s,c,o,m,p,x,b,y;return e=new S({props:{$$slots:{default:[T]},$$scope:{ctx:t}}}),s=new A({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),o=new A({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),p=new A({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),b=new j({props:{$$slots:{default:[D]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=u(),a(s.$$.fragment),c=u(),a(o.$$.fragment),m=u(),a(p.$$.fragment),x=u(),a(b.$$.fragment)},l(t){r(e.$$.fragment,t),n=d(t),r(s.$$.fragment,t),c=d(t),r(o.$$.fragment,t),m=d(t),r(p.$$.fragment,t),x=d(t),r(b.$$.fragment,t)},m(t,a){$(e,t,a),g(t,n,a),$(s,t,a),g(t,c,a),$(o,t,a),g(t,m,a),$(p,t,a),g(t,x,a),$(b,t,a),y=!0},p(t,n){const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),s.$set(r);const $={};8&n&&($.$$scope={dirty:n,ctx:t}),o.$set($);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),p.$set(c);const l={};9&n&&(l.$$scope={dirty:n,ctx:t}),b.$set(l)},i(t){y||(l(e.$$.fragment,t),l(s.$$.fragment,t),l(o.$$.fragment,t),l(p.$$.fragment,t),l(b.$$.fragment,t),y=!0)},o(t){i(e.$$.fragment,t),i(s.$$.fragment,t),i(o.$$.fragment,t),i(p.$$.fragment,t),i(b.$$.fragment,t),y=!1},d(t){f(e,t),t&&h(n),f(s,t),t&&h(c),f(o,t),t&&h(m),f(p,t),t&&h(x),f(b,t)}}}function K(t){let e,n;const m=[t[1],N];let p={$$slots:{default:[E]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)p=s(p,m[t]);return e=new z({props:p}),{c(){a(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,s){$(e,t,s),n=!0},p(t,[n]){const s=2&n?c(m,[2&n&&o(t[1]),0&n&&o(N)]):{};9&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(l(e.$$.fragment,t),n=!0)},o(t){i(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}const N={name:"Home"};function B(t,e,n){let a=Promise.resolve(1/0);return m((()=>{n(0,a=fetch("https://bundlephobia.com/api/size?package=attractions@3.7.1").then((t=>t.json())))})),t.$$set=t=>{n(1,e=s(s({},e),p(t)))},e=p(e),[a,e]}class F extends t{constructor(t){super(),e(this,t,B,K,n,{})}}export{F as default,N as metadata};
diff --git a/376/client/legacy/index.57f55611.js b/376/client/legacy/index.57f55611.js
new file mode 100644
index 000000000..37fc59999
--- /dev/null
+++ b/376/client/legacy/index.57f55611.js
@@ -0,0 +1 @@
+function n(n){const t=n-1;return t*t*t+1}function t(n){return Math.sin(n*Math.PI/2)}export{n as c,t as s};
diff --git a/376/client/legacy/index.b6771818.js b/376/client/legacy/index.b6771818.js
new file mode 100644
index 000000000..41b92c9b0
--- /dev/null
+++ b/376/client/legacy/index.b6771818.js
@@ -0,0 +1 @@
+import{S as t,i as e,s,a as r,c as o,b as a,d as i,e as n,f as c,g as l,n as h,h as f,j as m,k as p,l as d,m as u,o as g,t as $,p as b,q as k,r as v,u as w,v as j,w as x,x as z,y as E,z as y,A as C,B as A,C as S,D,E as I,F as B,G as T}from"./client.583c6e60.js";import{e as W,r as F,B as P}from"./button.863c0adf.js";import{C as R}from"./card.113fcab4.js";import{H as M,a as G,b as H,c as V,S as _}from"./subhead.f4e04db3.js";import{G as L}from"./GithubIcon.55eeb9e5.js";import{T as O}from"./text-field.f9cea8ef.js";import{R as U}from"./radio-group.42c64184.js";import{R as q}from"./radio-button.2404d79f.js";import{C as K}from"./checkbox.b2711e27.js";import{C as N}from"./checkbox-group.84d0b083.js";import{D as J,a as Q}from"./dropdown.9218bde6.js";import{S as X}from"./switch.2efa2b7d.js";import{C as Y}from"./chip.23e3fcec.js";import{R as Z}from"./radio-chip.acedf3c6.js";import{R as tt}from"./radio-chip-group.7b8b8478.js";import{C as et}from"./checkbox-chip.9da5c209.js";import{C as st}from"./checkbox-chip-group.72f58783.js";import{A as rt,a as ot}from"./accordion-section.932eb5db.js";import{M as at}from"./modal.bfc3f816.js";import{T as it}from"./table.0ae2d7ee.js";import{T as nt}from"./tab.d157e8e5.js";import{T as ct}from"./tabs.6ac2017f.js";import{L as lt}from"./label.d533579b.js";import{D as ht}from"./dot.b94ce6e0.js";import{D as ft}from"./divider.daa4e59b.js";import{S as mt}from"./snackbar-container.4c599411.js";import{d as pt,S as dt}from"./snackbar.d3b491c7.js";import{S as ut}from"./star-rating.edf23888.js";import{D as gt}from"./dialog.3eae56ed.js";import{P as $t}from"./popover.3a24cfa5.js";import{P as bt}from"./popover-button.8764c52c.js";import{F as kt}from"./file-input.16ba7f6a.js";import{F as vt}from"./file-dropzone.5e029b8d.js";import{f as wt,F as jt}from"./file-tile.9d6ee709.js";import{D as xt}from"./date-picker.91aee00e.js";import{C as zt}from"./calendar.43a50b45.js";import{T as Et}from"./time-picker.4f09e57d.js";import{F as yt}from"./form-field.3c2d06e8.js";import{L as Ct}from"./loading.9871237d.js";import{A as At}from"./autocomplete.2881aef3.js";import{e as St,A as Dt}from"./autocomplete-option.dbbd7e52.js";import{c as It,A as Bt}from"./autocomplete-field.fbaeb0a4.js";import{B as Tt}from"./badge.fb655f64.js";import{B as Wt}from"./breadcrumbs.6aed459c.js";import{P as Ft}from"./pagination.fdc8d792.js";import{S as Pt}from"./slider.854a0f45.js";import{c as Rt}from"./classes.a7d1a9eb.js";import{g as Mt}from"./color-picker-styles.762aa118.js";import{f as Gt}from"./format-file-size.fdd3bcb6.js";import{p as Ht}from"./plural-s.31bb9da9.js";import{r as Vt}from"./range.e5e7391f.js";import"./index.57f55611.js";import"./x.6b71949c.js";import"./datetime-utils.1be0c3c8.js";var _t=Object.freeze({__proto__:null,callOnSight:It,classes:Rt,getColorPickerStyles:Mt,dynamicTransition:pt,escapeRegExp:St,events:W,formatFileSize:Gt,formatFileType:wt,s:Ht,range:Vt,ripple:F}),Lt=Object.freeze({__proto__:null,Button:P,TextField:O,RadioGroup:U,RadioButton:q,Checkbox:K,CheckboxGroup:N,Card:R,DropdownShell:J,Dropdown:Q,Switch:X,Chip:Y,RadioChip:Z,RadioChipGroup:tt,CheckboxChip:et,CheckboxChipGroup:st,Accordion:rt,AccordionSection:ot,Modal:at,Table:it,Tab:nt,Tabs:ct,H1:M,H2:G,H3:H,Headline:V,Subhead:_,Label:lt,Dot:ht,Divider:ft,SnackbarContainer:mt,Snackbar:dt,StarRating:ut,Dialog:gt,Popover:$t,PopoverButton:bt,FileInput:kt,FileDropzone:vt,FileTile:jt,DatePicker:xt,Calendar:zt,TimePicker:Et,FormField:yt,Loading:Ct,Autocomplete:At,AutocompleteOption:Dt,AutocompleteField:Bt,Badge:Tt,Breadcrumbs:Wt,Pagination:Ft,Slider:Pt,utils:_t});function Ot(t){let e,s,f,m;return{c(){e=r("svg"),s=r("path"),f=r("path"),this.h()},l(t){e=o(t,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var r=a(e);s=o(r,"path",{d:!0}),a(s).forEach(i),f=o(r,"path",{d:!0}),a(f).forEach(i),r.forEach(i),this.h()},h(){n(s,"d","M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"),n(f,"d","M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"),n(e,"xmlns","http://www.w3.org/2000/svg"),n(e,"width",t[0]),n(e,"height",t[0]),n(e,"fill","none"),n(e,"viewBox","0 0 24 24"),n(e,"stroke","currentColor"),n(e,"stroke-width",t[1]),n(e,"stroke-linecap","round"),n(e,"stroke-linejoin","round"),n(e,"class",m="feather feather-book-open "+t[2])},m(t,r){c(t,e,r),l(e,s),l(e,f)},p(t,s){let[r]=s;1&r&&n(e,"width",t[0]),1&r&&n(e,"height",t[0]),2&r&&n(e,"stroke-width",t[1]),4&r&&m!==(m="feather feather-book-open "+t[2])&&n(e,"class",m)},i:h,o:h,d(t){t&&i(e)}}}function Ut(t,e,s){let{size:r="100%"}=e,{strokeWidth:o=2}=e,{class:a=""}=e;return"100%"!==r&&(r="x"===r.slice(-1)?r.slice(0,r.length-1)+"em":parseInt(r)+"px"),t.$$set=t=>{"size"in t&&s(0,r=t.size),"strokeWidth"in t&&s(1,o=t.strokeWidth),"class"in t&&s(2,a=t.class)},[r,o,a]}class qt extends t{constructor(t){super(),e(this,t,Ut,Ot,s,{size:0,strokeWidth:1,class:2})}}function Kt(t){let e,s,f;return{c(){e=r("svg"),s=r("path"),this.h()},l(t){e=o(t,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var r=a(e);s=o(r,"path",{d:!0}),a(s).forEach(i),r.forEach(i),this.h()},h(){n(s,"d","M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"),n(e,"xmlns","http://www.w3.org/2000/svg"),n(e,"width",t[0]),n(e,"height",t[0]),n(e,"fill","none"),n(e,"viewBox","0 0 24 24"),n(e,"stroke","currentColor"),n(e,"stroke-width",t[1]),n(e,"stroke-linecap","round"),n(e,"stroke-linejoin","round"),n(e,"class",f="feather feather-edit-2 "+t[2])},m(t,r){c(t,e,r),l(e,s)},p(t,s){let[r]=s;1&r&&n(e,"width",t[0]),1&r&&n(e,"height",t[0]),2&r&&n(e,"stroke-width",t[1]),4&r&&f!==(f="feather feather-edit-2 "+t[2])&&n(e,"class",f)},i:h,o:h,d(t){t&&i(e)}}}function Nt(t,e,s){let{size:r="100%"}=e,{strokeWidth:o=2}=e,{class:a=""}=e;return"100%"!==r&&(r="x"===r.slice(-1)?r.slice(0,r.length-1)+"em":parseInt(r)+"px"),t.$$set=t=>{"size"in t&&s(0,r=t.size),"strokeWidth"in t&&s(1,o=t.strokeWidth),"class"in t&&s(2,a=t.class)},[r,o,a]}class Jt extends t{constructor(t){super(),e(this,t,Nt,Kt,s,{size:0,strokeWidth:1,class:2})}}function Qt(t){let e,s,f,m,p;return{c(){e=r("svg"),s=r("path"),f=r("line"),m=r("line"),this.h()},l(t){e=o(t,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var r=a(e);s=o(r,"path",{d:!0}),a(s).forEach(i),f=o(r,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),a(f).forEach(i),m=o(r,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),a(m).forEach(i),r.forEach(i),this.h()},h(){n(s,"d","M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z"),n(f,"x1","16"),n(f,"y1","8"),n(f,"x2","2"),n(f,"y2","22"),n(m,"x1","17.5"),n(m,"y1","15"),n(m,"x2","9"),n(m,"y2","15"),n(e,"xmlns","http://www.w3.org/2000/svg"),n(e,"width",t[0]),n(e,"height",t[0]),n(e,"fill","none"),n(e,"viewBox","0 0 24 24"),n(e,"stroke","currentColor"),n(e,"stroke-width",t[1]),n(e,"stroke-linecap","round"),n(e,"stroke-linejoin","round"),n(e,"class",p="feather feather-feather "+t[2])},m(t,r){c(t,e,r),l(e,s),l(e,f),l(e,m)},p(t,s){let[r]=s;1&r&&n(e,"width",t[0]),1&r&&n(e,"height",t[0]),2&r&&n(e,"stroke-width",t[1]),4&r&&p!==(p="feather feather-feather "+t[2])&&n(e,"class",p)},i:h,o:h,d(t){t&&i(e)}}}function Xt(t,e,s){let{size:r="100%"}=e,{strokeWidth:o=2}=e,{class:a=""}=e;return"100%"!==r&&(r="x"===r.slice(-1)?r.slice(0,r.length-1)+"em":parseInt(r)+"px"),t.$$set=t=>{"size"in t&&s(0,r=t.size),"strokeWidth"in t&&s(1,o=t.strokeWidth),"class"in t&&s(2,a=t.class)},[r,o,a]}class Yt extends t{constructor(t){super(),e(this,t,Xt,Qt,s,{size:0,strokeWidth:1,class:2})}}function Zt(t){let e,s,f,m,p,d;return{c(){e=r("svg"),s=r("rect"),f=r("rect"),m=r("rect"),p=r("rect"),this.h()},l(t){e=o(t,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var r=a(e);s=o(r,"rect",{x:!0,y:!0,width:!0,height:!0}),a(s).forEach(i),f=o(r,"rect",{x:!0,y:!0,width:!0,height:!0}),a(f).forEach(i),m=o(r,"rect",{x:!0,y:!0,width:!0,height:!0}),a(m).forEach(i),p=o(r,"rect",{x:!0,y:!0,width:!0,height:!0}),a(p).forEach(i),r.forEach(i),this.h()},h(){n(s,"x","3"),n(s,"y","3"),n(s,"width","7"),n(s,"height","7"),n(f,"x","14"),n(f,"y","3"),n(f,"width","7"),n(f,"height","7"),n(m,"x","14"),n(m,"y","14"),n(m,"width","7"),n(m,"height","7"),n(p,"x","3"),n(p,"y","14"),n(p,"width","7"),n(p,"height","7"),n(e,"xmlns","http://www.w3.org/2000/svg"),n(e,"width",t[0]),n(e,"height",t[0]),n(e,"fill","none"),n(e,"viewBox","0 0 24 24"),n(e,"stroke","currentColor"),n(e,"stroke-width",t[1]),n(e,"stroke-linecap","round"),n(e,"stroke-linejoin","round"),n(e,"class",d="feather feather-grid "+t[2])},m(t,r){c(t,e,r),l(e,s),l(e,f),l(e,m),l(e,p)},p(t,s){let[r]=s;1&r&&n(e,"width",t[0]),1&r&&n(e,"height",t[0]),2&r&&n(e,"stroke-width",t[1]),4&r&&d!==(d="feather feather-grid "+t[2])&&n(e,"class",d)},i:h,o:h,d(t){t&&i(e)}}}function te(t,e,s){let{size:r="100%"}=e,{strokeWidth:o=2}=e,{class:a=""}=e;return"100%"!==r&&(r="x"===r.slice(-1)?r.slice(0,r.length-1)+"em":parseInt(r)+"px"),t.$$set=t=>{"size"in t&&s(0,r=t.size),"strokeWidth"in t&&s(1,o=t.strokeWidth),"class"in t&&s(2,a=t.class)},[r,o,a]}class ee extends t{constructor(t){super(),e(this,t,te,Zt,s,{size:0,strokeWidth:1,class:2})}}function se(t){let e,s,r,o,h,g,A,S,D;var I=t[0];return I&&(s=v(I,{props:{size:"24"}})),{c(){e=f("div"),s&&m(s.$$.fragment),r=w(),o=f("div"),h=j(t[1]),g=w(),A=f("div"),S=j(t[2]),this.h()},l(n){e=p(n,"DIV",{class:!0});var c=a(e);s&&d(s.$$.fragment,c),c.forEach(i),r=x(n),o=p(n,"DIV",{class:!0});var l=a(o);h=z(l,t[1]),l.forEach(i),g=x(n),A=p(n,"DIV",{class:!0});var f=a(A);S=z(f,t[2]),f.forEach(i),this.h()},h(){n(e,"class","icon svelte-131dghs"),n(o,"class","title"),n(A,"class","subtitle svelte-131dghs")},m(t,a){c(t,e,a),s&&u(s,e,null),c(t,r,a),c(t,o,a),l(o,h),c(t,g,a),c(t,A,a),l(A,S),D=!0},p(t,r){if(1&r&&I!==(I=t[0])){if(s){E();const t=s;b(t.$$.fragment,1,0,(()=>{k(t,1)})),y()}I?(s=v(I,{props:{size:"24"}}),m(s.$$.fragment),$(s.$$.fragment,1),u(s,e,null)):s=null}(!D||2&r)&&C(h,t[1]),(!D||4&r)&&C(S,t[2])},i(t){D||(s&&$(s.$$.fragment,t),D=!0)},o(t){s&&b(s.$$.fragment,t),D=!1},d(t){t&&i(e),s&&k(s),t&&i(r),t&&i(o),t&&i(g),t&&i(A)}}}function re(t){let e,s,r,o,l;return s=new R({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){e=f("div"),m(s.$$.fragment),this.h()},l(t){e=p(t,"DIV",{class:!0});var r=a(e);d(s.$$.fragment,r),r.forEach(i),this.h()},h(){n(e,"class","info-tile svelte-131dghs")},m(a,i){c(a,e,i),u(s,e,null),r=!0,o||(l=g(e,"click",t[4]),o=!0)},p(t,e){let[r]=e;const o={};39&r&&(o.$$scope={dirty:r,ctx:t}),s.$set(o)},i(t){r||($(s.$$.fragment,t),r=!0)},o(t){b(s.$$.fragment,t),r=!1},d(t){t&&i(e),k(s),o=!1,l()}}}function oe(t,e,s){let{icon:r}=e,{title:o}=e,{subtitle:a}=e,{href:i}=e;return t.$$set=t=>{"icon"in t&&s(0,r=t.icon),"title"in t&&s(1,o=t.title),"subtitle"in t&&s(2,a=t.subtitle),"href"in t&&s(3,i=t.href)},[r,o,a,i,()=>A(i)]}class ae extends t{constructor(t){super(),e(this,t,oe,re,s,{icon:0,title:1,subtitle:2,href:3})}}function ie(t){let e,s;return e=new ae({props:{icon:Yt,title:"Well, that's embarrasing",subtitle:"an error occurred while fetching the bundle size.",href:"https://bundlephobia.com/result?p=attractions"}}),{c(){m(e.$$.fragment)},l(t){d(e.$$.fragment,t)},m(t,r){u(e,t,r),s=!0},p:h,i(t){s||($(e.$$.fragment,t),s=!0)},o(t){b(e.$$.fragment,t),s=!1},d(t){k(e,t)}}}function ne(t){let e,s;return e=new ae({props:{icon:Yt,title:Gt(t[2].size)+" in size",subtitle:"and only "+Gt(t[2].gzip)+" gzipped!",href:"https://bundlephobia.com/result?p=attractions"}}),{c(){m(e.$$.fragment)},l(t){d(e.$$.fragment,t)},m(t,r){u(e,t,r),s=!0},p(t,s){const r={};1&s&&(r.title=Gt(t[2].size)+" in size"),1&s&&(r.subtitle="and only "+Gt(t[2].gzip)+" gzipped!"),e.$set(r)},i(t){s||($(e.$$.fragment,t),s=!0)},o(t){b(e.$$.fragment,t),s=!1},d(t){k(e,t)}}}function ce(t){let e,s;return e=new ae({props:{icon:Yt,title:"Calculating bundle size",subtitle:"gimme a sec...",href:"https://bundlephobia.com/result?p=attractions"}}),{c(){m(e.$$.fragment)},l(t){d(e.$$.fragment,t)},m(t,r){u(e,t,r),s=!0},p:h,i(t){s||($(e.$$.fragment,t),s=!0)},o(t){b(e.$$.fragment,t),s=!1},d(t){k(e,t)}}}function le(t){let e,s,r,o,h,g,v;s=new ae({props:{icon:ee,title:t[1]+" component"+Ht(t[1]),subtitle:"and more to come!",href:"./docs/components/button"}}),o=new ae({props:{icon:Jt,title:"Stylable with Sass",subtitle:"customize colors, fonts, shadows!",href:"./docs/installation"}});let j={ctx:t,current:null,token:null,hasCatch:!0,pending:ce,then:ne,catch:ie,value:2,blocks:[,,,]};return S(g=t[0],j),{c(){e=f("div"),m(s.$$.fragment),r=w(),m(o.$$.fragment),h=w(),j.block.c(),this.h()},l(t){e=p(t,"DIV",{class:!0});var n=a(e);d(s.$$.fragment,n),r=x(n),d(o.$$.fragment,n),h=x(n),j.block.l(n),n.forEach(i),this.h()},h(){n(e,"class","info-tiles svelte-18jhduw")},m(t,a){c(t,e,a),u(s,e,null),l(e,r),u(o,e,null),l(e,h),j.block.m(e,j.anchor=null),j.mount=()=>e,j.anchor=null,v=!0},p(e,s){let[r]=s;t=e,j.ctx=t,1&r&&g!==(g=t[0])&&S(g,j)||D(j,t,r)},i(t){v||($(s.$$.fragment,t),$(o.$$.fragment,t),$(j.block),v=!0)},o(t){b(s.$$.fragment,t),b(o.$$.fragment,t);for(let t=0;t<3;t+=1){const e=j.blocks[t];b(e)}v=!1},d(t){t&&i(e),k(s),k(o),j.block.d(),j.token=null,j=null}}}function he(t,e,s){const r=Object.keys(Lt).length-1-1;let o=Promise.resolve(1/0);return I((()=>{s(0,o=fetch("https://bundlephobia.com/api/size?package=attractions@3.7.1").then((t=>t.json())))})),[o,r]}class fe extends t{constructor(t){super(),e(this,t,he,le,s,{})}}function me(t){let e;return{c(){e=j("Attractions")},l(t){e=z(t,"Attractions")},m(t,s){c(t,e,s)},d(t){t&&i(e)}}}function pe(t){let e,s,r;return e=new qt({props:{size:"24",class:"mr"}}),{c(){m(e.$$.fragment),s=j("\n        docs")},l(t){d(e.$$.fragment,t),s=z(t,"\n        docs")},m(t,o){u(e,t,o),c(t,s,o),r=!0},p:h,i(t){r||($(e.$$.fragment,t),r=!0)},o(t){b(e.$$.fragment,t),r=!1},d(t){k(e,t),t&&i(s)}}}function de(t){let e,s,r;return e=new L({props:{size:"24",class:"mr"}}),{c(){m(e.$$.fragment),s=j("\n        GitHub")},l(t){d(e.$$.fragment,t),s=z(t,"\n        GitHub")},m(t,o){u(e,t,o),c(t,s,o),r=!0},p:h,i(t){r||($(e.$$.fragment,t),r=!0)},o(t){b(e.$$.fragment,t),r=!1},d(t){k(e,t),t&&i(s)}}}function ue(t){let e,s,r,o,h,g,v,E,y,C,A,S,D,I,B,W,F,R,G,H,V,_,L,O,U="3.7.1";return h=new M({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),V=new P({props:{filled:!0,href:"./docs",$$slots:{default:[pe]},$$scope:{ctx:t}}}),L=new P({props:{outline:!0,class:"ml",href:"https://github.com/illright/attractions",$$slots:{default:[de]},$$scope:{ctx:t}}}),{c(){e=f("header"),s=f("img"),o=w(),m(h.$$.fragment),g=w(),v=f("a"),E=j("v"),y=j(U),C=w(),A=f("p"),S=j("A "),D=f("mark"),I=j("pretty cool"),B=j(" UI kit for\n      "),W=f("a"),F=j("Svelte"),R=j("."),G=w(),H=f("div"),m(V.$$.fragment),_=w(),m(L.$$.fragment),this.h()},l(t){e=p(t,"HEADER",{});var r=a(e);s=p(r,"IMG",{src:!0,alt:!0}),o=x(r),d(h.$$.fragment,r),g=x(r),v=p(r,"A",{href:!0,class:!0,"sapper:prefetch":!0});var n=a(v);E=z(n,"v"),y=z(n,U),n.forEach(i),r.forEach(i),C=x(t),A=p(t,"P",{class:!0});var c=a(A);S=z(c,"A "),D=p(c,"MARK",{class:!0});var l=a(D);I=z(l,"pretty cool"),l.forEach(i),B=z(c," UI kit for\n      "),W=p(c,"A",{href:!0});var f=a(W);F=z(f,"Svelte"),f.forEach(i),R=z(c,"."),c.forEach(i),G=x(t),H=p(t,"DIV",{class:!0});var m=a(H);d(V.$$.fragment,m),_=x(m),d(L.$$.fragment,m),m.forEach(i),this.h()},h(){T(s.src,r="logo-no-bg.svg")||n(s,"src","logo-no-bg.svg"),n(s,"alt","Attractions logo"),n(v,"href","./docs/changelog"),n(v,"class","hide-on-tb-more"),n(v,"sapper:prefetch",""),n(D,"class","svelte-1bg8jus"),n(W,"href","https://svelte.dev"),n(A,"class","svelte-1bg8jus"),n(H,"class","actions")},m(t,r){c(t,e,r),l(e,s),l(e,o),u(h,e,null),l(e,g),l(e,v),l(v,E),l(v,y),c(t,C,r),c(t,A,r),l(A,S),l(A,D),l(D,I),l(A,B),l(A,W),l(W,F),l(A,R),c(t,G,r),c(t,H,r),u(V,H,null),l(H,_),u(L,H,null),O=!0},p(t,e){const s={};1&e&&(s.$$scope={dirty:e,ctx:t}),h.$set(s);const r={};1&e&&(r.$$scope={dirty:e,ctx:t}),V.$set(r);const o={};1&e&&(o.$$scope={dirty:e,ctx:t}),L.$set(o)},i(t){O||($(h.$$.fragment,t),$(V.$$.fragment,t),$(L.$$.fragment,t),O=!0)},o(t){b(h.$$.fragment,t),b(V.$$.fragment,t),b(L.$$.fragment,t),O=!1},d(t){t&&i(e),k(h),t&&i(C),t&&i(A),t&&i(G),t&&i(H),k(V),k(L)}}}function ge(t){let e,s,r,o,h,g,v,E,y,C,A,S,D,I,T,W,F,P,M,G,H,V,_,L,O,U="3.7.1";return o=new R({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),E=new fe({}),{c(){e=f("meta"),s=w(),r=f("main"),m(o.$$.fragment),h=w(),g=f("div"),v=w(),m(E.$$.fragment),y=w(),C=f("footer"),A=f("p"),S=j("made with ❤ by\n      "),D=f("a"),I=j("@aabounegm"),T=j("\n      and\n      "),W=f("a"),F=j("@illright"),P=w(),M=f("p"),G=j("MIT"),H=j("\n      licensed  • \n      "),V=f("a"),_=j("v"),L=j(U),this.h()},l(t){const n=B("svelte-1t3u68b",document.head);e=p(n,"META",{name:!0,content:!0}),n.forEach(i),s=x(t),r=p(t,"MAIN",{class:!0});var c=a(r);d(o.$$.fragment,c),h=x(c),g=p(c,"DIV",{class:!0}),a(g).forEach(i),v=x(c),d(E.$$.fragment,c),y=x(c),C=p(c,"FOOTER",{class:!0});var l=a(C);A=p(l,"P",{class:!0});var f=a(A);S=z(f,"made with ❤ by\n      "),D=p(f,"A",{href:!0});var m=a(D);I=z(m,"@aabounegm"),m.forEach(i),T=z(f,"\n      and\n      "),W=p(f,"A",{href:!0});var u=a(W);F=z(u,"@illright"),u.forEach(i),f.forEach(i),P=x(l),M=p(l,"P",{class:!0});var $=a(M);G=z($,"MIT"),H=z($,"\n      licensed  • \n      "),V=p($,"A",{href:!0,"sapper:prefetch":!0});var b=a(V);_=z(b,"v"),L=z(b,U),b.forEach(i),$.forEach(i),l.forEach(i),c.forEach(i),this.h()},h(){document.title="Attractions",n(e,"name","og:title"),n(e,"content","Attractions"),n(g,"class","strip svelte-1bg8jus"),n(D,"href","https://github.com/aabounegm"),n(W,"href","https://github.com/illright"),n(A,"class","svelte-1bg8jus"),n(V,"href","./docs/changelog"),n(V,"sapper:prefetch",""),n(M,"class","svelte-1bg8jus"),n(C,"class","svelte-1bg8jus"),n(r,"class","svelte-1bg8jus")},m(t,a){l(document.head,e),c(t,s,a),c(t,r,a),u(o,r,null),l(r,h),l(r,g),l(r,v),u(E,r,null),l(r,y),l(r,C),l(C,A),l(A,S),l(A,D),l(D,I),l(A,T),l(A,W),l(W,F),l(C,P),l(C,M),l(M,G),l(M,H),l(M,V),l(V,_),l(V,L),O=!0},p(t,e){let[s]=e;const r={};1&s&&(r.$$scope={dirty:s,ctx:t}),o.$set(r)},i(t){O||($(o.$$.fragment,t),$(E.$$.fragment,t),O=!0)},o(t){b(o.$$.fragment,t),b(E.$$.fragment,t),O=!1},d(t){i(e),t&&i(s),t&&i(r),k(o),k(E)}}}class $e extends t{constructor(t){super(),e(this,t,null,ge,s,{})}}export{$e as default};
diff --git a/376/client/legacy/inject_styles.099149d9.js b/376/client/legacy/inject_styles.099149d9.js
new file mode 100644
index 000000000..7d487d095
--- /dev/null
+++ b/376/client/legacy/inject_styles.099149d9.js
@@ -0,0 +1 @@
+function e(e){return Promise.all(e.map((function(e){return new Promise((function(t,n){var r=new URL(e,import.meta.url),l=document.baseURI;if(!l){var o=document.getElementsByTagName("base");l=o.length?o[0].href:document.URL}var u=(""+r).substring(l.length),a=document.querySelector('link[rel=stylesheet][href="'+u+'"]')||document.querySelector('link[rel=stylesheet][href="'+r+'"]');a||((a=document.createElement("link")).rel="stylesheet",a.href=r,document.head.appendChild(a)),a.sheet?t():(a.addEventListener("load",(function(){return t()})),a.addEventListener("error",n))}))})))}export{e as default};
diff --git a/376/client/legacy/installation-41b9ba7c.css b/376/client/legacy/installation-41b9ba7c.css
new file mode 100644
index 000000000..b8a3295f7
--- /dev/null
+++ b/376/client/legacy/installation-41b9ba7c.css
@@ -0,0 +1 @@
+.toolchain.svelte-dfgfbu{background:rgba(67, 0, 176, 0.03);border-radius:1em;display:grid;gap:0.35em;grid-auto-flow:column;grid-template:auto auto/1fr 1fr 1fr;justify-items:center;margin:2em 0;padding:1.5em 1em}.prelude.svelte-dfgfbu{margin-bottom:1.5em}.caution.svelte-dfgfbu{background:rgba(255, 179, 89, 0.07);border-radius:1em;font-size:0.9em;font-weight:300;margin:2em 0;padding:1.5em}.caution.svelte-dfgfbu .label{color:#f18300;margin-bottom:0.5em}strong.svelte-dfgfbu{color:#4300b0}
diff --git a/376/client/legacy/installation.d9b993c0.js b/376/client/legacy/installation.d9b993c0.js
new file mode 100644
index 000000000..e712c5670
--- /dev/null
+++ b/376/client/legacy/installation.d9b993c0.js
@@ -0,0 +1 @@
+import{S as n,i as s,s as a,K as t,j as e,l as p,m as o,U as c,a0 as l,t as r,p as u,q as i,L as k,Y as $,$ as f,u as m,h as d,H as g,w as h,k as y,b as v,d as w,e as x,f as b,g as E,a1 as j,y as S,z as T,v as P,x as R,n as A,am as C,an as L}from"./client.583c6e60.js";import{L as I,H,P as M}from"./layout.47c81311.js";import{T as N}from"./tabs.6ac2017f.js";import{L as O}from"./label.d533579b.js";import{C as B}from"./copyable-code.ce778425.js";import"./classes.a7d1a9eb.js";import"./tab.d157e8e5.js";import"./button.863c0adf.js";function D(n){let s;return{c(){s=P("Installation")},l(n){s=R(n,"Installation")},m(n,a){b(n,s,a)},d(n){n&&w(s)}}}function q(n){let s;return{c(){s=P("Package manager")},l(n){s=R(n,"Package manager")},m(n,a){b(n,s,a)},d(n){n&&w(s)}}}function W(n){let s;return{c(){s=P("Bundler")},l(n){s=R(n,"Bundler")},m(n,a){b(n,s,a)},d(n){n&&w(s)}}}function Y(n){let s;return{c(){s=P("Framework")},l(n){s=R(n,"Framework")},m(n,a){b(n,s,a)},d(n){n&&w(s)}}}function G(n){let s,a,t,c,l;return a=new M({props:{$$slots:{default:[V]},$$scope:{ctx:n}}}),c=new M({props:{$$slots:{default:[J]},$$scope:{ctx:n}}}),{c(){s=d("div"),e(a.$$.fragment),t=m(),e(c.$$.fragment),this.h()},l(n){s=y(n,"DIV",{class:!0});var e=v(s);p(a.$$.fragment,e),t=h(e),p(c.$$.fragment,e),e.forEach(w),this.h()},h(){x(s,"class","prelude svelte-dfgfbu")},m(n,e){b(n,s,e),o(a,s,null),E(s,t),o(c,s,null),l=!0},i(n){l||(r(a.$$.fragment,n),r(c.$$.fragment,n),l=!0)},o(n){u(a.$$.fragment,n),u(c.$$.fragment,n),l=!1},d(n){n&&w(s),i(a),i(c)}}}function V(n){let s;return{c(){s=P("You can use Attractions with other JS frameworks such as React and Vue, however, this usage is rather restricted in capabilities.")},l(n){s=R(n,"You can use Attractions with other JS frameworks such as React and Vue, however, this usage is rather restricted in capabilities.")},m(n,a){b(n,s,a)},d(n){n&&w(s)}}}function J(n){let s;return{c(){s=P("If you're experiencing trouble, see if you can wrap the entire usage of this library\nin its own Svelte component that does minimal interactions with the world (as few props/events as possible)\nand integrate that component into your page rendered with another framework.")},l(n){s=R(n,"If you're experiencing trouble, see if you can wrap the entire usage of this library\nin its own Svelte component that does minimal interactions with the world (as few props/events as possible)\nand integrate that component into your page rendered with another framework.")},m(n,a){b(n,s,a)},d(n){n&&w(s)}}}function _(n){let s,a,t,c,l,k,$,f,g,j,S,T,P;return a=new O({props:{$$slots:{default:[F]},$$scope:{ctx:n}}}),c=new M({props:{$$slots:{default:[X]},$$scope:{ctx:n}}}),k=new M({props:{$$slots:{default:[z]},$$scope:{ctx:n}}}),f=new B({props:{terminal:!0,$$slots:{default:[Z]},$$scope:{ctx:n}}}),j=new M({props:{$$slots:{default:[nn]},$$scope:{ctx:n}}}),T=new B({props:{filename:"webpack.config.js",$$slots:{default:[sn]},$$scope:{ctx:n}}}),{c(){s=d("div"),e(a.$$.fragment),t=m(),e(c.$$.fragment),l=m(),e(k.$$.fragment),$=m(),e(f.$$.fragment),g=m(),e(j.$$.fragment),S=m(),e(T.$$.fragment),this.h()},l(n){s=y(n,"DIV",{class:!0});var e=v(s);p(a.$$.fragment,e),t=h(e),p(c.$$.fragment,e),l=h(e),p(k.$$.fragment,e),$=h(e),p(f.$$.fragment,e),g=h(e),p(j.$$.fragment,e),S=h(e),p(T.$$.fragment,e),e.forEach(w),this.h()},h(){x(s,"class","caution svelte-dfgfbu")},m(n,e){b(n,s,e),o(a,s,null),E(s,t),o(c,s,null),E(s,l),o(k,s,null),E(s,$),o(f,s,null),E(s,g),o(j,s,null),E(s,S),o(T,s,null),P=!0},p(n,s){const t={};1024&s&&(t.$$scope={dirty:s,ctx:n}),a.$set(t);const e={};1024&s&&(e.$$scope={dirty:s,ctx:n}),c.$set(e);const p={};1024&s&&(p.$$scope={dirty:s,ctx:n}),k.$set(p);const o={};1025&s&&(o.$$scope={dirty:s,ctx:n}),f.$set(o);const l={};1024&s&&(l.$$scope={dirty:s,ctx:n}),j.$set(l);const r={};1024&s&&(r.$$scope={dirty:s,ctx:n}),T.$set(r)},i(n){P||(r(a.$$.fragment,n),r(c.$$.fragment,n),r(k.$$.fragment,n),r(f.$$.fragment,n),r(j.$$.fragment,n),r(T.$$.fragment,n),P=!0)},o(n){u(a.$$.fragment,n),u(c.$$.fragment,n),u(k.$$.fragment,n),u(f.$$.fragment,n),u(j.$$.fragment,n),u(T.$$.fragment,n),P=!1},d(n){n&&w(s),i(a),i(c),i(k),i(f),i(j),i(T)}}}function F(n){let s;return{c(){s=P("Caution")},l(n){s=R(n,"Caution")},m(n,a){b(n,s,a)},d(n){n&&w(s)}}}function X(n){let s,a,t,e;return{c(){s=P("Webpack 4.x.x doesn't support the following ES Modules syntax: "),a=d("code"),t=P("export * as X from 'Y'"),e=P(".\nThus, in order to use Attractions with Webpack 4, you need to transpile its index file with Babel.")},l(n){s=R(n,"Webpack 4.x.x doesn't support the following ES Modules syntax: "),a=y(n,"CODE",{});var p=v(a);t=R(p,"export * as X from 'Y'"),p.forEach(w),e=R(n,".\nThus, in order to use Attractions with Webpack 4, you need to transpile its index file with Babel.")},m(n,p){b(n,s,p),b(n,a,p),E(a,t),b(n,e,p)},p:A,d(n){n&&w(s),n&&w(a),n&&w(e)}}}function z(n){let s;return{c(){s=P("Install Babel (if you don't have it already):")},l(n){s=R(n,"Install Babel (if you don't have it already):")},m(n,a){b(n,s,a)},d(n){n&&w(s)}}}function K(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-shell")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-shell"><span class="token function">pnpm</span> <span class="token function">add</span> --save-dev babel-loader @babel/core @babel/preset-env</code>'},d(n){n&&w(s)}}}function U(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-shell")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-shell"><span class="token function">yarn</span> <span class="token function">add</span> <span class="token parameter variable">--dev</span> babel-loader @babel/core @babel/preset-env</code>'},d(n){n&&w(s)}}}function Q(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-shell")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-shell"><span class="token function">npm</span> <span class="token function">install</span> --save-dev babel-loader @babel/core @babel/preset-env</code>'},d(n){n&&w(s)}}}function Z(n){let s;function a(n,s){return n[0]===n[3].npm?Q:n[0]===n[3].yarn?U:K}let t=a(n),e=t(n);return{c(){e.c(),s=g()},l(n){e.l(n),s=g()},m(n,a){e.m(n,a),b(n,s,a)},p(n,p){t!==(t=a(n))&&(e.d(1),e=t(n),e&&(e.c(),e.m(s.parentNode,s)))},d(n){e.d(n),n&&w(s)}}}function nn(n){let s;return{c(){s=P("And add the following rule:")},l(n){s=R(n,"And add the following rule:")},m(n,a){b(n,s,a)},d(n){n&&w(s)}}}function sn(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-js")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-js">module<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">&#123;</span>\n  <span class="token literal-property property">module</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n    <span class="token literal-property property">rules</span><span class="token operator">:</span> <span class="token punctuation">[</span>\n      <span class="token comment">// ...,</span>\n      <span class="token punctuation">&#123;</span>\n        <span class="token literal-property property">test</span><span class="token operator">:</span> <span class="token operator">/</span>attractions\\<span class="token regex"><span class="token regex-delimiter">/</span><span class="token regex-source language-regex">index.js$</span><span class="token regex-delimiter">/</span></span><span class="token punctuation">,</span>\n        <span class="token literal-property property">use</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n          <span class="token literal-property property">loader</span><span class="token operator">:</span> <span class="token string">\'babel-loader\'</span><span class="token punctuation">,</span>\n          <span class="token literal-property property">options</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n            <span class="token literal-property property">presets</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token string">\'@babel/preset-env\'</span><span class="token punctuation">]</span>\n          <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n        <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n      <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">]</span><span class="token punctuation">,</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n<span class="token punctuation">&#125;</span><span class="token punctuation">;</span></code>'},p:A,d(n){n&&w(s)}}}function an(n){let s;return{c(){s=P("and its peer dependencies")},l(n){s=R(n,"and its peer dependencies")},m(n,a){b(n,s,a)},d(n){n&&w(s)}}}function tn(n){let s,a,t,e,p,o,c=n[2]===n[5].other?"<code>dependencies</code>":"<code>devDependencies</code>",l=n[2]!==n[5].other&&an();return{c(){s=d("strong"),a=P("Step 1."),t=P(" Add Attractions "),l&&l.c(),e=P("\nto your "),p=new C(!1),o=P(":"),this.h()},l(n){s=y(n,"STRONG",{class:!0});var c=v(s);a=R(c,"Step 1."),c.forEach(w),t=R(n," Add Attractions "),l&&l.l(n),e=R(n,"\nto your "),p=L(n,!1),o=R(n,":"),this.h()},h(){x(s,"class","svelte-dfgfbu"),p.a=o},m(n,r){b(n,s,r),E(s,a),b(n,t,r),l&&l.m(n,r),b(n,e,r),p.m(c,n,r),b(n,o,r)},p(n,s){n[2]!==n[5].other?l||(l=an(),l.c(),l.m(e.parentNode,e)):l&&(l.d(1),l=null),4&s&&c!==(c=n[2]===n[5].other?"<code>dependencies</code>":"<code>devDependencies</code>")&&p.p(c)},d(n){n&&w(s),n&&w(t),l&&l.d(n),n&&w(e),n&&p.d(),n&&w(o)}}}function en(n){let s,a;return s=new B({props:{terminal:!0,$$slots:{default:[rn]},$$scope:{ctx:n}}}),{c(){e(s.$$.fragment)},l(n){p(s.$$.fragment,n)},m(n,t){o(s,n,t),a=!0},p(n,a){const t={};1028&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(r(s.$$.fragment,n),a=!0)},o(n){u(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function pn(n){let s,a;return s=new B({props:{terminal:!0,$$slots:{default:[$n]},$$scope:{ctx:n}}}),{c(){e(s.$$.fragment)},l(n){p(s.$$.fragment,n)},m(n,t){o(s,n,t),a=!0},p(n,a){const t={};1028&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(r(s.$$.fragment,n),a=!0)},o(n){u(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function on(n){let s,a;return s=new B({props:{terminal:!0,$$slots:{default:[dn]},$$scope:{ctx:n}}}),{c(){e(s.$$.fragment)},l(n){p(s.$$.fragment,n)},m(n,t){o(s,n,t),a=!0},p(n,a){const t={};1028&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(r(s.$$.fragment,n),a=!0)},o(n){u(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function cn(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-shell")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-shell"><span class="token function">pnpm</span> <span class="token function">add</span> --save-dev attractions svelte-preprocess sass postcss</code>'},d(n){n&&w(s)}}}function ln(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-shell")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-shell"><span class="token function">pnpm</span> <span class="token function">add</span> attractions</code>'},d(n){n&&w(s)}}}function rn(n){let s;function a(n,s){return n[2]===n[5].other?ln:cn}let t=a(n),e=t(n);return{c(){e.c(),s=g()},l(n){e.l(n),s=g()},m(n,a){e.m(n,a),b(n,s,a)},p(n,p){t!==(t=a(n))&&(e.d(1),e=t(n),e&&(e.c(),e.m(s.parentNode,s)))},d(n){e.d(n),n&&w(s)}}}function un(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-shell")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-shell"><span class="token function">yarn</span> <span class="token function">add</span> <span class="token parameter variable">--dev</span> attractions svelte-preprocess sass postcss</code>'},d(n){n&&w(s)}}}function kn(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-shell")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-shell"><span class="token function">yarn</span> <span class="token function">add</span> attractions</code>'},d(n){n&&w(s)}}}function $n(n){let s;function a(n,s){return n[2]===n[5].other?kn:un}let t=a(n),e=t(n);return{c(){e.c(),s=g()},l(n){e.l(n),s=g()},m(n,a){e.m(n,a),b(n,s,a)},p(n,p){t!==(t=a(n))&&(e.d(1),e=t(n),e&&(e.c(),e.m(s.parentNode,s)))},d(n){e.d(n),n&&w(s)}}}function fn(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-shell")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-shell"><span class="token function">npm</span> <span class="token function">install</span> --save-dev attractions svelte-preprocess sass postcss</code>'},d(n){n&&w(s)}}}function mn(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-shell")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-shell"><span class="token function">npm</span> <span class="token function">install</span> <span class="token parameter variable">--save</span> attractions</code>'},d(n){n&&w(s)}}}function dn(n){let s;function a(n,s){return n[2]===n[5].other?mn:fn}let t=a(n),e=t(n);return{c(){e.c(),s=g()},l(n){e.l(n),s=g()},m(n,a){e.m(n,a),b(n,s,a)},p(n,p){t!==(t=a(n))&&(e.d(1),e=t(n),e&&(e.c(),e.m(s.parentNode,s)))},d(n){e.d(n),n&&w(s)}}}function gn(n){let s,a,t,c;return s=new M({props:{$$slots:{default:[yn]},$$scope:{ctx:n}}}),t=new B({props:{$$slots:{default:[vn]},$$scope:{ctx:n}}}),{c(){e(s.$$.fragment),a=m(),e(t.$$.fragment)},l(n){p(s.$$.fragment,n),a=h(n),p(t.$$.fragment,n)},m(n,e){o(s,n,e),b(n,a,e),o(t,n,e),c=!0},p(n,a){const e={};1024&a&&(e.$$scope={dirty:a,ctx:n}),s.$set(e);const p={};1024&a&&(p.$$scope={dirty:a,ctx:n}),t.$set(p)},i(n){c||(r(s.$$.fragment,n),r(t.$$.fragment,n),c=!0)},o(n){u(s.$$.fragment,n),u(t.$$.fragment,n),c=!1},d(n){i(s,n),n&&w(a),i(t,n)}}}function hn(n){let s,a,t,c,l,k,$,f,d,g,y,v,x;s=new M({props:{$$slots:{default:[jn]},$$scope:{ctx:n}}}),t=new B({props:{filename:"svelte.config.js",$$slots:{default:[Sn]},$$scope:{ctx:n}}});const E=[Pn,Tn],j=[];function P(n,s){return n[1]===n[4].rollup?0:n[1]===n[4].webpack?1:-1}return~(l=P(n))&&(k=j[l]=E[l](n)),f=new M({props:{$$slots:{default:[On]},$$scope:{ctx:n}}}),g=new B({props:{$$slots:{default:[Bn]},$$scope:{ctx:n}}}),v=new M({props:{$$slots:{default:[Dn]},$$scope:{ctx:n}}}),{c(){e(s.$$.fragment),a=m(),e(t.$$.fragment),c=m(),k&&k.c(),$=m(),e(f.$$.fragment),d=m(),e(g.$$.fragment),y=m(),e(v.$$.fragment)},l(n){p(s.$$.fragment,n),a=h(n),p(t.$$.fragment,n),c=h(n),k&&k.l(n),$=h(n),p(f.$$.fragment,n),d=h(n),p(g.$$.fragment,n),y=h(n),p(v.$$.fragment,n)},m(n,e){o(s,n,e),b(n,a,e),o(t,n,e),b(n,c,e),~l&&j[l].m(n,e),b(n,$,e),o(f,n,e),b(n,d,e),o(g,n,e),b(n,y,e),o(v,n,e),x=!0},p(n,a){const e={};1030&a&&(e.$$scope={dirty:a,ctx:n}),s.$set(e);const p={};1024&a&&(p.$$scope={dirty:a,ctx:n}),t.$set(p);let o=l;l=P(n),l===o?~l&&j[l].p(n,a):(k&&(S(),u(j[o],1,1,(()=>{j[o]=null})),T()),~l?(k=j[l],k?k.p(n,a):(k=j[l]=E[l](n),k.c()),r(k,1),k.m($.parentNode,$)):k=null);const c={};1024&a&&(c.$$scope={dirty:a,ctx:n}),f.$set(c);const i={};1024&a&&(i.$$scope={dirty:a,ctx:n}),g.$set(i);const m={};1024&a&&(m.$$scope={dirty:a,ctx:n}),v.$set(m)},i(n){x||(r(s.$$.fragment,n),r(t.$$.fragment,n),r(k),r(f.$$.fragment,n),r(g.$$.fragment,n),r(v.$$.fragment,n),x=!0)},o(n){u(s.$$.fragment,n),u(t.$$.fragment,n),u(k),u(f.$$.fragment,n),u(g.$$.fragment,n),u(v.$$.fragment,n),x=!1},d(n){i(s,n),n&&w(a),i(t,n),n&&w(c),~l&&j[l].d(n),n&&w($),i(f,n),n&&w(d),i(g,n),n&&w(y),i(v,n)}}}function yn(n){let s,a,t,e,p,o;return{c(){s=d("strong"),a=P("Step 2."),t=P(" Import the desired components as named imports and use with the "),e=d("a"),p=P("Component API"),o=P(":"),this.h()},l(n){s=y(n,"STRONG",{class:!0});var c=v(s);a=R(c,"Step 2."),c.forEach(w),t=R(n," Import the desired components as named imports and use with the "),e=y(n,"A",{href:!0,rel:!0});var l=v(e);p=R(l,"Component API"),l.forEach(w),o=R(n,":"),this.h()},h(){x(s,"class","svelte-dfgfbu"),x(e,"href","https://svelte.dev/docs#Client-side_component_API"),x(e,"rel","nofollow")},m(n,c){b(n,s,c),E(s,a),b(n,t,c),b(n,e,c),E(e,p),b(n,o,c)},p:A,d(n){n&&w(s),n&&w(t),n&&w(e),n&&w(o)}}}function vn(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-js")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-js"><span class="token keyword">import</span> <span class="token punctuation">&#123;</span> DatePicker <span class="token punctuation">&#125;</span> <span class="token keyword">from</span> <span class="token string">\'attractions\'</span><span class="token punctuation">;</span>\n\n<span class="token keyword">const</span> picker <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">DatePicker</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n  <span class="token literal-property property">target</span><span class="token operator">:</span> document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">\'container\'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n  <span class="token literal-property property">props</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n    <span class="token literal-property property">firstWeekday</span><span class="token operator">:</span> <span class="token number">0</span><span class="token punctuation">,</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n<span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n\n<span class="token comment">// Listening to events</span>\npicker<span class="token punctuation">.</span><span class="token function">$on</span><span class="token punctuation">(</span><span class="token string">\'change\'</span><span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token parameter">e</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">&#123;</span>\n  console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>e<span class="token punctuation">.</span>detail<span class="token punctuation">)</span><span class="token punctuation">;</span>\n<span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code>'},p:A,d(n){n&&w(s)}}}function wn(n){let s,a,t,e;return{c(){s=P("("),a=d("a"),t=P("as shown here"),e=P("):"),this.h()},l(n){s=R(n,"("),a=y(n,"A",{href:!0,rel:!0});var p=v(a);t=R(p,"as shown here"),p.forEach(w),e=R(n,"):"),this.h()},h(){x(a,"href","https://github.com/sveltejs/svelte-preprocess/blob/main/docs/usage.md#with-svelte-loader"),x(a,"rel","nofollow")},m(n,p){b(n,s,p),b(n,a,p),E(a,t),b(n,e,p)},p:A,d(n){n&&w(s),n&&w(a),n&&w(e)}}}function xn(n){let s;function a(n,s){return n[2]===n[5].svelte?En:bn}let t=a(n),e=t(n);return{c(){e.c(),s=g()},l(n){e.l(n),s=g()},m(n,a){e.m(n,a),b(n,s,a)},p(n,p){t!==(t=a(n))&&(e.d(1),e=t(n),e&&(e.c(),e.m(s.parentNode,s)))},d(n){e.d(n),n&&w(s)}}}function bn(n){let s,a,t,e;return{c(){s=P("("),a=d("a"),t=P("as shown here"),e=P("):"),this.h()},l(n){s=R(n,"("),a=y(n,"A",{href:!0,rel:!0});var p=v(a);t=R(p,"as shown here"),p.forEach(w),e=R(n,"):"),this.h()},h(){x(a,"href","https://github.com/sveltejs/svelte-preprocess/blob/main/docs/usage.md#with-sapper"),x(a,"rel","nofollow")},m(n,p){b(n,s,p),b(n,a,p),E(a,t),b(n,e,p)},d(n){n&&w(s),n&&w(a),n&&w(e)}}}function En(n){let s,a,t,e;return{c(){s=P("("),a=d("a"),t=P("as shown here"),e=P("):"),this.h()},l(n){s=R(n,"("),a=y(n,"A",{href:!0,rel:!0});var p=v(a);t=R(p,"as shown here"),p.forEach(w),e=R(n,"):"),this.h()},h(){x(a,"href","https://github.com/sveltejs/svelte-preprocess/blob/main/docs/usage.md#with-rollup-plugin-svelte"),x(a,"rel","nofollow")},m(n,p){b(n,s,p),b(n,a,p),E(a,t),b(n,e,p)},d(n){n&&w(s),n&&w(a),n&&w(e)}}}function jn(n){let s,a,t,e,p,o,c;function l(n,s){return n[1]===n[4].rollup?xn:wn}let r=l(n),u=r(n);return{c(){s=d("strong"),a=P("Step 2."),t=P(" Add "),e=d("code"),p=P("svelte-preprocess"),o=P(" to your preprocessor chain\n"),u.c(),c=g(),this.h()},l(n){s=y(n,"STRONG",{class:!0});var l=v(s);a=R(l,"Step 2."),l.forEach(w),t=R(n," Add "),e=y(n,"CODE",{});var r=v(e);p=R(r,"svelte-preprocess"),r.forEach(w),o=R(n," to your preprocessor chain\n"),u.l(n),c=g(),this.h()},h(){x(s,"class","svelte-dfgfbu")},m(n,l){b(n,s,l),E(s,a),b(n,t,l),b(n,e,l),E(e,p),b(n,o,l),u.m(n,l),b(n,c,l)},p(n,s){r===(r=l(n))&&u?u.p(n,s):(u.d(1),u=r(n),u&&(u.c(),u.m(c.parentNode,c)))},d(n){n&&w(s),n&&w(t),n&&w(e),n&&w(o),u.d(n),n&&w(c)}}}function Sn(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-js")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-js"><span class="token keyword">const</span> sveltePreprocess <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">\'svelte-preprocess\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n\nmodule<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">&#123;</span>\n  <span class="token literal-property property">preprocess</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token function">sveltePreprocess</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">]</span><span class="token punctuation">,</span>\n<span class="token punctuation">&#125;</span><span class="token punctuation">;</span></code>'},p:A,d(n){n&&w(s)}}}function Tn(n){let s,a,t,e;const p=[An,Rn],o=[];function c(n,s){return n[2]===n[5].svelte?0:1}return s=c(n),a=o[s]=p[s](n),{c(){a.c(),t=g()},l(n){a.l(n),t=g()},m(n,a){o[s].m(n,a),b(n,t,a),e=!0},p(n,e){let l=s;s=c(n),s!==l&&(S(),u(o[l],1,1,(()=>{o[l]=null})),T(),a=o[s],a||(a=o[s]=p[s](n),a.c()),r(a,1),a.m(t.parentNode,t))},i(n){e||(r(a),e=!0)},o(n){u(a),e=!1},d(n){o[s].d(n),n&&w(t)}}}function Pn(n){let s,a,t,e;const p=[Hn,In],o=[];function c(n,s){return n[2]===n[5].svelte?0:1}return s=c(n),a=o[s]=p[s](n),{c(){a.c(),t=g()},l(n){a.l(n),t=g()},m(n,a){o[s].m(n,a),b(n,t,a),e=!0},p(n,e){let l=s;s=c(n),s!==l&&(S(),u(o[l],1,1,(()=>{o[l]=null})),T(),a=o[s],a||(a=o[s]=p[s](n),a.c()),r(a,1),a.m(t.parentNode,t))},i(n){e||(r(a),e=!0)},o(n){u(a),e=!1},d(n){o[s].d(n),n&&w(t)}}}function Rn(n){let s,a;return s=new B({props:{filename:"webpack.config.js",$$slots:{default:[Cn]},$$scope:{ctx:n}}}),{c(){e(s.$$.fragment)},l(n){p(s.$$.fragment,n)},m(n,t){o(s,n,t),a=!0},i(n){a||(r(s.$$.fragment,n),a=!0)},o(n){u(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function An(n){let s,a;return s=new B({props:{filename:"webpack.config.js",$$slots:{default:[Ln]},$$scope:{ctx:n}}}),{c(){e(s.$$.fragment)},l(n){p(s.$$.fragment,n)},m(n,t){o(s,n,t),a=!0},i(n){a||(r(s.$$.fragment,n),a=!0)},o(n){u(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function Cn(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-js")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-js"><span class="token keyword">const</span> svelteConfig <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">\'./svelte.config.js\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n\nmodule<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">&#123;</span>\n  <span class="token literal-property property">client</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n    <span class="token comment">// ...,</span>\n    <span class="token literal-property property">module</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n      <span class="token literal-property property">rules</span><span class="token operator">:</span> <span class="token punctuation">[</span>\n        <span class="token comment">// ...,</span>\n        <span class="token punctuation">&#123;</span>\n          <span class="token literal-property property">test</span><span class="token operator">:</span> <span class="token regex"><span class="token regex-delimiter">/</span><span class="token regex-source language-regex">\\.(svelte|html)$</span><span class="token regex-delimiter">/</span></span><span class="token punctuation">,</span>\n          <span class="token literal-property property">exclude</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">,</span>\n          <span class="token literal-property property">use</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n            <span class="token literal-property property">loader</span><span class="token operator">:</span> <span class="token string">\'svelte-loader\'</span><span class="token punctuation">,</span>\n            <span class="token literal-property property">options</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n              <span class="token operator">...</span>svelteConfig<span class="token punctuation">,</span>\n              <span class="token comment">// ...,</span>\n            <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n          <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n        <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n      <span class="token punctuation">]</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token literal-property property">server</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n    <span class="token comment">// ...,</span>\n    <span class="token literal-property property">module</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n      <span class="token literal-property property">rules</span><span class="token operator">:</span> <span class="token punctuation">[</span>\n        <span class="token comment">// ...,</span>\n        <span class="token punctuation">&#123;</span>\n          <span class="token literal-property property">test</span><span class="token operator">:</span> <span class="token regex"><span class="token regex-delimiter">/</span><span class="token regex-source language-regex">\\.(svelte|html)$</span><span class="token regex-delimiter">/</span></span><span class="token punctuation">,</span>\n          <span class="token literal-property property">exclude</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">,</span>\n          <span class="token literal-property property">use</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n            <span class="token literal-property property">loader</span><span class="token operator">:</span> <span class="token string">\'svelte-loader\'</span><span class="token punctuation">,</span>\n            <span class="token literal-property property">options</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n              <span class="token operator">...</span>svelteConfig<span class="token punctuation">,</span>\n              <span class="token comment">// ...,</span>\n            <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n          <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n        <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n      <span class="token punctuation">]</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token literal-property property">serviceworker</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n    <span class="token comment">// ...</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n<span class="token punctuation">&#125;</span></code>'},p:A,d(n){n&&w(s)}}}function Ln(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-js")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-js"><span class="token keyword">const</span> svelteConfig <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">\'./svelte.config.js\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n\nmodule<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">&#123;</span>\n  <span class="token comment">// ...,</span>\n  <span class="token literal-property property">module</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n    <span class="token literal-property property">rules</span><span class="token operator">:</span> <span class="token punctuation">[</span>\n      <span class="token comment">// ...,</span>\n      <span class="token punctuation">&#123;</span>\n        <span class="token literal-property property">test</span><span class="token operator">:</span> <span class="token regex"><span class="token regex-delimiter">/</span><span class="token regex-source language-regex">\\.(svelte|html)$</span><span class="token regex-delimiter">/</span></span><span class="token punctuation">,</span>\n        <span class="token literal-property property">exclude</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">,</span>\n        <span class="token literal-property property">use</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n          <span class="token literal-property property">loader</span><span class="token operator">:</span> <span class="token string">\'svelte-loader\'</span><span class="token punctuation">,</span>\n          <span class="token literal-property property">options</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n            <span class="token operator">...</span>svelteConfig<span class="token punctuation">,</span>\n            <span class="token comment">// ...,</span>\n          <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n        <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n      <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">]</span><span class="token punctuation">,</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n<span class="token punctuation">&#125;</span><span class="token punctuation">;</span></code>'},p:A,d(n){n&&w(s)}}}function In(n){let s,a;return s=new B({props:{filename:"rollup.config.js",$$slots:{default:[Mn]},$$scope:{ctx:n}}}),{c(){e(s.$$.fragment)},l(n){p(s.$$.fragment,n)},m(n,t){o(s,n,t),a=!0},i(n){a||(r(s.$$.fragment,n),a=!0)},o(n){u(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function Hn(n){let s,a;return s=new B({props:{filename:"rollup.config.js",$$slots:{default:[Nn]},$$scope:{ctx:n}}}),{c(){e(s.$$.fragment)},l(n){p(s.$$.fragment,n)},m(n,t){o(s,n,t),a=!0},i(n){a||(r(s.$$.fragment,n),a=!0)},o(n){u(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}function Mn(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-js")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-js"><span class="token keyword">import</span> svelte <span class="token keyword">from</span> <span class="token string">\'rollup-plugin-svelte\'</span><span class="token punctuation">;</span>\n<span class="token keyword">const</span> svelteConfig <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">\'./svelte.config.js\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// it has to be a CommonJS import</span>\n\n<span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">&#123;</span>\n  <span class="token literal-property property">client</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n    <span class="token comment">// ...,</span>\n    <span class="token literal-property property">plugins</span><span class="token operator">:</span> <span class="token punctuation">[</span>\n      <span class="token function">svelte</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n        <span class="token operator">...</span>svelteConfig<span class="token punctuation">,</span>\n        <span class="token comment">// ...,</span>\n      <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n    <span class="token punctuation">]</span><span class="token punctuation">,</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token literal-property property">server</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n    <span class="token comment">// ...,</span>\n    <span class="token literal-property property">plugins</span><span class="token operator">:</span> <span class="token punctuation">[</span>\n      <span class="token function">svelte</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n        <span class="token operator">...</span>svelteConfig<span class="token punctuation">,</span>\n        <span class="token comment">// ...,</span>\n      <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n    <span class="token punctuation">]</span><span class="token punctuation">,</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token literal-property property">serviceworker</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n    <span class="token comment">// ...</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n<span class="token punctuation">&#125;</span><span class="token punctuation">;</span></code>'},p:A,d(n){n&&w(s)}}}function Nn(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-js")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-js"><span class="token keyword">import</span> svelte <span class="token keyword">from</span> <span class="token string">\'rollup-plugin-svelte\'</span><span class="token punctuation">;</span>\n<span class="token keyword">const</span> svelteConfig <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">\'./svelte.config.js\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// it has to be a CommonJS import</span>\n\n<span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">&#123;</span>\n  <span class="token comment">// ...,</span>\n  <span class="token literal-property property">plugins</span><span class="token operator">:</span> <span class="token punctuation">[</span>\n    <span class="token function">svelte</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n      <span class="token operator">...</span>svelteConfig<span class="token punctuation">,</span>\n      <span class="token comment">// ...,</span>\n    <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">,</span>\n<span class="token punctuation">&#125;</span><span class="token punctuation">;</span></code>'},p:A,d(n){n&&w(s)}}}function On(n){let s,a,t;return{c(){s=d("strong"),a=P("Step 3."),t=P(" Import the desired components as named imports and use wherever you like!"),this.h()},l(n){s=y(n,"STRONG",{class:!0});var e=v(s);a=R(e,"Step 3."),e.forEach(w),t=R(n," Import the desired components as named imports and use wherever you like!"),this.h()},h(){x(s,"class","svelte-dfgfbu")},m(n,e){b(n,s,e),E(s,a),b(n,t,e)},p:A,d(n){n&&w(s),n&&w(t)}}}function Bn(n){let s;return{c(){s=d("pre"),this.h()},l(n){s=y(n,"PRE",{class:!0}),v(s).forEach(w),this.h()},h(){x(s,"class","language-svelte")},m(n,a){b(n,s,a),s.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">&#123;</span> Button <span class="token punctuation">&#125;</span> <span class="token keyword">from</span> <span class="token string">\'attractions\'</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>click me<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span></code>'},p:A,d(n){n&&w(s)}}}function Dn(n){let s,a,t,e,p,o,c,l;return{c(){s=P("If you'd like to use/edit the Sass variables that Attractions uses for theming or if your "),a=d("code"),t=P("node_modules"),e=P(" folder is not in the root of your project, take a look at the "),p=d("a"),o=d("strong"),c=P("Theming with Sass"),l=P(" section."),this.h()},l(n){s=R(n,"If you'd like to use/edit the Sass variables that Attractions uses for theming or if your "),a=y(n,"CODE",{});var r=v(a);t=R(r,"node_modules"),r.forEach(w),e=R(n," folder is not in the root of your project, take a look at the "),p=y(n,"A",{href:!0});var u=v(p);o=y(u,"STRONG",{class:!0});var i=v(o);c=R(i,"Theming with Sass"),i.forEach(w),u.forEach(w),l=R(n," section."),this.h()},h(){x(o,"class","svelte-dfgfbu"),x(p,"href","./docs/theming")},m(n,r){b(n,s,r),b(n,a,r),E(a,t),b(n,e,r),b(n,p,r),E(p,o),E(o,c),b(n,l,r)},p:A,d(n){n&&w(s),n&&w(a),n&&w(e),n&&w(p),n&&w(l)}}}function qn(n){let s,a,t,c,l,k,P,R,A,C,L,I,B,V,J,F,X,z,K,U,Q,Z,nn,sn,an,cn,ln,rn,un;function kn(s){n[7](s)}s=new H({props:{$$slots:{default:[D]},$$scope:{ctx:n}}}),c=new O({props:{$$slots:{default:[q]},$$scope:{ctx:n}}});let $n={items:Object.values(n[3]),name:"package-managers"};function fn(s){n[8](s)}void 0!==n[0]&&($n.value=n[0]),k=new N({props:$n}),$.push((()=>f(k,"value",kn))),A=new O({props:{$$slots:{default:[W]},$$scope:{ctx:n}}});let mn={items:Object.values(n[4]),name:"bundlers"};function dn(s){n[9](s)}void 0!==n[1]&&(mn.value=n[1]),L=new N({props:mn}),$.push((()=>f(L,"value",fn))),V=new O({props:{$$slots:{default:[Y]},$$scope:{ctx:n}}});let yn={items:Object.values(n[5]),name:"frameworks"};void 0!==n[2]&&(yn.value=n[2]),F=new N({props:yn}),$.push((()=>f(F,"value",dn)));let vn=n[2]===n[5].other&&G(n),wn=n[2]!==n[5].other&&n[1]===n[4].webpack&&_(n);Q=new M({props:{$$slots:{default:[tn]},$$scope:{ctx:n}}});const xn=[on,pn,en],bn=[];function En(n,s){return n[0]===n[3].npm?0:n[0]===n[3].yarn?1:2}nn=En(n),sn=bn[nn]=xn[nn](n);const jn=[hn,gn],Sn=[];function Tn(n,s){return n[2]!==n[5].other?0:1}return cn=Tn(n),ln=Sn[cn]=jn[cn](n),{c(){e(s.$$.fragment),a=m(),t=d("div"),e(c.$$.fragment),l=m(),e(k.$$.fragment),R=m(),e(A.$$.fragment),C=m(),e(L.$$.fragment),B=m(),e(V.$$.fragment),J=m(),e(F.$$.fragment),z=m(),vn&&vn.c(),K=m(),wn&&wn.c(),U=m(),e(Q.$$.fragment),Z=m(),sn.c(),an=m(),ln.c(),rn=g(),this.h()},l(n){p(s.$$.fragment,n),a=h(n),t=y(n,"DIV",{class:!0});var e=v(t);p(c.$$.fragment,e),l=h(e),p(k.$$.fragment,e),R=h(e),p(A.$$.fragment,e),C=h(e),p(L.$$.fragment,e),B=h(e),p(V.$$.fragment,e),J=h(e),p(F.$$.fragment,e),e.forEach(w),z=h(n),vn&&vn.l(n),K=h(n),wn&&wn.l(n),U=h(n),p(Q.$$.fragment,n),Z=h(n),sn.l(n),an=h(n),ln.l(n),rn=g(),this.h()},h(){x(t,"class","toolchain svelte-dfgfbu")},m(n,e){o(s,n,e),b(n,a,e),b(n,t,e),o(c,t,null),E(t,l),o(k,t,null),E(t,R),o(A,t,null),E(t,C),o(L,t,null),E(t,B),o(V,t,null),E(t,J),o(F,t,null),b(n,z,e),vn&&vn.m(n,e),b(n,K,e),wn&&wn.m(n,e),b(n,U,e),o(Q,n,e),b(n,Z,e),bn[nn].m(n,e),b(n,an,e),Sn[cn].m(n,e),b(n,rn,e),un=!0},p(n,a){const t={};1024&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t);const e={};1024&a&&(e.$$scope={dirty:a,ctx:n}),c.$set(e);const p={};!P&&1&a&&(P=!0,p.value=n[0],j((()=>P=!1))),k.$set(p);const o={};1024&a&&(o.$$scope={dirty:a,ctx:n}),A.$set(o);const l={};!I&&2&a&&(I=!0,l.value=n[1],j((()=>I=!1))),L.$set(l);const i={};1024&a&&(i.$$scope={dirty:a,ctx:n}),V.$set(i);const $={};!X&&4&a&&(X=!0,$.value=n[2],j((()=>X=!1))),F.$set($),n[2]===n[5].other?vn?4&a&&r(vn,1):(vn=G(n),vn.c(),r(vn,1),vn.m(K.parentNode,K)):vn&&(S(),u(vn,1,1,(()=>{vn=null})),T()),n[2]!==n[5].other&&n[1]===n[4].webpack?wn?(wn.p(n,a),6&a&&r(wn,1)):(wn=_(n),wn.c(),r(wn,1),wn.m(U.parentNode,U)):wn&&(S(),u(wn,1,1,(()=>{wn=null})),T());const f={};1028&a&&(f.$$scope={dirty:a,ctx:n}),Q.$set(f);let m=nn;nn=En(n),nn===m?bn[nn].p(n,a):(S(),u(bn[m],1,1,(()=>{bn[m]=null})),T(),sn=bn[nn],sn?sn.p(n,a):(sn=bn[nn]=xn[nn](n),sn.c()),r(sn,1),sn.m(an.parentNode,an));let d=cn;cn=Tn(n),cn===d?Sn[cn].p(n,a):(S(),u(Sn[d],1,1,(()=>{Sn[d]=null})),T(),ln=Sn[cn],ln?ln.p(n,a):(ln=Sn[cn]=jn[cn](n),ln.c()),r(ln,1),ln.m(rn.parentNode,rn))},i(n){un||(r(s.$$.fragment,n),r(c.$$.fragment,n),r(k.$$.fragment,n),r(A.$$.fragment,n),r(L.$$.fragment,n),r(V.$$.fragment,n),r(F.$$.fragment,n),r(vn),r(wn),r(Q.$$.fragment,n),r(sn),r(ln),un=!0)},o(n){u(s.$$.fragment,n),u(c.$$.fragment,n),u(k.$$.fragment,n),u(A.$$.fragment,n),u(L.$$.fragment,n),u(V.$$.fragment,n),u(F.$$.fragment,n),u(vn),u(wn),u(Q.$$.fragment,n),u(sn),u(ln),un=!1},d(n){i(s,n),n&&w(a),n&&w(t),i(c),i(k),i(A),i(L),i(V),i(F),n&&w(z),vn&&vn.d(n),n&&w(K),wn&&wn.d(n),n&&w(U),i(Q,n),n&&w(Z),bn[nn].d(n),n&&w(an),Sn[cn].d(n),n&&w(rn)}}}function Wn(n){let s,a;const k=[n[6],Yn];let $={$$slots:{default:[qn]},$$scope:{ctx:n}};for(let n=0;n<k.length;n+=1)$=t($,k[n]);return s=new I({props:$}),{c(){e(s.$$.fragment)},l(n){p(s.$$.fragment,n)},m(n,t){o(s,n,t),a=!0},p(n,[a]){const t=64&a?c(k,[64&a&&l(n[6]),0&a&&l(Yn)]):{};1031&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(r(s.$$.fragment,n),a=!0)},o(n){u(s.$$.fragment,n),a=!1},d(n){i(s,n)}}}const Yn={name:"Installation"};function Gn(n,s,a){const e={npm:"npm",yarn:"Yarn",pnpm:"pnpm"},p={rollup:"Rollup",webpack:"Webpack"},o={svelte:"Svelte",sapper:"Sapper",other:"Other"};let c=e.npm,l=p.rollup,r=o.svelte;return n.$$set=n=>{a(6,s=t(t({},s),k(n)))},s=k(s),[c,l,r,e,p,o,s,function(n){c=n,a(0,c)},function(n){l=n,a(1,l)},function(n){r=n,a(2,r)}]}class Vn extends n{constructor(n){super(),s(this,n,Gn,Wn,a,{})}}export{Vn as default,Yn as metadata};
diff --git a/376/client/legacy/label-80bd345d.css b/376/client/legacy/label-80bd345d.css
new file mode 100644
index 000000000..24d0ebd21
--- /dev/null
+++ b/376/client/legacy/label-80bd345d.css
@@ -0,0 +1 @@
+.label.svelte-1bye8mi{color:#4300b0;font-size:0.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:0.7em}
diff --git a/376/client/legacy/label.d533579b.js b/376/client/legacy/label.d533579b.js
new file mode 100644
index 000000000..697e0703e
--- /dev/null
+++ b/376/client/legacy/label.d533579b.js
@@ -0,0 +1 @@
+import{S as s,i as l,s as a,M as e,K as t,h as c,k as n,b as o,d as i,N as r,O as m,f as u,Q as p,R as $,T as h,U as f,t as d,p as b,I as v,L as j}from"./client.583c6e60.js";import{c as x}from"./classes.a7d1a9eb.js";function y(s){let l,a,v;const j=s[4].default,y=e(j,s,s[3],null);let I=[{class:a=x("label",s[0])},s[2]],L={};for(let s=0;s<I.length;s+=1)L=t(L,I[s]);return{c(){l=c("div"),y&&y.c(),this.h()},l(s){l=n(s,"DIV",{class:!0});var a=o(l);y&&y.l(a),a.forEach(i),this.h()},h(){r(l,L),m(l,"small",s[1]),m(l,"svelte-1bye8mi",!0)},m(s,a){u(s,l,a),y&&y.m(l,null),v=!0},p(s,e){let[t]=e;y&&y.p&&(!v||8&t)&&p(y,j,s,s[3],v?h(j,s[3],t,null):$(s[3]),null),r(l,L=f(I,[(!v||1&t&&a!==(a=x("label",s[0])))&&{class:a},4&t&&s[2]])),m(l,"small",s[1]),m(l,"svelte-1bye8mi",!0)},i(s){v||(d(y,s),v=!0)},o(s){b(y,s),v=!1},d(s){s&&i(l),y&&y.d(s)}}}function I(s,l,a){const e=["class","small"];let c=v(l,e),{$$slots:n={},$$scope:o}=l,{class:i=null}=l,{small:r=!1}=l;return s.$$set=s=>{l=t(t({},l),j(s)),a(2,c=v(l,e)),"class"in s&&a(0,i=s.class),"small"in s&&a(1,r=s.small),"$$scope"in s&&a(3,o=s.$$scope)},[i,r,c,o,n]}var L=class extends s{constructor(s){super(),l(this,s,I,y,a,{class:0,small:1})}};export{L};
diff --git a/376/client/legacy/layout-8e1ef5b9.css b/376/client/legacy/layout-8e1ef5b9.css
new file mode 100644
index 000000000..a659be4e9
--- /dev/null
+++ b/376/client/legacy/layout-8e1ef5b9.css
@@ -0,0 +1,2 @@
+p.svelte-d09q45{margin:0 0 0.5em}
+h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 0.5em}@media only screen and (min-width: 640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width: 840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width: 1024px){h1.svelte-9b0tta{font-size:1.8em}}
diff --git a/376/client/legacy/layout-no-head.a162a1d0.js b/376/client/legacy/layout-no-head.a162a1d0.js
new file mode 100644
index 000000000..58d7f2308
--- /dev/null
+++ b/376/client/legacy/layout-no-head.a162a1d0.js
@@ -0,0 +1 @@
+import{S as s,i as t,s as e,M as l,Q as n,R as c,T as o,t as a,p as r}from"./client.583c6e60.js";function u(s){let t;const e=s[1].default,u=l(e,s,s[0],null);return{c(){u&&u.c()},l(s){u&&u.l(s)},m(s,e){u&&u.m(s,e),t=!0},p(s,l){let[a]=l;u&&u.p&&(!t||1&a)&&n(u,e,s,s[0],t?o(e,s[0],a,null):c(s[0]),null)},i(s){t||(a(u,s),t=!0)},o(s){r(u,s),t=!1},d(s){u&&u.d(s)}}}function $(s,t,e){let{$$slots:l={},$$scope:n}=t;return s.$$set=s=>{"$$scope"in s&&e(0,n=s.$$scope)},[n,l]}class p extends s{constructor(s){super(),t(this,s,$,u,e,{})}}export{p as L};
diff --git a/376/client/legacy/layout.47c81311.js b/376/client/legacy/layout.47c81311.js
new file mode 100644
index 000000000..9ffe3912d
--- /dev/null
+++ b/376/client/legacy/layout.47c81311.js
@@ -0,0 +1 @@
+import{S as t,i as s,s as n,M as l,h as e,k as c,b as a,d as o,e as i,f as u,Q as r,R as h,T as d,t as $,p,u as m,w as f,g as v,E as w,v as A,x as E,F as x}from"./client.583c6e60.js";function g(t){let s,n;const m=t[1].default,f=l(m,t,t[0],null);return{c(){s=e("p"),f&&f.c(),this.h()},l(t){s=c(t,"P",{class:!0});var n=a(s);f&&f.l(n),n.forEach(o),this.h()},h(){i(s,"class","svelte-d09q45")},m(t,l){u(t,s,l),f&&f.m(s,null),n=!0},p(t,s){let[l]=s;f&&f.p&&(!n||1&l)&&r(f,m,t,t[0],n?d(m,t[0],l,null):h(t[0]),null)},i(t){n||($(f,t),n=!0)},o(t){p(f,t),n=!1},d(t){t&&o(s),f&&f.d(t)}}}function b(t,s,n){let{$$slots:l={},$$scope:e}=s;return t.$$set=t=>{"$$scope"in t&&n(0,e=t.$$scope)},[e,l]}class H extends t{constructor(t){super(),s(this,t,b,g,n,{})}}function M(t){let s,n;return{c(){s=e("a"),n=A("#"),this.h()},l(t){s=c(t,"A",{href:!0,class:!0});var l=a(s);n=E(l,"#"),l.forEach(o),this.h()},h(){i(s,"href",t[1]),i(s,"class","ml")},m(t,l){u(t,s,l),v(s,n)},p(t,n){2&n&&i(s,"href",t[1])},d(t){t&&o(s)}}}function T(t){let s,n,w;const A=t[3].default,E=l(A,t,t[2],null);let x=null!=t[1]&&M(t);return{c(){s=e("h1"),E&&E.c(),n=m(),x&&x.c(),this.h()},l(t){s=c(t,"H1",{id:!0,class:!0});var l=a(s);E&&E.l(l),n=f(l),x&&x.l(l),l.forEach(o),this.h()},h(){i(s,"id",t[0]),i(s,"class","svelte-9b0tta")},m(t,l){u(t,s,l),E&&E.m(s,null),v(s,n),x&&x.m(s,null),w=!0},p(t,n){let[l]=n;E&&E.p&&(!w||4&l)&&r(E,A,t,t[2],w?d(A,t[2],l,null):h(t[2]),null),null!=t[1]?x?x.p(t,l):(x=M(t),x.c(),x.m(s,null)):x&&(x.d(1),x=null),(!w||1&l)&&i(s,"id",t[0])},i(t){w||($(E,t),w=!0)},o(t){p(E,t),w=!1},d(t){t&&o(s),E&&E.d(t),x&&x.d()}}}function j(t,s,n){let{$$slots:l={},$$scope:e}=s,{id:c=null}=s,a=c&&`#${c}`;return w((function(){null!=c&&n(1,a=window.location.origin+window.location.pathname+a)})),t.$$set=t=>{"id"in t&&n(0,c=t.id),"$$scope"in t&&n(2,e=t.$$scope)},[c,a,e,l]}class k extends t{constructor(t){super(),s(this,t,j,T,n,{id:0})}}function q(t){let s,n,a,w,A;document.title=s=t[0]+" – Attractions";const E=t[2].default,g=l(E,t,t[1],null);return{c(){n=e("meta"),w=m(),g&&g.c(),this.h()},l(t){const s=x("svelte-47wstv",document.head);n=c(s,"META",{name:!0,content:!0}),s.forEach(o),w=f(t),g&&g.l(t),this.h()},h(){i(n,"name","og:title"),i(n,"content",a=t[0]+" – Attractions")},m(t,s){v(document.head,n),u(t,w,s),g&&g.m(t,s),A=!0},p(t,l){let[e]=l;(!A||1&e)&&s!==(s=t[0]+" – Attractions")&&(document.title=s),(!A||1&e&&a!==(a=t[0]+" – Attractions"))&&i(n,"content",a),g&&g.p&&(!A||2&e)&&r(g,E,t,t[1],A?d(E,t[1],e,null):h(t[1]),null)},i(t){A||($(g,t),A=!0)},o(t){p(g,t),A=!1},d(t){o(n),t&&o(w),g&&g.d(t)}}}function F(t,s,n){let{$$slots:l={},$$scope:e}=s,{name:c}=s;return t.$$set=t=>{"name"in t&&n(0,c=t.name),"$$scope"in t&&n(1,e=t.$$scope)},[c,e,l]}class L extends t{constructor(t){super(),s(this,t,F,q,n,{name:0})}}export{k as H,L,H as P};
diff --git a/376/client/legacy/loading-0b856d23.css b/376/client/legacy/loading-0b856d23.css
new file mode 100644
index 000000000..d8bb92c79
--- /dev/null
+++ b/376/client/legacy/loading-0b856d23.css
@@ -0,0 +1 @@
+.spinner.svelte-5lyar3.svelte-5lyar3{align-items:center;color:#4300b0;display:flex;justify-content:center}.spinner.svelte-5lyar3>div.svelte-5lyar3{animation:svelte-5lyar3-sk-bouncedelay 1.2s infinite ease-in-out both;background:currentColor;border-radius:100%;display:inline-block;height:0.4em;margin:0 0.1em;width:0.4em}.spinner.svelte-5lyar3 .bounce1.svelte-5lyar3{animation-delay:-0.32s}.spinner.svelte-5lyar3 .bounce2.svelte-5lyar3{animation-delay:-0.16s}@keyframes svelte-5lyar3-sk-bouncedelay{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}
diff --git a/376/client/legacy/loading.9871237d.js b/376/client/legacy/loading.9871237d.js
new file mode 100644
index 000000000..9d2b790e6
--- /dev/null
+++ b/376/client/legacy/loading.9871237d.js
@@ -0,0 +1 @@
+import{S as s,i as a,s as l,h as c,u as e,k as r,b as t,d as n,w as i,e as o,X as h,f as u,g as v,n as f}from"./client.583c6e60.js";import{c as d}from"./classes.a7d1a9eb.js";function p(s){let a,l,p,b,m,y,D;return{c(){a=c("div"),l=c("div"),p=e(),b=c("div"),m=e(),y=c("div"),this.h()},l(s){a=r(s,"DIV",{class:!0});var c=t(a);l=r(c,"DIV",{class:!0}),t(l).forEach(n),p=i(c),b=r(c,"DIV",{class:!0}),t(b).forEach(n),m=i(c),y=r(c,"DIV",{class:!0}),t(y).forEach(n),c.forEach(n),this.h()},h(){o(l,"class","bounce1 svelte-5lyar3"),o(b,"class","bounce2 svelte-5lyar3"),o(y,"class","bounce3 svelte-5lyar3"),o(a,"class",D=h(d("spinner",s[0]))+" svelte-5lyar3")},m(s,c){u(s,a,c),v(a,l),v(a,p),v(a,b),v(a,m),v(a,y)},p(s,l){let[c]=l;1&c&&D!==(D=h(d("spinner",s[0]))+" svelte-5lyar3")&&o(a,"class",D)},i:f,o:f,d(s){s&&n(a)}}}function b(s,a,l){let{class:c=null}=a;return s.$$set=s=>{"class"in s&&l(0,c=s.class)},[c]}var m=class extends s{constructor(s){super(),a(this,s,b,p,l,{class:0})}};export{m as L};
diff --git a/376/client/legacy/loading.d27f7c91.js b/376/client/legacy/loading.d27f7c91.js
new file mode 100644
index 000000000..a4538245d
--- /dev/null
+++ b/376/client/legacy/loading.d27f7c91.js
@@ -0,0 +1 @@
+import{S as t,i as $,s as e,K as s,j as n,l as r,m as a,U as o,a0 as c,t as f,p as l,q as p,L as m,u as i,w as g,f as d,d as u,v as h,x,h as w,k as y,b as v,e as E,g as b,n as D}from"./client.583c6e60.js";import{L as j,H as A,P as S}from"./layout.47c81311.js";import{L as T}from"./loading.9871237d.js";import{S as C}from"./showcase.759e7149.js";import{C as L}from"./color-preview.9db6af61.js";import{H as O}from"./h2.0da05151.js";import{H as k}from"./h3.c9a49f62.js";import{T as H,a as N,b as P,c as V}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./button.863c0adf.js";function B(t){let $;return{c(){$=h("Loading")},l(t){$=x(t,"Loading")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function K(t){let $;return{c(){$=h("An indeterminate loading spinner.")},l(t){$=x(t,"An indeterminate loading spinner.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function R(t){let $,e,s,n,r,a;return{c(){$=h("Adapted from SpinKit by "),e=w("a"),s=h("@tobiasahlin"),n=h(": "),r=w("a"),a=h("https://tobiasahlin.com/spinkit/"),this.h()},l(t){$=x(t,"Adapted from SpinKit by "),e=y(t,"A",{href:!0,rel:!0});var o=v(e);s=x(o,"@tobiasahlin"),o.forEach(u),n=x(t,": "),r=y(t,"A",{href:!0,rel:!0});var c=v(r);a=x(c,"https://tobiasahlin.com/spinkit/"),c.forEach(u),this.h()},h(){E(e,"href","https://github.com/tobiasahlin"),E(e,"rel","nofollow"),E(r,"href","https://tobiasahlin.com/spinkit/"),E(r,"rel","nofollow")},m(t,o){d(t,$,o),d(t,e,o),b(e,s),d(t,n,o),d(t,r,o),b(r,a)},p:D,d(t){t&&u($),t&&u(e),t&&u(n),t&&u(r)}}}function F(t){let $,e,s;return e=new T({}),{c(){$=w("div"),n(e.$$.fragment),this.h()},l(t){$=y(t,"DIV",{slot:!0,class:!0});var s=v($);r(e.$$.fragment,s),s.forEach(u),this.h()},h(){E($,"slot","showcase"),E($,"class","padded")},m(t,n){d(t,$,n),a(e,$,null),s=!0},p:D,i(t){s||(f(e.$$.fragment,t),s=!0)},o(t){l(e.$$.fragment,t),s=!1},d(t){t&&u($),p(e)}}}function G(t){let $,e;return{c(){$=w("div"),e=w("pre"),this.h()},l(t){$=y(t,"DIV",{slot:!0});var s=v($);e=y(s,"PRE",{class:!0}),v(e).forEach(u),s.forEach(u),this.h()},h(){E(e,"class","language-svelte"),E($,"slot","source")},m(t,s){d(t,$,s),b($,e),e.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Loading</span> <span class="token punctuation">/></span></span></code>'},p:D,d(t){t&&u($)}}}function I(t){let $;return{c(){$=h("Properties")},l(t){$=x(t,"Properties")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Y(t){let $;return{c(){$=h("Class Properties")},l(t){$=x(t,"Class Properties")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function q(t){let $,e,s,n,r,a,o;return{c(){$=h("All "),e=w("code"),s=h("<Loading>"),n=h(" components use the "),r=w("code"),a=h(".spinner"),o=h(" class.")},l(t){$=x(t,"All "),e=y(t,"CODE",{});var c=v(e);s=x(c,"<Loading>"),c.forEach(u),n=x(t," components use the "),r=y(t,"CODE",{});var f=v(r);a=x(f,".spinner"),f.forEach(u),o=x(t," class.")},m(t,c){d(t,$,c),d(t,e,c),b(e,s),d(t,n,c),d(t,r,c),b(r,a),d(t,o,c)},p:D,d(t){t&&u($),t&&u(e),t&&u(n),t&&u(r),t&&u(o)}}}function M(t){let $;return{c(){$=h("Falsy values passed to classes will be disregarded.")},l(t){$=x(t,"Falsy values passed to classes will be disregarded.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function U(t){let $;return{c(){$=h("Name")},l(t){$=x(t,"Name")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function z(t){let $;return{c(){$=h("Default")},l(t){$=x(t,"Default")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function J(t){let $;return{c(){$=h("Type")},l(t){$=x(t,"Type")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Q(t){let $;return{c(){$=h("Description")},l(t){$=x(t,"Description")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function W(t){let $,e,s,o,c,m,h,x;return $=new P({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),s=new P({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),{c(){n($.$$.fragment),e=i(),n(s.$$.fragment),o=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){r($.$$.fragment,t),e=g(t),r(s.$$.fragment,t),o=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,n){a($,t,n),d(t,e,n),a(s,t,n),d(t,o,n),a(c,t,n),d(t,m,n),a(h,t,n),x=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),s.$set(r);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o)},i(t){x||(f($.$$.fragment,t),f(s.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&u(e),p(s,t),t&&u(o),p(c,t),t&&u(m),p(h,t)}}}function X(t){let $,e,s;return{c(){$=w("strong"),e=w("code"),s=h("class")},l(t){$=y(t,"STRONG",{});var n=v($);e=y(n,"CODE",{});var r=v(e);s=x(r,"class"),r.forEach(u),n.forEach(u)},m(t,n){d(t,$,n),b($,e),b(e,s)},p:D,d(t){t&&u($)}}}function Z(t){let $,e;return{c(){$=w("code"),e=h("null")},l(t){$=y(t,"CODE",{});var s=v($);e=x(s,"null"),s.forEach(u)},m(t,s){d(t,$,s),b($,e)},p:D,d(t){t&&u($)}}}function _(t){let $,e;return{c(){$=w("code"),e=h("string")},l(t){$=y(t,"CODE",{});var s=v($);e=x(s,"string"),s.forEach(u)},m(t,s){d(t,$,s),b($,e)},p:D,d(t){t&&u($)}}}function tt(t){let $;return{c(){$=h("A class string to add to the component.")},l(t){$=x(t,"A class string to add to the component.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function $t(t){let $,e,s,o,c,m,h,x;return $=new V({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),s=new V({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),h=new V({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),{c(){n($.$$.fragment),e=i(),n(s.$$.fragment),o=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){r($.$$.fragment,t),e=g(t),r(s.$$.fragment,t),o=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,n){a($,t,n),d(t,e,n),a(s,t,n),d(t,o,n),a(c,t,n),d(t,m,n),a(h,t,n),x=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),s.$set(r);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o)},i(t){x||(f($.$$.fragment,t),f(s.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&u(e),p(s,t),t&&u(o),p(c,t),t&&u(m),p(h,t)}}}function et(t){let $,e,s,o,c,m;return e=new N({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new N({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),{c(){$=w("thead"),n(e.$$.fragment),s=i(),o=w("tbody"),n(c.$$.fragment)},l(t){$=y(t,"THEAD",{});var n=v($);r(e.$$.fragment,n),n.forEach(u),s=g(t),o=y(t,"TBODY",{});var a=v(o);r(c.$$.fragment,a),a.forEach(u)},m(t,n){d(t,$,n),a(e,$,null),d(t,s,n),d(t,o,n),a(c,o,null),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),c.$set(n)},i(t){m||(f(e.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&u($),p(e),t&&u(s),t&&u(o),p(c)}}}function st(t){let $;return{c(){$=h("SCSS Variables")},l(t){$=x(t,"SCSS Variables")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function nt(t){let $;return{c(){$=h("Name")},l(t){$=x(t,"Name")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function rt(t){let $;return{c(){$=h("Description")},l(t){$=x(t,"Description")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function at(t){let $;return{c(){$=h("Default")},l(t){$=x(t,"Default")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function ot(t){let $,e,s,o,c,m;return $=new P({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),s=new P({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),{c(){n($.$$.fragment),e=i(),n(s.$$.fragment),o=i(),n(c.$$.fragment)},l(t){r($.$$.fragment,t),e=g(t),r(s.$$.fragment,t),o=g(t),r(c.$$.fragment,t)},m(t,n){a($,t,n),d(t,e,n),a(s,t,n),d(t,o,n),a(c,t,n),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),s.$set(r);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a)},i(t){m||(f($.$$.fragment,t),f(s.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p($,t),t&&u(e),p(s,t),t&&u(o),p(c,t)}}}function ct(t){let $,e,s;return{c(){$=w("strong"),e=w("code"),s=h("$main")},l(t){$=y(t,"STRONG",{});var n=v($);e=y(n,"CODE",{});var r=v(e);s=x(r,"$main"),r.forEach(u),n.forEach(u)},m(t,n){d(t,$,n),b($,e),b(e,s)},p:D,d(t){t&&u($)}}}function ft(t){let $;return{c(){$=h("The color of spinner dots.")},l(t){$=x(t,"The color of spinner dots.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function lt(t){let $,e;return $=new L({props:{value:"#4300B0"}}),{c(){n($.$$.fragment)},l(t){r($.$$.fragment,t)},m(t,s){a($,t,s),e=!0},p:D,i(t){e||(f($.$$.fragment,t),e=!0)},o(t){l($.$$.fragment,t),e=!1},d(t){p($,t)}}}function pt(t){let $,e,s,o,c,m;return $=new V({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),s=new V({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),{c(){n($.$$.fragment),e=i(),n(s.$$.fragment),o=i(),n(c.$$.fragment)},l(t){r($.$$.fragment,t),e=g(t),r(s.$$.fragment,t),o=g(t),r(c.$$.fragment,t)},m(t,n){a($,t,n),d(t,e,n),a(s,t,n),d(t,o,n),a(c,t,n),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),s.$set(r);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a)},i(t){m||(f($.$$.fragment,t),f(s.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p($,t),t&&u(e),p(s,t),t&&u(o),p(c,t)}}}function mt(t){let $,e,s,o,c,m;return e=new N({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),c=new N({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){$=w("thead"),n(e.$$.fragment),s=i(),o=w("tbody"),n(c.$$.fragment)},l(t){$=y(t,"THEAD",{});var n=v($);r(e.$$.fragment,n),n.forEach(u),s=g(t),o=y(t,"TBODY",{});var a=v(o);r(c.$$.fragment,a),a.forEach(u)},m(t,n){d(t,$,n),a(e,$,null),d(t,s,n),d(t,o,n),a(c,o,null),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),c.$set(n)},i(t){m||(f(e.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&u($),p(e),t&&u(s),t&&u(o),p(c)}}}function it(t){let $,e,s,o,c,m,h,x,w,y,v,E,b,D,j,T,L,N,P,V,U,z;return $=new A({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),s=new S({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),c=new S({props:{$$slots:{default:[R]},$$scope:{ctx:t}}}),h=new C({props:{$$slots:{source:[G],showcase:[F]},$$scope:{ctx:t}}}),w=new O({props:{id:"properties",$$slots:{default:[I]},$$scope:{ctx:t}}}),v=new k({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),b=new S({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),j=new S({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),L=new H({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),P=new O({props:{id:"scss-variables",$$slots:{default:[st]},$$scope:{ctx:t}}}),U=new H({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){n($.$$.fragment),e=i(),n(s.$$.fragment),o=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment),x=i(),n(w.$$.fragment),y=i(),n(v.$$.fragment),E=i(),n(b.$$.fragment),D=i(),n(j.$$.fragment),T=i(),n(L.$$.fragment),N=i(),n(P.$$.fragment),V=i(),n(U.$$.fragment)},l(t){r($.$$.fragment,t),e=g(t),r(s.$$.fragment,t),o=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t),x=g(t),r(w.$$.fragment,t),y=g(t),r(v.$$.fragment,t),E=g(t),r(b.$$.fragment,t),D=g(t),r(j.$$.fragment,t),T=g(t),r(L.$$.fragment,t),N=g(t),r(P.$$.fragment,t),V=g(t),r(U.$$.fragment,t)},m(t,n){a($,t,n),d(t,e,n),a(s,t,n),d(t,o,n),a(c,t,n),d(t,m,n),a(h,t,n),d(t,x,n),a(w,t,n),d(t,y,n),a(v,t,n),d(t,E,n),a(b,t,n),d(t,D,n),a(j,t,n),d(t,T,n),a(L,t,n),d(t,N,n),a(P,t,n),d(t,V,n),a(U,t,n),z=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),s.$set(r);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),w.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),v.$set(l);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),b.$set(p);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),j.$set(m);const i={};2&e&&(i.$$scope={dirty:e,ctx:t}),L.$set(i);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),P.$set(g);const d={};2&e&&(d.$$scope={dirty:e,ctx:t}),U.$set(d)},i(t){z||(f($.$$.fragment,t),f(s.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(w.$$.fragment,t),f(v.$$.fragment,t),f(b.$$.fragment,t),f(j.$$.fragment,t),f(L.$$.fragment,t),f(P.$$.fragment,t),f(U.$$.fragment,t),z=!0)},o(t){l($.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(w.$$.fragment,t),l(v.$$.fragment,t),l(b.$$.fragment,t),l(j.$$.fragment,t),l(L.$$.fragment,t),l(P.$$.fragment,t),l(U.$$.fragment,t),z=!1},d(t){p($,t),t&&u(e),p(s,t),t&&u(o),p(c,t),t&&u(m),p(h,t),t&&u(x),p(w,t),t&&u(y),p(v,t),t&&u(E),p(b,t),t&&u(D),p(j,t),t&&u(T),p(L,t),t&&u(N),p(P,t),t&&u(V),p(U,t)}}}function gt(t){let $,e;const m=[t[0],dt];let i={$$slots:{default:[it]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=s(i,m[t]);return $=new j({props:i}),{c(){n($.$$.fragment)},l(t){r($.$$.fragment,t)},m(t,s){a($,t,s),e=!0},p(t,[e]){const s=1&e?o(m,[1&e&&c(t[0]),0&e&&c(dt)]):{};2&e&&(s.$$scope={dirty:e,ctx:t}),$.$set(s)},i(t){e||(f($.$$.fragment,t),e=!0)},o(t){l($.$$.fragment,t),e=!1},d(t){p($,t)}}}const dt={name:"Loading"};function ut(t,$,e){return t.$$set=t=>{e(0,$=s(s({},$),m(t)))},[$=m($)]}class ht extends t{constructor(t){super(),$(this,t,ut,gt,e,{})}}export{ht as default,dt as metadata};
diff --git a/376/client/legacy/migration-guide.6c29faaa.js b/376/client/legacy/migration-guide.6c29faaa.js
new file mode 100644
index 000000000..22e52a8e8
--- /dev/null
+++ b/376/client/legacy/migration-guide.6c29faaa.js
@@ -0,0 +1 @@
+import{S as s,i as n,s as a,K as t,j as e,l as o,m as r,U as p,a0 as c,t as i,p as l,q as u,L as $,u as m,h as f,w as d,k as g,b as k,d as h,e as y,f as v,v as x,x as w,g as S,n as E}from"./client.583c6e60.js";import{H as b,P as A,L as O}from"./layout.47c81311.js";import{L as j}from"./layout-no-head.a162a1d0.js";import{H as P}from"./h2.0da05151.js";function H(s){let n;return{c(){n=x("Migration Guide")},l(s){n=w(s,"Migration Guide")},m(s,a){v(s,n,a)},d(s){s&&h(n)}}}function D(s){let n;return{c(){n=x("Here you may find guidance on upgrading Attractions from one major version to another.")},l(s){n=w(s,"Here you may find guidance on upgrading Attractions from one major version to another.")},m(s,a){v(s,n,a)},d(s){s&&h(n)}}}function M(s){let n;return{c(){n=x("From v2.x to v3.x")},l(s){n=w(s,"From v2.x to v3.x")},m(s,a){v(s,n,a)},d(s){s&&h(n)}}}function C(s){let n;return{c(){n=x("The main change in version 3 is the migration to Sass modules.")},l(s){n=w(s,"The main change in version 3 is the migration to Sass modules.")},m(s,a){v(s,n,a)},d(s){s&&h(n)}}}function L(s){let n,a,t,e,o,r,p;return{c(){n=x("If you have existing code that used Sass for styling and was using the old "),a=f("code"),t=x("@import"),e=x(" statements, consider using the automatic "),o=f("a"),r=x("Sass Migrator"),p=x(" tool first."),this.h()},l(s){n=w(s,"If you have existing code that used Sass for styling and was using the old "),a=g(s,"CODE",{});var c=k(a);t=w(c,"@import"),c.forEach(h),e=w(s," statements, consider using the automatic "),o=g(s,"A",{href:!0,rel:!0});var i=k(o);r=w(i,"Sass Migrator"),i.forEach(h),p=w(s," tool first."),this.h()},h(){y(o,"href","https://sass-lang.com/documentation/cli/migrator"),y(o,"rel","nofollow")},m(s,c){v(s,n,c),v(s,a,c),S(a,t),v(s,e,c),v(s,o,c),S(o,r),v(s,p,c)},p:E,d(s){s&&h(n),s&&h(a),s&&h(e),s&&h(o),s&&h(p)}}}function T(s){let n,a,t,e,o,r,p,c,i,l,u,$;return{c(){n=f("strong"),a=x("Heads up"),t=x(": if your styles used imports that relied on "),e=f("code"),o=x("includePaths"),r=x(", you can still make Sass Migrator understand them by setting the "),p=f("code"),c=x("SASS_PATH"),i=x(" environment variable to the path that you previously had in your "),l=f("code"),u=x("includePaths"),$=x(" Sass compiler option.")},l(s){n=g(s,"STRONG",{});var m=k(n);a=w(m,"Heads up"),m.forEach(h),t=w(s,": if your styles used imports that relied on "),e=g(s,"CODE",{});var f=k(e);o=w(f,"includePaths"),f.forEach(h),r=w(s,", you can still make Sass Migrator understand them by setting the "),p=g(s,"CODE",{});var d=k(p);c=w(d,"SASS_PATH"),d.forEach(h),i=w(s," environment variable to the path that you previously had in your "),l=g(s,"CODE",{});var y=k(l);u=w(y,"includePaths"),y.forEach(h),$=w(s," Sass compiler option.")},m(s,m){v(s,n,m),S(n,a),v(s,t,m),v(s,e,m),S(e,o),v(s,r,m),v(s,p,m),S(p,c),v(s,i,m),v(s,l,m),S(l,u),v(s,$,m)},p:E,d(s){s&&h(n),s&&h(t),s&&h(e),s&&h(r),s&&h(p),s&&h(i),s&&h(l),s&&h($)}}}function _(s){let n,a,t,e,o,r,p;return{c(){n=x("Once your code is ready for Sass modules, replace Node Sass ("),a=f("code"),t=x("node-sass"),e=x(") with Dart Sass ("),o=f("code"),r=x("sass"),p=x(").")},l(s){n=w(s,"Once your code is ready for Sass modules, replace Node Sass ("),a=g(s,"CODE",{});var c=k(a);t=w(c,"node-sass"),c.forEach(h),e=w(s,") with Dart Sass ("),o=g(s,"CODE",{});var i=k(o);r=w(i,"sass"),i.forEach(h),p=w(s,").")},m(s,c){v(s,n,c),v(s,a,c),S(a,t),v(s,e,c),v(s,o,c),S(o,r),v(s,p,c)},p:E,d(s){s&&h(n),s&&h(a),s&&h(e),s&&h(o),s&&h(p)}}}function I(s){let n,a,t,e;return{c(){n=x("Update your "),a=f("code"),t=x("rollup.config.js"),e=x(" to use the new Attractions importers:")},l(s){n=w(s,"Update your "),a=g(s,"CODE",{});var o=k(a);t=w(o,"rollup.config.js"),o.forEach(h),e=w(s," to use the new Attractions importers:")},m(s,o){v(s,n,o),v(s,a,o),S(a,t),v(s,e,o)},p:E,d(s){s&&h(n),s&&h(a),s&&h(e)}}}function G(s){let n,a,t,e;return{c(){n=x("Lastly, if your "),a=f("code"),t=x("_attractions-theme.scss"),e=x(" had any variable overrides, move them to the module configuration.")},l(s){n=w(s,"Lastly, if your "),a=g(s,"CODE",{});var o=k(a);t=w(o,"_attractions-theme.scss"),o.forEach(h),e=w(s," had any variable overrides, move them to the module configuration.")},m(s,o){v(s,n,o),v(s,a,o),S(a,t),v(s,e,o)},p:E,d(s){s&&h(n),s&&h(a),s&&h(e)}}}function R(s){let n;return{c(){n=x("Before:")},l(s){n=w(s,"Before:")},m(s,a){v(s,n,a)},d(s){s&&h(n)}}}function F(s){let n;return{c(){n=x("After:")},l(s){n=w(s,"After:")},m(s,a){v(s,n,a)},d(s){s&&h(n)}}}function N(s){let n,a,t,p,c,$,x,w,S,E,O,j,N,U,B,q,K,z,J,Q,V,W,X,Y,Z,ss,ns,as;return n=new b({props:{$$slots:{default:[H]},$$scope:{ctx:s}}}),t=new A({props:{$$slots:{default:[D]},$$scope:{ctx:s}}}),c=new P({props:{$$slots:{default:[M]},$$scope:{ctx:s}}}),x=new A({props:{$$slots:{default:[C]},$$scope:{ctx:s}}}),S=new A({props:{$$slots:{default:[L]},$$scope:{ctx:s}}}),O=new A({props:{$$slots:{default:[T]},$$scope:{ctx:s}}}),N=new A({props:{$$slots:{default:[_]},$$scope:{ctx:s}}}),B=new A({props:{$$slots:{default:[I]},$$scope:{ctx:s}}}),J=new A({props:{$$slots:{default:[G]},$$scope:{ctx:s}}}),V=new A({props:{$$slots:{default:[R]},$$scope:{ctx:s}}}),Z=new A({props:{$$slots:{default:[F]},$$scope:{ctx:s}}}),{c(){e(n.$$.fragment),a=m(),e(t.$$.fragment),p=m(),e(c.$$.fragment),$=m(),e(x.$$.fragment),w=m(),e(S.$$.fragment),E=m(),e(O.$$.fragment),j=m(),e(N.$$.fragment),U=m(),e(B.$$.fragment),q=m(),K=f("pre"),z=m(),e(J.$$.fragment),Q=m(),e(V.$$.fragment),W=m(),X=f("pre"),Y=m(),e(Z.$$.fragment),ss=m(),ns=f("pre"),this.h()},l(s){o(n.$$.fragment,s),a=d(s),o(t.$$.fragment,s),p=d(s),o(c.$$.fragment,s),$=d(s),o(x.$$.fragment,s),w=d(s),o(S.$$.fragment,s),E=d(s),o(O.$$.fragment,s),j=d(s),o(N.$$.fragment,s),U=d(s),o(B.$$.fragment,s),q=d(s),K=g(s,"PRE",{class:!0}),k(K).forEach(h),z=d(s),o(J.$$.fragment,s),Q=d(s),o(V.$$.fragment,s),W=d(s),X=g(s,"PRE",{class:!0}),k(X).forEach(h),Y=d(s),o(Z.$$.fragment,s),ss=d(s),ns=g(s,"PRE",{class:!0}),k(ns).forEach(h),this.h()},h(){y(K,"class","language-js"),y(X,"class","language-scss"),y(ns,"class","language-scss")},m(s,e){r(n,s,e),v(s,a,e),r(t,s,e),v(s,p,e),r(c,s,e),v(s,$,e),r(x,s,e),v(s,w,e),r(S,s,e),v(s,E,e),r(O,s,e),v(s,j,e),r(N,s,e),v(s,U,e),r(B,s,e),v(s,q,e),v(s,K,e),K.innerHTML='<code class="language-js"><span class="token keyword">import</span> autoPreprocess <span class="token keyword">from</span> <span class="token string">\'svelte-preprocess\'</span><span class="token punctuation">;</span>\n<span class="token keyword">import</span> makeAttractionsImporter <span class="token keyword">from</span> <span class="token string">\'attractions/importer.js\'</span><span class="token punctuation">;</span>\n\n<span class="token keyword">const</span> preprocessChain <span class="token operator">=</span> <span class="token punctuation">[</span>\n  <span class="token function">autoPreprocess</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n    <span class="token literal-property property">scss</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n      <span class="token literal-property property">importer</span><span class="token operator">:</span> <span class="token function">makeAttractionsImporter</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n        <span class="token comment">// If you previously had a file that was overriding Attractions variables,</span>\n        <span class="token comment">//   provide the path to it here.</span>\n        <span class="token comment">// If it was empty, you may delete it, omit this parameter</span>\n        <span class="token comment">//   and call the function with no arguments.</span>\n        <span class="token literal-property property">themeFile</span><span class="token operator">:</span> <span class="token string">\'./static/css/_attractions-theme.scss\'</span><span class="token punctuation">,</span>\n      <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n\n      <span class="token literal-property property">includePaths</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token string">\'./static/css\'</span><span class="token punctuation">]</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n<span class="token punctuation">]</span><span class="token punctuation">;</span></code>',v(s,z,e),r(J,s,e),v(s,Q,e),r(V,s,e),v(s,W,e),v(s,X,e),X.innerHTML='<code class="language-scss"><span class="token keyword">@import</span> <span class="token string">\'_attractions-theme.scss\'</span><span class="token punctuation">;</span>\n<span class="token property"><span class="token variable">$font</span></span><span class="token punctuation">:</span> <span class="token string">\'Open Sans\'</span><span class="token punctuation">,</span> sans-serif<span class="token punctuation">;</span>\n<span class="token property"><span class="token variable">$main</span></span><span class="token punctuation">:</span> green<span class="token punctuation">;</span>\n<span class="token property"><span class="token variable">$my-custom-variable</span></span><span class="token punctuation">:</span> 1px<span class="token punctuation">;</span></code>',v(s,Y,e),r(Z,s,e),v(s,ss,e),v(s,ns,e),ns.innerHTML='<code class="language-scss"><span class="token keyword">@forward</span> <span class="token string">"~attractions/_variables"</span> <span class="token module-modifier keyword">with</span> <span class="token punctuation">(</span>\n  <span class="token property"><span class="token variable">$font</span></span><span class="token punctuation">:</span> <span class="token punctuation">(</span><span class="token string">\'Open Sans\'</span><span class="token punctuation">,</span> sans-serif<span class="token punctuation">)</span><span class="token punctuation">,</span>\n  <span class="token property"><span class="token variable">$main</span></span><span class="token punctuation">:</span> green<span class="token punctuation">;</span>\n<span class="token punctuation">)</span><span class="token punctuation">;</span>\n<span class="token property"><span class="token variable">$my-custom-variable</span></span><span class="token punctuation">:</span> 1px<span class="token punctuation">;</span></code>',as=!0},p(s,a){const e={};2&a&&(e.$$scope={dirty:a,ctx:s}),n.$set(e);const o={};2&a&&(o.$$scope={dirty:a,ctx:s}),t.$set(o);const r={};2&a&&(r.$$scope={dirty:a,ctx:s}),c.$set(r);const p={};2&a&&(p.$$scope={dirty:a,ctx:s}),x.$set(p);const i={};2&a&&(i.$$scope={dirty:a,ctx:s}),S.$set(i);const l={};2&a&&(l.$$scope={dirty:a,ctx:s}),O.$set(l);const u={};2&a&&(u.$$scope={dirty:a,ctx:s}),N.$set(u);const $={};2&a&&($.$$scope={dirty:a,ctx:s}),B.$set($);const m={};2&a&&(m.$$scope={dirty:a,ctx:s}),J.$set(m);const f={};2&a&&(f.$$scope={dirty:a,ctx:s}),V.$set(f);const d={};2&a&&(d.$$scope={dirty:a,ctx:s}),Z.$set(d)},i(s){as||(i(n.$$.fragment,s),i(t.$$.fragment,s),i(c.$$.fragment,s),i(x.$$.fragment,s),i(S.$$.fragment,s),i(O.$$.fragment,s),i(N.$$.fragment,s),i(B.$$.fragment,s),i(J.$$.fragment,s),i(V.$$.fragment,s),i(Z.$$.fragment,s),as=!0)},o(s){l(n.$$.fragment,s),l(t.$$.fragment,s),l(c.$$.fragment,s),l(x.$$.fragment,s),l(S.$$.fragment,s),l(O.$$.fragment,s),l(N.$$.fragment,s),l(B.$$.fragment,s),l(J.$$.fragment,s),l(V.$$.fragment,s),l(Z.$$.fragment,s),as=!1},d(s){u(n,s),s&&h(a),u(t,s),s&&h(p),u(c,s),s&&h($),u(x,s),s&&h(w),u(S,s),s&&h(E),u(O,s),s&&h(j),u(N,s),s&&h(U),u(B,s),s&&h(q),s&&h(K),s&&h(z),u(J,s),s&&h(Q),u(V,s),s&&h(W),s&&h(X),s&&h(Y),u(Z,s),s&&h(ss),s&&h(ns)}}}function U(s){let n,a;const $=[s[0]];let m={$$slots:{default:[N]},$$scope:{ctx:s}};for(let s=0;s<$.length;s+=1)m=t(m,$[s]);return n=new j({props:m}),{c(){e(n.$$.fragment)},l(s){o(n.$$.fragment,s)},m(s,t){r(n,s,t),a=!0},p(s,[a]){const t=1&a?p($,[c(s[0])]):{};2&a&&(t.$$scope={dirty:a,ctx:s}),n.$set(t)},i(s){a||(i(n.$$.fragment,s),a=!0)},o(s){l(n.$$.fragment,s),a=!1},d(s){u(n,s)}}}function B(s,n,a){return s.$$set=s=>{a(0,n=t(t({},n),$(s)))},[n=$(n)]}class q extends s{constructor(s){super(),n(this,s,B,U,a,{})}}function K(s){let n,a;return n=new q({}),{c(){e(n.$$.fragment)},l(s){o(n.$$.fragment,s)},m(s,t){r(n,s,t),a=!0},i(s){a||(i(n.$$.fragment,s),a=!0)},o(s){l(n.$$.fragment,s),a=!1},d(s){u(n,s)}}}function z(s){let n,a;const $=[s[0],J];let m={$$slots:{default:[K]},$$scope:{ctx:s}};for(let s=0;s<$.length;s+=1)m=t(m,$[s]);return n=new O({props:m}),{c(){e(n.$$.fragment)},l(s){o(n.$$.fragment,s)},m(s,t){r(n,s,t),a=!0},p(s,[a]){const t=1&a?p($,[1&a&&c(s[0]),0&a&&c(J)]):{};2&a&&(t.$$scope={dirty:a,ctx:s}),n.$set(t)},i(s){a||(i(n.$$.fragment,s),a=!0)},o(s){l(n.$$.fragment,s),a=!1},d(s){u(n,s)}}}const J={name:"Migration Guide"};function Q(s,n,a){return s.$$set=s=>{a(0,n=t(t({},n),$(s)))},[n=$(n)]}class V extends s{constructor(s){super(),n(this,s,Q,z,a,{})}}export{V as default,J as metadata};
diff --git a/376/client/legacy/modal-cc12f30d.css b/376/client/legacy/modal-cc12f30d.css
new file mode 100644
index 000000000..0f091a4c3
--- /dev/null
+++ b/376/client/legacy/modal-cc12f30d.css
@@ -0,0 +1 @@
+.modal-overlay.svelte-rafkre{background-color:rgba(0, 0, 0, 0.25);display:none;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1000}.modal-overlay.open.svelte-rafkre{align-items:center;display:flex;justify-content:center}.modal-overlay.open.svelte-rafkre .dialog{animation:svelte-rafkre-slide-up 100ms ease-out}@keyframes svelte-rafkre-slide-up{0%{transform:translateY(5px)}100%{transform:translateY(0)}}
diff --git a/376/client/legacy/modal.5040d1e6.js b/376/client/legacy/modal.5040d1e6.js
new file mode 100644
index 000000000..40381d504
--- /dev/null
+++ b/376/client/legacy/modal.5040d1e6.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as s,l as a,m as o,U as r,a0 as c,t as l,p,q as f,L as m,u as g,w as u,f as d,d as i,v as x,x as h,h as y,k,b as w,e as v,g as E,n as D,Y as b,$ as C,a1 as O}from"./client.583c6e60.js";import{L as T,H as j,P as N}from"./layout.47c81311.js";import{B as S}from"./button.863c0adf.js";import{M as A}from"./modal.bfc3f816.js";import{D as H}from"./dialog.3eae56ed.js";import{S as M}from"./showcase.759e7149.js";import{C as R}from"./color-preview.9db6af61.js";import{H as P}from"./h2.0da05151.js";import{H as B}from"./h3.c9a49f62.js";import{T as F,a as G,b as Y,c as I}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./x.6b71949c.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";function V(t){let e;return{c(){e=x("Modal")},l(t){e=h(t,"Modal")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function W(t){let e;return{c(){e=x("An overlay allowing any modal content to appear on the screen prominently.")},l(t){e=h(t,"An overlay allowing any modal content to appear on the screen prominently.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function L(t){let e,$,n,s,a,o;return{c(){e=x("Works well with the "),$=y("a"),n=y("mark"),s=y("code"),a=x("Dialog"),o=x(" component."),this.h()},l(t){e=h(t,"Works well with the "),$=k(t,"A",{href:!0});var r=w($);n=k(r,"MARK",{});var c=w(n);s=k(c,"CODE",{});var l=w(s);a=h(l,"Dialog"),l.forEach(i),c.forEach(i),r.forEach(i),o=h(t," component."),this.h()},h(){v($,"href","./docs/components/dialog")},m(t,r){d(t,e,r),d(t,$,r),E($,n),E(n,s),E(s,a),d(t,o,r)},p:D,d(t){t&&i(e),t&&i($),t&&i(o)}}}function K(t){let e;return{c(){e=x("click me")},l(t){e=h(t,"click me")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function q(t){let e;return{c(){e=x("It's me")},l(t){e=h(t,"It's me")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function U(t){let e,$;return e=new H({props:{title:"Hello?",closeCallback:t[4],$$slots:{default:[q]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p(t,$){const n={};16&$&&(n.closeCallback=t[4]),32&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(l(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){f(e,t)}}}function z(t){let e,$,n,r,c,m;function x(e){t[3](e)}$=new S({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),$.$on("click",t[2]);let h={$$slots:{default:[U,({closeCallback:t})=>({4:t}),({closeCallback:t})=>t?16:0]},$$scope:{ctx:t}};return void 0!==t[0]&&(h.open=t[0]),r=new A({props:h}),b.push((()=>C(r,"open",x))),{c(){e=y("div"),s($.$$.fragment),n=g(),s(r.$$.fragment),this.h()},l(t){e=k(t,"DIV",{slot:!0,class:!0});var s=w(e);a($.$$.fragment,s),n=u(s),a(r.$$.fragment,s),s.forEach(i),this.h()},h(){v(e,"slot","showcase"),v(e,"class","padded")},m(t,s){d(t,e,s),o($,e,null),E(e,n),o(r,e,null),m=!0},p(t,e){const n={};32&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};48&e&&(s.$$scope={dirty:e,ctx:t}),!c&&1&e&&(c=!0,s.open=t[0],O((()=>c=!1))),r.$set(s)},i(t){m||(l($.$$.fragment,t),l(r.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(r.$$.fragment,t),m=!1},d(t){t&&i(e),f($),f(r)}}}function J(t){let e,$;return{c(){e=y("div"),$=y("pre"),this.h()},l(t){e=k(t,"DIV",{slot:!0});var n=w(e);$=k(n,"PRE",{class:!0}),w($).forEach(i),n.forEach(i),this.h()},h(){v($,"class","language-svelte"),v(e,"slot","source")},m(t,n){d(t,e,n),E(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">let</span> modalOpen <span class="token operator">=</span> <span class="token boolean">false</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> modalOpen <span class="token operator">=</span> <span class="token boolean">true</span><span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>click me<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Modal</span> <span class="token attr-name"><span class="token namespace">bind:</span>open=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>modalOpen<span class="token punctuation">&#125;</span></span> <span class="token attr-name"><span class="token namespace">let:</span>closeCallback</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dialog</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Hello?<span class="token punctuation">"</span></span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>closeCallback<span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n    It\'s me\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Dialog</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Modal</span><span class="token punctuation">></span></span></code>'},p:D,d(t){t&&i(e)}}}function Q(t){let e;return{c(){e=x("Properties")},l(t){e=h(t,"Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function X(t){let e;return{c(){e=x("Functional Properties")},l(t){e=h(t,"Functional Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Z(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function _(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function tt(t){let e;return{c(){e=x("Type")},l(t){e=h(t,"Type")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function et(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function $t(t){let e,$,n,r,c,m,x,h;return e=new Y({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),n=new Y({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),c=new Y({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),x=new Y({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};32&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};32&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};32&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};32&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(r),f(c,t),t&&i(m),f(x,t)}}}function nt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("open")},l(t){e=k(t,"STRONG",{});var s=w(e);$=k(s,"CODE",{});var a=w($);n=h(a,"open"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),E(e,$),E($,n)},p:D,d(t){t&&i(e)}}}function st(t){let e,$;return{c(){e=y("code"),$=x("false")},l(t){e=k(t,"CODE",{});var n=w(e);$=h(n,"false"),n.forEach(i)},m(t,n){d(t,e,n),E(e,$)},p:D,d(t){t&&i(e)}}}function at(t){let e,$;return{c(){e=y("code"),$=x("boolean")},l(t){e=k(t,"CODE",{});var n=w(e);$=h(n,"boolean"),n.forEach(i)},m(t,n){d(t,e,n),E(e,$)},p:D,d(t){t&&i(e)}}}function ot(t){let e;return{c(){e=x("Whether the modal is open or not.")},l(t){e=h(t,"Whether the modal is open or not.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function rt(t){let e,$,n,r,c,m,x,h;return e=new I({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),x=new I({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};32&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};32&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};32&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};32&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(r),f(c,t),t&&i(m),f(x,t)}}}function ct(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("noClickaway")},l(t){e=k(t,"STRONG",{});var s=w(e);$=k(s,"CODE",{});var a=w($);n=h(a,"noClickaway"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),E(e,$),E($,n)},p:D,d(t){t&&i(e)}}}function lt(t){let e,$;return{c(){e=y("code"),$=x("false")},l(t){e=k(t,"CODE",{});var n=w(e);$=h(n,"false"),n.forEach(i)},m(t,n){d(t,e,n),E(e,$)},p:D,d(t){t&&i(e)}}}function pt(t){let e,$;return{c(){e=y("code"),$=x("boolean")},l(t){e=k(t,"CODE",{});var n=w(e);$=h(n,"boolean"),n.forEach(i)},m(t,n){d(t,e,n),E(e,$)},p:D,d(t){t&&i(e)}}}function ft(t){let e,$,n,s;return{c(){e=x("Removes the click event listener from the overlay "),$=y("code"),n=x("<div>"),s=x(" to close the modal on an outside click.")},l(t){e=h(t,"Removes the click event listener from the overlay "),$=k(t,"CODE",{});var a=w($);n=h(a,"<div>"),a.forEach(i),s=h(t," to close the modal on an outside click.")},m(t,a){d(t,e,a),d(t,$,a),E($,n),d(t,s,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(s)}}}function mt(t){let e,$,n,r,c,m,x,h;return e=new I({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),x=new I({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};32&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};32&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};32&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};32&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(r),f(c,t),t&&i(m),f(x,t)}}}function gt(t){let e,$,n,r,c,m,x,h;return $=new G({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),x=new G({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),r=y("tbody"),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){e=k(t,"THEAD",{});var s=w(e);a($.$$.fragment,s),s.forEach(i),n=u(t),r=k(t,"TBODY",{});var o=w(r);a(c.$$.fragment,o),m=u(o),a(x.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,r,s),o(c,r,null),E(r,m),o(x,r,null),h=!0},p(t,e){const n={};32&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};32&e&&(a.$$scope={dirty:e,ctx:t}),x.$set(a)},i(t){h||(l($.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!1},d(t){t&&i(e),f($),t&&i(n),t&&i(r),f(c),f(x)}}}function ut(t){let e;return{c(){e=x("Class Properties")},l(t){e=h(t,"Class Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function dt(t){let e,$,n,s,a,o,r;return{c(){e=x("All "),$=y("code"),n=x("<Modal>"),s=x(" components use the "),a=y("code"),o=x(".modal-overlay"),r=x(" class.")},l(t){e=h(t,"All "),$=k(t,"CODE",{});var c=w($);n=h(c,"<Modal>"),c.forEach(i),s=h(t," components use the "),a=k(t,"CODE",{});var l=w(a);o=h(l,".modal-overlay"),l.forEach(i),r=h(t," class.")},m(t,c){d(t,e,c),d(t,$,c),E($,n),d(t,s,c),d(t,a,c),E(a,o),d(t,r,c)},p:D,d(t){t&&i(e),t&&i($),t&&i(s),t&&i(a),t&&i(r)}}}function it(t){let e;return{c(){e=x("Falsy values passed to classes will be disregarded.")},l(t){e=h(t,"Falsy values passed to classes will be disregarded.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function xt(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function ht(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function yt(t){let e;return{c(){e=x("Type")},l(t){e=h(t,"Type")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function kt(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function wt(t){let e,$,n,r,c,m,x,h;return e=new Y({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),n=new Y({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),c=new Y({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),x=new Y({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};32&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};32&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};32&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};32&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(r),f(c,t),t&&i(m),f(x,t)}}}function vt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("class")},l(t){e=k(t,"STRONG",{});var s=w(e);$=k(s,"CODE",{});var a=w($);n=h(a,"class"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),E(e,$),E($,n)},p:D,d(t){t&&i(e)}}}function Et(t){let e,$;return{c(){e=y("code"),$=x("null")},l(t){e=k(t,"CODE",{});var n=w(e);$=h(n,"null"),n.forEach(i)},m(t,n){d(t,e,n),E(e,$)},p:D,d(t){t&&i(e)}}}function Dt(t){let e,$;return{c(){e=y("code"),$=x("string")},l(t){e=k(t,"CODE",{});var n=w(e);$=h(n,"string"),n.forEach(i)},m(t,n){d(t,e,n),E(e,$)},p:D,d(t){t&&i(e)}}}function bt(t){let e;return{c(){e=x("A class string to add to the component.")},l(t){e=h(t,"A class string to add to the component.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Ct(t){let e,$,n,r,c,m,x,h;return e=new I({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),x=new I({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};32&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};32&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};32&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};32&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(r),f(c,t),t&&i(m),f(x,t)}}}function Ot(t){let e,$,n,r,c,m;return $=new G({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),r=y("tbody"),s(c.$$.fragment)},l(t){e=k(t,"THEAD",{});var s=w(e);a($.$$.fragment,s),s.forEach(i),n=u(t),r=k(t,"TBODY",{});var o=w(r);a(c.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,r,s),o(c,r,null),m=!0},p(t,e){const n={};32&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(l($.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&i(e),f($),t&&i(n),t&&i(r),f(c)}}}function Tt(t){let e;return{c(){e=x("Events")},l(t){e=h(t,"Events")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function jt(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Nt(t){let e;return{c(){e=x("Event Detail")},l(t){e=h(t,"Event Detail")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function St(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function At(t){let e,$,n,r,c,m;return e=new Y({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),n=new Y({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),c=new Y({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),m=!0},p(t,$){const s={};32&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};32&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};32&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(r),f(c,t)}}}function Ht(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("change")},l(t){e=k(t,"STRONG",{});var s=w(e);$=k(s,"CODE",{});var a=w($);n=h(a,"change"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),E(e,$),E($,n)},p:D,d(t){t&&i(e)}}}function Mt(t){let e,$;return{c(){e=y("code"),$=x("{ value }")},l(t){e=k(t,"CODE",{});var n=w(e);$=h(n,"{ value }"),n.forEach(i)},m(t,n){d(t,e,n),E(e,$)},p:D,d(t){t&&i(e)}}}function Rt(t){let e,$,n,s,a,o,r;return{c(){e=x("Fired whenever the modal state is changed, the "),$=y("code"),n=x("value"),s=x(" represents the value of the "),a=y("code"),o=x("open"),r=x(" property.")},l(t){e=h(t,"Fired whenever the modal state is changed, the "),$=k(t,"CODE",{});var c=w($);n=h(c,"value"),c.forEach(i),s=h(t," represents the value of the "),a=k(t,"CODE",{});var l=w(a);o=h(l,"open"),l.forEach(i),r=h(t," property.")},m(t,c){d(t,e,c),d(t,$,c),E($,n),d(t,s,c),d(t,a,c),E(a,o),d(t,r,c)},p:D,d(t){t&&i(e),t&&i($),t&&i(s),t&&i(a),t&&i(r)}}}function Pt(t){let e,$,n,r,c,m;return e=new I({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),m=!0},p(t,$){const s={};32&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};32&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};32&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(r),f(c,t)}}}function Bt(t){let e,$,n,r,c,m;return $=new G({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),r=y("tbody"),s(c.$$.fragment)},l(t){e=k(t,"THEAD",{});var s=w(e);a($.$$.fragment,s),s.forEach(i),n=u(t),r=k(t,"TBODY",{});var o=w(r);a(c.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,r,s),o(c,r,null),m=!0},p(t,e){const n={};32&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(l($.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&i(e),f($),t&&i(n),t&&i(r),f(c)}}}function Ft(t){let e;return{c(){e=x("Slots")},l(t){e=h(t,"Slots")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Gt(t){let e;return{c(){e=x("Default slot")},l(t){e=h(t,"Default slot")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Yt(t){let e;return{c(){e=x("The modal content.")},l(t){e=h(t,"The modal content.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function It(t){let e;return{c(){e=x("Prop Name")},l(t){e=h(t,"Prop Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Vt(t){let e;return{c(){e=x("Type")},l(t){e=h(t,"Type")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Wt(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Lt(t){let e,$,n,r,c,m;return e=new Y({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),n=new Y({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),c=new Y({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),m=!0},p(t,$){const s={};32&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};32&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};32&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(r),f(c,t)}}}function Kt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("closeCallback")},l(t){e=k(t,"STRONG",{});var s=w(e);$=k(s,"CODE",{});var a=w($);n=h(a,"closeCallback"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),E(e,$),E($,n)},p:D,d(t){t&&i(e)}}}function qt(t){let e,$;return{c(){e=y("code"),$=x("Function")},l(t){e=k(t,"CODE",{});var n=w(e);$=h(n,"Function"),n.forEach(i)},m(t,n){d(t,e,n),E(e,$)},p:D,d(t){t&&i(e)}}}function Ut(t){let e;return{c(){e=x("A callback to close the modal.")},l(t){e=h(t,"A callback to close the modal.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function zt(t){let e,$,n,r,c,m;return e=new I({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),m=!0},p(t,$){const s={};32&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};32&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};32&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(r),f(c,t)}}}function Jt(t){let e,$,n,r,c,m;return $=new G({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),r=y("tbody"),s(c.$$.fragment)},l(t){e=k(t,"THEAD",{});var s=w(e);a($.$$.fragment,s),s.forEach(i),n=u(t),r=k(t,"TBODY",{});var o=w(r);a(c.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,r,s),o(c,r,null),m=!0},p(t,e){const n={};32&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(l($.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&i(e),f($),t&&i(n),t&&i(r),f(c)}}}function Qt(t){let e;return{c(){e=x("SCSS Variables")},l(t){e=h(t,"SCSS Variables")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Xt(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Zt(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function _t(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function te(t){let e,$,n,r,c,m;return e=new Y({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),n=new Y({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),c=new Y({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),m=!0},p(t,$){const s={};32&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};32&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};32&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(r),f(c,t)}}}function ee(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("$modal-overlay-bg")},l(t){e=k(t,"STRONG",{});var s=w(e);$=k(s,"CODE",{});var a=w($);n=h(a,"$modal-overlay-bg"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),E(e,$),E($,n)},p:D,d(t){t&&i(e)}}}function $e(t){let e;return{c(){e=x("The background color of the overlay behind the content.")},l(t){e=h(t,"The background color of the overlay behind the content.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function ne(t){let e,$;return e=new R({props:{value:"rgba(0, 0, 0, .25)"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:D,i(t){$||(l(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){f(e,t)}}}function se(t){let e,$,n,r,c,m;return e=new I({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),m=!0},p(t,$){const s={};32&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};32&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};32&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(r),f(c,t)}}}function ae(t){let e,$,n,r,c,m;return $=new G({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),r=y("tbody"),s(c.$$.fragment)},l(t){e=k(t,"THEAD",{});var s=w(e);a($.$$.fragment,s),s.forEach(i),n=u(t),r=k(t,"TBODY",{});var o=w(r);a(c.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,r,s),o(c,r,null),m=!0},p(t,e){const n={};32&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(l($.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&i(e),f($),t&&i(n),t&&i(r),f(c)}}}function oe(t){let e,$,n,r,c,m,x,h,y,k,w,v,E,D,b,C,O,T,S,A,H,R,G,Y,I,K,q,U,Z,_,tt,et,$t,nt,st,at,ot,rt;return e=new j({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),n=new N({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new N({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),x=new M({props:{$$slots:{source:[J],showcase:[z]},$$scope:{ctx:t}}}),y=new P({props:{id:"properties",$$slots:{default:[Q]},$$scope:{ctx:t}}}),w=new B({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),E=new F({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),b=new B({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),O=new N({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),S=new N({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),H=new F({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),G=new P({props:{id:"events",$$slots:{default:[Tt]},$$scope:{ctx:t}}}),I=new F({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),q=new P({props:{id:"slots",$$slots:{default:[Ft]},$$scope:{ctx:t}}}),Z=new B({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),tt=new N({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),$t=new F({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),st=new P({props:{id:"scss-variables",$$slots:{default:[Qt]},$$scope:{ctx:t}}}),ot=new F({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment),h=g(),s(y.$$.fragment),k=g(),s(w.$$.fragment),v=g(),s(E.$$.fragment),D=g(),s(b.$$.fragment),C=g(),s(O.$$.fragment),T=g(),s(S.$$.fragment),A=g(),s(H.$$.fragment),R=g(),s(G.$$.fragment),Y=g(),s(I.$$.fragment),K=g(),s(q.$$.fragment),U=g(),s(Z.$$.fragment),_=g(),s(tt.$$.fragment),et=g(),s($t.$$.fragment),nt=g(),s(st.$$.fragment),at=g(),s(ot.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t),h=u(t),a(y.$$.fragment,t),k=u(t),a(w.$$.fragment,t),v=u(t),a(E.$$.fragment,t),D=u(t),a(b.$$.fragment,t),C=u(t),a(O.$$.fragment,t),T=u(t),a(S.$$.fragment,t),A=u(t),a(H.$$.fragment,t),R=u(t),a(G.$$.fragment,t),Y=u(t),a(I.$$.fragment,t),K=u(t),a(q.$$.fragment,t),U=u(t),a(Z.$$.fragment,t),_=u(t),a(tt.$$.fragment,t),et=u(t),a($t.$$.fragment,t),nt=u(t),a(st.$$.fragment,t),at=u(t),a(ot.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),d(t,h,s),o(y,t,s),d(t,k,s),o(w,t,s),d(t,v,s),o(E,t,s),d(t,D,s),o(b,t,s),d(t,C,s),o(O,t,s),d(t,T,s),o(S,t,s),d(t,A,s),o(H,t,s),d(t,R,s),o(G,t,s),d(t,Y,s),o(I,t,s),d(t,K,s),o(q,t,s),d(t,U,s),o(Z,t,s),d(t,_,s),o(tt,t,s),d(t,et,s),o($t,t,s),d(t,nt,s),o(st,t,s),d(t,at,s),o(ot,t,s),rt=!0},p(t,$){const s={};32&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};32&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};32&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};33&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r);const l={};32&$&&(l.$$scope={dirty:$,ctx:t}),y.$set(l);const p={};32&$&&(p.$$scope={dirty:$,ctx:t}),w.$set(p);const f={};32&$&&(f.$$scope={dirty:$,ctx:t}),E.$set(f);const m={};32&$&&(m.$$scope={dirty:$,ctx:t}),b.$set(m);const g={};32&$&&(g.$$scope={dirty:$,ctx:t}),O.$set(g);const u={};32&$&&(u.$$scope={dirty:$,ctx:t}),S.$set(u);const d={};32&$&&(d.$$scope={dirty:$,ctx:t}),H.$set(d);const i={};32&$&&(i.$$scope={dirty:$,ctx:t}),G.$set(i);const h={};32&$&&(h.$$scope={dirty:$,ctx:t}),I.$set(h);const k={};32&$&&(k.$$scope={dirty:$,ctx:t}),q.$set(k);const v={};32&$&&(v.$$scope={dirty:$,ctx:t}),Z.$set(v);const D={};32&$&&(D.$$scope={dirty:$,ctx:t}),tt.$set(D);const C={};32&$&&(C.$$scope={dirty:$,ctx:t}),$t.$set(C);const T={};32&$&&(T.$$scope={dirty:$,ctx:t}),st.$set(T);const j={};32&$&&(j.$$scope={dirty:$,ctx:t}),ot.$set(j)},i(t){rt||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),l(y.$$.fragment,t),l(w.$$.fragment,t),l(E.$$.fragment,t),l(b.$$.fragment,t),l(O.$$.fragment,t),l(S.$$.fragment,t),l(H.$$.fragment,t),l(G.$$.fragment,t),l(I.$$.fragment,t),l(q.$$.fragment,t),l(Z.$$.fragment,t),l(tt.$$.fragment,t),l($t.$$.fragment,t),l(st.$$.fragment,t),l(ot.$$.fragment,t),rt=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),p(y.$$.fragment,t),p(w.$$.fragment,t),p(E.$$.fragment,t),p(b.$$.fragment,t),p(O.$$.fragment,t),p(S.$$.fragment,t),p(H.$$.fragment,t),p(G.$$.fragment,t),p(I.$$.fragment,t),p(q.$$.fragment,t),p(Z.$$.fragment,t),p(tt.$$.fragment,t),p($t.$$.fragment,t),p(st.$$.fragment,t),p(ot.$$.fragment,t),rt=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(r),f(c,t),t&&i(m),f(x,t),t&&i(h),f(y,t),t&&i(k),f(w,t),t&&i(v),f(E,t),t&&i(D),f(b,t),t&&i(C),f(O,t),t&&i(T),f(S,t),t&&i(A),f(H,t),t&&i(R),f(G,t),t&&i(Y),f(I,t),t&&i(K),f(q,t),t&&i(U),f(Z,t),t&&i(_),f(tt,t),t&&i(et),f($t,t),t&&i(nt),f(st,t),t&&i(at),f(ot,t)}}}function re(t){let e,$;const m=[t[1],ce];let g={$$slots:{default:[oe]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)g=n(g,m[t]);return e=new T({props:g}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p(t,[$]){const n=2&$?r(m,[2&$&&c(t[1]),0&$&&c(ce)]):{};33&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(l(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){f(e,t)}}}const ce={name:"Modal"};function le(t,e,$){let s=!1;return t.$$set=t=>{$(1,e=n(n({},e),m(t)))},e=m(e),[s,e,()=>$(0,s=!0),function(t){s=t,$(0,s)}]}class pe extends t{constructor(t){super(),e(this,t,le,re,$,{})}}export{pe as default,ce as metadata};
diff --git a/376/client/legacy/modal.bfc3f816.js b/376/client/legacy/modal.bfc3f816.js
new file mode 100644
index 000000000..7fc66c395
--- /dev/null
+++ b/376/client/legacy/modal.bfc3f816.js
@@ -0,0 +1 @@
+import{S as s,i as a,s as l,H as e,f as c,y as o,p as n,z as t,t as r,d as i,J as p,M as u,h as d,k as f,b as h,e as m,X as v,O as $,Q as k,R as y,T as C,o as b,a8 as w}from"./client.583c6e60.js";import{c as j}from"./classes.a7d1a9eb.js";const x=s=>({}),D=s=>({closeCallback:s[3]}),E=s=>({}),I=s=>({closeCallback:s[3]});function M(s){let a,l,e;const o=s[5].default,t=u(o,s,s[4],D);return{c(){a=d("div"),t&&t.c(),this.h()},l(s){a=f(s,"DIV",{class:!0});var l=h(a);t&&t.l(l),l.forEach(i),this.h()},h(){m(a,"class",l=v(j("modal-overlay",s[1]))+" svelte-rafkre"),$(a,"open",s[0])},m(s,l){c(s,a,l),t&&t.m(a,null),e=!0},p(s,c){t&&t.p&&(!e||16&c)&&k(t,o,s,s[4],e?C(o,s[4],c,x):y(s[4]),D),(!e||2&c&&l!==(l=v(j("modal-overlay",s[1]))+" svelte-rafkre"))&&m(a,"class",l),(!e||3&c)&&$(a,"open",s[0])},i(s){e||(r(t,s),e=!0)},o(s){n(t,s),e=!1},d(s){s&&i(a),t&&t.d(s)}}}function V(s){let a,l,e,o,t;const p=s[5].default,x=u(p,s,s[4],I);return{c(){a=d("div"),x&&x.c(),this.h()},l(s){a=f(s,"DIV",{class:!0});var l=h(a);x&&x.l(l),l.forEach(i),this.h()},h(){m(a,"class",l=v(j("modal-overlay",s[1]))+" svelte-rafkre"),$(a,"open",s[0])},m(l,n){c(l,a,n),x&&x.m(a,null),e=!0,o||(t=b(a,"click",w(s[3])),o=!0)},p(s,c){x&&x.p&&(!e||16&c)&&k(x,p,s,s[4],e?C(p,s[4],c,E):y(s[4]),I),(!e||2&c&&l!==(l=v(j("modal-overlay",s[1]))+" svelte-rafkre"))&&m(a,"class",l),(!e||3&c)&&$(a,"open",s[0])},i(s){e||(r(x,s),e=!0)},o(s){n(x,s),e=!1},d(s){s&&i(a),x&&x.d(s),o=!1,t()}}}function g(s){let a,l,p,u;const d=[V,M],f=[];function h(s,a){return s[2]?1:0}return a=h(s),l=f[a]=d[a](s),{c(){l.c(),p=e()},l(s){l.l(s),p=e()},m(s,l){f[a].m(s,l),c(s,p,l),u=!0},p(s,e){let[c]=e,i=a;a=h(s),a===i?f[a].p(s,c):(o(),n(f[i],1,1,(()=>{f[i]=null})),t(),l=f[a],l?l.p(s,c):(l=f[a]=d[a](s),l.c()),r(l,1),l.m(p.parentNode,p))},i(s){u||(r(l),u=!0)},o(s){n(l),u=!1},d(s){f[a].d(s),s&&i(p)}}}function z(s,a,l){let{$$slots:e={},$$scope:c}=a,{class:o=null}=a,{open:n=!1}=a,{noClickaway:t=!1}=a;const r=p();return s.$$set=s=>{"class"in s&&l(1,o=s.class),"open"in s&&l(0,n=s.open),"noClickaway"in s&&l(2,t=s.noClickaway),"$$scope"in s&&l(4,c=s.$$scope)},s.$$.update=()=>{1&s.$$.dirty&&r("change",{value:n})},[n,o,t,function(){l(0,n=!1)},c,e]}var H=class extends s{constructor(s){super(),a(this,s,z,g,l,{class:1,open:0,noClickaway:2})}};export{H as M};
diff --git a/376/client/legacy/pagination-121bc747.css b/376/client/legacy/pagination-121bc747.css
new file mode 100644
index 000000000..383cd1937
--- /dev/null
+++ b/376/client/legacy/pagination-121bc747.css
@@ -0,0 +1 @@
+.pagination.svelte-r3vf1m{align-items:center;display:flex;justify-content:center;margin:2em 1em}.pagination.svelte-r3vf1m>.page{flex-shrink:0;height:2.5em;justify-content:center;margin:0 0.2em;padding:0;width:2.5em}.pagination.svelte-r3vf1m>.text-field{margin:0 0.2em}.pagination.svelte-r3vf1m>.text-field input{height:2.8em !important;width:2.8em !important}.pagination.svelte-r3vf1m>.page.current{background:rgba(67, 0, 176, 0.05)}.pagination.svelte-r3vf1m>.page.current:hover{background:rgba(67, 0, 176, 0.1)}.pagination.svelte-r3vf1m>.page.current:focus{background:rgba(67, 0, 176, 0.15)}@media only screen and (min-width: 380px){.pagination.svelte-r3vf1m>.page,.pagination.svelte-r3vf1m>.text-field{margin:0 0.4em}}@media only screen and (min-width: 540px){.pagination.svelte-r3vf1m{align-self:center}.pagination.svelte-r3vf1m>.page,.pagination.svelte-r3vf1m input{font-size:1.1rem}}@media only screen and (min-width: 1024px){.pagination.svelte-r3vf1m>.page,.pagination.svelte-r3vf1m input{font-size:1.2rem}}
diff --git a/376/client/legacy/pagination.fadc6843.js b/376/client/legacy/pagination.fadc6843.js
new file mode 100644
index 000000000..98b6c1874
--- /dev/null
+++ b/376/client/legacy/pagination.fadc6843.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as r,j as n,l as o,m as s,U as a,a0 as c,t as f,p as l,q as m,L as p,u as g,h as d,v as i,w as u,k as h,b as x,x as E,d as w,e as y,f as v,g as D,n as T}from"./client.583c6e60.js";import{L as b,H as O,P as C}from"./layout.47c81311.js";import{P as F}from"./pagination.fdc8d792.js";import{S}from"./showcase.759e7149.js";import{C as A}from"./color-preview.9db6af61.js";import{H as N}from"./h2.0da05151.js";import{H as L}from"./h3.c9a49f62.js";import{T as P,a as R,b as k,c as G}from"./table.c1711529.js";import"./button.863c0adf.js";import"./classes.a7d1a9eb.js";import"./text-field.f9cea8ef.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";function B(t){let e;return{c(){e=i("Pagination")},l(t){e=E(t,"Pagination")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function j(t){let e;return{c(){e=i("A page navigating component that supports random page access.")},l(t){e=E(t,"A page navigating component that supports random page access.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function M(t){let e,$,r;return $=new F({props:{pages:20}}),{c(){e=d("div"),n($.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var r=x(e);o($.$$.fragment,r),r.forEach(w),this.h()},h(){y(e,"slot","showcase"),y(e,"class","padded")},m(t,n){v(t,e,n),s($,e,null),r=!0},p:T,i(t){r||(f($.$$.fragment,t),r=!0)},o(t){l($.$$.fragment,t),r=!1},d(t){t&&w(e),m($)}}}function H(t){let e,$;return{c(){e=d("div"),$=d("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var r=x(e);$=h(r,"PRE",{class:!0}),x($).forEach(w),r.forEach(w),this.h()},h(){y($,"class","language-svelte"),y(e,"slot","source")},m(t,r){v(t,e,r),D(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Pagination</span> <span class="token attr-name">pages=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">20</span><span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span></code>'},p:T,d(t){t&&w(e)}}}function q(t){let e;return{c(){e=i("Properties")},l(t){e=E(t,"Properties")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function U(t){let e;return{c(){e=i("Style Properties")},l(t){e=E(t,"Style Properties")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function V(t){let e;return{c(){e=i("Name")},l(t){e=E(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Y(t){let e;return{c(){e=i("Default")},l(t){e=E(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function I(t){let e;return{c(){e=i("Type")},l(t){e=E(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function K(t){let e;return{c(){e=i("Description")},l(t){e=E(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function W(t){let e,$,r,a,c,p,d,i;return e=new k({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),r=new k({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),c=new k({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),d=new k({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment),p=g(),n(d.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t),p=u(t),o(d.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),v(t,p,n),s(d,t,n),i=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),d.$set(a)},i(t){i||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t),t&&w(p),m(d,t)}}}function z(t){let e,$,r;return{c(){e=d("strong"),$=d("code"),r=i("showLonePage")},l(t){e=h(t,"STRONG",{});var n=x(e);$=h(n,"CODE",{});var o=x($);r=E(o,"showLonePage"),o.forEach(w),n.forEach(w)},m(t,n){v(t,e,n),D(e,$),D($,r)},p:T,d(t){t&&w(e)}}}function J(t){let e,$;return{c(){e=d("code"),$=i("true")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"true"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function Q(t){let e,$;return{c(){e=d("code"),$=i("boolean")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"boolean"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function X(t){let e;return{c(){e=i("Whether the pagination component should be displayed when there's only one page.")},l(t){e=E(t,"Whether the pagination component should be displayed when there's only one page.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Z(t){let e,$,r,a,c,p,d,i;return e=new G({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),d=new G({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment),p=g(),n(d.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t),p=u(t),o(d.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),v(t,p,n),s(d,t,n),i=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),d.$set(a)},i(t){i||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t),t&&w(p),m(d,t)}}}function _(t){let e,$,r,a,c,p;return $=new R({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new R({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),{c(){e=d("thead"),n($.$$.fragment),r=g(),a=d("tbody"),n(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var n=x(e);o($.$$.fragment,n),n.forEach(w),r=u(t),a=h(t,"TBODY",{});var s=x(a);o(c.$$.fragment,s),s.forEach(w)},m(t,n){v(t,e,n),s($,e,null),v(t,r,n),v(t,a,n),s(c,a,null),p=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n)},i(t){p||(f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){t&&w(e),m($),t&&w(r),t&&w(a),m(c)}}}function tt(t){let e;return{c(){e=i("Functional Properties")},l(t){e=E(t,"Functional Properties")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function et(t){let e;return{c(){e=i("Name")},l(t){e=E(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function $t(t){let e;return{c(){e=i("Default")},l(t){e=E(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function rt(t){let e;return{c(){e=i("Type")},l(t){e=E(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function nt(t){let e;return{c(){e=i("Description")},l(t){e=E(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function ot(t){let e,$,r,a,c,p,d,i;return e=new k({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),r=new k({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),c=new k({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),d=new k({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment),p=g(),n(d.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t),p=u(t),o(d.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),v(t,p,n),s(d,t,n),i=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),d.$set(a)},i(t){i||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t),t&&w(p),m(d,t)}}}function st(t){let e,$,r,n,o,s,a;return{c(){e=d("mark"),$=d("strong"),r=d("code"),n=i("pages"),o=i(" "),s=d("span"),a=i("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);r=h(f,"CODE",{});var l=x(r);n=E(l,"pages"),l.forEach(w),f.forEach(w),c.forEach(w),o=E(t," "),s=h(t,"SPAN",{class:!0});var m=x(s);a=E(m,"*"),m.forEach(w),this.h()},h(){y(s,"class","required")},m(t,c){v(t,e,c),D(e,$),D($,r),D(r,n),v(t,o,c),v(t,s,c),D(s,a)},p:T,d(t){t&&w(e),t&&w(o),t&&w(s)}}}function at(t){let e,$;return{c(){e=d("code"),$=i("number")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"number"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function ct(t){let e;return{c(){e=i("The amount of pages to allow for navigation.")},l(t){e=E(t,"The amount of pages to allow for navigation.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function ft(t){let e,$,r,a,c,p,d,i;return e=new G({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),r=new G({}),c=new G({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),d=new G({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment),p=g(),n(d.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t),p=u(t),o(d.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),v(t,p,n),s(d,t,n),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),c.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),d.$set(o)},i(t){i||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t),t&&w(p),m(d,t)}}}function lt(t){let e,$,r;return{c(){e=d("strong"),$=d("code"),r=i("currentPage")},l(t){e=h(t,"STRONG",{});var n=x(e);$=h(n,"CODE",{});var o=x($);r=E(o,"currentPage"),o.forEach(w),n.forEach(w)},m(t,n){v(t,e,n),D(e,$),D($,r)},p:T,d(t){t&&w(e)}}}function mt(t){let e,$;return{c(){e=d("code"),$=i("1")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"1"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function pt(t){let e,$;return{c(){e=d("code"),$=i("number")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"number"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function gt(t){let e;return{c(){e=i("The currently selected page (starting from 1).")},l(t){e=E(t,"The currently selected page (starting from 1).")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function dt(t){let e,$,r,a,c,p,d,i;return e=new G({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),d=new G({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment),p=g(),n(d.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t),p=u(t),o(d.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),v(t,p,n),s(d,t,n),i=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),d.$set(a)},i(t){i||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t),t&&w(p),m(d,t)}}}function it(t){let e,$,r;return{c(){e=d("strong"),$=d("code"),r=i("...")},l(t){e=h(t,"STRONG",{});var n=x(e);$=h(n,"CODE",{});var o=x($);r=E(o,"..."),o.forEach(w),n.forEach(w)},m(t,n){v(t,e,n),D(e,$),D($,r)},p:T,d(t){t&&w(e)}}}function ut(t){let e,$;return{c(){e=d("code"),$=i("any")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"any"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function ht(t){let e,$,r,n;return{c(){e=i("Everything else will be passed to the underlying "),$=d("code"),r=i("<nav>"),n=i(" element.")},l(t){e=E(t,"Everything else will be passed to the underlying "),$=h(t,"CODE",{});var o=x($);r=E(o,"<nav>"),o.forEach(w),n=E(t," element.")},m(t,o){v(t,e,o),v(t,$,o),D($,r),v(t,n,o)},p:T,d(t){t&&w(e),t&&w($),t&&w(n)}}}function xt(t){let e,$,r,a,c,p,d,i;return e=new G({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),r=new G({}),c=new G({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),d=new G({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment),p=g(),n(d.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t),p=u(t),o(d.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),v(t,p,n),s(d,t,n),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),c.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),d.$set(o)},i(t){i||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t),t&&w(p),m(d,t)}}}function Et(t){let e,$,r,a,c,p,i,E,y,T;return $=new R({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),c=new R({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),i=new R({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),y=new R({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){e=d("thead"),n($.$$.fragment),r=g(),a=d("tbody"),n(c.$$.fragment),p=g(),n(i.$$.fragment),E=g(),n(y.$$.fragment)},l(t){e=h(t,"THEAD",{});var n=x(e);o($.$$.fragment,n),n.forEach(w),r=u(t),a=h(t,"TBODY",{});var s=x(a);o(c.$$.fragment,s),p=u(s),o(i.$$.fragment,s),E=u(s),o(y.$$.fragment,s),s.forEach(w)},m(t,n){v(t,e,n),s($,e,null),v(t,r,n),v(t,a,n),s(c,a,null),D(a,p),s(i,a,null),D(a,E),s(y,a,null),T=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),i.$set(o);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),y.$set(s)},i(t){T||(f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(y.$$.fragment,t),T=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(y.$$.fragment,t),T=!1},d(t){t&&w(e),m($),t&&w(r),t&&w(a),m(c),m(i),m(y)}}}function wt(t){let e;return{c(){e=i("Class Properties")},l(t){e=E(t,"Class Properties")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function yt(t){let e,$,r,n,o,s,a;return{c(){e=i("All "),$=d("code"),r=i("<Pagination>"),n=i(" components use the "),o=d("code"),s=i(".pagination"),a=i(" class.")},l(t){e=E(t,"All "),$=h(t,"CODE",{});var c=x($);r=E(c,"<Pagination>"),c.forEach(w),n=E(t," components use the "),o=h(t,"CODE",{});var f=x(o);s=E(f,".pagination"),f.forEach(w),a=E(t," class.")},m(t,c){v(t,e,c),v(t,$,c),D($,r),v(t,n,c),v(t,o,c),D(o,s),v(t,a,c)},p:T,d(t){t&&w(e),t&&w($),t&&w(n),t&&w(o),t&&w(a)}}}function vt(t){let e;return{c(){e=i("Falsy values passed to classes will be disregarded.")},l(t){e=E(t,"Falsy values passed to classes will be disregarded.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Dt(t){let e;return{c(){e=i("Name")},l(t){e=E(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Tt(t){let e;return{c(){e=i("Default")},l(t){e=E(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function bt(t){let e;return{c(){e=i("Type")},l(t){e=E(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Ot(t){let e;return{c(){e=i("Description")},l(t){e=E(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Ct(t){let e,$,r,a,c,p,d,i;return e=new k({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),r=new k({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),c=new k({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),d=new k({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment),p=g(),n(d.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t),p=u(t),o(d.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),v(t,p,n),s(d,t,n),i=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),d.$set(a)},i(t){i||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t),t&&w(p),m(d,t)}}}function Ft(t){let e,$,r;return{c(){e=d("strong"),$=d("code"),r=i("class")},l(t){e=h(t,"STRONG",{});var n=x(e);$=h(n,"CODE",{});var o=x($);r=E(o,"class"),o.forEach(w),n.forEach(w)},m(t,n){v(t,e,n),D(e,$),D($,r)},p:T,d(t){t&&w(e)}}}function St(t){let e,$;return{c(){e=d("code"),$=i("null")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"null"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function At(t){let e,$;return{c(){e=d("code"),$=i("string")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"string"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function Nt(t){let e;return{c(){e=i("A class string to add to the component.")},l(t){e=E(t,"A class string to add to the component.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Lt(t){let e,$,r,a,c,p,d,i;return e=new G({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),d=new G({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment),p=g(),n(d.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t),p=u(t),o(d.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),v(t,p,n),s(d,t,n),i=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),d.$set(a)},i(t){i||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t),t&&w(p),m(d,t)}}}function Pt(t){let e,$,r,a,c,p;return $=new R({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),c=new R({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),{c(){e=d("thead"),n($.$$.fragment),r=g(),a=d("tbody"),n(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var n=x(e);o($.$$.fragment,n),n.forEach(w),r=u(t),a=h(t,"TBODY",{});var s=x(a);o(c.$$.fragment,s),s.forEach(w)},m(t,n){v(t,e,n),s($,e,null),v(t,r,n),v(t,a,n),s(c,a,null),p=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n)},i(t){p||(f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){t&&w(e),m($),t&&w(r),t&&w(a),m(c)}}}function Rt(t){let e;return{c(){e=i("Events")},l(t){e=E(t,"Events")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function kt(t){let e;return{c(){e=i("Name")},l(t){e=E(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Gt(t){let e;return{c(){e=i("Event Detail")},l(t){e=E(t,"Event Detail")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Bt(t){let e;return{c(){e=i("Description")},l(t){e=E(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function jt(t){let e,$,r,a,c,p;return e=new k({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),r=new k({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),c=new k({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function Mt(t){let e,$,r;return{c(){e=d("strong"),$=d("code"),r=i("change")},l(t){e=h(t,"STRONG",{});var n=x(e);$=h(n,"CODE",{});var o=x($);r=E(o,"change"),o.forEach(w),n.forEach(w)},m(t,n){v(t,e,n),D(e,$),D($,r)},p:T,d(t){t&&w(e)}}}function Ht(t){let e,$;return{c(){e=d("code"),$=i("{ value }")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"{ value }"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function qt(t){let e;return{c(){e=i("Fired when a page is changed. The value contains the currently selected page.")},l(t){e=E(t,"Fired when a page is changed. The value contains the currently selected page.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Ut(t){let e,$,r,a,c,p;return e=new G({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function Vt(t){let e,$,r,a,c,p;return $=new R({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),c=new R({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){e=d("thead"),n($.$$.fragment),r=g(),a=d("tbody"),n(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var n=x(e);o($.$$.fragment,n),n.forEach(w),r=u(t),a=h(t,"TBODY",{});var s=x(a);o(c.$$.fragment,s),s.forEach(w)},m(t,n){v(t,e,n),s($,e,null),v(t,r,n),v(t,a,n),s(c,a,null),p=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n)},i(t){p||(f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){t&&w(e),m($),t&&w(r),t&&w(a),m(c)}}}function Yt(t){let e;return{c(){e=i("SCSS Variables")},l(t){e=E(t,"SCSS Variables")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function It(t){let e;return{c(){e=i("Name")},l(t){e=E(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Kt(t){let e;return{c(){e=i("Description")},l(t){e=E(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Wt(t){let e;return{c(){e=i("Default")},l(t){e=E(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function zt(t){let e,$,r,a,c,p;return e=new k({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),r=new k({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),c=new k({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function Jt(t){let e,$,r;return{c(){e=d("strong"),$=d("code"),r=i("$main")},l(t){e=h(t,"STRONG",{});var n=x(e);$=h(n,"CODE",{});var o=x($);r=E(o,"$main"),o.forEach(w),n.forEach(w)},m(t,n){v(t,e,n),D(e,$),D($,r)},p:T,d(t){t&&w(e)}}}function Qt(t){let e;return{c(){e=i("The color of selection and the focused text fields' borders.")},l(t){e=E(t,"The color of selection and the focused text fields' borders.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Xt(t){let e,$;return e=new A({props:{value:"#4300B0"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:T,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function Zt(t){let e,$,r,a,c,p;return e=new G({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function _t(t){let e,$,r,n,o,s,a,c,f;return{c(){e=d("strong"),$=d("code"),r=i("$font"),n=g(),o=d("small"),s=i("From "),a=d("a"),c=d("code"),f=i("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var m=x($);r=E(m,"$font"),m.forEach(w),l.forEach(w),n=u(t),o=h(t,"SMALL",{});var p=x(o);s=E(p,"From "),a=h(p,"A",{href:!0});var g=x(a);c=h(g,"CODE",{});var d=x(c);f=E(d,"Button"),d.forEach(w),g.forEach(w),p.forEach(w),this.h()},h(){y(a,"href","./docs/components/button")},m(t,l){v(t,e,l),D(e,$),D($,r),v(t,n,l),v(t,o,l),D(o,s),D(o,a),D(a,c),D(c,f)},p:T,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function te(t){let e;return{c(){e=i("The font of the page buttons.")},l(t){e=E(t,"The font of the page buttons.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function ee(t){let e,$;return{c(){e=d("code"),$=i("'Ubuntu'")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"'Ubuntu'"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function $e(t){let e,$,r,a,c,p;return e=new G({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function re(t){let e,$,r,n,o,s,a,c,f;return{c(){e=d("strong"),$=d("code"),r=i("$button-radius"),n=g(),o=d("small"),s=i("From "),a=d("a"),c=d("code"),f=i("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var m=x($);r=E(m,"$button-radius"),m.forEach(w),l.forEach(w),n=u(t),o=h(t,"SMALL",{});var p=x(o);s=E(p,"From "),a=h(p,"A",{href:!0});var g=x(a);c=h(g,"CODE",{});var d=x(c);f=E(d,"Button"),d.forEach(w),g.forEach(w),p.forEach(w),this.h()},h(){y(a,"href","./docs/components/button")},m(t,l){v(t,e,l),D(e,$),D($,r),v(t,n,l),v(t,o,l),D(o,s),D(o,a),D(a,c),D(c,f)},p:T,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function ne(t){let e;return{c(){e=i("The curvature radius of the page buttons.")},l(t){e=E(t,"The curvature radius of the page buttons.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function oe(t){let e,$;return{c(){e=d("code"),$=i("1.5625em")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"1.5625em"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function se(t){let e,$,r,a,c,p;return e=new G({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function ae(t){let e,$,r,n,o,s,a,c,f;return{c(){e=d("strong"),$=d("code"),r=i("$dark"),n=g(),o=d("small"),s=i("From "),a=d("a"),c=d("code"),f=i("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var m=x($);r=E(m,"$dark"),m.forEach(w),l.forEach(w),n=u(t),o=h(t,"SMALL",{});var p=x(o);s=E(p,"From "),a=h(p,"A",{href:!0});var g=x(a);c=h(g,"CODE",{});var d=x(c);f=E(d,"Button"),d.forEach(w),g.forEach(w),p.forEach(w),this.h()},h(){y(a,"href","./docs/components/button")},m(t,l){v(t,e,l),D(e,$),D($,r),v(t,n,l),v(t,o,l),D(o,s),D(o,a),D(a,c),D(c,f)},p:T,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function ce(t){let e;return{c(){e=i("The color of the page buttons.")},l(t){e=E(t,"The color of the page buttons.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function fe(t){let e,$;return e=new A({props:{value:"#333333"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:T,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function le(t){let e,$,r,a,c,p;return e=new G({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function me(t){let e,$,r,n,o,s,a,c,f;return{c(){e=d("strong"),$=d("code"),r=i("$bold-font-weight"),n=g(),o=d("small"),s=i("From "),a=d("a"),c=d("code"),f=i("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var m=x($);r=E(m,"$bold-font-weight"),m.forEach(w),l.forEach(w),n=u(t),o=h(t,"SMALL",{});var p=x(o);s=E(p,"From "),a=h(p,"A",{href:!0});var g=x(a);c=h(g,"CODE",{});var d=x(c);f=E(d,"Button"),d.forEach(w),g.forEach(w),p.forEach(w),this.h()},h(){y(a,"href","./docs/components/button")},m(t,l){v(t,e,l),D(e,$),D($,r),v(t,n,l),v(t,o,l),D(o,s),D(o,a),D(a,c),D(c,f)},p:T,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function pe(t){let e;return{c(){e=i("The font weight of the page buttons.")},l(t){e=E(t,"The font weight of the page buttons.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function ge(t){let e,$;return{c(){e=d("code"),$=i("500")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"500"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function de(t){let e,$,r,a,c,p;return e=new G({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function ie(t){let e,$,r,n,o,s,a,c,f;return{c(){e=d("strong"),$=d("code"),r=i("$textfield-border"),n=g(),o=d("small"),s=i("From "),a=d("a"),c=d("code"),f=i("TextField"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var m=x($);r=E(m,"$textfield-border"),m.forEach(w),l.forEach(w),n=u(t),o=h(t,"SMALL",{});var p=x(o);s=E(p,"From "),a=h(p,"A",{href:!0});var g=x(a);c=h(g,"CODE",{});var d=x(c);f=E(d,"TextField"),d.forEach(w),g.forEach(w),p.forEach(w),this.h()},h(){y(a,"href","./docs/components/text-field")},m(t,l){v(t,e,l),D(e,$),D($,r),v(t,n,l),v(t,o,l),D(o,s),D(o,a),D(a,c),D(c,f)},p:T,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function ue(t){let e;return{c(){e=i("The border color of the unselected text fields.")},l(t){e=E(t,"The border color of the unselected text fields.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function he(t){let e,$;return e=new A({props:{value:"rgba(0, 0, 0, .42)"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:T,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function xe(t){let e,$,r,a,c,p;return e=new G({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function Ee(t){let e,$,r,n,o,s,a,c,f;return{c(){e=d("strong"),$=d("code"),r=i("$textfield-bg"),n=g(),o=d("small"),s=i("From "),a=d("a"),c=d("code"),f=i("TextField"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var m=x($);r=E(m,"$textfield-bg"),m.forEach(w),l.forEach(w),n=u(t),o=h(t,"SMALL",{});var p=x(o);s=E(p,"From "),a=h(p,"A",{href:!0});var g=x(a);c=h(g,"CODE",{});var d=x(c);f=E(d,"TextField"),d.forEach(w),g.forEach(w),p.forEach(w),this.h()},h(){y(a,"href","./docs/components/text-field")},m(t,l){v(t,e,l),D(e,$),D($,r),v(t,n,l),v(t,o,l),D(o,s),D(o,a),D(a,c),D(c,f)},p:T,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function we(t){let e;return{c(){e=i("The background color of the text fields.")},l(t){e=E(t,"The background color of the text fields.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function ye(t){let e,$;return e=new A({props:{value:"#F5F5F5",bordered:!0}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:T,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function ve(t){let e,$,r,a,c,p;return e=new G({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function De(t){let e,$,r,n,o,s,a,c,f;return{c(){e=d("strong"),$=d("code"),r=i("$textfield-bg-error"),n=g(),o=d("small"),s=i("From "),a=d("a"),c=d("code"),f=i("TextField"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var m=x($);r=E(m,"$textfield-bg-error"),m.forEach(w),l.forEach(w),n=u(t),o=h(t,"SMALL",{});var p=x(o);s=E(p,"From "),a=h(p,"A",{href:!0});var g=x(a);c=h(g,"CODE",{});var d=x(c);f=E(d,"TextField"),d.forEach(w),g.forEach(w),p.forEach(w),this.h()},h(){y(a,"href","./docs/components/text-field")},m(t,l){v(t,e,l),D(e,$),D($,r),v(t,n,l),v(t,o,l),D(o,s),D(o,a),D(a,c),D(c,f)},p:T,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function Te(t){let e;return{c(){e=i("The background color of the text fields when an invalid page is entered.")},l(t){e=E(t,"The background color of the text fields when an invalid page is entered.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function be(t){let e,$;return e=new A({props:{value:"#FBEEEE"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:T,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function Oe(t){let e,$,r,a,c,p;return e=new G({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function Ce(t){let e,$,r,n,o,s,a,c,f;return{c(){e=d("strong"),$=d("code"),r=i("$danger"),n=g(),o=d("small"),s=i("From "),a=d("a"),c=d("code"),f=i("TextField"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var m=x($);r=E(m,"$danger"),m.forEach(w),l.forEach(w),n=u(t),o=h(t,"SMALL",{});var p=x(o);s=E(p,"From "),a=h(p,"A",{href:!0});var g=x(a);c=h(g,"CODE",{});var d=x(c);f=E(d,"TextField"),d.forEach(w),g.forEach(w),p.forEach(w),this.h()},h(){y(a,"href","./docs/components/text-field")},m(t,l){v(t,e,l),D(e,$),D($,r),v(t,n,l),v(t,o,l),D(o,s),D(o,a),D(a,c),D(c,f)},p:T,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function Fe(t){let e;return{c(){e=i("The color of the text fields' border when an invalid page is entered.")},l(t){e=E(t,"The color of the text fields' border when an invalid page is entered.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Se(t){let e,$;return e=new A({props:{value:"#B80000"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:T,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function Ae(t){let e,$,r,a,c,p;return e=new G({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function Ne(t){let e,$,r,n,o,s,a,c,f;return{c(){e=d("strong"),$=d("code"),r=i("$font"),n=g(),o=d("small"),s=i("From "),a=d("a"),c=d("code"),f=i("TextField"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var m=x($);r=E(m,"$font"),m.forEach(w),l.forEach(w),n=u(t),o=h(t,"SMALL",{});var p=x(o);s=E(p,"From "),a=h(p,"A",{href:!0});var g=x(a);c=h(g,"CODE",{});var d=x(c);f=E(d,"TextField"),d.forEach(w),g.forEach(w),p.forEach(w),this.h()},h(){y(a,"href","./docs/components/text-field")},m(t,l){v(t,e,l),D(e,$),D($,r),v(t,n,l),v(t,o,l),D(o,s),D(o,a),D(a,c),D(c,f)},p:T,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function Le(t){let e;return{c(){e=i("The font family of the text inside the text fields.")},l(t){e=E(t,"The font family of the text inside the text fields.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Pe(t){let e,$;return{c(){e=d("code"),$=i("'Ubuntu'")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"'Ubuntu'"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function Re(t){let e,$,r,a,c,p;return e=new G({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function ke(t){let e,$,r,n,o,s,a,c,f;return{c(){e=d("strong"),$=d("code"),r=i("$thin-font-weight"),n=g(),o=d("small"),s=i("From "),a=d("a"),c=d("code"),f=i("TextField"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var m=x($);r=E(m,"$thin-font-weight"),m.forEach(w),l.forEach(w),n=u(t),o=h(t,"SMALL",{});var p=x(o);s=E(p,"From "),a=h(p,"A",{href:!0});var g=x(a);c=h(g,"CODE",{});var d=x(c);f=E(d,"TextField"),d.forEach(w),g.forEach(w),p.forEach(w),this.h()},h(){y(a,"href","./docs/components/text-field")},m(t,l){v(t,e,l),D(e,$),D($,r),v(t,n,l),v(t,o,l),D(o,s),D(o,a),D(a,c),D(c,f)},p:T,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function Ge(t){let e;return{c(){e=i("The thin font weight for the text inside the text fields.")},l(t){e=E(t,"The thin font weight for the text inside the text fields.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Be(t){let e,$;return{c(){e=d("code"),$=i("300")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"300"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function je(t){let e,$,r,a,c,p;return e=new G({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function Me(t){let e,$,r,a,c,p,i,E,y,T,b,O,C,F,S,A,N,L,P,k,G,B,j,M,H,q;return $=new R({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),c=new R({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),i=new R({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),y=new R({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),b=new R({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),C=new R({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),S=new R({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),N=new R({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),P=new R({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),G=new R({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),j=new R({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),H=new R({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),{c(){e=d("thead"),n($.$$.fragment),r=g(),a=d("tbody"),n(c.$$.fragment),p=g(),n(i.$$.fragment),E=g(),n(y.$$.fragment),T=g(),n(b.$$.fragment),O=g(),n(C.$$.fragment),F=g(),n(S.$$.fragment),A=g(),n(N.$$.fragment),L=g(),n(P.$$.fragment),k=g(),n(G.$$.fragment),B=g(),n(j.$$.fragment),M=g(),n(H.$$.fragment)},l(t){e=h(t,"THEAD",{});var n=x(e);o($.$$.fragment,n),n.forEach(w),r=u(t),a=h(t,"TBODY",{});var s=x(a);o(c.$$.fragment,s),p=u(s),o(i.$$.fragment,s),E=u(s),o(y.$$.fragment,s),T=u(s),o(b.$$.fragment,s),O=u(s),o(C.$$.fragment,s),F=u(s),o(S.$$.fragment,s),A=u(s),o(N.$$.fragment,s),L=u(s),o(P.$$.fragment,s),k=u(s),o(G.$$.fragment,s),B=u(s),o(j.$$.fragment,s),M=u(s),o(H.$$.fragment,s),s.forEach(w)},m(t,n){v(t,e,n),s($,e,null),v(t,r,n),v(t,a,n),s(c,a,null),D(a,p),s(i,a,null),D(a,E),s(y,a,null),D(a,T),s(b,a,null),D(a,O),s(C,a,null),D(a,F),s(S,a,null),D(a,A),s(N,a,null),D(a,L),s(P,a,null),D(a,k),s(G,a,null),D(a,B),s(j,a,null),D(a,M),s(H,a,null),q=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),i.$set(o);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),y.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),b.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),N.$set(m);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),P.$set(p);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),G.$set(g);const d={};2&e&&(d.$$scope={dirty:e,ctx:t}),j.$set(d);const u={};2&e&&(u.$$scope={dirty:e,ctx:t}),H.$set(u)},i(t){q||(f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(y.$$.fragment,t),f(b.$$.fragment,t),f(C.$$.fragment,t),f(S.$$.fragment,t),f(N.$$.fragment,t),f(P.$$.fragment,t),f(G.$$.fragment,t),f(j.$$.fragment,t),f(H.$$.fragment,t),q=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(y.$$.fragment,t),l(b.$$.fragment,t),l(C.$$.fragment,t),l(S.$$.fragment,t),l(N.$$.fragment,t),l(P.$$.fragment,t),l(G.$$.fragment,t),l(j.$$.fragment,t),l(H.$$.fragment,t),q=!1},d(t){t&&w(e),m($),t&&w(r),t&&w(a),m(c),m(i),m(y),m(b),m(C),m(S),m(N),m(P),m(G),m(j),m(H)}}}function He(t){let e,$,r,a,c,p,T,b,F,A,R,k,G,V,Y,I,K,W,z,J,Q,X,Z,et,$t,rt,nt,ot,st,at,ct,ft,lt,mt,pt;return e=new O({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),r=new C({props:{$$slots:{default:[j]},$$scope:{ctx:t}}}),c=new S({props:{$$slots:{source:[H],showcase:[M]},$$scope:{ctx:t}}}),T=new N({props:{id:"properties",$$slots:{default:[q]},$$scope:{ctx:t}}}),F=new L({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),R=new P({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),G=new L({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),Y=new P({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),J=new L({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),X=new C({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),et=new C({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),rt=new P({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),ot=new N({props:{id:"events",$$slots:{default:[Rt]},$$scope:{ctx:t}}}),at=new P({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),ft=new N({props:{id:"scss-variables",$$slots:{default:[Yt]},$$scope:{ctx:t}}}),mt=new P({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment),p=g(),n(T.$$.fragment),b=g(),n(F.$$.fragment),A=g(),n(R.$$.fragment),k=g(),n(G.$$.fragment),V=g(),n(Y.$$.fragment),I=g(),K=d("div"),W=i("* Required"),z=g(),n(J.$$.fragment),Q=g(),n(X.$$.fragment),Z=g(),n(et.$$.fragment),$t=g(),n(rt.$$.fragment),nt=g(),n(ot.$$.fragment),st=g(),n(at.$$.fragment),ct=g(),n(ft.$$.fragment),lt=g(),n(mt.$$.fragment),this.h()},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t),p=u(t),o(T.$$.fragment,t),b=u(t),o(F.$$.fragment,t),A=u(t),o(R.$$.fragment,t),k=u(t),o(G.$$.fragment,t),V=u(t),o(Y.$$.fragment,t),I=u(t),K=h(t,"DIV",{class:!0});var n=x(K);W=E(n,"* Required"),n.forEach(w),z=u(t),o(J.$$.fragment,t),Q=u(t),o(X.$$.fragment,t),Z=u(t),o(et.$$.fragment,t),$t=u(t),o(rt.$$.fragment,t),nt=u(t),o(ot.$$.fragment,t),st=u(t),o(at.$$.fragment,t),ct=u(t),o(ft.$$.fragment,t),lt=u(t),o(mt.$$.fragment,t),this.h()},h(){y(K,"class","required")},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),v(t,p,n),s(T,t,n),v(t,b,n),s(F,t,n),v(t,A,n),s(R,t,n),v(t,k,n),s(G,t,n),v(t,V,n),s(Y,t,n),v(t,I,n),v(t,K,n),D(K,W),v(t,z,n),s(J,t,n),v(t,Q,n),s(X,t,n),v(t,Z,n),s(et,t,n),v(t,$t,n),s(rt,t,n),v(t,nt,n),s(ot,t,n),v(t,st,n),s(at,t,n),v(t,ct,n),s(ft,t,n),v(t,lt,n),s(mt,t,n),pt=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),T.$set(a);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),F.$set(f);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),R.$set(l);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),G.$set(m);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),Y.$set(p);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),J.$set(g);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),X.$set(d);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),et.$set(i);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),rt.$set(u);const h={};2&$&&(h.$$scope={dirty:$,ctx:t}),ot.$set(h);const x={};2&$&&(x.$$scope={dirty:$,ctx:t}),at.$set(x);const E={};2&$&&(E.$$scope={dirty:$,ctx:t}),ft.$set(E);const w={};2&$&&(w.$$scope={dirty:$,ctx:t}),mt.$set(w)},i(t){pt||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(T.$$.fragment,t),f(F.$$.fragment,t),f(R.$$.fragment,t),f(G.$$.fragment,t),f(Y.$$.fragment,t),f(J.$$.fragment,t),f(X.$$.fragment,t),f(et.$$.fragment,t),f(rt.$$.fragment,t),f(ot.$$.fragment,t),f(at.$$.fragment,t),f(ft.$$.fragment,t),f(mt.$$.fragment,t),pt=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(T.$$.fragment,t),l(F.$$.fragment,t),l(R.$$.fragment,t),l(G.$$.fragment,t),l(Y.$$.fragment,t),l(J.$$.fragment,t),l(X.$$.fragment,t),l(et.$$.fragment,t),l(rt.$$.fragment,t),l(ot.$$.fragment,t),l(at.$$.fragment,t),l(ft.$$.fragment,t),l(mt.$$.fragment,t),pt=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t),t&&w(p),m(T,t),t&&w(b),m(F,t),t&&w(A),m(R,t),t&&w(k),m(G,t),t&&w(V),m(Y,t),t&&w(I),t&&w(K),t&&w(z),m(J,t),t&&w(Q),m(X,t),t&&w(Z),m(et,t),t&&w($t),m(rt,t),t&&w(nt),m(ot,t),t&&w(st),m(at,t),t&&w(ct),m(ft,t),t&&w(lt),m(mt,t)}}}function qe(t){let e,$;const p=[t[0],Ue];let g={$$slots:{default:[He]},$$scope:{ctx:t}};for(let t=0;t<p.length;t+=1)g=r(g,p[t]);return e=new b({props:g}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p(t,[$]){const r=1&$?a(p,[1&$&&c(t[0]),0&$&&c(Ue)]):{};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}const Ue={name:"Pagination"};function Ve(t,e,$){return t.$$set=t=>{$(0,e=r(r({},e),p(t)))},[e=p(e)]}class Ye extends t{constructor(t){super(),e(this,t,Ve,qe,$,{})}}export{Ye as default,Ue as metadata};
diff --git a/376/client/legacy/pagination.fdc8d792.js b/376/client/legacy/pagination.fdc8d792.js
new file mode 100644
index 000000000..dd06458fa
--- /dev/null
+++ b/376/client/legacy/pagination.fdc8d792.js
@@ -0,0 +1 @@
+import{S as t,i as n,s as e,H as s,f as a,t as r,y as o,p as l,z as c,d as u,I as i,J as $,K as f,L as p,h as m,k as g,b as d,N as h,O as v,Z as x,_ as w,U as y,j as P,l as k,m as N,q as b,v as L,u as j,x as E,w as M,A as S,Y as A,$ as I,a1 as q}from"./client.583c6e60.js";import{B as z}from"./button.863c0adf.js";import{T as B}from"./text-field.f9cea8ef.js";import{c as H}from"./classes.a7d1a9eb.js";function J(t,n,e){const s=t.slice();return s[21]=n[e],s}function K(t){let n,e,s,i=[],$=new Map,p=t[7];const P=t=>t[21];for(let n=0;n<p.length;n+=1){let e=J(t,p,n),s=P(e);$.set(s,i[n]=G(s,e))}let k=[{class:e=H("pagination",t[1])},t[15]],N={};for(let t=0;t<k.length;t+=1)N=f(N,k[t]);return{c(){n=m("nav");for(let t=0;t<i.length;t+=1)i[t].c();this.h()},l(t){n=g(t,"NAV",{class:!0});var e=d(n);for(let t=0;t<i.length;t+=1)i[t].l(e);e.forEach(u),this.h()},h(){h(n,N),v(n,"svelte-r3vf1m",!0)},m(t,e){a(t,n,e);for(let t=0;t<i.length;t+=1)i[t]&&i[t].m(n,null);s=!0},p(t,a){32757&a&&(p=t[7],o(),i=x(i,a,P,1,t,p,$,n,w,G,null,J),c()),h(n,N=y(k,[(!s||2&a&&e!==(e=H("pagination",t[1])))&&{class:e},32768&a&&t[15]])),v(n,"svelte-r3vf1m",!0)},i(t){if(!s){for(let t=0;t<p.length;t+=1)r(i[t]);s=!0}},o(t){for(let t=0;t<i.length;t+=1)l(i[t]);s=!1},d(t){t&&u(n);for(let t=0;t<i.length;t+=1)i[t].d()}}}function O(t){let n,e;return n=new z({props:{neutral:t[21]!==t[0],class:H("page",t[21]===t[0]&&"current"),$$slots:{default:[V]},$$scope:{ctx:t}}}),n.$on("click",(function(){return t[18](t[21])})),{c(){P(n.$$.fragment)},l(t){k(n.$$.fragment,t)},m(t,s){N(n,t,s),e=!0},p(e,s){t=e;const a={};129&s&&(a.neutral=t[21]!==t[0]),129&s&&(a.class=H("page",t[21]===t[0]&&"current")),16777344&s&&(a.$$scope={dirty:s,ctx:t}),n.$set(a)},i(t){e||(r(n.$$.fragment,t),e=!0)},o(t){l(n.$$.fragment,t),e=!1},d(t){b(n,t)}}}function T(t){let n,e,i,$;const f=[Z,Y],p=[];function m(t,n){return t[6]?0:1}return n=m(t),e=p[n]=f[n](t),{c(){e.c(),i=s()},l(t){e.l(t),i=s()},m(t,e){p[n].m(t,e),a(t,i,e),$=!0},p(t,s){let a=n;n=m(t),n===a?p[n].p(t,s):(o(),l(p[a],1,1,(()=>{p[a]=null})),c(),e=p[n],e?e.p(t,s):(e=p[n]=f[n](t),e.c()),r(e,1),e.m(i.parentNode,i))},i(t){$||(r(e),$=!0)},o(t){l(e),$=!1},d(t){p[n].d(t),t&&u(i)}}}function U(t){let n,e,i,$;const f=[D,C],p=[];function m(t,n){return t[5]?0:1}return n=m(t),e=p[n]=f[n](t),{c(){e.c(),i=s()},l(t){e.l(t),i=s()},m(t,e){p[n].m(t,e),a(t,i,e),$=!0},p(t,s){let a=n;n=m(t),n===a?p[n].p(t,s):(o(),l(p[a],1,1,(()=>{p[a]=null})),c(),e=p[n],e?e.p(t,s):(e=p[n]=f[n](t),e.c()),r(e,1),e.m(i.parentNode,i))},i(t){$||(r(e),$=!0)},o(t){l(e),$=!1},d(t){p[n].d(t),t&&u(i)}}}function V(t){let n,e,s=t[21]+"";return{c(){n=L(s),e=j()},l(t){n=E(t,s),e=M(t)},m(t,s){a(t,n,s),a(t,e,s)},p(t,e){128&e&&s!==(s=t[21]+"")&&S(n,s)},d(t){t&&u(n),t&&u(e)}}}function Y(t){let n,e;return n=new z({props:{class:"page",neutral:!0,$$slots:{default:[_]},$$scope:{ctx:t}}}),n.$on("click",t[14]),{c(){P(n.$$.fragment)},l(t){k(n.$$.fragment,t)},m(t,s){N(n,t,s),e=!0},p(t,e){const s={};16777216&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s)},i(t){e||(r(n.$$.fragment,t),e=!0)},o(t){l(n.$$.fragment,t),e=!1},d(t){b(n,t)}}}function Z(t){let n,e,s;function a(n){t[17](n)}let o={type:"number",min:1,max:t[2],noSpinner:!0,autofocus:!0};return void 0!==t[4]&&(o.value=t[4]),n=new B({props:o}),A.push((()=>I(n,"value",a))),n.$on("blur",t[11]),n.$on("keydown",t[12]),{c(){P(n.$$.fragment)},l(t){k(n.$$.fragment,t)},m(t,e){N(n,t,e),s=!0},p(t,s){const a={};4&s&&(a.max=t[2]),!e&&16&s&&(e=!0,a.value=t[4],q((()=>e=!1))),n.$set(a)},i(t){s||(r(n.$$.fragment,t),s=!0)},o(t){l(n.$$.fragment,t),s=!1},d(t){b(n,t)}}}function _(t){let n;return{c(){n=L("...\n          ")},l(t){n=E(t,"...\n          ")},m(t,e){a(t,n,e)},d(t){t&&u(n)}}}function C(t){let n,e;return n=new z({props:{class:"page",neutral:!0,$$slots:{default:[F]},$$scope:{ctx:t}}}),n.$on("click",t[13]),{c(){P(n.$$.fragment)},l(t){k(n.$$.fragment,t)},m(t,s){N(n,t,s),e=!0},p(t,e){const s={};16777216&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s)},i(t){e||(r(n.$$.fragment,t),e=!0)},o(t){l(n.$$.fragment,t),e=!1},d(t){b(n,t)}}}function D(t){let n,e,s;function a(n){t[16](n)}let o={type:"number",min:1,max:t[2],noSpinner:!0,autofocus:!0};return void 0!==t[4]&&(o.value=t[4]),n=new B({props:o}),A.push((()=>I(n,"value",a))),n.$on("blur",t[11]),n.$on("keydown",t[12]),{c(){P(n.$$.fragment)},l(t){k(n.$$.fragment,t)},m(t,e){N(n,t,e),s=!0},p(t,s){const a={};4&s&&(a.max=t[2]),!e&&16&s&&(e=!0,a.value=t[4],q((()=>e=!1))),n.$set(a)},i(t){s||(r(n.$$.fragment,t),s=!0)},o(t){l(n.$$.fragment,t),s=!1},d(t){b(n,t)}}}function F(t){let n;return{c(){n=L("...")},l(t){n=E(t,"...")},m(t,e){a(t,n,e)},d(t){t&&u(n)}}}function G(t,n){let e,i,$,f,p;const m=[U,T,O],g=[];function d(t,n){return t[21]===t[8]?0:t[21]===t[9]?1:2}return i=d(n),$=g[i]=m[i](n),{key:t,first:null,c(){e=s(),$.c(),f=s(),this.h()},l(t){e=s(),$.l(t),f=s(),this.h()},h(){this.first=e},m(t,n){a(t,e,n),g[i].m(t,n),a(t,f,n),p=!0},p(t,e){let s=i;i=d(n=t),i===s?g[i].p(n,e):(o(),l(g[s],1,1,(()=>{g[s]=null})),c(),$=g[i],$?$.p(n,e):($=g[i]=m[i](n),$.c()),r($,1),$.m(f.parentNode,f))},i(t){p||(r($),p=!0)},o(t){l($),p=!1},d(t){t&&u(e),g[i].d(t),t&&u(f)}}}function Q(t){let n,e,i=(t[2]>1||1==t[2]&&t[3])&&K(t);return{c(){i&&i.c(),n=s()},l(t){i&&i.l(t),n=s()},m(t,s){i&&i.m(t,s),a(t,n,s),e=!0},p(t,e){let[s]=e;t[2]>1||1==t[2]&&t[3]?i?(i.p(t,s),12&s&&r(i,1)):(i=K(t),i.c(),r(i,1),i.m(n.parentNode,n)):i&&(o(),l(i,1,1,(()=>{i=null})),c())},i(t){e||(r(i),e=!0)},o(t){l(i),e=!1},d(t){i&&i.d(t),t&&u(n)}}}function R(t,n,e){let s;const a=["class","pages","currentPage","showLonePage"];let r=i(n,a),{class:o=null}=n,{pages:l}=n,{currentPage:c=1}=n,{showLonePage:u=!0}=n,m=null,g=!1,d=!1;const h={},v={};function x(t){t>=1&&t<=l&&(e(5,g=!1),e(6,d=!1),e(0,c=t),y("change",{value:t}))}function w(t){const n=parseInt(m);isNaN(n)||x(n)}const y=$();return t.$$set=t=>{n=f(f({},n),p(t)),e(15,r=i(n,a)),"class"in t&&e(1,o=t.class),"pages"in t&&e(2,l=t.pages),"currentPage"in t&&e(0,c=t.currentPage),"showLonePage"in t&&e(3,u=t.showLonePage)},t.$$.update=()=>{5&t.$$.dirty&&e(0,c=Math.min(Math.max(c,1),l)),5&t.$$.dirty&&e(7,s=function(t){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;const e=[];return 1!==n&&e.push(1),n-1==3?e.push(n-2):n-1>3&&e.push(h),n>2&&e.push(n-1),e.push(n),n<t-1&&e.push(n+1),t-n==3?e.push(n+2):t-n>3&&e.push(v),n!==t&&e.push(t),e}(l,c))},[c,o,l,u,m,g,d,s,h,v,x,w,function(t){let{detail:n}=t;"Enter"===n.nativeEvent.key&&(w(),e(4,m=""))},function(){e(5,g=!0),e(6,d=!1)},function(){e(5,g=!1),e(6,d=!0)},r,function(t){m=t,e(4,m)},function(t){m=t,e(4,m)},t=>x(t)]}var W=class extends t{constructor(t){super(),n(this,t,R,Q,e,{class:1,pages:2,currentPage:0,showLonePage:3})}};export{W as P};
diff --git a/376/client/legacy/plural-s.31bb9da9.js b/376/client/legacy/plural-s.31bb9da9.js
new file mode 100644
index 000000000..546301d1a
--- /dev/null
+++ b/376/client/legacy/plural-s.31bb9da9.js
@@ -0,0 +1 @@
+function n(n){return 1===n?"":"s"}export{n as p};
diff --git a/376/client/legacy/popover-1d6d4d80.css b/376/client/legacy/popover-1d6d4d80.css
new file mode 100644
index 000000000..255918a4b
--- /dev/null
+++ b/376/client/legacy/popover-1d6d4d80.css
@@ -0,0 +1 @@
+.popover-container.svelte-d7tcpu.svelte-d7tcpu{position:relative}.popover-container.svelte-d7tcpu>.popover.svelte-d7tcpu{display:none;position:absolute}.popover-container.svelte-d7tcpu>.popover.top.svelte-d7tcpu{left:50%;top:0;transform:translate(-50%, -100%)}.popover-container.svelte-d7tcpu>.popover.bottom.svelte-d7tcpu{bottom:0;left:50%;transform:translate(-50%, 100%)}.popover-container.svelte-d7tcpu>.popover.left.svelte-d7tcpu{bottom:50%;left:0;transform:translate(-100%, 50%)}.popover-container.svelte-d7tcpu>.popover.right.svelte-d7tcpu{bottom:50%;right:0;transform:translate(100%, 50%)}.popover-container.svelte-d7tcpu:hover>.popover.svelte-d7tcpu{display:block}.popover-container.svelte-d7tcpu:focus-within>.popover.svelte-d7tcpu{display:block}
diff --git a/376/client/legacy/popover-button-877eb4d7.css b/376/client/legacy/popover-button-877eb4d7.css
new file mode 100644
index 000000000..0a4d74950
--- /dev/null
+++ b/376/client/legacy/popover-button-877eb4d7.css
@@ -0,0 +1 @@
+.popover-button.svelte-yyycgz{align-items:center;cursor:pointer;display:flex;font-family:"Ubuntu", sans-serif;font-weight:500;outline:none;background:rgb(100, 100, 100);border:0;border-radius:0.625em;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);color:#fff;font-size:0.9em;margin:0.2em;padding:0.5em 0.625em}.popover-button.svelte-yyycgz::-moz-focus-inner{border:0}.popover-button.svelte-yyycgz:hover{background:rgb(70, 70, 70)}.popover-button.svelte-yyycgz:focus{background:rgb(50, 50, 50)}.popover-button.svelte-yyycgz>svg{height:1.125em;stroke:#fff;width:1.125em}
diff --git a/376/client/legacy/popover-button.19883a4a.js b/376/client/legacy/popover-button.19883a4a.js
new file mode 100644
index 000000000..a0052a01e
--- /dev/null
+++ b/376/client/legacy/popover-button.19883a4a.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as $,j as s,l as a,m as o,U as r,a0 as c,t as p,p as f,q as l,L as m,u,w as g,f as i,d,v as x,x as h,h as w,k as v,b as y,e as k,g as E,n as b}from"./client.583c6e60.js";import{L as D,H as T,P as O}from"./layout.47c81311.js";import{B as P}from"./button.863c0adf.js";import{P as C,a as j}from"./popover.3a24cfa5.js";import{P as S}from"./popover-button.8764c52c.js";import{S as B}from"./showcase.759e7149.js";import{S as N}from"./shadow-preview.487038f8.js";import{R as A}from"./related-components.9fddec4f.js";import{H as R}from"./h2.0da05151.js";import{H}from"./h3.c9a49f62.js";import{T as F,a as G,b as V,c as M}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./card.113fcab4.js";function Y(t){let e;return{c(){e=x("PopoverButton")},l(t){e=h(t,"PopoverButton")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function I(t){let e,n,$,s,a,o;return{c(){e=x("A button designed to be used as the "),n=w("a"),$=w("mark"),s=w("code"),a=x("Popover"),o=x(" content."),this.h()},l(t){e=h(t,"A button designed to be used as the "),n=v(t,"A",{href:!0});var r=y(n);$=v(r,"MARK",{});var c=y($);s=v(c,"CODE",{});var p=y(s);a=h(p,"Popover"),p.forEach(d),c.forEach(d),r.forEach(d),o=h(t," content."),this.h()},h(){k(n,"href","./docs/components/popover")},m(t,r){i(t,e,r),i(t,n,r),E(n,$),E($,s),E(s,a),i(t,o,r)},p:b,d(t){t&&d(e),t&&d(n),t&&d(o)}}}function L(t){let e;return{c(){e=x("hover or focus me")},l(t){e=h(t,"hover or focus me")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function U(t){let e,n;return e=new P({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p(t,n){const $={};2&n&&($.$$scope={dirty:n,ctx:t}),e.$set($)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function K(t){let e;return{c(){e=x("copy")},l(t){e=h(t,"copy")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function q(t){let e,n,$;return n=new S({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),{c(){e=w("div"),s(n.$$.fragment),this.h()},l(t){e=v(t,"DIV",{slot:!0});var $=y(e);a(n.$$.fragment,$),$.forEach(d),this.h()},h(){k(e,"slot","popover-content")},m(t,s){i(t,e,s),o(n,e,null),$=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($)},i(t){$||(p(n.$$.fragment,t),$=!0)},o(t){f(n.$$.fragment,t),$=!1},d(t){t&&d(e),l(n)}}}function z(t){let e,n,$;return n=new C({props:{position:j.BOTTOM,$$slots:{"popover-content":[q],default:[U]},$$scope:{ctx:t}}}),{c(){e=w("div"),s(n.$$.fragment),this.h()},l(t){e=v(t,"DIV",{slot:!0,class:!0});var $=y(e);a(n.$$.fragment,$),$.forEach(d),this.h()},h(){k(e,"slot","showcase"),k(e,"class","padded")},m(t,s){i(t,e,s),o(n,e,null),$=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($)},i(t){$||(p(n.$$.fragment,t),$=!0)},o(t){f(n.$$.fragment,t),$=!1},d(t){t&&d(e),l(n)}}}function J(t){let e,n;return{c(){e=w("div"),n=w("pre"),this.h()},l(t){e=v(t,"DIV",{slot:!0});var $=y(e);n=v($,"PRE",{class:!0}),y(n).forEach(d),$.forEach(d),this.h()},h(){k(n,"class","language-svelte"),k(e,"slot","source")},m(t,$){i(t,e,$),E(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">&#123;</span> PopoverPositions <span class="token punctuation">&#125;</span> <span class="token keyword">from</span> <span class="token string">\'attractions/popover\'</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Popover</span> <span class="token attr-name">position=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>PopoverPositions<span class="token punctuation">.</span><span class="token constant">BOTTOM</span><span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>hover or focus me<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>popover-content<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>PopoverButton</span><span class="token punctuation">></span></span>copy<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>PopoverButton</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Popover</span><span class="token punctuation">></span></span></code>'},p:b,d(t){t&&d(e)}}}function Q(t){let e;return{c(){e=x("Properties")},l(t){e=h(t,"Properties")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function W(t){let e;return{c(){e=x("Functional Properties")},l(t){e=h(t,"Functional Properties")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function X(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Z(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function _(t){let e;return{c(){e=x("Type")},l(t){e=h(t,"Type")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function tt(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function et(t){let e,n,$,r,c,m,x,h;return e=new V({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),x=new V({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),r=u(),s(c.$$.fragment),m=u(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),n=g(t),a($.$$.fragment,t),r=g(t),a(c.$$.fragment,t),m=g(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),i(t,n,s),o($,t,s),i(t,r,s),o(c,t,s),i(t,m,s),o(x,t,s),h=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};2&n&&(r.$$scope={dirty:n,ctx:t}),x.$set(r)},i(t){h||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&d(n),l($,t),t&&d(r),l(c,t),t&&d(m),l(x,t)}}}function nt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("...")},l(t){e=v(t,"STRONG",{});var s=y(e);n=v(s,"CODE",{});var a=y(n);$=h(a,"..."),a.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),E(e,n),E(n,$)},p:b,d(t){t&&d(e)}}}function $t(t){let e,n;return{c(){e=w("code"),n=x("any")},l(t){e=v(t,"CODE",{});var $=y(e);n=h($,"any"),$.forEach(d)},m(t,$){i(t,e,$),E(e,n)},p:b,d(t){t&&d(e)}}}function st(t){let e,n,$,s;return{c(){e=x("Everything will be passed to the underlying "),n=w("code"),$=x("<button>"),s=x(" element.")},l(t){e=h(t,"Everything will be passed to the underlying "),n=v(t,"CODE",{});var a=y(n);$=h(a,"<button>"),a.forEach(d),s=h(t," element.")},m(t,a){i(t,e,a),i(t,n,a),E(n,$),i(t,s,a)},p:b,d(t){t&&d(e),t&&d(n),t&&d(s)}}}function at(t){let e,n,$,r,c,m,x,h;return e=new M({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),$=new M({}),c=new M({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),x=new M({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),r=u(),s(c.$$.fragment),m=u(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),n=g(t),a($.$$.fragment,t),r=g(t),a(c.$$.fragment,t),m=g(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),i(t,n,s),o($,t,s),i(t,r,s),o(c,t,s),i(t,m,s),o(x,t,s),h=!0},p(t,n){const $={};2&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),c.$set(s);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),x.$set(a)},i(t){h||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&d(n),l($,t),t&&d(r),l(c,t),t&&d(m),l(x,t)}}}function ot(t){let e,n,$,r,c,m;return n=new G({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),{c(){e=w("thead"),s(n.$$.fragment),$=u(),r=w("tbody"),s(c.$$.fragment)},l(t){e=v(t,"THEAD",{});var s=y(e);a(n.$$.fragment,s),s.forEach(d),$=g(t),r=v(t,"TBODY",{});var o=y(r);a(c.$$.fragment,o),o.forEach(d)},m(t,s){i(t,e,s),o(n,e,null),i(t,$,s),i(t,r,s),o(c,r,null),m=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&d(e),l(n),t&&d($),t&&d(r),l(c)}}}function rt(t){let e;return{c(){e=x("Class Properties")},l(t){e=h(t,"Class Properties")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function ct(t){let e,n,$,s,a,o,r;return{c(){e=x("All "),n=w("code"),$=x("<PopoverButton>"),s=x(" components use the "),a=w("code"),o=x(".popover-button"),r=x(" class.")},l(t){e=h(t,"All "),n=v(t,"CODE",{});var c=y(n);$=h(c,"<PopoverButton>"),c.forEach(d),s=h(t," components use the "),a=v(t,"CODE",{});var p=y(a);o=h(p,".popover-button"),p.forEach(d),r=h(t," class.")},m(t,c){i(t,e,c),i(t,n,c),E(n,$),i(t,s,c),i(t,a,c),E(a,o),i(t,r,c)},p:b,d(t){t&&d(e),t&&d(n),t&&d(s),t&&d(a),t&&d(r)}}}function pt(t){let e;return{c(){e=x("Falsy values passed to classes will be disregarded.")},l(t){e=h(t,"Falsy values passed to classes will be disregarded.")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function ft(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function lt(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function mt(t){let e;return{c(){e=x("Type")},l(t){e=h(t,"Type")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function ut(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function gt(t){let e,n,$,r,c,m,x,h;return e=new V({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),x=new V({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),r=u(),s(c.$$.fragment),m=u(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),n=g(t),a($.$$.fragment,t),r=g(t),a(c.$$.fragment,t),m=g(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),i(t,n,s),o($,t,s),i(t,r,s),o(c,t,s),i(t,m,s),o(x,t,s),h=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};2&n&&(r.$$scope={dirty:n,ctx:t}),x.$set(r)},i(t){h||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&d(n),l($,t),t&&d(r),l(c,t),t&&d(m),l(x,t)}}}function it(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("class")},l(t){e=v(t,"STRONG",{});var s=y(e);n=v(s,"CODE",{});var a=y(n);$=h(a,"class"),a.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),E(e,n),E(n,$)},p:b,d(t){t&&d(e)}}}function dt(t){let e,n;return{c(){e=w("code"),n=x("null")},l(t){e=v(t,"CODE",{});var $=y(e);n=h($,"null"),$.forEach(d)},m(t,$){i(t,e,$),E(e,n)},p:b,d(t){t&&d(e)}}}function xt(t){let e,n;return{c(){e=w("code"),n=x("string")},l(t){e=v(t,"CODE",{});var $=y(e);n=h($,"string"),$.forEach(d)},m(t,$){i(t,e,$),E(e,n)},p:b,d(t){t&&d(e)}}}function ht(t){let e;return{c(){e=x("A class string to add to the component.")},l(t){e=h(t,"A class string to add to the component.")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function wt(t){let e,n,$,r,c,m,x,h;return e=new M({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),x=new M({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),r=u(),s(c.$$.fragment),m=u(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),n=g(t),a($.$$.fragment,t),r=g(t),a(c.$$.fragment,t),m=g(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),i(t,n,s),o($,t,s),i(t,r,s),o(c,t,s),i(t,m,s),o(x,t,s),h=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};2&n&&(r.$$scope={dirty:n,ctx:t}),x.$set(r)},i(t){h||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&d(n),l($,t),t&&d(r),l(c,t),t&&d(m),l(x,t)}}}function vt(t){let e,n,$,r,c,m;return n=new G({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),{c(){e=w("thead"),s(n.$$.fragment),$=u(),r=w("tbody"),s(c.$$.fragment)},l(t){e=v(t,"THEAD",{});var s=y(e);a(n.$$.fragment,s),s.forEach(d),$=g(t),r=v(t,"TBODY",{});var o=y(r);a(c.$$.fragment,o),o.forEach(d)},m(t,s){i(t,e,s),o(n,e,null),i(t,$,s),i(t,r,s),o(c,r,null),m=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&d(e),l(n),t&&d($),t&&d(r),l(c)}}}function yt(t){let e;return{c(){e=x("Events")},l(t){e=h(t,"Events")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function kt(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Et(t){let e;return{c(){e=x("Event Detail")},l(t){e=h(t,"Event Detail")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function bt(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Dt(t){let e,n,$,r,c,m;return e=new V({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),r=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=g(t),a($.$$.fragment,t),r=g(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,n,s),o($,t,s),i(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&d(n),l($,t),t&&d(r),l(c,t)}}}function Tt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("click")},l(t){e=v(t,"STRONG",{});var s=y(e);n=v(s,"CODE",{});var a=y(n);$=h(a,"click"),a.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),E(e,n),E(n,$)},p:b,d(t){t&&d(e)}}}function Ot(t){let e,n;return{c(){e=w("code"),n=x("{ nativeEvent }")},l(t){e=v(t,"CODE",{});var $=y(e);n=h($,"{ nativeEvent }"),$.forEach(d)},m(t,$){i(t,e,$),E(e,n)},p:b,d(t){t&&d(e)}}}function Pt(t){let e;return{c(){e=x("Fired when the button is clicked.")},l(t){e=h(t,"Fired when the button is clicked.")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Ct(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),r=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=g(t),a($.$$.fragment,t),r=g(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,n,s),o($,t,s),i(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&d(n),l($,t),t&&d(r),l(c,t)}}}function jt(t){let e,n,$,r,c,m;return n=new G({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){e=w("thead"),s(n.$$.fragment),$=u(),r=w("tbody"),s(c.$$.fragment)},l(t){e=v(t,"THEAD",{});var s=y(e);a(n.$$.fragment,s),s.forEach(d),$=g(t),r=v(t,"TBODY",{});var o=y(r);a(c.$$.fragment,o),o.forEach(d)},m(t,s){i(t,e,s),o(n,e,null),i(t,$,s),i(t,r,s),o(c,r,null),m=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&d(e),l(n),t&&d($),t&&d(r),l(c)}}}function St(t){let e;return{c(){e=x("Slots")},l(t){e=h(t,"Slots")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Bt(t){let e;return{c(){e=x("Default slot")},l(t){e=h(t,"Default slot")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Nt(t){let e;return{c(){e=x("The content of the button.")},l(t){e=h(t,"The content of the button.")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function At(t){let e;return{c(){e=x("SCSS Variables")},l(t){e=h(t,"SCSS Variables")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Rt(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Ht(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Ft(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Gt(t){let e,n,$,r,c,m;return e=new V({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),r=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=g(t),a($.$$.fragment,t),r=g(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,n,s),o($,t,s),i(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&d(n),l($,t),t&&d(r),l(c,t)}}}function Vt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("$font")},l(t){e=v(t,"STRONG",{});var s=y(e);n=v(s,"CODE",{});var a=y(n);$=h(a,"$font"),a.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),E(e,n),E(n,$)},p:b,d(t){t&&d(e)}}}function Mt(t){let e;return{c(){e=x("The font family used for the button.")},l(t){e=h(t,"The font family used for the button.")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Yt(t){let e,n;return{c(){e=w("code"),n=x("'Ubuntu'")},l(t){e=v(t,"CODE",{});var $=y(e);n=h($,"'Ubuntu'"),$.forEach(d)},m(t,$){i(t,e,$),E(e,n)},p:b,d(t){t&&d(e)}}}function It(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),r=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=g(t),a($.$$.fragment,t),r=g(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,n,s),o($,t,s),i(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&d(n),l($,t),t&&d(r),l(c,t)}}}function Lt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("$shadow-raised")},l(t){e=v(t,"STRONG",{});var s=y(e);n=v(s,"CODE",{});var a=y(n);$=h(a,"$shadow-raised"),a.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),E(e,n),E(n,$)},p:b,d(t){t&&d(e)}}}function Ut(t){let e;return{c(){e=x("The shadow of the button.")},l(t){e=h(t,"The shadow of the button.")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Kt(t){let e,n;return e=new N({props:{value:$e}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p:b,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function qt(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),r=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=g(t),a($.$$.fragment,t),r=g(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,n,s),o($,t,s),i(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&d(n),l($,t),t&&d(r),l(c,t)}}}function zt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("$bold-font-weight")},l(t){e=v(t,"STRONG",{});var s=y(e);n=v(s,"CODE",{});var a=y(n);$=h(a,"$bold-font-weight"),a.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),E(e,n),E(n,$)},p:b,d(t){t&&d(e)}}}function Jt(t){let e;return{c(){e=x("The bold font weight of the button.")},l(t){e=h(t,"The bold font weight of the button.")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Qt(t){let e,n;return{c(){e=w("code"),n=x("500")},l(t){e=v(t,"CODE",{});var $=y(e);n=h($,"500"),$.forEach(d)},m(t,$){i(t,e,$),E(e,n)},p:b,d(t){t&&d(e)}}}function Wt(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),r=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=g(t),a($.$$.fragment,t),r=g(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,n,s),o($,t,s),i(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&d(n),l($,t),t&&d(r),l(c,t)}}}function Xt(t){let e,n,$,r,c,m,x,h,k,b;return n=new G({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),x=new G({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),k=new G({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){e=w("thead"),s(n.$$.fragment),$=u(),r=w("tbody"),s(c.$$.fragment),m=u(),s(x.$$.fragment),h=u(),s(k.$$.fragment)},l(t){e=v(t,"THEAD",{});var s=y(e);a(n.$$.fragment,s),s.forEach(d),$=g(t),r=v(t,"TBODY",{});var o=y(r);a(c.$$.fragment,o),m=g(o),a(x.$$.fragment,o),h=g(o),a(k.$$.fragment,o),o.forEach(d)},m(t,s){i(t,e,s),o(n,e,null),i(t,$,s),i(t,r,s),o(c,r,null),E(r,m),o(x,r,null),E(r,h),o(k,r,null),b=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),x.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),k.$set(o)},i(t){b||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),p(k.$$.fragment,t),b=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),f(k.$$.fragment,t),b=!1},d(t){t&&d(e),l(n),t&&d($),t&&d(r),l(c),l(x),l(k)}}}function Zt(t){let e,n,$,r,c,m,x,h,w,v,y,k,E,b,D,P,C,j,S,N,G,V,M,L,U,K,q,X,Z,_,tt,et,nt,$t,st,at;return e=new T({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),$=new O({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),c=new A({props:{components:ne}}),x=new B({props:{$$slots:{source:[J],showcase:[z]},$$scope:{ctx:t}}}),w=new R({props:{id:"properties",$$slots:{default:[Q]},$$scope:{ctx:t}}}),y=new H({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),E=new F({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),D=new H({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),C=new O({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),S=new O({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),G=new F({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),M=new R({props:{id:"events",$$slots:{default:[yt]},$$scope:{ctx:t}}}),U=new F({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),q=new R({props:{id:"slots",$$slots:{default:[St]},$$scope:{ctx:t}}}),Z=new H({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),tt=new O({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),nt=new R({props:{id:"scss-variables",$$slots:{default:[At]},$$scope:{ctx:t}}}),st=new F({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),r=u(),s(c.$$.fragment),m=u(),s(x.$$.fragment),h=u(),s(w.$$.fragment),v=u(),s(y.$$.fragment),k=u(),s(E.$$.fragment),b=u(),s(D.$$.fragment),P=u(),s(C.$$.fragment),j=u(),s(S.$$.fragment),N=u(),s(G.$$.fragment),V=u(),s(M.$$.fragment),L=u(),s(U.$$.fragment),K=u(),s(q.$$.fragment),X=u(),s(Z.$$.fragment),_=u(),s(tt.$$.fragment),et=u(),s(nt.$$.fragment),$t=u(),s(st.$$.fragment)},l(t){a(e.$$.fragment,t),n=g(t),a($.$$.fragment,t),r=g(t),a(c.$$.fragment,t),m=g(t),a(x.$$.fragment,t),h=g(t),a(w.$$.fragment,t),v=g(t),a(y.$$.fragment,t),k=g(t),a(E.$$.fragment,t),b=g(t),a(D.$$.fragment,t),P=g(t),a(C.$$.fragment,t),j=g(t),a(S.$$.fragment,t),N=g(t),a(G.$$.fragment,t),V=g(t),a(M.$$.fragment,t),L=g(t),a(U.$$.fragment,t),K=g(t),a(q.$$.fragment,t),X=g(t),a(Z.$$.fragment,t),_=g(t),a(tt.$$.fragment,t),et=g(t),a(nt.$$.fragment,t),$t=g(t),a(st.$$.fragment,t)},m(t,s){o(e,t,s),i(t,n,s),o($,t,s),i(t,r,s),o(c,t,s),i(t,m,s),o(x,t,s),i(t,h,s),o(w,t,s),i(t,v,s),o(y,t,s),i(t,k,s),o(E,t,s),i(t,b,s),o(D,t,s),i(t,P,s),o(C,t,s),i(t,j,s),o(S,t,s),i(t,N,s),o(G,t,s),i(t,V,s),o(M,t,s),i(t,L,s),o(U,t,s),i(t,K,s),o(q,t,s),i(t,X,s),o(Z,t,s),i(t,_,s),o(tt,t,s),i(t,et,s),o(nt,t,s),i(t,$t,s),o(st,t,s),at=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),x.$set(o);const r={};2&n&&(r.$$scope={dirty:n,ctx:t}),w.$set(r);const c={};2&n&&(c.$$scope={dirty:n,ctx:t}),y.$set(c);const p={};2&n&&(p.$$scope={dirty:n,ctx:t}),E.$set(p);const f={};2&n&&(f.$$scope={dirty:n,ctx:t}),D.$set(f);const l={};2&n&&(l.$$scope={dirty:n,ctx:t}),C.$set(l);const m={};2&n&&(m.$$scope={dirty:n,ctx:t}),S.$set(m);const u={};2&n&&(u.$$scope={dirty:n,ctx:t}),G.$set(u);const g={};2&n&&(g.$$scope={dirty:n,ctx:t}),M.$set(g);const i={};2&n&&(i.$$scope={dirty:n,ctx:t}),U.$set(i);const d={};2&n&&(d.$$scope={dirty:n,ctx:t}),q.$set(d);const h={};2&n&&(h.$$scope={dirty:n,ctx:t}),Z.$set(h);const v={};2&n&&(v.$$scope={dirty:n,ctx:t}),tt.$set(v);const k={};2&n&&(k.$$scope={dirty:n,ctx:t}),nt.$set(k);const b={};2&n&&(b.$$scope={dirty:n,ctx:t}),st.$set(b)},i(t){at||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),p(w.$$.fragment,t),p(y.$$.fragment,t),p(E.$$.fragment,t),p(D.$$.fragment,t),p(C.$$.fragment,t),p(S.$$.fragment,t),p(G.$$.fragment,t),p(M.$$.fragment,t),p(U.$$.fragment,t),p(q.$$.fragment,t),p(Z.$$.fragment,t),p(tt.$$.fragment,t),p(nt.$$.fragment,t),p(st.$$.fragment,t),at=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),f(w.$$.fragment,t),f(y.$$.fragment,t),f(E.$$.fragment,t),f(D.$$.fragment,t),f(C.$$.fragment,t),f(S.$$.fragment,t),f(G.$$.fragment,t),f(M.$$.fragment,t),f(U.$$.fragment,t),f(q.$$.fragment,t),f(Z.$$.fragment,t),f(tt.$$.fragment,t),f(nt.$$.fragment,t),f(st.$$.fragment,t),at=!1},d(t){l(e,t),t&&d(n),l($,t),t&&d(r),l(c,t),t&&d(m),l(x,t),t&&d(h),l(w,t),t&&d(v),l(y,t),t&&d(k),l(E,t),t&&d(b),l(D,t),t&&d(P),l(C,t),t&&d(j),l(S,t),t&&d(N),l(G,t),t&&d(V),l(M,t),t&&d(L),l(U,t),t&&d(K),l(q,t),t&&d(X),l(Z,t),t&&d(_),l(tt,t),t&&d(et),l(nt,t),t&&d($t),l(st,t)}}}function _t(t){let e,n;const m=[t[0],te];let u={$$slots:{default:[Zt]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)u=$(u,m[t]);return e=new D({props:u}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p(t,[n]){const $=1&n?r(m,[1&n&&c(t[0]),0&n&&c(te)]):{};2&n&&($.$$scope={dirty:n,ctx:t}),e.$set($)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}const te={name:"PopoverButton",relatedComponents:[{name:"Popover",link:"./docs/components/popover"}],shadowRaised:"0 2px 4px -1px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);"},{name:ee,relatedComponents:ne,shadowRaised:$e}=te;function se(t,e,n){return t.$$set=t=>{n(0,e=$($({},e),m(t)))},[e=m(e)]}class ae extends t{constructor(t){super(),e(this,t,se,_t,n,{})}}export{ae as default,te as metadata};
diff --git a/376/client/legacy/popover-button.8764c52c.js b/376/client/legacy/popover-button.8764c52c.js
new file mode 100644
index 000000000..0792d98b2
--- /dev/null
+++ b/376/client/legacy/popover-button.8764c52c.js
@@ -0,0 +1 @@
+import{S as s,i as t,s as a,M as l,K as c,h as e,k as o,b as n,d as u,N as r,O as p,f as i,o as f,Q as $,R as h,T as y,U as v,t as b,p as d,I as m,J as g,L as k}from"./client.583c6e60.js";import{c as T}from"./classes.a7d1a9eb.js";function j(s){let t,a,m,g,k;const j=s[4].default,x=l(j,s,s[3],null);let z=[{type:"button"},{class:a=T("popover-button",s[0])},s[2]],E={};for(let s=0;s<z.length;s+=1)E=c(E,z[s]);return{c(){t=e("button"),x&&x.c(),this.h()},l(s){t=o(s,"BUTTON",{type:!0,class:!0});var a=n(t);x&&x.l(a),a.forEach(u),this.h()},h(){r(t,E),p(t,"svelte-yyycgz",!0)},m(a,l){i(a,t,l),x&&x.m(t,null),t.autofocus&&t.focus(),m=!0,g||(k=f(t,"click",s[5]),g=!0)},p(s,l){let[c]=l;x&&x.p&&(!m||8&c)&&$(x,j,s,s[3],m?y(j,s[3],c,null):h(s[3]),null),r(t,E=v(z,[{type:"button"},(!m||1&c&&a!==(a=T("popover-button",s[0])))&&{class:a},4&c&&s[2]])),p(t,"svelte-yyycgz",!0)},i(s){m||(b(x,s),m=!0)},o(s){d(x,s),m=!1},d(s){s&&u(t),x&&x.d(s),g=!1,k()}}}function x(s,t,a){const l=["class"];let e=m(t,l),{$$slots:o={},$$scope:n}=t,{class:u=null}=t;const r=g();return s.$$set=s=>{t=c(c({},t),k(s)),a(2,e=m(t,l)),"class"in s&&a(0,u=s.class),"$$scope"in s&&a(3,n=s.$$scope)},[u,r,e,n,o,s=>r("click",{nativeEvent:s})]}var z=class extends s{constructor(s){super(),t(this,s,x,j,a,{class:0})}};export{z as P};
diff --git a/376/client/legacy/popover.24f6f23a.js b/376/client/legacy/popover.24f6f23a.js
new file mode 100644
index 000000000..bda83ed44
--- /dev/null
+++ b/376/client/legacy/popover.24f6f23a.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as $,j as s,l as o,m as r,U as a,a0 as c,t as p,p as f,q as l,E as m,L as i,u as g,w as d,f as u,d as h,v as x,x as v,h as w,k as y,b as E,e as k,g as T,n as O}from"./client.583c6e60.js";import{L as D,H as P,P as b}from"./layout.47c81311.js";import{B as C}from"./button.863c0adf.js";import{P as j,a as A}from"./popover.3a24cfa5.js";import{S as R}from"./showcase.759e7149.js";import{R as B}from"./related-components.9fddec4f.js";import{f as S}from"./fix-anchor-links.79fa91d5.js";import{H as N}from"./h2.0da05151.js";import{H as G}from"./h3.c9a49f62.js";import{T as H,a as F,b as M,c as I}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./card.113fcab4.js";function L(t){let e;return{c(){e=x("Popover")},l(t){e=v(t,"Popover")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function V(t){let e;return{c(){e=x("Extra content revealed on hover or focus within.")},l(t){e=v(t,"Extra content revealed on hover or focus within.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Y(t){let e;return{c(){e=x("hover or focus me")},l(t){e=v(t,"hover or focus me")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function K(t){let e,n;return e=new C({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p(t,n){const $={};2&n&&($.$$scope={dirty:n,ctx:t}),e.$set($)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function q(t){let e,n;return{c(){e=w("div"),n=x("To reveal extra content!"),this.h()},l(t){e=y(t,"DIV",{slot:!0});var $=E(e);n=v($,"To reveal extra content!"),$.forEach(h),this.h()},h(){k(e,"slot","popover-content")},m(t,$){u(t,e,$),T(e,n)},p:O,d(t){t&&h(e)}}}function U(t){let e,n,$;return n=new j({props:{position:A.BOTTOM,$$slots:{"popover-content":[q],default:[K]},$$scope:{ctx:t}}}),{c(){e=w("div"),s(n.$$.fragment),this.h()},l(t){e=y(t,"DIV",{slot:!0,class:!0});var $=E(e);o(n.$$.fragment,$),$.forEach(h),this.h()},h(){k(e,"slot","showcase"),k(e,"class","padded")},m(t,s){u(t,e,s),r(n,e,null),$=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($)},i(t){$||(p(n.$$.fragment,t),$=!0)},o(t){f(n.$$.fragment,t),$=!1},d(t){t&&h(e),l(n)}}}function z(t){let e,n;return{c(){e=w("div"),n=w("pre"),this.h()},l(t){e=y(t,"DIV",{slot:!0});var $=E(e);n=y($,"PRE",{class:!0}),E(n).forEach(h),$.forEach(h),this.h()},h(){k(n,"class","language-svelte"),k(e,"slot","source")},m(t,$){u(t,e,$),T(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">&#123;</span> PopoverPositions <span class="token punctuation">&#125;</span> <span class="token keyword">from</span> <span class="token string">\'attractions/popover\'</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Popover</span> <span class="token attr-name">position=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>PopoverPositions<span class="token punctuation">.</span><span class="token constant">BOTTOM</span><span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>hover or focus me<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>popover-content<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n    To reveal extra content!\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Popover</span><span class="token punctuation">></span></span></code>'},p:O,d(t){t&&h(e)}}}function J(t){let e;return{c(){e=x("Properties")},l(t){e=v(t,"Properties")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Q(t){let e;return{c(){e=x("Style Properties")},l(t){e=v(t,"Style Properties")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function W(t){let e;return{c(){e=x("Name")},l(t){e=v(t,"Name")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function X(t){let e;return{c(){e=x("Default")},l(t){e=v(t,"Default")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Z(t){let e;return{c(){e=x("Type")},l(t){e=v(t,"Type")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function _(t){let e;return{c(){e=x("Description")},l(t){e=v(t,"Description")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function tt(t){let e,n,$,a,c,m,i,x;return e=new M({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),i=new M({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=g(),s($.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){o(e.$$.fragment,t),n=d(t),o($.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(i.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,a,s),r(c,t,s),u(t,m,s),r(i,t,s),x=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),$.$set(o);const r={};2&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),i.$set(a)},i(t){x||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),x=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),x=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t),t&&h(m),l(i,t)}}}function et(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("position")},l(t){e=y(t,"STRONG",{});var s=E(e);n=y(s,"CODE",{});var o=E(n);$=v(o,"position"),o.forEach(h),s.forEach(h)},m(t,s){u(t,e,s),T(e,n),T(n,$)},p:O,d(t){t&&h(e)}}}function nt(t){let e,n;return{c(){e=w("code"),n=x("PopoverPositions.TOP")},l(t){e=y(t,"CODE",{});var $=E(e);n=v($,"PopoverPositions.TOP"),$.forEach(h)},m(t,$){u(t,e,$),T(e,n)},p:O,d(t){t&&h(e)}}}function $t(t){let e,n,$,s;return{c(){e=w("a"),n=w("mark"),$=w("code"),s=x("PopoverPositions"),this.h()},l(t){e=y(t,"A",{href:!0});var o=E(e);n=y(o,"MARK",{});var r=E(n);$=y(r,"CODE",{});var a=E($);s=v(a,"PopoverPositions"),a.forEach(h),r.forEach(h),o.forEach(h),this.h()},h(){k(e,"href","#popover-positions")},m(t,o){u(t,e,o),T(e,n),T(n,$),T($,s)},p:O,d(t){t&&h(e)}}}function st(t){let e;return{c(){e=x("The position of the popover content relative to the triggering handle.")},l(t){e=v(t,"The position of the popover content relative to the triggering handle.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function ot(t){let e,n,$,a,c,m,i,x;return e=new I({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),$=new I({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),i=new I({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=g(),s($.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){o(e.$$.fragment,t),n=d(t),o($.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(i.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,a,s),r(c,t,s),u(t,m,s),r(i,t,s),x=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),$.$set(o);const r={};2&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),i.$set(a)},i(t){x||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),x=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),x=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t),t&&h(m),l(i,t)}}}function rt(t){let e,n,$,a,c,m;return n=new F({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){e=w("thead"),s(n.$$.fragment),$=g(),a=w("tbody"),s(c.$$.fragment)},l(t){e=y(t,"THEAD",{});var s=E(e);o(n.$$.fragment,s),s.forEach(h),$=d(t),a=y(t,"TBODY",{});var r=E(a);o(c.$$.fragment,r),r.forEach(h)},m(t,s){u(t,e,s),r(n,e,null),u(t,$,s),u(t,a,s),r(c,a,null),m=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&h(e),l(n),t&&h($),t&&h(a),l(c)}}}function at(t){let e;return{c(){e=x("Class Properties")},l(t){e=v(t,"Class Properties")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function ct(t){let e,n,$,s,o,r,a,c,p,f;return{c(){e=x("All "),n=w("code"),$=x("<Popover>"),s=x(" components use the "),o=w("code"),r=x(".popover-container"),a=x(" class for the main element and "),c=w("code"),p=x(".popover"),f=x(" for the popover itself.")},l(t){e=v(t,"All "),n=y(t,"CODE",{});var l=E(n);$=v(l,"<Popover>"),l.forEach(h),s=v(t," components use the "),o=y(t,"CODE",{});var m=E(o);r=v(m,".popover-container"),m.forEach(h),a=v(t," class for the main element and "),c=y(t,"CODE",{});var i=E(c);p=v(i,".popover"),i.forEach(h),f=v(t," for the popover itself.")},m(t,l){u(t,e,l),u(t,n,l),T(n,$),u(t,s,l),u(t,o,l),T(o,r),u(t,a,l),u(t,c,l),T(c,p),u(t,f,l)},p:O,d(t){t&&h(e),t&&h(n),t&&h(s),t&&h(o),t&&h(a),t&&h(c),t&&h(f)}}}function pt(t){let e;return{c(){e=x("Falsy values passed to classes will be disregarded.")},l(t){e=v(t,"Falsy values passed to classes will be disregarded.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function ft(t){let e;return{c(){e=x("Name")},l(t){e=v(t,"Name")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function lt(t){let e;return{c(){e=x("Default")},l(t){e=v(t,"Default")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function mt(t){let e;return{c(){e=x("Type")},l(t){e=v(t,"Type")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function it(t){let e;return{c(){e=x("Description")},l(t){e=v(t,"Description")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function gt(t){let e,n,$,a,c,m,i,x;return e=new M({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),i=new M({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=g(),s($.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){o(e.$$.fragment,t),n=d(t),o($.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(i.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,a,s),r(c,t,s),u(t,m,s),r(i,t,s),x=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),$.$set(o);const r={};2&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),i.$set(a)},i(t){x||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),x=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),x=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t),t&&h(m),l(i,t)}}}function dt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("class")},l(t){e=y(t,"STRONG",{});var s=E(e);n=y(s,"CODE",{});var o=E(n);$=v(o,"class"),o.forEach(h),s.forEach(h)},m(t,s){u(t,e,s),T(e,n),T(n,$)},p:O,d(t){t&&h(e)}}}function ut(t){let e,n;return{c(){e=w("code"),n=x("null")},l(t){e=y(t,"CODE",{});var $=E(e);n=v($,"null"),$.forEach(h)},m(t,$){u(t,e,$),T(e,n)},p:O,d(t){t&&h(e)}}}function ht(t){let e,n;return{c(){e=w("code"),n=x("string")},l(t){e=y(t,"CODE",{});var $=E(e);n=v($,"string"),$.forEach(h)},m(t,$){u(t,e,$),T(e,n)},p:O,d(t){t&&h(e)}}}function xt(t){let e;return{c(){e=x("A class string to add to the component.")},l(t){e=v(t,"A class string to add to the component.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function vt(t){let e,n,$,a,c,m,i,x;return e=new I({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),$=new I({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),i=new I({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=g(),s($.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){o(e.$$.fragment,t),n=d(t),o($.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(i.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,a,s),r(c,t,s),u(t,m,s),r(i,t,s),x=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),$.$set(o);const r={};2&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),i.$set(a)},i(t){x||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),x=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),x=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t),t&&h(m),l(i,t)}}}function wt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("popoverClass")},l(t){e=y(t,"STRONG",{});var s=E(e);n=y(s,"CODE",{});var o=E(n);$=v(o,"popoverClass"),o.forEach(h),s.forEach(h)},m(t,s){u(t,e,s),T(e,n),T(n,$)},p:O,d(t){t&&h(e)}}}function yt(t){let e,n;return{c(){e=w("code"),n=x("null")},l(t){e=y(t,"CODE",{});var $=E(e);n=v($,"null"),$.forEach(h)},m(t,$){u(t,e,$),T(e,n)},p:O,d(t){t&&h(e)}}}function Et(t){let e,n;return{c(){e=w("code"),n=x("string")},l(t){e=y(t,"CODE",{});var $=E(e);n=v($,"string"),$.forEach(h)},m(t,$){u(t,e,$),T(e,n)},p:O,d(t){t&&h(e)}}}function kt(t){let e;return{c(){e=x("A class string to add to the popover.")},l(t){e=v(t,"A class string to add to the popover.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Tt(t){let e,n,$,a,c,m,i,x;return e=new I({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),$=new I({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),i=new I({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=g(),s($.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){o(e.$$.fragment,t),n=d(t),o($.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(i.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,a,s),r(c,t,s),u(t,m,s),r(i,t,s),x=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),$.$set(o);const r={};2&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),i.$set(a)},i(t){x||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),x=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),x=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t),t&&h(m),l(i,t)}}}function Ot(t){let e,n,$,a,c,m,i,x;return n=new F({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),i=new F({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),{c(){e=w("thead"),s(n.$$.fragment),$=g(),a=w("tbody"),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){e=y(t,"THEAD",{});var s=E(e);o(n.$$.fragment,s),s.forEach(h),$=d(t),a=y(t,"TBODY",{});var r=E(a);o(c.$$.fragment,r),m=d(r),o(i.$$.fragment,r),r.forEach(h)},m(t,s){u(t,e,s),r(n,e,null),u(t,$,s),u(t,a,s),r(c,a,null),T(a,m),r(i,a,null),x=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),i.$set(o)},i(t){x||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),x=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),x=!1},d(t){t&&h(e),l(n),t&&h($),t&&h(a),l(c),l(i)}}}function Dt(t){let e;return{c(){e=x("Slots")},l(t){e=v(t,"Slots")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Pt(t){let e;return{c(){e=x("Default slot")},l(t){e=v(t,"Default slot")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function bt(t){let e;return{c(){e=x("The handle – any content that will, on hover or focus, show a popover next to it.")},l(t){e=v(t,"The handle – any content that will, on hover or focus, show a popover next to it.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Ct(t){let e,n,$;return{c(){e=w("code"),n=x("popover-content"),$=x(" slot")},l(t){e=y(t,"CODE",{});var s=E(e);n=v(s,"popover-content"),s.forEach(h),$=v(t," slot")},m(t,s){u(t,e,s),T(e,n),u(t,$,s)},p:O,d(t){t&&h(e),t&&h($)}}}function jt(t){let e;return{c(){e=x("The content of the popover.")},l(t){e=v(t,"The content of the popover.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function At(t){let e;return{c(){e=x("Related Objects")},l(t){e=v(t,"Related Objects")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Rt(t){let e,n,$,s;return{c(){e=x("The following objects are available as named exports in "),n=w("code"),$=x("'attractions/popover'"),s=x(".")},l(t){e=v(t,"The following objects are available as named exports in "),n=y(t,"CODE",{});var o=E(n);$=v(o,"'attractions/popover'"),o.forEach(h),s=v(t,".")},m(t,o){u(t,e,o),u(t,n,o),T(n,$),u(t,s,o)},p:O,d(t){t&&h(e),t&&h(n),t&&h(s)}}}function Bt(t){let e,n;return{c(){e=w("code"),n=x("PopoverPositions")},l(t){e=y(t,"CODE",{});var $=E(e);n=v($,"PopoverPositions"),$.forEach(h)},m(t,$){u(t,e,$),T(e,n)},p:O,d(t){t&&h(e)}}}function St(t){let e,n,$,s;return{c(){e=x("An enum describing possible positions for the "),n=w("code"),$=x("Popover"),s=x(".")},l(t){e=v(t,"An enum describing possible positions for the "),n=y(t,"CODE",{});var o=E(n);$=v(o,"Popover"),o.forEach(h),s=v(t,".")},m(t,o){u(t,e,o),u(t,n,o),T(n,$),u(t,s,o)},p:O,d(t){t&&h(e),t&&h(n),t&&h(s)}}}function Nt(t){let e;return{c(){e=x("Field")},l(t){e=v(t,"Field")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Gt(t){let e;return{c(){e=x("Description")},l(t){e=v(t,"Description")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Ht(t){let e,n,$,a;return e=new M({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=g(),s($.$$.fragment)},l(t){o(e.$$.fragment,t),n=d(t),o($.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),a=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),$.$set(o)},i(t){a||(p(e.$$.fragment,t),p($.$$.fragment,t),a=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function Ft(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("TOP")},l(t){e=y(t,"STRONG",{});var s=E(e);n=y(s,"CODE",{});var o=E(n);$=v(o,"TOP"),o.forEach(h),s.forEach(h)},m(t,s){u(t,e,s),T(e,n),T(n,$)},p:O,d(t){t&&h(e)}}}function Mt(t){let e;return{c(){e=x("Above the handle, centered with respect to it.")},l(t){e=v(t,"Above the handle, centered with respect to it.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function It(t){let e,n,$,a;return e=new I({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),$=new I({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=g(),s($.$$.fragment)},l(t){o(e.$$.fragment,t),n=d(t),o($.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),a=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),$.$set(o)},i(t){a||(p(e.$$.fragment,t),p($.$$.fragment,t),a=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function Lt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("BOTTOM")},l(t){e=y(t,"STRONG",{});var s=E(e);n=y(s,"CODE",{});var o=E(n);$=v(o,"BOTTOM"),o.forEach(h),s.forEach(h)},m(t,s){u(t,e,s),T(e,n),T(n,$)},p:O,d(t){t&&h(e)}}}function Vt(t){let e;return{c(){e=x("Below the handle, centered with respect to it.")},l(t){e=v(t,"Below the handle, centered with respect to it.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Yt(t){let e,n,$,a;return e=new I({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),$=new I({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=g(),s($.$$.fragment)},l(t){o(e.$$.fragment,t),n=d(t),o($.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),a=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),$.$set(o)},i(t){a||(p(e.$$.fragment,t),p($.$$.fragment,t),a=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function Kt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("LEFT")},l(t){e=y(t,"STRONG",{});var s=E(e);n=y(s,"CODE",{});var o=E(n);$=v(o,"LEFT"),o.forEach(h),s.forEach(h)},m(t,s){u(t,e,s),T(e,n),T(n,$)},p:O,d(t){t&&h(e)}}}function qt(t){let e;return{c(){e=x("To the left of the handle, centered with respect to it.")},l(t){e=v(t,"To the left of the handle, centered with respect to it.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Ut(t){let e,n,$,a;return e=new I({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),$=new I({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=g(),s($.$$.fragment)},l(t){o(e.$$.fragment,t),n=d(t),o($.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),a=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),$.$set(o)},i(t){a||(p(e.$$.fragment,t),p($.$$.fragment,t),a=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function zt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("RIGHT")},l(t){e=y(t,"STRONG",{});var s=E(e);n=y(s,"CODE",{});var o=E(n);$=v(o,"RIGHT"),o.forEach(h),s.forEach(h)},m(t,s){u(t,e,s),T(e,n),T(n,$)},p:O,d(t){t&&h(e)}}}function Jt(t){let e;return{c(){e=x("To the right of the handle, centered with respect to it.")},l(t){e=v(t,"To the right of the handle, centered with respect to it.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Qt(t){let e,n,$,a;return e=new I({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),$=new I({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=g(),s($.$$.fragment)},l(t){o(e.$$.fragment,t),n=d(t),o($.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),a=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),$.$set(o)},i(t){a||(p(e.$$.fragment,t),p($.$$.fragment,t),a=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function Wt(t){let e,n,$,a,c,m,i,x,v,k,O,D;return n=new F({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),i=new F({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),v=new F({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),O=new F({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){e=w("thead"),s(n.$$.fragment),$=g(),a=w("tbody"),s(c.$$.fragment),m=g(),s(i.$$.fragment),x=g(),s(v.$$.fragment),k=g(),s(O.$$.fragment)},l(t){e=y(t,"THEAD",{});var s=E(e);o(n.$$.fragment,s),s.forEach(h),$=d(t),a=y(t,"TBODY",{});var r=E(a);o(c.$$.fragment,r),m=d(r),o(i.$$.fragment,r),x=d(r),o(v.$$.fragment,r),k=d(r),o(O.$$.fragment,r),r.forEach(h)},m(t,s){u(t,e,s),r(n,e,null),u(t,$,s),u(t,a,s),r(c,a,null),T(a,m),r(i,a,null),T(a,x),r(v,a,null),T(a,k),r(O,a,null),D=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),i.$set(o);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),v.$set(r);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),O.$set(a)},i(t){D||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),p(v.$$.fragment,t),p(O.$$.fragment,t),D=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(v.$$.fragment,t),f(O.$$.fragment,t),D=!1},d(t){t&&h(e),l(n),t&&h($),t&&h(a),l(c),l(i),l(v),l(O)}}}function Xt(t){let e,n,$,a,c,m,i,x,v,w,y,E,k,T,O,D,C,j,A,S,F,M,I,Y,K,q,W,X,Z,_,tt,et,nt,$t,st,ot,ft,lt,mt,it,gt,dt;return e=new P({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),$=new b({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),c=new B({props:{components:ee}}),i=new R({props:{$$slots:{source:[z],showcase:[U]},$$scope:{ctx:t}}}),v=new N({props:{id:"properties",$$slots:{default:[J]},$$scope:{ctx:t}}}),y=new G({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),k=new H({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),O=new G({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),C=new b({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),A=new b({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),F=new H({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),I=new N({props:{id:"slots",$$slots:{default:[Dt]},$$scope:{ctx:t}}}),K=new G({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),W=new b({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),Z=new G({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),tt=new b({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),nt=new N({props:{id:"related-objects",$$slots:{default:[At]},$$scope:{ctx:t}}}),st=new b({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),ft=new G({props:{id:"popover-positions",$$slots:{default:[Bt]},$$scope:{ctx:t}}}),mt=new b({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),gt=new H({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=g(),s($.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment),x=g(),s(v.$$.fragment),w=g(),s(y.$$.fragment),E=g(),s(k.$$.fragment),T=g(),s(O.$$.fragment),D=g(),s(C.$$.fragment),j=g(),s(A.$$.fragment),S=g(),s(F.$$.fragment),M=g(),s(I.$$.fragment),Y=g(),s(K.$$.fragment),q=g(),s(W.$$.fragment),X=g(),s(Z.$$.fragment),_=g(),s(tt.$$.fragment),et=g(),s(nt.$$.fragment),$t=g(),s(st.$$.fragment),ot=g(),s(ft.$$.fragment),lt=g(),s(mt.$$.fragment),it=g(),s(gt.$$.fragment)},l(t){o(e.$$.fragment,t),n=d(t),o($.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(i.$$.fragment,t),x=d(t),o(v.$$.fragment,t),w=d(t),o(y.$$.fragment,t),E=d(t),o(k.$$.fragment,t),T=d(t),o(O.$$.fragment,t),D=d(t),o(C.$$.fragment,t),j=d(t),o(A.$$.fragment,t),S=d(t),o(F.$$.fragment,t),M=d(t),o(I.$$.fragment,t),Y=d(t),o(K.$$.fragment,t),q=d(t),o(W.$$.fragment,t),X=d(t),o(Z.$$.fragment,t),_=d(t),o(tt.$$.fragment,t),et=d(t),o(nt.$$.fragment,t),$t=d(t),o(st.$$.fragment,t),ot=d(t),o(ft.$$.fragment,t),lt=d(t),o(mt.$$.fragment,t),it=d(t),o(gt.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,a,s),r(c,t,s),u(t,m,s),r(i,t,s),u(t,x,s),r(v,t,s),u(t,w,s),r(y,t,s),u(t,E,s),r(k,t,s),u(t,T,s),r(O,t,s),u(t,D,s),r(C,t,s),u(t,j,s),r(A,t,s),u(t,S,s),r(F,t,s),u(t,M,s),r(I,t,s),u(t,Y,s),r(K,t,s),u(t,q,s),r(W,t,s),u(t,X,s),r(Z,t,s),u(t,_,s),r(tt,t,s),u(t,et,s),r(nt,t,s),u(t,$t,s),r(st,t,s),u(t,ot,s),r(ft,t,s),u(t,lt,s),r(mt,t,s),u(t,it,s),r(gt,t,s),dt=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),$.$set(o);const r={};2&n&&(r.$$scope={dirty:n,ctx:t}),i.$set(r);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),v.$set(a);const c={};2&n&&(c.$$scope={dirty:n,ctx:t}),y.$set(c);const p={};2&n&&(p.$$scope={dirty:n,ctx:t}),k.$set(p);const f={};2&n&&(f.$$scope={dirty:n,ctx:t}),O.$set(f);const l={};2&n&&(l.$$scope={dirty:n,ctx:t}),C.$set(l);const m={};2&n&&(m.$$scope={dirty:n,ctx:t}),A.$set(m);const g={};2&n&&(g.$$scope={dirty:n,ctx:t}),F.$set(g);const d={};2&n&&(d.$$scope={dirty:n,ctx:t}),I.$set(d);const u={};2&n&&(u.$$scope={dirty:n,ctx:t}),K.$set(u);const h={};2&n&&(h.$$scope={dirty:n,ctx:t}),W.$set(h);const x={};2&n&&(x.$$scope={dirty:n,ctx:t}),Z.$set(x);const w={};2&n&&(w.$$scope={dirty:n,ctx:t}),tt.$set(w);const E={};2&n&&(E.$$scope={dirty:n,ctx:t}),nt.$set(E);const T={};2&n&&(T.$$scope={dirty:n,ctx:t}),st.$set(T);const D={};2&n&&(D.$$scope={dirty:n,ctx:t}),ft.$set(D);const P={};2&n&&(P.$$scope={dirty:n,ctx:t}),mt.$set(P);const b={};2&n&&(b.$$scope={dirty:n,ctx:t}),gt.$set(b)},i(t){dt||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),p(v.$$.fragment,t),p(y.$$.fragment,t),p(k.$$.fragment,t),p(O.$$.fragment,t),p(C.$$.fragment,t),p(A.$$.fragment,t),p(F.$$.fragment,t),p(I.$$.fragment,t),p(K.$$.fragment,t),p(W.$$.fragment,t),p(Z.$$.fragment,t),p(tt.$$.fragment,t),p(nt.$$.fragment,t),p(st.$$.fragment,t),p(ft.$$.fragment,t),p(mt.$$.fragment,t),p(gt.$$.fragment,t),dt=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(v.$$.fragment,t),f(y.$$.fragment,t),f(k.$$.fragment,t),f(O.$$.fragment,t),f(C.$$.fragment,t),f(A.$$.fragment,t),f(F.$$.fragment,t),f(I.$$.fragment,t),f(K.$$.fragment,t),f(W.$$.fragment,t),f(Z.$$.fragment,t),f(tt.$$.fragment,t),f(nt.$$.fragment,t),f(st.$$.fragment,t),f(ft.$$.fragment,t),f(mt.$$.fragment,t),f(gt.$$.fragment,t),dt=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t),t&&h(m),l(i,t),t&&h(x),l(v,t),t&&h(w),l(y,t),t&&h(E),l(k,t),t&&h(T),l(O,t),t&&h(D),l(C,t),t&&h(j),l(A,t),t&&h(S),l(F,t),t&&h(M),l(I,t),t&&h(Y),l(K,t),t&&h(q),l(W,t),t&&h(X),l(Z,t),t&&h(_),l(tt,t),t&&h(et),l(nt,t),t&&h($t),l(st,t),t&&h(ot),l(ft,t),t&&h(lt),l(mt,t),t&&h(it),l(gt,t)}}}function Zt(t){let e,n;const m=[t[0],_t];let i={$$slots:{default:[Xt]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=$(i,m[t]);return e=new D({props:i}),{c(){s(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p(t,[n]){const $=1&n?a(m,[1&n&&c(t[0]),0&n&&c(_t)]):{};2&n&&($.$$scope={dirty:n,ctx:t}),e.$set($)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}const _t={name:"Popover",relatedComponents:[{name:"PopoverButton",link:"./docs/components/popover-button"}]},{name:te,relatedComponents:ee}=_t;function ne(t,e,n){return m(S),t.$$set=t=>{n(0,e=$($({},e),i(t)))},[e=i(e)]}class $e extends t{constructor(t){super(),e(this,t,ne,Zt,n,{})}}export{$e as default,_t as metadata};
diff --git a/376/client/legacy/popover.3a24cfa5.js b/376/client/legacy/popover.3a24cfa5.js
new file mode 100644
index 000000000..93e98cba1
--- /dev/null
+++ b/376/client/legacy/popover.3a24cfa5.js
@@ -0,0 +1 @@
+import{S as s,i as a,s as o,M as t,h as e,u as l,k as p,b as c,w as n,d as r,e as i,X as u,f as v,g as d,Q as f,R as h,T as $,t as m,p as T}from"./client.583c6e60.js";import{c as O}from"./classes.a7d1a9eb.js";var b=Object.freeze({TOP:"top",RIGHT:"right",BOTTOM:"bottom",LEFT:"left"});const C=s=>({}),j=s=>({});function E(s){let a,o,b,E,I,P;const g=s[4].default,x=t(g,s,s[3],null),D=s[4]["popover-content"],M=t(D,s,s[3],j);return{c(){a=e("div"),x&&x.c(),o=l(),b=e("div"),M&&M.c(),this.h()},l(s){a=p(s,"DIV",{class:!0});var t=c(a);x&&x.l(t),o=n(t),b=p(t,"DIV",{class:!0});var e=c(b);M&&M.l(e),e.forEach(r),t.forEach(r),this.h()},h(){i(b,"class",E=u(O("popover",s[2],s[1]))+" svelte-d7tcpu"),i(a,"class",I=u(O("popover-container",s[0]))+" svelte-d7tcpu")},m(s,t){v(s,a,t),x&&x.m(a,null),d(a,o),d(a,b),M&&M.m(b,null),P=!0},p(s,o){let[t]=o;x&&x.p&&(!P||8&t)&&f(x,g,s,s[3],P?$(g,s[3],t,null):h(s[3]),null),M&&M.p&&(!P||8&t)&&f(M,D,s,s[3],P?$(D,s[3],t,C):h(s[3]),j),(!P||6&t&&E!==(E=u(O("popover",s[2],s[1]))+" svelte-d7tcpu"))&&i(b,"class",E),(!P||1&t&&I!==(I=u(O("popover-container",s[0]))+" svelte-d7tcpu"))&&i(a,"class",I)},i(s){P||(m(x,s),m(M,s),P=!0)},o(s){T(x,s),T(M,s),P=!1},d(s){s&&r(a),x&&x.d(s),M&&M.d(s)}}}function I(s,a,o){let{$$slots:t={},$$scope:e}=a,{class:l=null}=a,{popoverClass:p=null}=a,{position:c=b.TOP}=a;return s.$$set=s=>{"class"in s&&o(0,l=s.class),"popoverClass"in s&&o(1,p=s.popoverClass),"position"in s&&o(2,c=s.position),"$$scope"in s&&o(3,e=s.$$scope)},[l,p,c,e,t]}var P=class extends s{constructor(s){super(),a(this,s,I,E,o,{class:0,popoverClass:1,position:2})}};export{P,b as a};
diff --git a/376/client/legacy/radio-button-c2103ad3.css b/376/client/legacy/radio-button-c2103ad3.css
new file mode 100644
index 000000000..c72596e06
--- /dev/null
+++ b/376/client/legacy/radio-button-c2103ad3.css
@@ -0,0 +1 @@
+.radio.svelte-1cxgo1k.svelte-1cxgo1k.svelte-1cxgo1k{align-items:center;cursor:pointer;display:flex;font-family:"Ubuntu", sans-serif;position:relative}.radio.svelte-1cxgo1k>input[type=radio].svelte-1cxgo1k.svelte-1cxgo1k{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.radio.svelte-1cxgo1k>.selector.svelte-1cxgo1k.svelte-1cxgo1k{border:0.125em solid #ddd;border-radius:50%;cursor:pointer;height:1.25em;position:relative;width:1.25em}.radio.svelte-1cxgo1k>.selector.svelte-1cxgo1k.svelte-1cxgo1k::after{border-radius:50%;content:"";height:2.25em;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:2.25em}.radio.svelte-1cxgo1k>input.svelte-1cxgo1k:checked+.selector.svelte-1cxgo1k::before{border-radius:50%;content:"";height:0.5em;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:0.5em}input.svelte-1cxgo1k:disabled+.selector.svelte-1cxgo1k.svelte-1cxgo1k{background-color:#ececec;cursor:not-allowed}input.svelte-1cxgo1k:checked+.selector.svelte-1cxgo1k.svelte-1cxgo1k{background-color:#4300b0;border-color:#4300b0}input.svelte-1cxgo1k:checked+.selector.svelte-1cxgo1k.svelte-1cxgo1k::before{background-color:#fff}input.svelte-1cxgo1k:disabled:checked+.selector.svelte-1cxgo1k.svelte-1cxgo1k{background-color:#888;border-color:#8d8d8d}.radio.svelte-1cxgo1k:hover .svelte-1cxgo1k:not(:focus):not(:disabled)+.selector.svelte-1cxgo1k::after{background-color:rgba(51, 51, 51, 0.05)}.radio.svelte-1cxgo1k:hover .svelte-1cxgo1k:not(:focus):not(:disabled):checked+.selector.svelte-1cxgo1k::after{background-color:rgba(67, 0, 176, 0.05)}.radio.svelte-1cxgo1k:hover .svelte-1cxgo1k:disabled+.selector.svelte-1cxgo1k::after{background:none}input.svelte-1cxgo1k:focus+.selector.svelte-1cxgo1k.svelte-1cxgo1k::after{background-color:rgba(51, 51, 51, 0.125)}input.svelte-1cxgo1k:focus:checked+.selector.svelte-1cxgo1k.svelte-1cxgo1k::after{background-color:rgba(67, 0, 176, 0.125)}
diff --git a/376/client/legacy/radio-button.2404d79f.js b/376/client/legacy/radio-button.2404d79f.js
new file mode 100644
index 000000000..74458adc9
--- /dev/null
+++ b/376/client/legacy/radio-button.2404d79f.js
@@ -0,0 +1 @@
+import{S as s,i as l,s as e,K as t,a3 as a,h as c,u as o,k as n,b as u,w as i,d as r,N as d,O as p,e as v,X as f,f as g,g as h,o as m,t as y,y as b,p as C,z as $,U as _,W as k,I as x,J as L,L as S,M as E,Q as I,R as j,T as N}from"./client.583c6e60.js";import{c as R}from"./classes.a7d1a9eb.js";function T(s){let l;const e=s[12].default,t=E(e,s,s[11],null);return{c(){t&&t.c()},l(s){t&&t.l(s)},m(s,e){t&&t.m(s,e),l=!0},p(s,a){t&&t.p&&(!l||2048&a)&&I(t,e,s,s[11],l?N(e,s[11],a,null):j(s[11]),null)},i(s){l||(y(t,s),l=!0)},o(s){C(t,s),l=!1},d(s){t&&t.d(s)}}}function U(s){let l;const e=s[12].default,t=E(e,s,s[11],null);return{c(){t&&t.c()},l(s){t&&t.l(s)},m(s,e){t&&t.m(s,e),l=!0},p(s,a){t&&t.p&&(!l||2048&a)&&I(t,e,s,s[11],l?N(e,s[11],a,null):j(s[11]),null)},i(s){l||(y(t,s),l=!0)},o(s){C(t,s),l=!1},d(s){t&&t.d(s)}}}function w(s){let l,e,x,L,S,E,I,j,N,w,z,A,B,D=s[7]&&T(s),J=[{__value:s[5]},{type:"radio"},{class:L=R(s[2])},{disabled:s[6]},s[10]],K={};for(let s=0;s<J.length;s+=1)K=t(K,J[s]);let M=!s[7]&&U(s);return z=a(s[14][0]),{c(){l=c("label"),D&&D.c(),e=o(),x=c("input"),S=o(),E=c("div"),j=o(),M&&M.c(),this.h()},l(s){l=n(s,"LABEL",{class:!0,title:!0});var t=u(l);D&&D.l(t),e=i(t),x=n(t,"INPUT",{type:!0,class:!0}),S=i(t),E=n(t,"DIV",{class:!0,style:!0}),u(E).forEach(r),j=i(t),M&&M.l(t),t.forEach(r),this.h()},h(){d(x,K),p(x,"svelte-1cxgo1k",!0),v(E,"class",I=f(R("selector",s[3]))+" svelte-1cxgo1k"),v(E,"style",s[4]),v(l,"class",N=f(R("radio",s[1]))+" svelte-1cxgo1k"),v(l,"title",s[8]),z.p(x)},m(t,a){g(t,l,a),D&&D.m(l,null),h(l,e),h(l,x),x.autofocus&&x.focus(),x.checked=x.__value===s[0],h(l,S),h(l,E),h(l,j),M&&M.m(l,null),w=!0,A||(B=[m(x,"change",s[13]),m(x,"change",s[15])],A=!0)},p(s,t){let[a]=t;s[7]?D?(D.p(s,a),128&a&&y(D,1)):(D=T(s),D.c(),y(D,1),D.m(l,e)):D&&(b(),C(D,1,1,(()=>{D=null})),$()),d(x,K=_(J,[(!w||32&a)&&{__value:s[5]},{type:"radio"},(!w||4&a&&L!==(L=R(s[2])))&&{class:L},(!w||64&a)&&{disabled:s[6]},1024&a&&s[10]])),1&a&&(x.checked=x.__value===s[0]),p(x,"svelte-1cxgo1k",!0),(!w||8&a&&I!==(I=f(R("selector",s[3]))+" svelte-1cxgo1k"))&&v(E,"class",I),(!w||16&a)&&v(E,"style",s[4]),s[7]?M&&(b(),C(M,1,1,(()=>{M=null})),$()):M?(M.p(s,a),128&a&&y(M,1)):(M=U(s),M.c(),y(M,1),M.m(l,null)),(!w||2&a&&N!==(N=f(R("radio",s[1]))+" svelte-1cxgo1k"))&&v(l,"class",N),(!w||256&a)&&v(l,"title",s[8])},i(s){w||(y(D),y(M),w=!0)},o(s){C(D),C(M),w=!1},d(s){s&&r(l),D&&D.d(),M&&M.d(),z.r(),A=!1,k(B)}}}function z(s,l,e){const a=["class","inputClass","selectorClass","selectorStyle","value","disabled","group","slotLeft","title"];let c=x(l,a),{$$slots:o={},$$scope:n}=l,{class:u=null}=l,{inputClass:i=null}=l,{selectorClass:r=null}=l,{selectorStyle:d=null}=l,{value:p}=l,{disabled:v=!1}=l,{group:f=null}=l,{slotLeft:g=!1}=l,{title:h=null}=l;const m=L();return s.$$set=s=>{l=t(t({},l),S(s)),e(10,c=x(l,a)),"class"in s&&e(1,u=s.class),"inputClass"in s&&e(2,i=s.inputClass),"selectorClass"in s&&e(3,r=s.selectorClass),"selectorStyle"in s&&e(4,d=s.selectorStyle),"value"in s&&e(5,p=s.value),"disabled"in s&&e(6,v=s.disabled),"group"in s&&e(0,f=s.group),"slotLeft"in s&&e(7,g=s.slotLeft),"title"in s&&e(8,h=s.title),"$$scope"in s&&e(11,n=s.$$scope)},[f,u,i,r,d,p,v,g,h,m,c,n,o,function(){f=this.__value,e(0,f)},[[]],s=>m("change",{value:p,nativeEvent:s})]}var A=class extends s{constructor(s){super(),l(this,s,z,w,e,{class:1,inputClass:2,selectorClass:3,selectorStyle:4,value:5,disabled:6,group:0,slotLeft:7,title:8})}};export{A as R};
diff --git a/376/client/legacy/radio-button.b77297a0.js b/376/client/legacy/radio-button.b77297a0.js
new file mode 100644
index 000000000..2251e2fe9
--- /dev/null
+++ b/376/client/legacy/radio-button.b77297a0.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as s,l as r,m as o,U as a,a0 as c,t as f,p as l,q as p,L as m,u,w as g,f as i,d,v as h,x,h as y,k as E,b as v,e as w,g as b,n as D}from"./client.583c6e60.js";import{L as k,H as C,P as O}from"./layout.47c81311.js";import{R as T}from"./radio-button.2404d79f.js";import{S}from"./showcase.759e7149.js";import{C as R}from"./color-preview.9db6af61.js";import{R as N}from"./related-components.9fddec4f.js";import{H as A}from"./h2.0da05151.js";import{H as j}from"./h3.c9a49f62.js";import{T as B,a as G,b as P,c as F}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./button.863c0adf.js";import"./card.113fcab4.js";function H(t){let e;return{c(){e=h("RadioButton")},l(t){e=x(t,"RadioButton")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function L(t){let e;return{c(){e=h("An individual radio button.")},l(t){e=x(t,"An individual radio button.")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function M(t){let e,$;return{c(){e=y("span"),$=h("Illusion of choice"),this.h()},l(t){e=E(t,"SPAN",{class:!0});var n=v(e);$=x(n,"Illusion of choice"),n.forEach(d),this.h()},h(){w(e,"class","ml")},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function Y(t){let e,$;return{c(){e=y("span"),$=h("Can't select me!"),this.h()},l(t){e=E(t,"SPAN",{class:!0});var n=v(e);$=x(n,"Can't select me!"),n.forEach(d),this.h()},h(){w(e,"class","ml")},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function I(t){let e,$,n,a,c;return $=new T({props:{name:"choices",value:"choice",title:"You have no choice.",$$slots:{default:[M]},$$scope:{ctx:t}}}),a=new T({props:{disabled:!0,value:"tons",$$slots:{default:[Y]},$$scope:{ctx:t}}}),{c(){e=y("div"),s($.$$.fragment),n=u(),s(a.$$.fragment),this.h()},l(t){e=E(t,"DIV",{slot:!0,class:!0});var s=v(e);r($.$$.fragment,s),n=g(s),r(a.$$.fragment,s),s.forEach(d),this.h()},h(){w(e,"slot","showcase"),w(e,"class","padded")},m(t,s){i(t,e,s),o($,e,null),b(e,n),o(a,e,null),c=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),a.$set(s)},i(t){c||(f($.$$.fragment,t),f(a.$$.fragment,t),c=!0)},o(t){l($.$$.fragment,t),l(a.$$.fragment,t),c=!1},d(t){t&&d(e),p($),p(a)}}}function U(t){let e,$;return{c(){e=y("div"),$=y("pre"),this.h()},l(t){e=E(t,"DIV",{slot:!0});var n=v(e);$=E(n,"PRE",{class:!0}),v($).forEach(d),n.forEach(d),this.h()},h(){w($,"class","language-svelte"),w(e,"slot","source")},m(t,n){i(t,e,n),b(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButton</span>\n  <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>choices<span class="token punctuation">"</span></span>\n  <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>choice<span class="token punctuation">"</span></span>\n  <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>You have no choice.<span class="token punctuation">"</span></span>\n<span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Illusion of choice<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>RadioButton</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButton</span> <span class="token attr-name">disabled</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>tons<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Can\'t select me!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>RadioButton</span><span class="token punctuation">></span></span></code>'},p:D,d(t){t&&d(e)}}}function V(t){let e;return{c(){e=h("Properties")},l(t){e=x(t,"Properties")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function K(t){let e;return{c(){e=h("Style Properties")},l(t){e=x(t,"Style Properties")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function q(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function z(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function W(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function _(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function J(t){let e,$,n,a,c,m,h,x;return e=new P({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function Q(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("slotLeft")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"slotLeft"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function X(t){let e,$;return{c(){e=y("code"),$=h("false")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"false"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function Z(t){let e,$;return{c(){e=y("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"boolean"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function tt(t){let e;return{c(){e=h("Places the default slot (label) to the left of the radio button.")},l(t){e=x(t,"Places the default slot (label) to the left of the radio button.")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function et(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function $t(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("selectorStyle")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"selectorStyle"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function nt(t){let e,$;return{c(){e=y("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"null"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function st(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"string"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function rt(t){let e,$,n,s,r,o;return{c(){e=h("A CSS style string to assign to the selector circle. "),$=y("br"),n=h(" Can be used to make the radio button represent a color (in conjunction with the "),s=y("code"),r=h("getColorPickerStyles"),o=h(" utility).")},l(t){e=x(t,"A CSS style string to assign to the selector circle. "),$=E(t,"BR",{}),n=x(t," Can be used to make the radio button represent a color (in conjunction with the "),s=E(t,"CODE",{});var a=v(s);r=x(a,"getColorPickerStyles"),a.forEach(d),o=x(t," utility).")},m(t,a){i(t,e,a),i(t,$,a),i(t,n,a),i(t,s,a),b(s,r),i(t,o,a)},p:D,d(t){t&&d(e),t&&d($),t&&d(n),t&&d(s),t&&d(o)}}}function ot(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function at(t){let e,$,n,a,c,m,h,x;return $=new G({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=u(),a=y("tbody"),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){e=E(t,"THEAD",{});var s=v(e);r($.$$.fragment,s),s.forEach(d),n=g(t),a=E(t,"TBODY",{});var o=v(a);r(c.$$.fragment,o),m=g(o),r(h.$$.fragment,o),o.forEach(d)},m(t,s){i(t,e,s),o($,e,null),i(t,n,s),i(t,a,s),o(c,a,null),b(a,m),o(h,a,null),x=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),h.$set(r)},i(t){x||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){t&&d(e),p($),t&&d(n),t&&d(a),p(c),p(h)}}}function ct(t){let e;return{c(){e=h("Functional Properties")},l(t){e=x(t,"Functional Properties")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function ft(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function lt(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function pt(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function mt(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function ut(t){let e,$,n,a,c,m,h,x;return e=new P({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function gt(t){let e,$,n,s,r,o,a;return{c(){e=y("mark"),$=y("strong"),n=y("code"),s=h("value"),r=h(" "),o=y("span"),a=h("*"),this.h()},l(t){e=E(t,"MARK",{});var c=v(e);$=E(c,"STRONG",{});var f=v($);n=E(f,"CODE",{});var l=v(n);s=x(l,"value"),l.forEach(d),f.forEach(d),c.forEach(d),r=x(t," "),o=E(t,"SPAN",{class:!0});var p=v(o);a=x(p,"*"),p.forEach(d),this.h()},h(){w(o,"class","required")},m(t,c){i(t,e,c),b(e,$),b($,n),b(n,s),i(t,r,c),i(t,o,c),b(o,a)},p:D,d(t){t&&d(e),t&&d(r),t&&d(o)}}}function it(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"string"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function dt(t){let e,$,n,s;return{c(){e=h("The value assigned to the radio button input. Check "),$=y("a"),n=h("MDN Docs"),s=h(" for more information."),this.h()},l(t){e=x(t,"The value assigned to the radio button input. Check "),$=E(t,"A",{href:!0,rel:!0});var r=v($);n=x(r,"MDN Docs"),r.forEach(d),s=x(t," for more information."),this.h()},h(){w($,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#Value"),w($,"rel","nofollow")},m(t,r){i(t,e,r),i(t,$,r),b($,n),i(t,s,r)},p:D,d(t){t&&d(e),t&&d($),t&&d(s)}}}function ht(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),n=new F({}),c=new F({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),h.$set(r)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function xt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("group")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"group"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function yt(t){let e,$;return{c(){e=y("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"null"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function Et(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"string"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function vt(t){let e,$,n,s,r,o,a;return{c(){e=h("The value of the currently selected radio button in the "),$=y("code"),n=h("name"),s=h(" group. Similar to Svelte's "),r=y("code"),o=h("bind:group"),a=h(" binding on native radio buttons.")},l(t){e=x(t,"The value of the currently selected radio button in the "),$=E(t,"CODE",{});var c=v($);n=x(c,"name"),c.forEach(d),s=x(t," group. Similar to Svelte's "),r=E(t,"CODE",{});var f=v(r);o=x(f,"bind:group"),f.forEach(d),a=x(t," binding on native radio buttons.")},m(t,c){i(t,e,c),i(t,$,c),b($,n),i(t,s,c),i(t,r,c),b(r,o),i(t,a,c)},p:D,d(t){t&&d(e),t&&d($),t&&d(s),t&&d(r),t&&d(a)}}}function wt(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function bt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("disabled")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"disabled"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function Dt(t){let e,$;return{c(){e=y("code"),$=h("false")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"false"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function kt(t){let e,$;return{c(){e=y("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"boolean"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function Ct(t){let e;return{c(){e=h("Disables the radio button.")},l(t){e=x(t,"Disables the radio button.")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function Ot(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function Tt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("title")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"title"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function St(t){let e,$;return{c(){e=y("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"null"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function Rt(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"string"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function Nt(t){let e;return{c(){e=h("Adds a tooltip to the radio button.")},l(t){e=x(t,"Adds a tooltip to the radio button.")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function At(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function jt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("...")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"..."),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function Bt(t){let e,$;return{c(){e=y("code"),$=h("any")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"any"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function Gt(t){let e,$,n,s;return{c(){e=h("Everything else will be passed to the underlying "),$=y("code"),n=h('<input type="radio">'),s=h(" element.")},l(t){e=x(t,"Everything else will be passed to the underlying "),$=E(t,"CODE",{});var r=v($);n=x(r,'<input type="radio">'),r.forEach(d),s=x(t," element.")},m(t,r){i(t,e,r),i(t,$,r),b($,n),i(t,s,r)},p:D,d(t){t&&d(e),t&&d($),t&&d(s)}}}function Pt(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),n=new F({}),c=new F({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),h.$set(r)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function Ft(t){let e,$,n,a,c,m,h,x,w,D,k,C,O,T;return $=new G({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),w=new G({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),k=new G({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),O=new G({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=u(),a=y("tbody"),s(c.$$.fragment),m=u(),s(h.$$.fragment),x=u(),s(w.$$.fragment),D=u(),s(k.$$.fragment),C=u(),s(O.$$.fragment)},l(t){e=E(t,"THEAD",{});var s=v(e);r($.$$.fragment,s),s.forEach(d),n=g(t),a=E(t,"TBODY",{});var o=v(a);r(c.$$.fragment,o),m=g(o),r(h.$$.fragment,o),x=g(o),r(w.$$.fragment,o),D=g(o),r(k.$$.fragment,o),C=g(o),r(O.$$.fragment,o),o.forEach(d)},m(t,s){i(t,e,s),o($,e,null),i(t,n,s),i(t,a,s),o(c,a,null),b(a,m),o(h,a,null),b(a,x),o(w,a,null),b(a,D),o(k,a,null),b(a,C),o(O,a,null),T=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),h.$set(r);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),w.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),k.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),O.$set(f)},i(t){T||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(w.$$.fragment,t),f(k.$$.fragment,t),f(O.$$.fragment,t),T=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(w.$$.fragment,t),l(k.$$.fragment,t),l(O.$$.fragment,t),T=!1},d(t){t&&d(e),p($),t&&d(n),t&&d(a),p(c),p(h),p(w),p(k),p(O)}}}function Ht(t){let e;return{c(){e=h("Class Properties")},l(t){e=x(t,"Class Properties")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function Lt(t){let e,$,n,s,r,o,a,c,f,l,p,m,u;return{c(){e=h("All "),$=y("code"),n=h("<RadioButton>"),s=h(" components use the "),r=y("code"),o=h(".radio"),a=h(" class on the "),c=y("code"),f=h("<label>"),l=h(" and "),p=y("code"),m=h(".selector"),u=h(" on the selector circle.")},l(t){e=x(t,"All "),$=E(t,"CODE",{});var g=v($);n=x(g,"<RadioButton>"),g.forEach(d),s=x(t," components use the "),r=E(t,"CODE",{});var i=v(r);o=x(i,".radio"),i.forEach(d),a=x(t," class on the "),c=E(t,"CODE",{});var h=v(c);f=x(h,"<label>"),h.forEach(d),l=x(t," and "),p=E(t,"CODE",{});var y=v(p);m=x(y,".selector"),y.forEach(d),u=x(t," on the selector circle.")},m(t,g){i(t,e,g),i(t,$,g),b($,n),i(t,s,g),i(t,r,g),b(r,o),i(t,a,g),i(t,c,g),b(c,f),i(t,l,g),i(t,p,g),b(p,m),i(t,u,g)},p:D,d(t){t&&d(e),t&&d($),t&&d(s),t&&d(r),t&&d(a),t&&d(c),t&&d(l),t&&d(p),t&&d(u)}}}function Mt(t){let e;return{c(){e=h("Falsy values passed to classes will be disregarded.")},l(t){e=x(t,"Falsy values passed to classes will be disregarded.")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function Yt(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function It(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function Ut(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function Vt(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function Kt(t){let e,$,n,a,c,m,h,x;return e=new P({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function qt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("class")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"class"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function zt(t){let e,$;return{c(){e=y("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"null"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function Wt(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"string"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function _t(t){let e,$,n,s;return{c(){e=h("A class string to add to the root "),$=y("code"),n=h("<label>"),s=h(" element.")},l(t){e=x(t,"A class string to add to the root "),$=E(t,"CODE",{});var r=v($);n=x(r,"<label>"),r.forEach(d),s=x(t," element.")},m(t,r){i(t,e,r),i(t,$,r),b($,n),i(t,s,r)},p:D,d(t){t&&d(e),t&&d($),t&&d(s)}}}function Jt(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function Qt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("inputClass")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"inputClass"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function Xt(t){let e,$;return{c(){e=y("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"null"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function Zt(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"string"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function te(t){let e,$,n,s;return{c(){e=h("A class string to assign to the "),$=y("code"),n=h("<input>"),s=h(" element.")},l(t){e=x(t,"A class string to assign to the "),$=E(t,"CODE",{});var r=v($);n=x(r,"<input>"),r.forEach(d),s=x(t," element.")},m(t,r){i(t,e,r),i(t,$,r),b($,n),i(t,s,r)},p:D,d(t){t&&d(e),t&&d($),t&&d(s)}}}function ee(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function $e(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("selectorClass")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"selectorClass"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function ne(t){let e,$;return{c(){e=y("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"null"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function se(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"string"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function re(t){let e;return{c(){e=h("A class string to add to the selector circle.")},l(t){e=x(t,"A class string to add to the selector circle.")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function oe(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function ae(t){let e,$,n,a,c,m,h,x,w,D;return $=new G({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),w=new G({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=u(),a=y("tbody"),s(c.$$.fragment),m=u(),s(h.$$.fragment),x=u(),s(w.$$.fragment)},l(t){e=E(t,"THEAD",{});var s=v(e);r($.$$.fragment,s),s.forEach(d),n=g(t),a=E(t,"TBODY",{});var o=v(a);r(c.$$.fragment,o),m=g(o),r(h.$$.fragment,o),x=g(o),r(w.$$.fragment,o),o.forEach(d)},m(t,s){i(t,e,s),o($,e,null),i(t,n,s),i(t,a,s),o(c,a,null),b(a,m),o(h,a,null),b(a,x),o(w,a,null),D=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),h.$set(r);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),w.$set(o)},i(t){D||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(w.$$.fragment,t),D=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(w.$$.fragment,t),D=!1},d(t){t&&d(e),p($),t&&d(n),t&&d(a),p(c),p(h),p(w)}}}function ce(t){let e;return{c(){e=h("Events")},l(t){e=x(t,"Events")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function fe(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function le(t){let e;return{c(){e=h("Event Detail")},l(t){e=x(t,"Event Detail")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function pe(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function me(t){let e,$,n,a,c,m;return e=new P({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function ue(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("change")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"change"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function ge(t){let e,$;return{c(){e=y("code"),$=h("{ value, nativeEvent }")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"{ value, nativeEvent }"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function ie(t){let e,$,n,s,r,o,a,c,f,l,p,m,u;return{c(){e=h("Fired when the selection changes. The "),$=y("code"),n=h("value"),s=h(" contains the element's "),r=y("code"),o=h("value"),a=h(" passed as a property (not altered, so if you pass an object, you get an object here) and "),c=y("code"),f=h("nativeEvent"),l=h(" has the "),p=y("a"),m=h("native change event"),u=h("."),this.h()},l(t){e=x(t,"Fired when the selection changes. The "),$=E(t,"CODE",{});var g=v($);n=x(g,"value"),g.forEach(d),s=x(t," contains the element's "),r=E(t,"CODE",{});var i=v(r);o=x(i,"value"),i.forEach(d),a=x(t," passed as a property (not altered, so if you pass an object, you get an object here) and "),c=E(t,"CODE",{});var h=v(c);f=x(h,"nativeEvent"),h.forEach(d),l=x(t," has the "),p=E(t,"A",{href:!0,rel:!0});var y=v(p);m=x(y,"native change event"),y.forEach(d),u=x(t,"."),this.h()},h(){w(p,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),w(p,"rel","nofollow")},m(t,g){i(t,e,g),i(t,$,g),b($,n),i(t,s,g),i(t,r,g),b(r,o),i(t,a,g),i(t,c,g),b(c,f),i(t,l,g),i(t,p,g),b(p,m),i(t,u,g)},p:D,d(t){t&&d(e),t&&d($),t&&d(s),t&&d(r),t&&d(a),t&&d(c),t&&d(l),t&&d(p),t&&d(u)}}}function de(t){let e,$,n,a,c,m;return e=new F({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function he(t){let e,$,n,a,c,m;return $=new G({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=u(),a=y("tbody"),s(c.$$.fragment)},l(t){e=E(t,"THEAD",{});var s=v(e);r($.$$.fragment,s),s.forEach(d),n=g(t),a=E(t,"TBODY",{});var o=v(a);r(c.$$.fragment,o),o.forEach(d)},m(t,s){i(t,e,s),o($,e,null),i(t,n,s),i(t,a,s),o(c,a,null),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&d(e),p($),t&&d(n),t&&d(a),p(c)}}}function xe(t){let e;return{c(){e=h("Slots")},l(t){e=x(t,"Slots")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function ye(t){let e;return{c(){e=h("Default slot")},l(t){e=x(t,"Default slot")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function Ee(t){let e,$,n,s,r;return{c(){e=h("The label for the radio button. By default, the slot is positioned to the right of the radio button, but its placement can be adjusted with the "),$=y("mark"),n=y("code"),s=h("slotLeft"),r=h(" property.")},l(t){e=x(t,"The label for the radio button. By default, the slot is positioned to the right of the radio button, but its placement can be adjusted with the "),$=E(t,"MARK",{});var o=v($);n=E(o,"CODE",{});var a=v(n);s=x(a,"slotLeft"),a.forEach(d),o.forEach(d),r=x(t," property.")},m(t,o){i(t,e,o),i(t,$,o),b($,n),b(n,s),i(t,r,o)},p:D,d(t){t&&d(e),t&&d($),t&&d(r)}}}function ve(t){let e;return{c(){e=h("SCSS Variables")},l(t){e=x(t,"SCSS Variables")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function we(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function be(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function De(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function ke(t){let e,$,n,a,c,m;return e=new P({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function Ce(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("$main")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"$main"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function Oe(t){let e;return{c(){e=h("The fill color of the selected radio button.")},l(t){e=x(t,"The fill color of the selected radio button.")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function Te(t){let e,$;return e=new R({props:{value:"#4300B0"}}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Se(t){let e,$,n,a,c,m;return e=new F({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function Re(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("$font")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"$font"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function Ne(t){let e;return{c(){e=h("The font of the radio button's label.")},l(t){e=x(t,"The font of the radio button's label.")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function Ae(t){let e,$;return{c(){e=y("code"),$=h("'Ubuntu'")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"'Ubuntu'"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function je(t){let e,$,n,a,c,m;return e=new F({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function Be(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("$disabled")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"$disabled"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function Ge(t){let e;return{c(){e=h("The fill color of the disabled radio button.")},l(t){e=x(t,"The fill color of the disabled radio button.")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function Pe(t){let e,$;return e=new R({props:{value:"#888888"}}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Fe(t){let e,$,n,a,c,m;return e=new F({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function He(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("$dark")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"$dark"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function Le(t){let e;return{c(){e=h("The background color of the radio button hover signifier.")},l(t){e=x(t,"The background color of the radio button hover signifier.")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function Me(t){let e,$;return e=new R({props:{value:"#333333"}}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Ye(t){let e,$,n,a,c,m;return e=new F({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function Ie(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("$light-contrast")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"$light-contrast"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function Ue(t){let e;return{c(){e=h("The border color of an unselected radio button, or the fill color of a selected disabled one.")},l(t){e=x(t,"The border color of an unselected radio button, or the fill color of a selected disabled one.")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function Ve(t){let e,$;return e=new R({props:{value:"#DDDDDD"}}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Ke(t){let e,$,n,a,c,m;return e=new F({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function qe(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("$main-text")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"$main-text"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function ze(t){let e;return{c(){e=h("The color of the dot inside the selected radio button.")},l(t){e=x(t,"The color of the dot inside the selected radio button.")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function We(t){let e,$;return e=new R({props:{value:"#FFFFFF",bordered:!0}}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function _e(t){let e,$,n,a,c,m;return e=new F({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function Je(t){let e,$,n,a,c,m,h,x,w,D,k,C,O,T,S,R;return $=new G({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),w=new G({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),k=new G({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),O=new G({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),S=new G({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=u(),a=y("tbody"),s(c.$$.fragment),m=u(),s(h.$$.fragment),x=u(),s(w.$$.fragment),D=u(),s(k.$$.fragment),C=u(),s(O.$$.fragment),T=u(),s(S.$$.fragment)},l(t){e=E(t,"THEAD",{});var s=v(e);r($.$$.fragment,s),s.forEach(d),n=g(t),a=E(t,"TBODY",{});var o=v(a);r(c.$$.fragment,o),m=g(o),r(h.$$.fragment,o),x=g(o),r(w.$$.fragment,o),D=g(o),r(k.$$.fragment,o),C=g(o),r(O.$$.fragment,o),T=g(o),r(S.$$.fragment,o),o.forEach(d)},m(t,s){i(t,e,s),o($,e,null),i(t,n,s),i(t,a,s),o(c,a,null),b(a,m),o(h,a,null),b(a,x),o(w,a,null),b(a,D),o(k,a,null),b(a,C),o(O,a,null),b(a,T),o(S,a,null),R=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),h.$set(r);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),w.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),k.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),O.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l)},i(t){R||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(w.$$.fragment,t),f(k.$$.fragment,t),f(O.$$.fragment,t),f(S.$$.fragment,t),R=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(w.$$.fragment,t),l(k.$$.fragment,t),l(O.$$.fragment,t),l(S.$$.fragment,t),R=!1},d(t){t&&d(e),p($),t&&d(n),t&&d(a),p(c),p(h),p(w),p(k),p(O),p(S)}}}function Qe(t){let e,$,n,a,c,m,h,x,y,E,v,w,b,D,k,T,R,G,P,F,M,Y,q,z,W,_,J,Q,X,Z,tt,et,$t,nt,st,rt,ot,ft,lt,pt;return e=new C({props:{$$slots:{default:[H]},$$scope:{ctx:t}}}),n=new O({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),c=new N({props:{components:e$}}),h=new S({props:{$$slots:{source:[U],showcase:[I]},$$scope:{ctx:t}}}),y=new A({props:{id:"properties",$$slots:{default:[V]},$$scope:{ctx:t}}}),v=new j({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),b=new B({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),k=new j({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),R=new B({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),P=new j({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),M=new O({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),q=new O({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),W=new B({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),J=new A({props:{id:"events",$$slots:{default:[ce]},$$scope:{ctx:t}}}),X=new B({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),tt=new A({props:{id:"slots",$$slots:{default:[xe]},$$scope:{ctx:t}}}),$t=new j({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),st=new O({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),ot=new A({props:{id:"scss-variables",$$slots:{default:[ve]},$$scope:{ctx:t}}}),lt=new B({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment),x=u(),s(y.$$.fragment),E=u(),s(v.$$.fragment),w=u(),s(b.$$.fragment),D=u(),s(k.$$.fragment),T=u(),s(R.$$.fragment),G=u(),s(P.$$.fragment),F=u(),s(M.$$.fragment),Y=u(),s(q.$$.fragment),z=u(),s(W.$$.fragment),_=u(),s(J.$$.fragment),Q=u(),s(X.$$.fragment),Z=u(),s(tt.$$.fragment),et=u(),s($t.$$.fragment),nt=u(),s(st.$$.fragment),rt=u(),s(ot.$$.fragment),ft=u(),s(lt.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t),x=g(t),r(y.$$.fragment,t),E=g(t),r(v.$$.fragment,t),w=g(t),r(b.$$.fragment,t),D=g(t),r(k.$$.fragment,t),T=g(t),r(R.$$.fragment,t),G=g(t),r(P.$$.fragment,t),F=g(t),r(M.$$.fragment,t),Y=g(t),r(q.$$.fragment,t),z=g(t),r(W.$$.fragment,t),_=g(t),r(J.$$.fragment,t),Q=g(t),r(X.$$.fragment,t),Z=g(t),r(tt.$$.fragment,t),et=g(t),r($t.$$.fragment,t),nt=g(t),r(st.$$.fragment,t),rt=g(t),r(ot.$$.fragment,t),ft=g(t),r(lt.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),i(t,x,s),o(y,t,s),i(t,E,s),o(v,t,s),i(t,w,s),o(b,t,s),i(t,D,s),o(k,t,s),i(t,T,s),o(R,t,s),i(t,G,s),o(P,t,s),i(t,F,s),o(M,t,s),i(t,Y,s),o(q,t,s),i(t,z,s),o(W,t,s),i(t,_,s),o(J,t,s),i(t,Q,s),o(X,t,s),i(t,Z,s),o(tt,t,s),i(t,et,s),o($t,t,s),i(t,nt,s),o(st,t,s),i(t,rt,s),o(ot,t,s),i(t,ft,s),o(lt,t,s),pt=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),h.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),y.$set(a);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),v.$set(c);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),b.$set(f);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),k.$set(l);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),R.$set(p);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),P.$set(m);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),M.$set(u);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),q.$set(g);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),W.$set(i);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),J.$set(d);const x={};2&$&&(x.$$scope={dirty:$,ctx:t}),X.$set(x);const E={};2&$&&(E.$$scope={dirty:$,ctx:t}),tt.$set(E);const w={};2&$&&(w.$$scope={dirty:$,ctx:t}),$t.$set(w);const D={};2&$&&(D.$$scope={dirty:$,ctx:t}),st.$set(D);const C={};2&$&&(C.$$scope={dirty:$,ctx:t}),ot.$set(C);const O={};2&$&&(O.$$scope={dirty:$,ctx:t}),lt.$set(O)},i(t){pt||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(y.$$.fragment,t),f(v.$$.fragment,t),f(b.$$.fragment,t),f(k.$$.fragment,t),f(R.$$.fragment,t),f(P.$$.fragment,t),f(M.$$.fragment,t),f(q.$$.fragment,t),f(W.$$.fragment,t),f(J.$$.fragment,t),f(X.$$.fragment,t),f(tt.$$.fragment,t),f($t.$$.fragment,t),f(st.$$.fragment,t),f(ot.$$.fragment,t),f(lt.$$.fragment,t),pt=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(y.$$.fragment,t),l(v.$$.fragment,t),l(b.$$.fragment,t),l(k.$$.fragment,t),l(R.$$.fragment,t),l(P.$$.fragment,t),l(M.$$.fragment,t),l(q.$$.fragment,t),l(W.$$.fragment,t),l(J.$$.fragment,t),l(X.$$.fragment,t),l(tt.$$.fragment,t),l($t.$$.fragment,t),l(st.$$.fragment,t),l(ot.$$.fragment,t),l(lt.$$.fragment,t),pt=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t),t&&d(x),p(y,t),t&&d(E),p(v,t),t&&d(w),p(b,t),t&&d(D),p(k,t),t&&d(T),p(R,t),t&&d(G),p(P,t),t&&d(F),p(M,t),t&&d(Y),p(q,t),t&&d(z),p(W,t),t&&d(_),p(J,t),t&&d(Q),p(X,t),t&&d(Z),p(tt,t),t&&d(et),p($t,t),t&&d(nt),p(st,t),t&&d(rt),p(ot,t),t&&d(ft),p(lt,t)}}}function Xe(t){let e,$;const m=[t[0],Ze];let u={$$slots:{default:[Qe]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)u=n(u,m[t]);return e=new k({props:u}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p(t,[$]){const n=1&$?a(m,[1&$&&c(t[0]),0&$&&c(Ze)]):{};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}const Ze={name:"RadioButton",relatedComponents:[{name:"RadioGroup",link:"./docs/components/radio-group"}]},{name:t$,relatedComponents:e$}=Ze;function $$(t,e,$){return t.$$set=t=>{$(0,e=n(n({},e),m(t)))},[e=m(e)]}class n$ extends t{constructor(t){super(),e(this,t,$$,Xe,$,{})}}export{n$ as default,Ze as metadata};
diff --git a/376/client/legacy/radio-chip-92b65bc3.css b/376/client/legacy/radio-chip-92b65bc3.css
new file mode 100644
index 000000000..c114909fd
--- /dev/null
+++ b/376/client/legacy/radio-chip-92b65bc3.css
@@ -0,0 +1 @@
+.chip.svelte-kwof33.svelte-kwof33{background:rgba(0, 0, 0, 0.08);border-radius:1.5625em;color:#656565;font-family:"Ubuntu", sans-serif;font-weight:500;padding:0.6em 0.9em}.chip.small.svelte-kwof33.svelte-kwof33{font-size:0.9rem;min-width:0.9em;padding:0.4em 0.6em;text-align:center}.chip.outline.svelte-kwof33.svelte-kwof33{background:transparent;border:1px solid #4300b0}.chip.no-padding.svelte-kwof33.svelte-kwof33{padding:0}.input-chip.svelte-kwof33>input.svelte-kwof33{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.chip.svelte-kwof33.svelte-kwof33{cursor:pointer;-webkit-touch-callout:none;user-select:none}.chip.svelte-kwof33 .ripple{background:rgba(67, 0, 176, 0.1)}.chip.outline.svelte-kwof33.svelte-kwof33{border-color:rgba(0, 0, 0, 0.18)}input.svelte-kwof33+.chip.svelte-kwof33:hover{background:rgba(0, 0, 0, 0.13)}input.svelte-kwof33+.chip.outline.svelte-kwof33:hover{background:rgba(0, 0, 0, 0.06)}input.svelte-kwof33:disabled+.chip.svelte-kwof33{background:rgba(0, 0, 0, 0.03);color:#939393;cursor:not-allowed}input.svelte-kwof33:disabled+.chip.svelte-kwof33:hover{background:rgba(0, 0, 0, 0.03)}input.svelte-kwof33:focus+.chip.svelte-kwof33{background:rgba(0, 0, 0, 0.18)}input.svelte-kwof33:focus+.chip.outline.svelte-kwof33{background:rgba(0, 0, 0, 0.1)}input.svelte-kwof33:checked+.chip.svelte-kwof33{background:rgba(67, 0, 176, 0.12);color:#4300b0}input.svelte-kwof33:checked+.chip.outline.svelte-kwof33{background:rgba(67, 0, 176, 0.06);border-color:#4300b0;color:#4300b0}input.svelte-kwof33:focus:checked+.chip.svelte-kwof33{background-color:rgba(67, 0, 176, 0.25)}input.svelte-kwof33:focus:checked+.chip.outline.svelte-kwof33{background-color:rgba(67, 0, 176, 0.12)}
diff --git a/376/client/legacy/radio-chip-a57ac15c.css b/376/client/legacy/radio-chip-a57ac15c.css
new file mode 100644
index 000000000..05c8974dc
--- /dev/null
+++ b/376/client/legacy/radio-chip-a57ac15c.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-er5vl1{align-items:flex-start;display:flex}[slot=showcase].svelte-er5vl1 .chip{margin-right:0.5em}
diff --git a/376/client/legacy/radio-chip-group-14098d62.css b/376/client/legacy/radio-chip-group-14098d62.css
new file mode 100644
index 000000000..c5db9809d
--- /dev/null
+++ b/376/client/legacy/radio-chip-group-14098d62.css
@@ -0,0 +1 @@
+div.svelte-15v276f{display:flex;flex-wrap:wrap}div.svelte-15v276f .chip{margin-right:0.5em;margin-top:0.5em}
diff --git a/376/client/legacy/radio-chip-group.7b8b8478.js b/376/client/legacy/radio-chip-group.7b8b8478.js
new file mode 100644
index 000000000..e2b2b435a
--- /dev/null
+++ b/376/client/legacy/radio-chip-group.7b8b8478.js
@@ -0,0 +1 @@
+import{S as s,i as l,s as a,H as e,f as t,t as n,y as r,p as o,z as i,d as c,I as u,K as h,L as f,h as d,k as m,b as p,e as v,X as g,Z as $,_ as b,Y as C,$ as x,j,l as w,m as y,U as N,a0 as k,a1 as A,q as E,a2 as I,u as M,w as R,v as S,x as q,A as z,g as D}from"./client.583c6e60.js";import{c as H}from"./classes.a7d1a9eb.js";import{R as K}from"./radio-chip.acedf3c6.js";function L(s,l,a){const e=s.slice();return e[9]=l[a],e}function P(s){let l,a,e,u=[],h=new Map,f=s[4];const C=s=>s[9].value;for(let l=0;l<f.length;l+=1){let a=L(s,f,l),e=C(a);h.set(e,u[l]=Y(e,a))}return{c(){l=d("div");for(let s=0;s<u.length;s+=1)u[s].c();this.h()},l(s){l=m(s,"DIV",{class:!0,role:!0});var a=p(l);for(let s=0;s<u.length;s+=1)u[s].l(a);a.forEach(c),this.h()},h(){v(l,"class",a=g(H(s[1]))+" svelte-15v276f"),v(l,"role","radiogroup")},m(s,a){t(s,l,a);for(let s=0;s<u.length;s+=1)u[s]&&u[s].m(l,null);e=!0},p(s,t){125&t&&(f=s[4],r(),u=$(u,t,C,1,s,f,h,l,b,Y,null,L),i()),(!e||2&t&&a!==(a=g(H(s[1]))+" svelte-15v276f"))&&v(l,"class",a)},i(s){if(!e){for(let s=0;s<f.length;s+=1)n(u[s]);e=!0}},o(s){for(let s=0;s<u.length;s+=1)o(u[s]);e=!1},d(s){s&&c(l);for(let s=0;s<u.length;s+=1)u[s].d()}}}function U(s){let l,a=(s[9].label||s[9].value)+"";return{c(){l=S(a)},l(s){l=q(s,a)},m(s,a){t(s,l,a)},p(s,e){16&e&&a!==(a=(s[9].label||s[9].value)+"")&&z(l,a)},d(s){s&&c(l)}}}function V(s){let l,a,e,n=(s[9].label||s[9].value)+"";return{c(){l=d("span"),a=S(n),this.h()},l(s){l=m(s,"SPAN",{class:!0});var e=p(l);a=q(e,n),e.forEach(c),this.h()},h(){v(l,"class",e=H(s[3]))},m(s,e){t(s,l,e),D(l,a)},p(s,t){16&t&&n!==(n=(s[9].label||s[9].value)+"")&&z(a,n),8&t&&e!==(e=H(s[3]))&&v(l,"class",e)},d(s){s&&c(l)}}}function X(s){let l;function a(s,l){return null!=s[3]?V:U}let e=a(s),n=e(s);return{c(){n.c(),l=M()},l(s){n.l(s),l=R(s)},m(s,a){n.m(s,a),t(s,l,a)},p(s,t){e===(e=a(s))&&n?n.p(s,t):(n.d(1),n=e(s),n&&(n.c(),n.m(l.parentNode,l)))},d(s){n.d(s),s&&c(l)}}}function Y(s,l){let a,r,i,u;const f=[{name:l[5]},{value:l[9].value},{disabled:l[9].disabled},{class:H(l[2])},l[6]];function d(s){l[7](s)}let m={$$slots:{default:[X]},$$scope:{ctx:l}};for(let s=0;s<f.length;s+=1)m=h(m,f[s]);return void 0!==l[0]&&(m.group=l[0]),r=new K({props:m}),C.push((()=>x(r,"group",d))),r.$on("change",l[8]),{key:s,first:null,c(){a=e(),j(r.$$.fragment),this.h()},l(s){a=e(),w(r.$$.fragment,s),this.h()},h(){this.first=a},m(s,l){t(s,a,l),y(r,s,l),u=!0},p(s,a){l=s;const e=116&a?N(f,[32&a&&{name:l[5]},16&a&&{value:l[9].value},16&a&&{disabled:l[9].disabled},4&a&&{class:H(l[2])},64&a&&k(l[6])]):{};4120&a&&(e.$$scope={dirty:a,ctx:l}),!i&&1&a&&(i=!0,e.group=l[0],A((()=>i=!1))),r.$set(e)},i(s){u||(n(r.$$.fragment,s),u=!0)},o(s){o(r.$$.fragment,s),u=!1},d(s){s&&c(a),E(r,s)}}}function Z(s){let l,a,u=null!=s[4]&&0!==s[4].length&&P(s);return{c(){u&&u.c(),l=e()},l(s){u&&u.l(s),l=e()},m(s,e){u&&u.m(s,e),t(s,l,e),a=!0},p(s,a){let[e]=a;null!=s[4]&&0!==s[4].length?u?(u.p(s,e),16&e&&n(u,1)):(u=P(s),u.c(),n(u,1),u.m(l.parentNode,l)):u&&(r(),o(u,1,1,(()=>{u=null})),i())},i(s){a||(n(u),a=!0)},o(s){o(u),a=!1},d(s){u&&u.d(s),s&&c(l)}}}function _(s,l,a){const e=["class","radioClass","labelClass","items","value","name"];let t=u(l,e),{class:n=null}=l,{radioClass:r=null}=l,{labelClass:o=null}=l,{items:i}=l,{value:c=null}=l,{name:d}=l;return i&&0!==i.length||console.error("Must have at least one item in the radio chip group"),s.$$set=s=>{l=h(h({},l),f(s)),a(6,t=u(l,e)),"class"in s&&a(1,n=s.class),"radioClass"in s&&a(2,r=s.radioClass),"labelClass"in s&&a(3,o=s.labelClass),"items"in s&&a(4,i=s.items),"value"in s&&a(0,c=s.value),"name"in s&&a(5,d=s.name)},[c,n,r,o,i,d,t,function(s){c=s,a(0,c)},function(l){I.call(this,s,l)}]}var B=class extends s{constructor(s){super(),l(this,s,_,Z,a,{class:1,radioClass:2,labelClass:3,items:4,value:0,name:5})}};export{B as R};
diff --git a/376/client/legacy/radio-chip-group.e6fa9477.js b/376/client/legacy/radio-chip-group.e6fa9477.js
new file mode 100644
index 000000000..167d7e50c
--- /dev/null
+++ b/376/client/legacy/radio-chip-group.e6fa9477.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as $,j as a,l as s,m as o,U as r,a0 as c,t as p,p as f,q as l,L as m,u as i,h as u,v as g,w as d,k as h,b as x,x as v,d as E,e as y,f as w,g as k,n as C}from"./client.583c6e60.js";import{L as b,H as D,P as O}from"./layout.47c81311.js";import{R}from"./radio-chip-group.7b8b8478.js";import{S as T}from"./showcase.759e7149.js";import{C as A}from"./color-preview.9db6af61.js";import{R as S}from"./related-components.9fddec4f.js";import{H as N}from"./h2.0da05151.js";import{H as G}from"./h3.c9a49f62.js";import{T as j,a as F,b as L,c as M}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./radio-chip.acedf3c6.js";import"./button.863c0adf.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./card.113fcab4.js";function H(t){let e;return{c(){e=g("RadioChipGroup")},l(t){e=v(t,"RadioChipGroup")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function I(t){let e;return{c(){e=g("A set of options presented as chips with only one option to select.")},l(t){e=v(t,"A set of options presented as chips with only one option to select.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function P(t){let e,n,$,a,s,o,r,c,p,f,l;return{c(){e=g("If you need to allow selecting more than one option, consider using "),n=u("a"),$=u("mark"),a=u("code"),s=g("CheckboxChipGroup"),o=g(". If you need more customization for the chips, such as their slots, take a look at "),r=u("a"),c=u("mark"),p=u("code"),f=g("RadioChip"),l=g(", the building block of this component."),this.h()},l(t){e=v(t,"If you need to allow selecting more than one option, consider using "),n=h(t,"A",{href:!0});var m=x(n);$=h(m,"MARK",{});var i=x($);a=h(i,"CODE",{});var u=x(a);s=v(u,"CheckboxChipGroup"),u.forEach(E),i.forEach(E),m.forEach(E),o=v(t,". If you need more customization for the chips, such as their slots, take a look at "),r=h(t,"A",{href:!0});var g=x(r);c=h(g,"MARK",{});var d=x(c);p=h(d,"CODE",{});var y=x(p);f=v(y,"RadioChip"),y.forEach(E),d.forEach(E),g.forEach(E),l=v(t,", the building block of this component."),this.h()},h(){y(n,"href","./docs/components/checkbox-chip-group"),y(r,"href","./docs/components/radio-chip")},m(t,m){w(t,e,m),w(t,n,m),k(n,$),k($,a),k(a,s),w(t,o,m),w(t,r,m),k(r,c),k(c,p),k(p,f),w(t,l,m)},p:C,d(t){t&&E(e),t&&E(n),t&&E(o),t&&E(r),t&&E(l)}}}function q(t){let e,n,$,r,c,m,g;return n=new R({props:{items:t[0],name:"group1"}}),r=new R({props:{items:t[0],name:"group2",outline:!0}}),m=new R({props:{items:t[0],name:"group3",small:!0}}),{c(){e=u("div"),a(n.$$.fragment),$=i(),a(r.$$.fragment),c=i(),a(m.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var a=x(e);s(n.$$.fragment,a),$=d(a),s(r.$$.fragment,a),c=d(a),s(m.$$.fragment,a),a.forEach(E),this.h()},h(){y(e,"slot","showcase"),y(e,"class","padded")},m(t,a){w(t,e,a),o(n,e,null),k(e,$),o(r,e,null),k(e,c),o(m,e,null),g=!0},p:C,i(t){g||(p(n.$$.fragment,t),p(r.$$.fragment,t),p(m.$$.fragment,t),g=!0)},o(t){f(n.$$.fragment,t),f(r.$$.fragment,t),f(m.$$.fragment,t),g=!1},d(t){t&&E(e),l(n),l(r),l(m)}}}function B(t){let e,n;return{c(){e=u("div"),n=u("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var $=x(e);n=h($,"PRE",{class:!0}),x(n).forEach(E),$.forEach(E),this.h()},h(){y(n,"class","language-svelte"),y(e,"slot","source")},m(t,$){w(t,e,$),k(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">const</span> items <span class="token operator">=</span> <span class="token punctuation">[</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">\'option 1\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token number">1.5</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">\'option 1.5\'</span><span class="token punctuation">,</span> <span class="token literal-property property">disabled</span><span class="token operator">:</span> <span class="token boolean">true</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token number">2</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">\'option 2\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioChipGroup</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>items<span class="token punctuation">&#125;</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>group1<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioChipGroup</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>items<span class="token punctuation">&#125;</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>group2<span class="token punctuation">"</span></span> <span class="token attr-name">outline</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioChipGroup</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>items<span class="token punctuation">&#125;</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>group3<span class="token punctuation">"</span></span> <span class="token attr-name">small</span> <span class="token punctuation">/></span></span></code>'},p:C,d(t){t&&E(e)}}}function K(t){let e;return{c(){e=g("Properties")},l(t){e=v(t,"Properties")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function U(t){let e,n,$,a;return{c(){e=g("Any properties of "),n=u("code"),$=g("RadioChip"),a=g(" can be specified – they will be passed down.")},l(t){e=v(t,"Any properties of "),n=h(t,"CODE",{});var s=x(n);$=v(s,"RadioChip"),s.forEach(E),a=v(t," can be specified – they will be passed down.")},m(t,s){w(t,e,s),w(t,n,s),k(n,$),w(t,a,s)},p:C,d(t){t&&E(e),t&&E(n),t&&E(a)}}}function V(t){let e;return{c(){e=g("Functional Properties")},l(t){e=v(t,"Functional Properties")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function z(t){let e;return{c(){e=g("Name")},l(t){e=v(t,"Name")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Y(t){let e;return{c(){e=g("Default")},l(t){e=v(t,"Default")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function W(t){let e;return{c(){e=g("Type")},l(t){e=v(t,"Type")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function _(t){let e;return{c(){e=g("Description")},l(t){e=v(t,"Description")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function J(t){let e,n,$,r,c,m,u,g;return e=new L({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),u=new L({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment),m=i(),a(u.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t),m=d(t),s(u.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),w(t,m,a),o(u,t,a),g=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function Q(t){let e,n,$,a,s,o,r;return{c(){e=u("mark"),n=u("strong"),$=u("code"),a=g("items"),s=g(" "),o=u("span"),r=g("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);n=h(c,"STRONG",{});var p=x(n);$=h(p,"CODE",{});var f=x($);a=v(f,"items"),f.forEach(E),p.forEach(E),c.forEach(E),s=v(t," "),o=h(t,"SPAN",{class:!0});var l=x(o);r=v(l,"*"),l.forEach(E),this.h()},h(){y(o,"class","required")},m(t,c){w(t,e,c),k(e,n),k(n,$),k($,a),w(t,s,c),w(t,o,c),k(o,r)},p:C,d(t){t&&E(e),t&&E(s),t&&E(o)}}}function X(t){let e,n;return{c(){e=u("code"),n=g("Array")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"Array"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function Z(t){let e,n,$,a;return{c(){e=g("An array of "),n=u("code"),$=g("{ value, label, disabled }"),a=g(" objects, where only the value is required. Must contain at least one value.")},l(t){e=v(t,"An array of "),n=h(t,"CODE",{});var s=x(n);$=v(s,"{ value, label, disabled }"),s.forEach(E),a=v(t," objects, where only the value is required. Must contain at least one value.")},m(t,s){w(t,e,s),w(t,n,s),k(n,$),w(t,a,s)},p:C,d(t){t&&E(e),t&&E(n),t&&E(a)}}}function tt(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),$=new M({}),c=new M({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment),m=i(),a(u.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t),m=d(t),s(u.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),w(t,m,a),o(u,t,a),g=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),c.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),u.$set(s)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function et(t){let e,n,$,a,s,o,r;return{c(){e=u("mark"),n=u("strong"),$=u("code"),a=g("name"),s=g(" "),o=u("span"),r=g("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);n=h(c,"STRONG",{});var p=x(n);$=h(p,"CODE",{});var f=x($);a=v(f,"name"),f.forEach(E),p.forEach(E),c.forEach(E),s=v(t," "),o=h(t,"SPAN",{class:!0});var l=x(o);r=v(l,"*"),l.forEach(E),this.h()},h(){y(o,"class","required")},m(t,c){w(t,e,c),k(e,n),k(n,$),k($,a),w(t,s,c),w(t,o,c),k(o,r)},p:C,d(t){t&&E(e),t&&E(s),t&&E(o)}}}function nt(t){let e,n;return{c(){e=u("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"string"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function $t(t){let e,n,$,a;return{c(){e=g("The name of this radio button group. Check "),n=u("a"),$=g("MDN docs"),a=g(" for more information."),this.h()},l(t){e=v(t,"The name of this radio button group. Check "),n=h(t,"A",{href:!0,rel:!0});var s=x(n);$=v(s,"MDN docs"),s.forEach(E),a=v(t," for more information."),this.h()},h(){y(n,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname"),y(n,"rel","nofollow")},m(t,s){w(t,e,s),w(t,n,s),k(n,$),w(t,a,s)},p:C,d(t){t&&E(e),t&&E(n),t&&E(a)}}}function at(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),$=new M({}),c=new M({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment),m=i(),a(u.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t),m=d(t),s(u.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),w(t,m,a),o(u,t,a),g=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),c.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),u.$set(s)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function st(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("value")},l(t){e=h(t,"STRONG",{});var a=x(e);n=h(a,"CODE",{});var s=x(n);$=v(s,"value"),s.forEach(E),a.forEach(E)},m(t,a){w(t,e,a),k(e,n),k(n,$)},p:C,d(t){t&&E(e)}}}function ot(t){let e,n;return{c(){e=u("code"),n=g("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"null"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function rt(t){let e,n;return{c(){e=u("code"),n=g("any")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"any"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function ct(t){let e;return{c(){e=g("The currently selected value of the group.")},l(t){e=v(t,"The currently selected value of the group.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function pt(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment),m=i(),a(u.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t),m=d(t),s(u.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),w(t,m,a),o(u,t,a),g=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function ft(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("...")},l(t){e=h(t,"STRONG",{});var a=x(e);n=h(a,"CODE",{});var s=x(n);$=v(s,"..."),s.forEach(E),a.forEach(E)},m(t,a){w(t,e,a),k(e,n),k(n,$)},p:C,d(t){t&&E(e)}}}function lt(t){let e,n;return{c(){e=u("code"),n=g("any")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"any"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function mt(t){let e,n,$,a;return{c(){e=g("Everything else will be passed to the underlying "),n=u("code"),$=g("RadioChip"),a=g(" component.")},l(t){e=v(t,"Everything else will be passed to the underlying "),n=h(t,"CODE",{});var s=x(n);$=v(s,"RadioChip"),s.forEach(E),a=v(t," component.")},m(t,s){w(t,e,s),w(t,n,s),k(n,$),w(t,a,s)},p:C,d(t){t&&E(e),t&&E(n),t&&E(a)}}}function it(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),$=new M({}),c=new M({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment),m=i(),a(u.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t),m=d(t),s(u.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),w(t,m,a),o(u,t,a),g=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),c.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),u.$set(s)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function ut(t){let e,n,$,r,c,m,g,v,y,C,b,D;return n=new F({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),g=new F({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),y=new F({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),b=new F({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),{c(){e=u("thead"),a(n.$$.fragment),$=i(),r=u("tbody"),a(c.$$.fragment),m=i(),a(g.$$.fragment),v=i(),a(y.$$.fragment),C=i(),a(b.$$.fragment)},l(t){e=h(t,"THEAD",{});var a=x(e);s(n.$$.fragment,a),a.forEach(E),$=d(t),r=h(t,"TBODY",{});var o=x(r);s(c.$$.fragment,o),m=d(o),s(g.$$.fragment,o),v=d(o),s(y.$$.fragment,o),C=d(o),s(b.$$.fragment,o),o.forEach(E)},m(t,a){w(t,e,a),o(n,e,null),w(t,$,a),w(t,r,a),o(c,r,null),k(r,m),o(g,r,null),k(r,v),o(y,r,null),k(r,C),o(b,r,null),D=!0},p(t,e){const $={};4&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),g.$set(s);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),y.$set(o);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),b.$set(r)},i(t){D||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),p(y.$$.fragment,t),p(b.$$.fragment,t),D=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),f(y.$$.fragment,t),f(b.$$.fragment,t),D=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(r),l(c),l(g),l(y),l(b)}}}function gt(t){let e;return{c(){e=g("Class Properties")},l(t){e=v(t,"Class Properties")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function dt(t){let e;return{c(){e=g("Falsy values passed to classes will be disregarded.")},l(t){e=v(t,"Falsy values passed to classes will be disregarded.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function ht(t){let e;return{c(){e=g("Name")},l(t){e=v(t,"Name")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function xt(t){let e;return{c(){e=g("Default")},l(t){e=v(t,"Default")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function vt(t){let e;return{c(){e=g("Type")},l(t){e=v(t,"Type")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Et(t){let e;return{c(){e=g("Description")},l(t){e=v(t,"Description")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function yt(t){let e,n,$,r,c,m,u,g;return e=new L({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),u=new L({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment),m=i(),a(u.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t),m=d(t),s(u.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),w(t,m,a),o(u,t,a),g=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function wt(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("class")},l(t){e=h(t,"STRONG",{});var a=x(e);n=h(a,"CODE",{});var s=x(n);$=v(s,"class"),s.forEach(E),a.forEach(E)},m(t,a){w(t,e,a),k(e,n),k(n,$)},p:C,d(t){t&&E(e)}}}function kt(t){let e,n;return{c(){e=u("code"),n=g("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"null"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function Ct(t){let e,n;return{c(){e=u("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"string"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function bt(t){let e;return{c(){e=g("A class string to add to the component.")},l(t){e=v(t,"A class string to add to the component.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Dt(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment),m=i(),a(u.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t),m=d(t),s(u.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),w(t,m,a),o(u,t,a),g=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function Ot(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("radioClass")},l(t){e=h(t,"STRONG",{});var a=x(e);n=h(a,"CODE",{});var s=x(n);$=v(s,"radioClass"),s.forEach(E),a.forEach(E)},m(t,a){w(t,e,a),k(e,n),k(n,$)},p:C,d(t){t&&E(e)}}}function Rt(t){let e,n;return{c(){e=u("code"),n=g("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"null"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function Tt(t){let e,n;return{c(){e=u("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"string"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function At(t){let e,n,$,a;return{c(){e=g("A class string to add to the "),n=u("code"),$=g("RadioChip"),a=g(" components inside.")},l(t){e=v(t,"A class string to add to the "),n=h(t,"CODE",{});var s=x(n);$=v(s,"RadioChip"),s.forEach(E),a=v(t," components inside.")},m(t,s){w(t,e,s),w(t,n,s),k(n,$),w(t,a,s)},p:C,d(t){t&&E(e),t&&E(n),t&&E(a)}}}function St(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment),m=i(),a(u.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t),m=d(t),s(u.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),w(t,m,a),o(u,t,a),g=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function Nt(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("labelClass")},l(t){e=h(t,"STRONG",{});var a=x(e);n=h(a,"CODE",{});var s=x(n);$=v(s,"labelClass"),s.forEach(E),a.forEach(E)},m(t,a){w(t,e,a),k(e,n),k(n,$)},p:C,d(t){t&&E(e)}}}function Gt(t){let e,n;return{c(){e=u("code"),n=g("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"null"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function jt(t){let e,n;return{c(){e=u("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"string"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function Ft(t){let e,n,$,a,s,o,r;return{c(){e=g("A class string to add to the wrapping "),n=u("code"),$=g("<span>"),a=g(" around the chips' labels. If it's not specified, the "),s=u("code"),o=g("<span>"),r=g(" will not be added.")},l(t){e=v(t,"A class string to add to the wrapping "),n=h(t,"CODE",{});var c=x(n);$=v(c,"<span>"),c.forEach(E),a=v(t," around the chips' labels. If it's not specified, the "),s=h(t,"CODE",{});var p=x(s);o=v(p,"<span>"),p.forEach(E),r=v(t," will not be added.")},m(t,c){w(t,e,c),w(t,n,c),k(n,$),w(t,a,c),w(t,s,c),k(s,o),w(t,r,c)},p:C,d(t){t&&E(e),t&&E(n),t&&E(a),t&&E(s),t&&E(r)}}}function Lt(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment),m=i(),a(u.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t),m=d(t),s(u.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),w(t,m,a),o(u,t,a),g=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function Mt(t){let e,n,$,r,c,m,g,v,y,C;return n=new F({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),g=new F({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),y=new F({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),{c(){e=u("thead"),a(n.$$.fragment),$=i(),r=u("tbody"),a(c.$$.fragment),m=i(),a(g.$$.fragment),v=i(),a(y.$$.fragment)},l(t){e=h(t,"THEAD",{});var a=x(e);s(n.$$.fragment,a),a.forEach(E),$=d(t),r=h(t,"TBODY",{});var o=x(r);s(c.$$.fragment,o),m=d(o),s(g.$$.fragment,o),v=d(o),s(y.$$.fragment,o),o.forEach(E)},m(t,a){w(t,e,a),o(n,e,null),w(t,$,a),w(t,r,a),o(c,r,null),k(r,m),o(g,r,null),k(r,v),o(y,r,null),C=!0},p(t,e){const $={};4&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),g.$set(s);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),y.$set(o)},i(t){C||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),p(y.$$.fragment,t),C=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),f(y.$$.fragment,t),C=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(r),l(c),l(g),l(y)}}}function Ht(t){let e;return{c(){e=g("Events")},l(t){e=v(t,"Events")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function It(t){let e;return{c(){e=g("Name")},l(t){e=v(t,"Name")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Pt(t){let e;return{c(){e=g("Event Detail")},l(t){e=v(t,"Event Detail")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function qt(t){let e;return{c(){e=g("Description")},l(t){e=v(t,"Description")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Bt(t){let e,n,$,r,c,m;return e=new L({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),m=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function Kt(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("change")},l(t){e=h(t,"STRONG",{});var a=x(e);n=h(a,"CODE",{});var s=x(n);$=v(s,"change"),s.forEach(E),a.forEach(E)},m(t,a){w(t,e,a),k(e,n),k(n,$)},p:C,d(t){t&&E(e)}}}function Ut(t){let e,n;return{c(){e=u("code"),n=g("{ value, nativeEvent }")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"{ value, nativeEvent }"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function Vt(t){let e,n,$,a,s,o,r,c,p,f,l,m,i;return{c(){e=g("Fired on selecting any chip in a group. The "),n=u("code"),$=g("value"),a=g(" contains the value of the selected chip (won't be stringified) and "),s=u("code"),o=g("nativeEvent"),r=g(" is the "),c=u("a"),p=g("native "),f=u("code"),l=g("change"),m=g(" event"),i=g(" of radio buttons."),this.h()},l(t){e=v(t,"Fired on selecting any chip in a group. The "),n=h(t,"CODE",{});var u=x(n);$=v(u,"value"),u.forEach(E),a=v(t," contains the value of the selected chip (won't be stringified) and "),s=h(t,"CODE",{});var g=x(s);o=v(g,"nativeEvent"),g.forEach(E),r=v(t," is the "),c=h(t,"A",{href:!0,rel:!0});var d=x(c);p=v(d,"native "),f=h(d,"CODE",{});var y=x(f);l=v(y,"change"),y.forEach(E),m=v(d," event"),d.forEach(E),i=v(t," of radio buttons."),this.h()},h(){y(c,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),y(c,"rel","nofollow")},m(t,u){w(t,e,u),w(t,n,u),k(n,$),w(t,a,u),w(t,s,u),k(s,o),w(t,r,u),w(t,c,u),k(c,p),k(c,f),k(f,l),k(c,m),w(t,i,u)},p:C,d(t){t&&E(e),t&&E(n),t&&E(a),t&&E(s),t&&E(r),t&&E(c),t&&E(i)}}}function zt(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),m=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function Yt(t){let e,n,$,r,c,m;return n=new F({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){e=u("thead"),a(n.$$.fragment),$=i(),r=u("tbody"),a(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var a=x(e);s(n.$$.fragment,a),a.forEach(E),$=d(t),r=h(t,"TBODY",{});var o=x(r);s(c.$$.fragment,o),o.forEach(E)},m(t,a){w(t,e,a),o(n,e,null),w(t,$,a),w(t,r,a),o(c,r,null),m=!0},p(t,e){const $={};4&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(r),l(c)}}}function Wt(t){let e;return{c(){e=g("SCSS Variables")},l(t){e=v(t,"SCSS Variables")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function _t(t){let e;return{c(){e=g("Name")},l(t){e=v(t,"Name")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Jt(t){let e;return{c(){e=g("Description")},l(t){e=v(t,"Description")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Qt(t){let e;return{c(){e=g("Default")},l(t){e=v(t,"Default")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Xt(t){let e,n,$,r,c,m;return e=new L({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),m=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function Zt(t){let e,n,$,a,s,o,r,c,p;return{c(){e=u("strong"),n=u("code"),$=g("$chip-bg"),a=i(),s=u("small"),o=g("From "),r=u("a"),c=u("code"),p=g("RadioChip"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=v(l,"$chip-bg"),l.forEach(E),f.forEach(E),a=d(t),s=h(t,"SMALL",{});var m=x(s);o=v(m,"From "),r=h(m,"A",{href:!0});var i=x(r);c=h(i,"CODE",{});var u=x(c);p=v(u,"RadioChip"),u.forEach(E),i.forEach(E),m.forEach(E),this.h()},h(){y(r,"href","./docs/components/radio-chip")},m(t,f){w(t,e,f),k(e,n),k(n,$),w(t,a,f),w(t,s,f),k(s,o),k(s,r),k(r,c),k(c,p)},p:C,d(t){t&&E(e),t&&E(a),t&&E(s)}}}function te(t){let e;return{c(){e=g("The background color of a non-outline chip.")},l(t){e=v(t,"The background color of a non-outline chip.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function ee(t){let e,n;return e=new A({props:{value:"rgba(0, 0, 0, .08)"}}),{c(){a(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p:C,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function ne(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),m=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function $e(t){let e,n,$,a,s,o,r,c,p;return{c(){e=u("strong"),n=u("code"),$=g("$chip-fg"),a=i(),s=u("small"),o=g("From "),r=u("a"),c=u("code"),p=g("RadioChip"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=v(l,"$chip-fg"),l.forEach(E),f.forEach(E),a=d(t),s=h(t,"SMALL",{});var m=x(s);o=v(m,"From "),r=h(m,"A",{href:!0});var i=x(r);c=h(i,"CODE",{});var u=x(c);p=v(u,"RadioChip"),u.forEach(E),i.forEach(E),m.forEach(E),this.h()},h(){y(r,"href","./docs/components/radio-chip")},m(t,f){w(t,e,f),k(e,n),k(n,$),w(t,a,f),w(t,s,f),k(s,o),k(s,r),k(r,c),k(c,p)},p:C,d(t){t&&E(e),t&&E(a),t&&E(s)}}}function ae(t){let e;return{c(){e=g("The text color of a chip.")},l(t){e=v(t,"The text color of a chip.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function se(t){let e,n;return e=new A({props:{value:"#656565"}}),{c(){a(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p:C,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function oe(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),m=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function re(t){let e,n,$,a,s,o,r,c,p;return{c(){e=u("strong"),n=u("code"),$=g("$chip-radius"),a=i(),s=u("small"),o=g("From "),r=u("a"),c=u("code"),p=g("RadioChip"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=v(l,"$chip-radius"),l.forEach(E),f.forEach(E),a=d(t),s=h(t,"SMALL",{});var m=x(s);o=v(m,"From "),r=h(m,"A",{href:!0});var i=x(r);c=h(i,"CODE",{});var u=x(c);p=v(u,"RadioChip"),u.forEach(E),i.forEach(E),m.forEach(E),this.h()},h(){y(r,"href","./docs/components/radio-chip")},m(t,f){w(t,e,f),k(e,n),k(n,$),w(t,a,f),w(t,s,f),k(s,o),k(s,r),k(r,c),k(c,p)},p:C,d(t){t&&E(e),t&&E(a),t&&E(s)}}}function ce(t){let e;return{c(){e=g("The curvature radius of a chip.")},l(t){e=v(t,"The curvature radius of a chip.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function pe(t){let e,n;return{c(){e=u("code"),n=g("1.5625em")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"1.5625em"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function fe(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),m=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function le(t){let e,n,$,a,s,o,r,c,p;return{c(){e=u("strong"),n=u("code"),$=g("$font"),a=i(),s=u("small"),o=g("From "),r=u("a"),c=u("code"),p=g("RadioChip"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=v(l,"$font"),l.forEach(E),f.forEach(E),a=d(t),s=h(t,"SMALL",{});var m=x(s);o=v(m,"From "),r=h(m,"A",{href:!0});var i=x(r);c=h(i,"CODE",{});var u=x(c);p=v(u,"RadioChip"),u.forEach(E),i.forEach(E),m.forEach(E),this.h()},h(){y(r,"href","./docs/components/radio-chip")},m(t,f){w(t,e,f),k(e,n),k(n,$),w(t,a,f),w(t,s,f),k(s,o),k(s,r),k(r,c),k(c,p)},p:C,d(t){t&&E(e),t&&E(a),t&&E(s)}}}function me(t){let e;return{c(){e=g("The font of the chip text.")},l(t){e=v(t,"The font of the chip text.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function ie(t){let e,n;return{c(){e=u("code"),n=g("'Ubuntu'")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"'Ubuntu'"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function ue(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),m=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function ge(t){let e,n,$,a,s,o,r,c,p;return{c(){e=u("strong"),n=u("code"),$=g("$main"),a=i(),s=u("small"),o=g("From "),r=u("a"),c=u("code"),p=g("RadioChip"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=v(l,"$main"),l.forEach(E),f.forEach(E),a=d(t),s=h(t,"SMALL",{});var m=x(s);o=v(m,"From "),r=h(m,"A",{href:!0});var i=x(r);c=h(i,"CODE",{});var u=x(c);p=v(u,"RadioChip"),u.forEach(E),i.forEach(E),m.forEach(E),this.h()},h(){y(r,"href","./docs/components/radio-chip")},m(t,f){w(t,e,f),k(e,n),k(n,$),w(t,a,f),w(t,s,f),k(s,o),k(s,r),k(r,c),k(c,p)},p:C,d(t){t&&E(e),t&&E(a),t&&E(s)}}}function de(t){let e;return{c(){e=g("The border color of outline chips and the selection color.")},l(t){e=v(t,"The border color of outline chips and the selection color.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function he(t){let e,n;return e=new A({props:{value:"#4300B0"}}),{c(){a(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p:C,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function xe(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),m=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function ve(t){let e,n,$,a,s,o,r,c,p;return{c(){e=u("strong"),n=u("code"),$=g("$bold-font-weight"),a=i(),s=u("small"),o=g("From "),r=u("a"),c=u("code"),p=g("RadioChip"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=v(l,"$bold-font-weight"),l.forEach(E),f.forEach(E),a=d(t),s=h(t,"SMALL",{});var m=x(s);o=v(m,"From "),r=h(m,"A",{href:!0});var i=x(r);c=h(i,"CODE",{});var u=x(c);p=v(u,"RadioChip"),u.forEach(E),i.forEach(E),m.forEach(E),this.h()},h(){y(r,"href","./docs/components/radio-chip")},m(t,f){w(t,e,f),k(e,n),k(n,$),w(t,a,f),w(t,s,f),k(s,o),k(s,r),k(r,c),k(c,p)},p:C,d(t){t&&E(e),t&&E(a),t&&E(s)}}}function Ee(t){let e;return{c(){e=g("The bold font weight of the chips.")},l(t){e=v(t,"The bold font weight of the chips.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function ye(t){let e,n;return{c(){e=u("code"),n=g("500")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"500"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function we(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),m=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function ke(t){let e,n,$,r,c,m,g,v,y,C,b,D,O,R,T,A;return n=new F({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),g=new F({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),y=new F({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),b=new F({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),O=new F({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),T=new F({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),{c(){e=u("thead"),a(n.$$.fragment),$=i(),r=u("tbody"),a(c.$$.fragment),m=i(),a(g.$$.fragment),v=i(),a(y.$$.fragment),C=i(),a(b.$$.fragment),D=i(),a(O.$$.fragment),R=i(),a(T.$$.fragment)},l(t){e=h(t,"THEAD",{});var a=x(e);s(n.$$.fragment,a),a.forEach(E),$=d(t),r=h(t,"TBODY",{});var o=x(r);s(c.$$.fragment,o),m=d(o),s(g.$$.fragment,o),v=d(o),s(y.$$.fragment,o),C=d(o),s(b.$$.fragment,o),D=d(o),s(O.$$.fragment,o),R=d(o),s(T.$$.fragment,o),o.forEach(E)},m(t,a){w(t,e,a),o(n,e,null),w(t,$,a),w(t,r,a),o(c,r,null),k(r,m),o(g,r,null),k(r,v),o(y,r,null),k(r,C),o(b,r,null),k(r,D),o(O,r,null),k(r,R),o(T,r,null),A=!0},p(t,e){const $={};4&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),g.$set(s);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),y.$set(o);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),b.$set(r);const p={};4&e&&(p.$$scope={dirty:e,ctx:t}),O.$set(p);const f={};4&e&&(f.$$scope={dirty:e,ctx:t}),T.$set(f)},i(t){A||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),p(y.$$.fragment,t),p(b.$$.fragment,t),p(O.$$.fragment,t),p(T.$$.fragment,t),A=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),f(y.$$.fragment,t),f(b.$$.fragment,t),f(O.$$.fragment,t),f(T.$$.fragment,t),A=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(r),l(c),l(g),l(y),l(b),l(O),l(T)}}}function Ce(t){let e,n,$,r,c,m,C,b,R,A,F,L,M,z,Y,W,_,J,Q,X,Z,tt,et,nt,$t,at,st,ot,rt,ct,pt,ft,lt,mt,it;return e=new D({props:{$$slots:{default:[H]},$$scope:{ctx:t}}}),$=new O({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),c=new O({props:{$$slots:{default:[P]},$$scope:{ctx:t}}}),C=new S({props:{components:Re}}),R=new T({props:{$$slots:{source:[B],showcase:[q]},$$scope:{ctx:t}}}),F=new N({props:{id:"properties",$$slots:{default:[K]},$$scope:{ctx:t}}}),M=new O({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),Y=new G({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),_=new j({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),tt=new G({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),nt=new O({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),at=new j({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),ot=new N({props:{id:"events",$$slots:{default:[Ht]},$$scope:{ctx:t}}}),ct=new j({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),ft=new N({props:{id:"scss-variables",$$slots:{default:[Wt]},$$scope:{ctx:t}}}),mt=new j({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment),m=i(),a(C.$$.fragment),b=i(),a(R.$$.fragment),A=i(),a(F.$$.fragment),L=i(),a(M.$$.fragment),z=i(),a(Y.$$.fragment),W=i(),a(_.$$.fragment),J=i(),Q=u("div"),X=g("* Required"),Z=i(),a(tt.$$.fragment),et=i(),a(nt.$$.fragment),$t=i(),a(at.$$.fragment),st=i(),a(ot.$$.fragment),rt=i(),a(ct.$$.fragment),pt=i(),a(ft.$$.fragment),lt=i(),a(mt.$$.fragment),this.h()},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t),m=d(t),s(C.$$.fragment,t),b=d(t),s(R.$$.fragment,t),A=d(t),s(F.$$.fragment,t),L=d(t),s(M.$$.fragment,t),z=d(t),s(Y.$$.fragment,t),W=d(t),s(_.$$.fragment,t),J=d(t),Q=h(t,"DIV",{class:!0});var a=x(Q);X=v(a,"* Required"),a.forEach(E),Z=d(t),s(tt.$$.fragment,t),et=d(t),s(nt.$$.fragment,t),$t=d(t),s(at.$$.fragment,t),st=d(t),s(ot.$$.fragment,t),rt=d(t),s(ct.$$.fragment,t),pt=d(t),s(ft.$$.fragment,t),lt=d(t),s(mt.$$.fragment,t),this.h()},h(){y(Q,"class","required")},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),w(t,m,a),o(C,t,a),w(t,b,a),o(R,t,a),w(t,A,a),o(F,t,a),w(t,L,a),o(M,t,a),w(t,z,a),o(Y,t,a),w(t,W,a),o(_,t,a),w(t,J,a),w(t,Q,a),k(Q,X),w(t,Z,a),o(tt,t,a),w(t,et,a),o(nt,t,a),w(t,$t,a),o(at,t,a),w(t,st,a),o(ot,t,a),w(t,rt,a),o(ct,t,a),w(t,pt,a),o(ft,t,a),w(t,lt,a),o(mt,t,a),it=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),R.$set(r);const p={};4&n&&(p.$$scope={dirty:n,ctx:t}),F.$set(p);const f={};4&n&&(f.$$scope={dirty:n,ctx:t}),M.$set(f);const l={};4&n&&(l.$$scope={dirty:n,ctx:t}),Y.$set(l);const m={};4&n&&(m.$$scope={dirty:n,ctx:t}),_.$set(m);const i={};4&n&&(i.$$scope={dirty:n,ctx:t}),tt.$set(i);const u={};4&n&&(u.$$scope={dirty:n,ctx:t}),nt.$set(u);const g={};4&n&&(g.$$scope={dirty:n,ctx:t}),at.$set(g);const d={};4&n&&(d.$$scope={dirty:n,ctx:t}),ot.$set(d);const h={};4&n&&(h.$$scope={dirty:n,ctx:t}),ct.$set(h);const x={};4&n&&(x.$$scope={dirty:n,ctx:t}),ft.$set(x);const v={};4&n&&(v.$$scope={dirty:n,ctx:t}),mt.$set(v)},i(t){it||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(C.$$.fragment,t),p(R.$$.fragment,t),p(F.$$.fragment,t),p(M.$$.fragment,t),p(Y.$$.fragment,t),p(_.$$.fragment,t),p(tt.$$.fragment,t),p(nt.$$.fragment,t),p(at.$$.fragment,t),p(ot.$$.fragment,t),p(ct.$$.fragment,t),p(ft.$$.fragment,t),p(mt.$$.fragment,t),it=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(C.$$.fragment,t),f(R.$$.fragment,t),f(F.$$.fragment,t),f(M.$$.fragment,t),f(Y.$$.fragment,t),f(_.$$.fragment,t),f(tt.$$.fragment,t),f(nt.$$.fragment,t),f(at.$$.fragment,t),f(ot.$$.fragment,t),f(ct.$$.fragment,t),f(ft.$$.fragment,t),f(mt.$$.fragment,t),it=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(C,t),t&&E(b),l(R,t),t&&E(A),l(F,t),t&&E(L),l(M,t),t&&E(z),l(Y,t),t&&E(W),l(_,t),t&&E(J),t&&E(Q),t&&E(Z),l(tt,t),t&&E(et),l(nt,t),t&&E($t),l(at,t),t&&E(st),l(ot,t),t&&E(rt),l(ct,t),t&&E(pt),l(ft,t),t&&E(lt),l(mt,t)}}}function be(t){let e,n;const m=[t[1],De];let i={$$slots:{default:[Ce]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=$(i,m[t]);return e=new b({props:i}),{c(){a(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p(t,[n]){const $=2&n?r(m,[2&n&&c(t[1]),0&n&&c(De)]):{};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}const De={name:"RadioChipGroup",relatedComponents:[{name:"Chip",link:"./docs/components/chip"},{name:"RadioChip",link:"./docs/components/radio-chip"},{name:"CheckboxChip",link:"./docs/components/checkbox-chip"},{name:"CheckboxChipGroup",link:"./docs/components/checkbox-chip-group"}]},{name:Oe,relatedComponents:Re}=De;function Te(t,e,n){return t.$$set=t=>{n(1,e=$($({},e),m(t)))},[[{value:1,label:"option 1"},{value:1.5,label:"option 1.5",disabled:!0},{value:2,label:"option 2"}],e=m(e)]}class Ae extends t{constructor(t){super(),e(this,t,Te,be,n,{})}}export{Ae as default,De as metadata};
diff --git a/376/client/legacy/radio-chip.acedf3c6.js b/376/client/legacy/radio-chip.acedf3c6.js
new file mode 100644
index 000000000..e6b6e6ed8
--- /dev/null
+++ b/376/client/legacy/radio-chip.acedf3c6.js
@@ -0,0 +1 @@
+import{S as s,i as a,s as l,K as e,M as n,a3 as i,h as t,u as c,k as u,b as o,w as d,d as p,N as r,O as h,e as m,X as v,f,g,o as b,P as C,U as $,Q as _,R as k,T as w,V as P,t as E,p as j,W as x,I as y,J as I,L,v as A,x as N,A as R}from"./client.583c6e60.js";import{c as T}from"./classes.a7d1a9eb.js";import{r as U}from"./button.863c0adf.js";function V(s){let a,l,y,I,L,V,B,D,J,K,M,O,Q=[{__value:s[4]},{name:s[5]},{type:"radio"},{class:y=T(s[2])},{disabled:s[6]},s[12]],S={};for(let s=0;s<Q.length;s+=1)S=e(S,Q[s]);const W=s[14].default,X=n(W,s,s[13],null),q=X||function(s){let a;return{c(){a=A(s[4])},l(l){a=N(l,s[4])},m(s,l){f(s,a,l)},p(s,l){16&l&&R(a,s[4])},d(s){s&&p(a)}}}(s);return K=i(s[16][0]),{c(){a=t("label"),l=t("input"),I=c(),L=t("div"),q&&q.c(),this.h()},l(s){a=u(s,"LABEL",{class:!0});var e=o(a);l=u(e,"INPUT",{name:!0,type:!0,class:!0}),I=d(e),L=u(e,"DIV",{title:!0,class:!0});var n=o(L);q&&q.l(n),n.forEach(p),e.forEach(p),this.h()},h(){r(l,S),h(l,"svelte-kwof33",!0),m(L,"title",s[7]),m(L,"class",V=v(T("chip",s[3]))+" svelte-kwof33"),h(L,"small",s[8]),h(L,"outline",s[9]),h(L,"no-padding",s[10]),m(a,"class",D=v(T("input-chip radio-chip",s[1]))+" svelte-kwof33"),K.p(l)},m(e,n){f(e,a,n),g(a,l),l.autofocus&&l.focus(),l.checked=l.__value===s[0],g(a,I),g(a,L),q&&q.m(L,null),J=!0,M||(O=[b(l,"change",s[15]),b(l,"change",s[17]),C(B=U.call(null,L,{disabled:s[6]}))],M=!0)},p(s,e){let[n]=e;r(l,S=$(Q,[(!J||16&n)&&{__value:s[4]},(!J||32&n)&&{name:s[5]},{type:"radio"},(!J||4&n&&y!==(y=T(s[2])))&&{class:y},(!J||64&n)&&{disabled:s[6]},4096&n&&s[12]])),1&n&&(l.checked=l.__value===s[0]),h(l,"svelte-kwof33",!0),X?X.p&&(!J||8192&n)&&_(X,W,s,s[13],J?w(W,s[13],n,null):k(s[13]),null):q&&q.p&&(!J||16&n)&&q.p(s,J?n:-1),(!J||128&n)&&m(L,"title",s[7]),(!J||8&n&&V!==(V=v(T("chip",s[3]))+" svelte-kwof33"))&&m(L,"class",V),B&&P(B.update)&&64&n&&B.update.call(null,{disabled:s[6]}),(!J||264&n)&&h(L,"small",s[8]),(!J||520&n)&&h(L,"outline",s[9]),(!J||1032&n)&&h(L,"no-padding",s[10]),(!J||2&n&&D!==(D=v(T("input-chip radio-chip",s[1]))+" svelte-kwof33"))&&m(a,"class",D)},i(s){J||(E(q,s),J=!0)},o(s){j(q,s),J=!1},d(s){s&&p(a),q&&q.d(s),K.r(),M=!1,x(O)}}}function B(s,a,l){const n=["class","inputClass","chipClass","value","name","disabled","group","title","small","outline","noPadding"];let i=y(a,n),{$$slots:t={},$$scope:c}=a,{class:u=null}=a,{inputClass:o=null}=a,{chipClass:d=null}=a,{value:p}=a,{name:r}=a,{disabled:h=!1}=a,{group:m=null}=a,{title:v=null}=a,{small:f=!1}=a,{outline:g=!1}=a,{noPadding:b=!1}=a;const C=I();return s.$$set=s=>{a=e(e({},a),L(s)),l(12,i=y(a,n)),"class"in s&&l(1,u=s.class),"inputClass"in s&&l(2,o=s.inputClass),"chipClass"in s&&l(3,d=s.chipClass),"value"in s&&l(4,p=s.value),"name"in s&&l(5,r=s.name),"disabled"in s&&l(6,h=s.disabled),"group"in s&&l(0,m=s.group),"title"in s&&l(7,v=s.title),"small"in s&&l(8,f=s.small),"outline"in s&&l(9,g=s.outline),"noPadding"in s&&l(10,b=s.noPadding),"$$scope"in s&&l(13,c=s.$$scope)},[m,u,o,d,p,r,h,v,f,g,b,C,i,c,t,function(){m=this.__value,l(0,m)},[[]],s=>C("change",{value:p,nativeEvent:s})]}var D=class extends s{constructor(s){super(),a(this,s,B,V,l,{class:1,inputClass:2,chipClass:3,value:4,name:5,disabled:6,group:0,title:7,small:8,outline:9,noPadding:10})}};export{D as R};
diff --git a/376/client/legacy/radio-chip.db02c3bb.js b/376/client/legacy/radio-chip.db02c3bb.js
new file mode 100644
index 000000000..d7d4ae0d4
--- /dev/null
+++ b/376/client/legacy/radio-chip.db02c3bb.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as r,l as s,m as o,U as a,a0 as c,t as f,p,q as l,L as m,u as i,h as g,v as u,w as d,k as h,b as x,x as w,d as y,e as E,f as v,g as D,n as C}from"./client.583c6e60.js";import{L as O,H as b,P as k}from"./layout.47c81311.js";import{R as T}from"./radio-chip.acedf3c6.js";import{S as R}from"./showcase.759e7149.js";import{C as S}from"./color-preview.9db6af61.js";import{R as N}from"./related-components.9fddec4f.js";import{H as A}from"./h2.0da05151.js";import{H as G}from"./h3.c9a49f62.js";import{T as j,a as P,b as H,c as M}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./button.863c0adf.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./card.113fcab4.js";function I(t){let e;return{c(){e=u("RadioChip")},l(t){e=w(t,"RadioChip")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function U(t){let e;return{c(){e=u("An option to select in an inline fashion, as opposed to regular radio buttons.")},l(t){e=w(t,"An option to select in an inline fashion, as opposed to regular radio buttons.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function q(t){let e,$,n,r,s,o;return{c(){e=u("If you don't need too much customization, consider using "),$=g("a"),n=g("mark"),r=g("code"),s=u("RadioChipGroup"),o=u(", which offers a nice way to generate lists of options."),this.h()},l(t){e=w(t,"If you don't need too much customization, consider using "),$=h(t,"A",{href:!0});var a=x($);n=h(a,"MARK",{});var c=x(n);r=h(c,"CODE",{});var f=x(r);s=w(f,"RadioChipGroup"),f.forEach(y),c.forEach(y),a.forEach(y),o=w(t,", which offers a nice way to generate lists of options."),this.h()},h(){E($,"href","./docs/components/radio-chip-group")},m(t,a){v(t,e,a),v(t,$,a),D($,n),D(n,r),D(r,s),v(t,o,a)},p:C,d(t){t&&y(e),t&&y($),t&&y(o)}}}function B(t){let e;return{c(){e=u("opt 1")},l(t){e=w(t,"opt 1")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function F(t){let e;return{c(){e=u("opt 2")},l(t){e=w(t,"opt 2")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function L(t){let e,$,n,a,c,m,u;return $=new T({props:{value:"wrong",name:"selection",outline:!0,$$slots:{default:[B]},$$scope:{ctx:t}}}),a=new T({props:{value:"right",name:"selection",small:!0,$$slots:{default:[F]},$$scope:{ctx:t}}}),m=new T({props:{value:"opt 3",name:"selection"}}),{c(){e=g("div"),r($.$$.fragment),n=i(),r(a.$$.fragment),c=i(),r(m.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var r=x(e);s($.$$.fragment,r),n=d(r),s(a.$$.fragment,r),c=d(r),s(m.$$.fragment,r),r.forEach(y),this.h()},h(){E(e,"slot","showcase"),E(e,"class","padded svelte-er5vl1")},m(t,r){v(t,e,r),o($,e,null),D(e,n),o(a,e,null),D(e,c),o(m,e,null),u=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),a.$set(r)},i(t){u||(f($.$$.fragment,t),f(a.$$.fragment,t),f(m.$$.fragment,t),u=!0)},o(t){p($.$$.fragment,t),p(a.$$.fragment,t),p(m.$$.fragment,t),u=!1},d(t){t&&y(e),l($),l(a),l(m)}}}function V(t){let e,$;return{c(){e=g("div"),$=g("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var n=x(e);$=h(n,"PRE",{class:!0}),x($).forEach(y),n.forEach(y),this.h()},h(){E($,"class","language-svelte"),E(e,"slot","source")},m(t,n){v(t,e,n),D(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioChip</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>wrong<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>selection<span class="token punctuation">"</span></span> <span class="token attr-name">outline</span><span class="token punctuation">></span></span>opt 1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>RadioChip</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioChip</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>right<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>selection<span class="token punctuation">"</span></span> <span class="token attr-name">small</span><span class="token punctuation">></span></span>opt 2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>RadioChip</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioChip</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>opt 3<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>selection<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code>'},p:C,d(t){t&&y(e)}}}function Y(t){let e;return{c(){e=u("Properties")},l(t){e=w(t,"Properties")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function z(t){let e;return{c(){e=u("Style Properties")},l(t){e=w(t,"Style Properties")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function K(t){let e;return{c(){e=u("Name")},l(t){e=w(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function W(t){let e;return{c(){e=u("Default")},l(t){e=w(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function _(t){let e;return{c(){e=u("Type")},l(t){e=w(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function J(t){let e;return{c(){e=u("Description")},l(t){e=w(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Q(t){let e,$,n,a,c,m,g,u;return e=new H({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function X(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("small")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"small"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function Z(t){let e,$;return{c(){e=g("code"),$=u("false")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"false"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function tt(t){let e,$;return{c(){e=g("code"),$=u("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"boolean"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function et(t){let e;return{c(){e=u("Makes the chip smaller.")},l(t){e=w(t,"Makes the chip smaller.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function $t(t){let e,$,n,a,c,m,g,u;return e=new M({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function nt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("outline")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"outline"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function rt(t){let e,$;return{c(){e=g("code"),$=u("false")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"false"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function st(t){let e,$;return{c(){e=g("code"),$=u("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"boolean"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function ot(t){let e;return{c(){e=u("Adds a border to the chip instead of the background.")},l(t){e=w(t,"Adds a border to the chip instead of the background.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function at(t){let e,$,n,a,c,m,g,u;return e=new M({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function ct(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("noPadding")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"noPadding"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function ft(t){let e,$;return{c(){e=g("code"),$=u("false")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"false"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function pt(t){let e,$;return{c(){e=g("code"),$=u("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"boolean"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function lt(t){let e;return{c(){e=u("Clears the internal padding. Useful if you want to handle spacing yourself.")},l(t){e=w(t,"Clears the internal padding. Useful if you want to handle spacing yourself.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function mt(t){let e,$,n,a,c,m,g,u;return e=new M({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function it(t){let e,$,n,a,c,m,u,w,E,C;return $=new P({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),E=new P({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=i(),a=g("tbody"),r(c.$$.fragment),m=i(),r(u.$$.fragment),w=i(),r(E.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(y),n=d(t),a=h(t,"TBODY",{});var o=x(a);s(c.$$.fragment,o),m=d(o),s(u.$$.fragment,o),w=d(o),s(E.$$.fragment,o),o.forEach(y)},m(t,r){v(t,e,r),o($,e,null),v(t,n,r),v(t,a,r),o(c,a,null),D(a,m),o(u,a,null),D(a,w),o(E,a,null),C=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),u.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),E.$set(o)},i(t){C||(f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(E.$$.fragment,t),C=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(E.$$.fragment,t),C=!1},d(t){t&&y(e),l($),t&&y(n),t&&y(a),l(c),l(u),l(E)}}}function gt(t){let e;return{c(){e=u("Functional Properties")},l(t){e=w(t,"Functional Properties")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function ut(t){let e;return{c(){e=u("Name")},l(t){e=w(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function dt(t){let e;return{c(){e=u("Default")},l(t){e=w(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function ht(t){let e;return{c(){e=u("Type")},l(t){e=w(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function xt(t){let e;return{c(){e=u("Description")},l(t){e=w(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function wt(t){let e,$,n,a,c,m,g,u;return e=new H({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function yt(t){let e,$,n,r,s,o,a;return{c(){e=g("mark"),$=g("strong"),n=g("code"),r=u("value"),s=u(" "),o=g("span"),a=u("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);n=h(f,"CODE",{});var p=x(n);r=w(p,"value"),p.forEach(y),f.forEach(y),c.forEach(y),s=w(t," "),o=h(t,"SPAN",{class:!0});var l=x(o);a=w(l,"*"),l.forEach(y),this.h()},h(){E(o,"class","required")},m(t,c){v(t,e,c),D(e,$),D($,n),D(n,r),v(t,s,c),v(t,o,c),D(o,a)},p:C,d(t){t&&y(e),t&&y(s),t&&y(o)}}}function Et(t){let e,$;return{c(){e=g("code"),$=u("any")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"any"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function vt(t){let e,$,n,r;return{c(){e=u("The value of this radio button. Included in events and can be bound to using "),$=g("code"),n=u("bind:group"),r=u(".")},l(t){e=w(t,"The value of this radio button. Included in events and can be bound to using "),$=h(t,"CODE",{});var s=x($);n=w(s,"bind:group"),s.forEach(y),r=w(t,".")},m(t,s){v(t,e,s),v(t,$,s),D($,n),v(t,r,s)},p:C,d(t){t&&y(e),t&&y($),t&&y(r)}}}function Dt(t){let e,$,n,a,c,m,g,u;return e=new M({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),n=new M({}),c=new M({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),g.$set(s)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function Ct(t){let e,$,n,r,s,o,a;return{c(){e=g("mark"),$=g("strong"),n=g("code"),r=u("name"),s=u(" "),o=g("span"),a=u("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);n=h(f,"CODE",{});var p=x(n);r=w(p,"name"),p.forEach(y),f.forEach(y),c.forEach(y),s=w(t," "),o=h(t,"SPAN",{class:!0});var l=x(o);a=w(l,"*"),l.forEach(y),this.h()},h(){E(o,"class","required")},m(t,c){v(t,e,c),D(e,$),D($,n),D(n,r),v(t,s,c),v(t,o,c),D(o,a)},p:C,d(t){t&&y(e),t&&y(s),t&&y(o)}}}function Ot(t){let e,$;return{c(){e=g("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function bt(t){let e,$,n,r;return{c(){e=u("The name of the group to relate this radio chip to. Check "),$=g("a"),n=u("MDN docs"),r=u(" for more information."),this.h()},l(t){e=w(t,"The name of the group to relate this radio chip to. Check "),$=h(t,"A",{href:!0,rel:!0});var s=x($);n=w(s,"MDN docs"),s.forEach(y),r=w(t," for more information."),this.h()},h(){E($,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname"),E($,"rel","nofollow")},m(t,s){v(t,e,s),v(t,$,s),D($,n),v(t,r,s)},p:C,d(t){t&&y(e),t&&y($),t&&y(r)}}}function kt(t){let e,$,n,a,c,m,g,u;return e=new M({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),n=new M({}),c=new M({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),g.$set(s)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function Tt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("disabled")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"disabled"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function Rt(t){let e,$;return{c(){e=g("code"),$=u("false")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"false"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function St(t){let e,$;return{c(){e=g("code"),$=u("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"boolean"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function Nt(t){let e;return{c(){e=u("Disables the chip and disallows selection.")},l(t){e=w(t,"Disables the chip and disallows selection.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function At(t){let e,$,n,a,c,m,g,u;return e=new M({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function Gt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("group")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"group"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function jt(t){let e,$;return{c(){e=g("code"),$=u("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function Pt(t){let e,$;return{c(){e=g("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function Ht(t){let e,$,n,r;return{c(){e=u("The currently selected value among the radio chips with the same name. Often used with a two-way binding: "),$=g("code"),n=u("bind:group"),r=u(".")},l(t){e=w(t,"The currently selected value among the radio chips with the same name. Often used with a two-way binding: "),$=h(t,"CODE",{});var s=x($);n=w(s,"bind:group"),s.forEach(y),r=w(t,".")},m(t,s){v(t,e,s),v(t,$,s),D($,n),v(t,r,s)},p:C,d(t){t&&y(e),t&&y($),t&&y(r)}}}function Mt(t){let e,$,n,a,c,m,g,u;return e=new M({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function It(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("title")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"title"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function Ut(t){let e,$;return{c(){e=g("code"),$=u("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function qt(t){let e,$;return{c(){e=g("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function Bt(t){let e;return{c(){e=u("The tooltip to give to a chip.")},l(t){e=w(t,"The tooltip to give to a chip.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Ft(t){let e,$,n,a,c,m,g,u;return e=new M({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function Lt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("...")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"..."),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function Vt(t){let e,$;return{c(){e=g("code"),$=u("any")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"any"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function Yt(t){let e,$,n,r;return{c(){e=u("Everything else will be passed to the underlying "),$=g("code"),n=u("<input>"),r=u(" element.")},l(t){e=w(t,"Everything else will be passed to the underlying "),$=h(t,"CODE",{});var s=x($);n=w(s,"<input>"),s.forEach(y),r=w(t," element.")},m(t,s){v(t,e,s),v(t,$,s),D($,n),v(t,r,s)},p:C,d(t){t&&y(e),t&&y($),t&&y(r)}}}function zt(t){let e,$,n,a,c,m,g,u;return e=new M({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),n=new M({}),c=new M({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),g.$set(s)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function Kt(t){let e,$,n,a,c,m,u,w,E,C,O,b,k,T,R,S;return $=new P({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),E=new P({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),O=new P({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),k=new P({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),R=new P({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=i(),a=g("tbody"),r(c.$$.fragment),m=i(),r(u.$$.fragment),w=i(),r(E.$$.fragment),C=i(),r(O.$$.fragment),b=i(),r(k.$$.fragment),T=i(),r(R.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(y),n=d(t),a=h(t,"TBODY",{});var o=x(a);s(c.$$.fragment,o),m=d(o),s(u.$$.fragment,o),w=d(o),s(E.$$.fragment,o),C=d(o),s(O.$$.fragment,o),b=d(o),s(k.$$.fragment,o),T=d(o),s(R.$$.fragment,o),o.forEach(y)},m(t,r){v(t,e,r),o($,e,null),v(t,n,r),v(t,a,r),o(c,a,null),D(a,m),o(u,a,null),D(a,w),o(E,a,null),D(a,C),o(O,a,null),D(a,b),o(k,a,null),D(a,T),o(R,a,null),S=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),u.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),E.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),O.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),k.$set(f);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),R.$set(p)},i(t){S||(f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(E.$$.fragment,t),f(O.$$.fragment,t),f(k.$$.fragment,t),f(R.$$.fragment,t),S=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(E.$$.fragment,t),p(O.$$.fragment,t),p(k.$$.fragment,t),p(R.$$.fragment,t),S=!1},d(t){t&&y(e),l($),t&&y(n),t&&y(a),l(c),l(u),l(E),l(O),l(k),l(R)}}}function Wt(t){let e;return{c(){e=u("Class Properties")},l(t){e=w(t,"Class Properties")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function _t(t){let e,$,n,r,s,o,a,c,f,p;return{c(){e=u("All "),$=g("code"),n=u("<RadioChip>"),r=u(" components use the "),s=g("code"),o=u(".input-chip"),a=u(" and "),c=g("code"),f=u(".radio-chip"),p=u(" classes.")},l(t){e=w(t,"All "),$=h(t,"CODE",{});var l=x($);n=w(l,"<RadioChip>"),l.forEach(y),r=w(t," components use the "),s=h(t,"CODE",{});var m=x(s);o=w(m,".input-chip"),m.forEach(y),a=w(t," and "),c=h(t,"CODE",{});var i=x(c);f=w(i,".radio-chip"),i.forEach(y),p=w(t," classes.")},m(t,l){v(t,e,l),v(t,$,l),D($,n),v(t,r,l),v(t,s,l),D(s,o),v(t,a,l),v(t,c,l),D(c,f),v(t,p,l)},p:C,d(t){t&&y(e),t&&y($),t&&y(r),t&&y(s),t&&y(a),t&&y(c),t&&y(p)}}}function Jt(t){let e;return{c(){e=u("Falsy values passed to classes will be disregarded.")},l(t){e=w(t,"Falsy values passed to classes will be disregarded.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Qt(t){let e;return{c(){e=u("Name")},l(t){e=w(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Xt(t){let e;return{c(){e=u("Default")},l(t){e=w(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Zt(t){let e;return{c(){e=u("Type")},l(t){e=w(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function te(t){let e;return{c(){e=u("Description")},l(t){e=w(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function ee(t){let e,$,n,a,c,m,g,u;return e=new H({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function $e(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("class")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"class"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function ne(t){let e,$;return{c(){e=g("code"),$=u("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function re(t){let e,$;return{c(){e=g("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function se(t){let e;return{c(){e=u("A class string to add to the component.")},l(t){e=w(t,"A class string to add to the component.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function oe(t){let e,$,n,a,c,m,g,u;return e=new M({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function ae(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("inputClass")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"inputClass"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function ce(t){let e,$;return{c(){e=g("code"),$=u("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function fe(t){let e,$;return{c(){e=g("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function pe(t){let e,$,n,r;return{c(){e=u("A class string to add to the "),$=g("code"),n=u("<input>"),r=u(" element.")},l(t){e=w(t,"A class string to add to the "),$=h(t,"CODE",{});var s=x($);n=w(s,"<input>"),s.forEach(y),r=w(t," element.")},m(t,s){v(t,e,s),v(t,$,s),D($,n),v(t,r,s)},p:C,d(t){t&&y(e),t&&y($),t&&y(r)}}}function le(t){let e,$,n,a,c,m,g,u;return e=new M({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function me(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("chipClass")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"chipClass"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function ie(t){let e,$;return{c(){e=g("code"),$=u("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function ge(t){let e,$;return{c(){e=g("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function ue(t){let e;return{c(){e=u("A class string to add to the underlying Chip element.")},l(t){e=w(t,"A class string to add to the underlying Chip element.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function de(t){let e,$,n,a,c,m,g,u;return e=new M({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function he(t){let e,$,n,a,c,m,u,w,E,C;return $=new P({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),E=new P({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=i(),a=g("tbody"),r(c.$$.fragment),m=i(),r(u.$$.fragment),w=i(),r(E.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(y),n=d(t),a=h(t,"TBODY",{});var o=x(a);s(c.$$.fragment,o),m=d(o),s(u.$$.fragment,o),w=d(o),s(E.$$.fragment,o),o.forEach(y)},m(t,r){v(t,e,r),o($,e,null),v(t,n,r),v(t,a,r),o(c,a,null),D(a,m),o(u,a,null),D(a,w),o(E,a,null),C=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),u.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),E.$set(o)},i(t){C||(f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(E.$$.fragment,t),C=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(E.$$.fragment,t),C=!1},d(t){t&&y(e),l($),t&&y(n),t&&y(a),l(c),l(u),l(E)}}}function xe(t){let e;return{c(){e=u("Events")},l(t){e=w(t,"Events")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function we(t){let e;return{c(){e=u("Name")},l(t){e=w(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function ye(t){let e;return{c(){e=u("Event Detail")},l(t){e=w(t,"Event Detail")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Ee(t){let e;return{c(){e=u("Description")},l(t){e=w(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function ve(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function De(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("change")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"change"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function Ce(t){let e,$;return{c(){e=g("code"),$=u("{ value, nativeEvent }")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"{ value, nativeEvent }"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function Oe(t){let e,$,n,r,s,o,a,c,f,p,l,m,i;return{c(){e=u("Fired on selecting this chip in a group. The "),$=g("code"),n=u("value"),r=u(" contains the value that was passed to the radio button (won't be stringified) and "),s=g("code"),o=u("nativeEvent"),a=u(" is the "),c=g("a"),f=u("native "),p=g("code"),l=u("change"),m=u(" event"),i=u(" of radio buttons."),this.h()},l(t){e=w(t,"Fired on selecting this chip in a group. The "),$=h(t,"CODE",{});var g=x($);n=w(g,"value"),g.forEach(y),r=w(t," contains the value that was passed to the radio button (won't be stringified) and "),s=h(t,"CODE",{});var u=x(s);o=w(u,"nativeEvent"),u.forEach(y),a=w(t," is the "),c=h(t,"A",{href:!0,rel:!0});var d=x(c);f=w(d,"native "),p=h(d,"CODE",{});var E=x(p);l=w(E,"change"),E.forEach(y),m=w(d," event"),d.forEach(y),i=w(t," of radio buttons."),this.h()},h(){E(c,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),E(c,"rel","nofollow")},m(t,g){v(t,e,g),v(t,$,g),D($,n),v(t,r,g),v(t,s,g),D(s,o),v(t,a,g),v(t,c,g),D(c,f),D(c,p),D(p,l),D(c,m),v(t,i,g)},p:C,d(t){t&&y(e),t&&y($),t&&y(r),t&&y(s),t&&y(a),t&&y(c),t&&y(i)}}}function be(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function ke(t){let e,$,n,a,c,m;return $=new P({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=i(),a=g("tbody"),r(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(y),n=d(t),a=h(t,"TBODY",{});var o=x(a);s(c.$$.fragment,o),o.forEach(y)},m(t,r){v(t,e,r),o($,e,null),v(t,n,r),v(t,a,r),o(c,a,null),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r)},i(t){m||(f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&y(e),l($),t&&y(n),t&&y(a),l(c)}}}function Te(t){let e;return{c(){e=u("Slots")},l(t){e=w(t,"Slots")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Re(t){let e;return{c(){e=u("Default slot")},l(t){e=w(t,"Default slot")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Se(t){let e;return{c(){e=u("The content of the chip. Contains the string representation of the value by default.")},l(t){e=w(t,"The content of the chip. Contains the string representation of the value by default.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Ne(t){let e;return{c(){e=u("SCSS Variables")},l(t){e=w(t,"SCSS Variables")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Ae(t){let e;return{c(){e=u("Name")},l(t){e=w(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Ge(t){let e;return{c(){e=u("Description")},l(t){e=w(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function je(t){let e;return{c(){e=u("Default")},l(t){e=w(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Pe(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function He(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("$chip-bg")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"$chip-bg"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function Me(t){let e;return{c(){e=u("The background color of a non-outline chip.")},l(t){e=w(t,"The background color of a non-outline chip.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Ie(t){let e,$;return e=new S({props:{value:"rgba(0, 0, 0, .08)"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:C,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function Ue(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function qe(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("$chip-fg")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"$chip-fg"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function Be(t){let e;return{c(){e=u("The text color of a chip.")},l(t){e=w(t,"The text color of a chip.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Fe(t){let e,$;return e=new S({props:{value:"#656565"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:C,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function Le(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function Ve(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("$chip-radius")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"$chip-radius"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function Ye(t){let e;return{c(){e=u("The curvature radius of a chip.")},l(t){e=w(t,"The curvature radius of a chip.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function ze(t){let e,$;return{c(){e=g("code"),$=u("1.5625em")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"1.5625em"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function Ke(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function We(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("$font")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"$font"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function _e(t){let e;return{c(){e=u("The font of the chip text.")},l(t){e=w(t,"The font of the chip text.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Je(t){let e,$;return{c(){e=g("code"),$=u("'Ubuntu'")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"'Ubuntu'"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function Qe(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function Xe(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("$main")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"$main"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function Ze(t){let e;return{c(){e=u("The border color of outline chips and the selection color.")},l(t){e=w(t,"The border color of outline chips and the selection color.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function t$(t){let e,$;return e=new S({props:{value:"#4300B0"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:C,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function e$(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Ze]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function $$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("$bold-font-weight")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"$bold-font-weight"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function n$(t){let e;return{c(){e=u("The bold font weight of the chips.")},l(t){e=w(t,"The bold font weight of the chips.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function r$(t){let e,$;return{c(){e=g("code"),$=u("500")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"500"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function s$(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[n$]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[r$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function o$(t){let e,$,n,a,c,m,u,w,E,C,O,b,k,T,R,S;return $=new P({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),E=new P({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),O=new P({props:{$$slots:{default:[Qe]},$$scope:{ctx:t}}}),k=new P({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),R=new P({props:{$$slots:{default:[s$]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=i(),a=g("tbody"),r(c.$$.fragment),m=i(),r(u.$$.fragment),w=i(),r(E.$$.fragment),C=i(),r(O.$$.fragment),b=i(),r(k.$$.fragment),T=i(),r(R.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(y),n=d(t),a=h(t,"TBODY",{});var o=x(a);s(c.$$.fragment,o),m=d(o),s(u.$$.fragment,o),w=d(o),s(E.$$.fragment,o),C=d(o),s(O.$$.fragment,o),b=d(o),s(k.$$.fragment,o),T=d(o),s(R.$$.fragment,o),o.forEach(y)},m(t,r){v(t,e,r),o($,e,null),v(t,n,r),v(t,a,r),o(c,a,null),D(a,m),o(u,a,null),D(a,w),o(E,a,null),D(a,C),o(O,a,null),D(a,b),o(k,a,null),D(a,T),o(R,a,null),S=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),u.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),E.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),O.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),k.$set(f);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),R.$set(p)},i(t){S||(f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(E.$$.fragment,t),f(O.$$.fragment,t),f(k.$$.fragment,t),f(R.$$.fragment,t),S=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(E.$$.fragment,t),p(O.$$.fragment,t),p(k.$$.fragment,t),p(R.$$.fragment,t),S=!1},d(t){t&&y(e),l($),t&&y(n),t&&y(a),l(c),l(u),l(E),l(O),l(k),l(R)}}}function a$(t){let e,$,n,a,c,m,C,O,T,S,P,H,M,B,F,K,W,_,J,Q,X,Z,tt,et,$t,nt,rt,st,ot,at,ct,ft,pt,lt,mt,ut,dt,ht,xt,wt,yt,Et,vt,Dt,Ct;return e=new b({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),n=new k({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),c=new k({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),C=new N({props:{components:l$}}),T=new R({props:{$$slots:{source:[V],showcase:[L]},$$scope:{ctx:t}}}),P=new A({props:{id:"properties",$$slots:{default:[Y]},$$scope:{ctx:t}}}),M=new G({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),F=new j({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),W=new G({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),J=new j({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),et=new G({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),nt=new k({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),st=new k({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),at=new j({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),ft=new A({props:{id:"events",$$slots:{default:[xe]},$$scope:{ctx:t}}}),lt=new j({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),ut=new A({props:{id:"slots",$$slots:{default:[Te]},$$scope:{ctx:t}}}),ht=new G({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),wt=new k({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),Et=new A({props:{id:"scss-variables",$$slots:{default:[Ne]},$$scope:{ctx:t}}}),Dt=new j({props:{$$slots:{default:[o$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(C.$$.fragment),O=i(),r(T.$$.fragment),S=i(),r(P.$$.fragment),H=i(),r(M.$$.fragment),B=i(),r(F.$$.fragment),K=i(),r(W.$$.fragment),_=i(),r(J.$$.fragment),Q=i(),X=g("div"),Z=u("* Required"),tt=i(),r(et.$$.fragment),$t=i(),r(nt.$$.fragment),rt=i(),r(st.$$.fragment),ot=i(),r(at.$$.fragment),ct=i(),r(ft.$$.fragment),pt=i(),r(lt.$$.fragment),mt=i(),r(ut.$$.fragment),dt=i(),r(ht.$$.fragment),xt=i(),r(wt.$$.fragment),yt=i(),r(Et.$$.fragment),vt=i(),r(Dt.$$.fragment),this.h()},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(C.$$.fragment,t),O=d(t),s(T.$$.fragment,t),S=d(t),s(P.$$.fragment,t),H=d(t),s(M.$$.fragment,t),B=d(t),s(F.$$.fragment,t),K=d(t),s(W.$$.fragment,t),_=d(t),s(J.$$.fragment,t),Q=d(t),X=h(t,"DIV",{class:!0});var r=x(X);Z=w(r,"* Required"),r.forEach(y),tt=d(t),s(et.$$.fragment,t),$t=d(t),s(nt.$$.fragment,t),rt=d(t),s(st.$$.fragment,t),ot=d(t),s(at.$$.fragment,t),ct=d(t),s(ft.$$.fragment,t),pt=d(t),s(lt.$$.fragment,t),mt=d(t),s(ut.$$.fragment,t),dt=d(t),s(ht.$$.fragment,t),xt=d(t),s(wt.$$.fragment,t),yt=d(t),s(Et.$$.fragment,t),vt=d(t),s(Dt.$$.fragment,t),this.h()},h(){E(X,"class","required")},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(C,t,r),v(t,O,r),o(T,t,r),v(t,S,r),o(P,t,r),v(t,H,r),o(M,t,r),v(t,B,r),o(F,t,r),v(t,K,r),o(W,t,r),v(t,_,r),o(J,t,r),v(t,Q,r),v(t,X,r),D(X,Z),v(t,tt,r),o(et,t,r),v(t,$t,r),o(nt,t,r),v(t,rt,r),o(st,t,r),v(t,ot,r),o(at,t,r),v(t,ct,r),o(ft,t,r),v(t,pt,r),o(lt,t,r),v(t,mt,r),o(ut,t,r),v(t,dt,r),o(ht,t,r),v(t,xt,r),o(wt,t,r),v(t,yt,r),o(Et,t,r),v(t,vt,r),o(Dt,t,r),Ct=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),T.$set(a);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),P.$set(f);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),M.$set(p);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),F.$set(l);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),W.$set(m);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),J.$set(i);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),et.$set(g);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),nt.$set(u);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),st.$set(d);const h={};2&$&&(h.$$scope={dirty:$,ctx:t}),at.$set(h);const x={};2&$&&(x.$$scope={dirty:$,ctx:t}),ft.$set(x);const w={};2&$&&(w.$$scope={dirty:$,ctx:t}),lt.$set(w);const y={};2&$&&(y.$$scope={dirty:$,ctx:t}),ut.$set(y);const E={};2&$&&(E.$$scope={dirty:$,ctx:t}),ht.$set(E);const v={};2&$&&(v.$$scope={dirty:$,ctx:t}),wt.$set(v);const D={};2&$&&(D.$$scope={dirty:$,ctx:t}),Et.$set(D);const C={};2&$&&(C.$$scope={dirty:$,ctx:t}),Dt.$set(C)},i(t){Ct||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(C.$$.fragment,t),f(T.$$.fragment,t),f(P.$$.fragment,t),f(M.$$.fragment,t),f(F.$$.fragment,t),f(W.$$.fragment,t),f(J.$$.fragment,t),f(et.$$.fragment,t),f(nt.$$.fragment,t),f(st.$$.fragment,t),f(at.$$.fragment,t),f(ft.$$.fragment,t),f(lt.$$.fragment,t),f(ut.$$.fragment,t),f(ht.$$.fragment,t),f(wt.$$.fragment,t),f(Et.$$.fragment,t),f(Dt.$$.fragment,t),Ct=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(C.$$.fragment,t),p(T.$$.fragment,t),p(P.$$.fragment,t),p(M.$$.fragment,t),p(F.$$.fragment,t),p(W.$$.fragment,t),p(J.$$.fragment,t),p(et.$$.fragment,t),p(nt.$$.fragment,t),p(st.$$.fragment,t),p(at.$$.fragment,t),p(ft.$$.fragment,t),p(lt.$$.fragment,t),p(ut.$$.fragment,t),p(ht.$$.fragment,t),p(wt.$$.fragment,t),p(Et.$$.fragment,t),p(Dt.$$.fragment,t),Ct=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(C,t),t&&y(O),l(T,t),t&&y(S),l(P,t),t&&y(H),l(M,t),t&&y(B),l(F,t),t&&y(K),l(W,t),t&&y(_),l(J,t),t&&y(Q),t&&y(X),t&&y(tt),l(et,t),t&&y($t),l(nt,t),t&&y(rt),l(st,t),t&&y(ot),l(at,t),t&&y(ct),l(ft,t),t&&y(pt),l(lt,t),t&&y(mt),l(ut,t),t&&y(dt),l(ht,t),t&&y(xt),l(wt,t),t&&y(yt),l(Et,t),t&&y(vt),l(Dt,t)}}}function c$(t){let e,$;const m=[t[0],f$];let i={$$slots:{default:[a$]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=n(i,m[t]);return e=new O({props:i}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p(t,[$]){const n=1&$?a(m,[1&$&&c(t[0]),0&$&&c(f$)]):{};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}const f$={name:"RadioChip",relatedComponents:[{name:"Chip",link:"./docs/components/chip"},{name:"RadioChipGroup",link:"./docs/components/radio-chip-group"},{name:"CheckboxChip",link:"./docs/components/checkbox-chip"},{name:"CheckboxChipGroup",link:"./docs/components/checkbox-chip-group"}]},{name:p$,relatedComponents:l$}=f$;function m$(t,e,$){return t.$$set=t=>{$(0,e=n(n({},e),m(t)))},[e=m(e)]}class i$ extends t{constructor(t){super(),e(this,t,m$,c$,$,{})}}export{i$ as default,f$ as metadata};
diff --git a/376/client/legacy/radio-group-81700fe9.css b/376/client/legacy/radio-group-81700fe9.css
new file mode 100644
index 000000000..f343da57a
--- /dev/null
+++ b/376/client/legacy/radio-group-81700fe9.css
@@ -0,0 +1 @@
+div[role=radiogroup].svelte-1p5lcds .radio:not(.colored)>.selector{margin:0 0.5em}div[role=radiogroup].svelte-1p5lcds .radio.colored>input+.selector::before{background-color:#d3d3d3;background-color:rgb(var(--before-r), var(--before-g), var(--before-b))}div[role=radiogroup].svelte-1p5lcds .radio.colored:hover>input+.selector::after{background-color:rgba(0, 0, 0, 0.05);background-color:rgba(var(--r), var(--g), var(--b), 0.05)}div[role=radiogroup].svelte-1p5lcds .radio.colored>input:focus+.selector::after{background-color:rgba(0, 0, 0, 0.125);background-color:rgba(var(--r), var(--g), var(--b), 0.125)}
diff --git a/376/client/legacy/radio-group-b76d3ad4.css b/376/client/legacy/radio-group-b76d3ad4.css
new file mode 100644
index 000000000..94ed36115
--- /dev/null
+++ b/376/client/legacy/radio-group-b76d3ad4.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-zs5z0s .radio{margin-bottom:0.5em}[slot=showcase].svelte-zs5z0s .colored{display:flex;flex-wrap:wrap}[slot=showcase].svelte-zs5z0s .colored .radio{margin:0.5em}
diff --git a/376/client/legacy/radio-group.42c64184.js b/376/client/legacy/radio-group.42c64184.js
new file mode 100644
index 000000000..4c5bf8fc0
--- /dev/null
+++ b/376/client/legacy/radio-group.42c64184.js
@@ -0,0 +1 @@
+import{S as l,i as s,s as e,H as a,f as t,t as n,y as o,p as r,z as c,d as i,I as u,K as d,L as f,h as m,k as h,b as p,e as v,X as g,Z as b,_ as $,Y as C,$ as L,j as y,l as j,m as x,U as w,a0 as N,a1 as S,q as k,a2 as A,u as E,w as I,v as M,x as R,A as q,g as z}from"./client.583c6e60.js";import{c as D}from"./classes.a7d1a9eb.js";import{g as H}from"./color-picker-styles.762aa118.js";import{R as K}from"./radio-button.2404d79f.js";function P(l,s,e){const a=l.slice();return a[11]=s[e],a}function U(l){let s,e,a,u=[],d=new Map,f=l[5];const C=l=>l[11].value;for(let s=0;s<f.length;s+=1){let e=P(l,f,s),a=C(e);d.set(a,u[s]=_(a,e))}return{c(){s=m("div");for(let l=0;l<u.length;l+=1)u[l].c();this.h()},l(l){s=h(l,"DIV",{class:!0,role:!0});var e=p(s);for(let l=0;l<u.length;l+=1)u[l].l(e);e.forEach(i),this.h()},h(){v(s,"class",e=g(D(l[1]))+" svelte-1p5lcds"),v(s,"role","radiogroup")},m(l,e){t(l,s,e);for(let l=0;l<u.length;l+=1)u[l]&&u[l].m(s,null);a=!0},p(l,t){509&t&&(f=l[5],o(),u=b(u,t,C,1,l,f,d,s,$,_,null,P),c()),(!a||2&t&&e!==(e=g(D(l[1]))+" svelte-1p5lcds"))&&v(s,"class",e)},i(l){if(!a){for(let l=0;l<f.length;l+=1)n(u[l]);a=!0}},o(l){for(let l=0;l<u.length;l+=1)r(u[l]);a=!1},d(l){l&&i(s);for(let l=0;l<u.length;l+=1)u[l].d()}}}function V(l){let s;function e(l,s){return null!=l[3]?Y:X}let n=e(l),o=n(l);return{c(){o.c(),s=a()},l(l){o.l(l),s=a()},m(l,e){o.m(l,e),t(l,s,e)},p(l,a){n===(n=e(l))&&o?o.p(l,a):(o.d(1),o=n(l),o&&(o.c(),o.m(s.parentNode,s)))},d(l){o.d(l),l&&i(s)}}}function X(l){let s,e=(l[11].label||l[11].value)+"";return{c(){s=M(e)},l(l){s=R(l,e)},m(l,e){t(l,s,e)},p(l,a){32&a&&e!==(e=(l[11].label||l[11].value)+"")&&q(s,e)},d(l){l&&i(s)}}}function Y(l){let s,e,a,n=(l[11].label||l[11].value)+"";return{c(){s=m("span"),e=M(n),this.h()},l(l){s=h(l,"SPAN",{class:!0});var a=p(s);e=R(a,n),a.forEach(i),this.h()},h(){v(s,"class",a=D(l[3]))},m(l,a){t(l,s,a),z(s,e)},p(l,t){32&t&&n!==(n=(l[11].label||l[11].value)+"")&&q(e,n),8&t&&a!==(a=D(l[3]))&&v(s,"class",a)},d(l){l&&i(s)}}}function Z(l){let s,e=!l[4]&&V(l);return{c(){e&&e.c(),s=E()},l(l){e&&e.l(l),s=I(l)},m(l,a){e&&e.m(l,a),t(l,s,a)},p(l,a){l[4]?e&&(e.d(1),e=null):e?e.p(l,a):(e=V(l),e.c(),e.m(s.parentNode,s))},d(l){e&&e.d(l),l&&i(s)}}}function _(l,s){let e,o,c,u;const f=[{name:s[6]},{slotLeft:s[7]},{selectorStyle:s[4]?H(s[11].value):null},{value:s[11].value},{disabled:s[11].disabled},{class:D(s[4]&&"colored",s[2])},s[8]];function m(l){s[9](l)}let h={$$slots:{default:[Z]},$$scope:{ctx:s}};for(let l=0;l<f.length;l+=1)h=d(h,f[l]);return void 0!==s[0]&&(h.group=s[0]),o=new K({props:h}),C.push((()=>L(o,"group",m))),o.$on("change",s[10]),{key:l,first:null,c(){e=a(),y(o.$$.fragment),this.h()},l(l){e=a(),j(o.$$.fragment,l),this.h()},h(){this.first=e},m(l,s){t(l,e,s),x(o,l,s),u=!0},p(l,e){s=l;const a=500&e?w(f,[64&e&&{name:s[6]},128&e&&{slotLeft:s[7]},48&e&&{selectorStyle:s[4]?H(s[11].value):null},32&e&&{value:s[11].value},32&e&&{disabled:s[11].disabled},20&e&&{class:D(s[4]&&"colored",s[2])},256&e&&N(s[8])]):{};16440&e&&(a.$$scope={dirty:e,ctx:s}),!c&&1&e&&(c=!0,a.group=s[0],S((()=>c=!1))),o.$set(a)},i(l){u||(n(o.$$.fragment,l),u=!0)},o(l){r(o.$$.fragment,l),u=!1},d(l){l&&i(e),k(o,l)}}}function B(l){let s,e,u=null!=l[5]&&0!==l[5].length&&U(l);return{c(){u&&u.c(),s=a()},l(l){u&&u.l(l),s=a()},m(l,a){u&&u.m(l,a),t(l,s,a),e=!0},p(l,e){let[a]=e;null!=l[5]&&0!==l[5].length?u?(u.p(l,a),32&a&&n(u,1)):(u=U(l),u.c(),n(u,1),u.m(s.parentNode,s)):u&&(o(),r(u,1,1,(()=>{u=null})),c())},i(l){e||(n(u),e=!0)},o(l){r(u),e=!1},d(l){u&&u.d(l),l&&i(s)}}}function F(l,s,e){const a=["class","radioClass","labelClass","color","items","value","name","labelsLeft"];let t=u(s,a),{class:n=null}=s,{radioClass:o=null}=s,{labelClass:r=null}=s,{color:c=!1}=s,{items:i}=s,{value:m=null}=s,{name:h}=s,{labelsLeft:p=!1}=s;return i&&0!==i.length||console.error("Must have at least one item in the radio group"),c&&null!=r&&console.warn("labelClass has no effect: labels are not rendered for color radio groups"),l.$$set=l=>{s=d(d({},s),f(l)),e(8,t=u(s,a)),"class"in l&&e(1,n=l.class),"radioClass"in l&&e(2,o=l.radioClass),"labelClass"in l&&e(3,r=l.labelClass),"color"in l&&e(4,c=l.color),"items"in l&&e(5,i=l.items),"value"in l&&e(0,m=l.value),"name"in l&&e(6,h=l.name),"labelsLeft"in l&&e(7,p=l.labelsLeft)},[m,n,o,r,c,i,h,p,t,function(l){m=l,e(0,m)},function(s){A.call(this,l,s)}]}var G=class extends l{constructor(l){super(),s(this,l,F,B,e,{class:1,radioClass:2,labelClass:3,color:4,items:5,value:0,name:6,labelsLeft:7})}};export{G as R};
diff --git a/376/client/legacy/radio-group.e44fefb7.js b/376/client/legacy/radio-group.e44fefb7.js
new file mode 100644
index 000000000..e61fa6eb1
--- /dev/null
+++ b/376/client/legacy/radio-group.e44fefb7.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as $,j as s,l as a,m as r,U as o,a0 as c,t as p,p as f,q as l,L as m,u,h as i,v as g,w as d,k as h,b as x,x as v,d as E,e as y,f as w,g as k,n as b}from"./client.583c6e60.js";import{L as D,H as O,P as C}from"./layout.47c81311.js";import{R as T}from"./radio-group.42c64184.js";import{S as R}from"./showcase.759e7149.js";import{C as A}from"./color-preview.9db6af61.js";import{R as S}from"./related-components.9fddec4f.js";import{H as N}from"./h2.0da05151.js";import{H as B}from"./h3.c9a49f62.js";import{T as G,a as F,b as j,c as L}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./color-picker-styles.762aa118.js";import"./radio-button.2404d79f.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./button.863c0adf.js";import"./card.113fcab4.js";function M(t){let e;return{c(){e=g("RadioGroup")},l(t){e=v(t,"RadioGroup")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function P(t){let e;return{c(){e=g("A group of radio buttons to present a list of selectable options.")},l(t){e=v(t,"A group of radio buttons to present a list of selectable options.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function H(t){let e,n,$,o,c;return n=new T({props:{items:t[0],name:"numbers"}}),o=new T({props:{color:!0,items:t[1],name:"colors"}}),{c(){e=i("div"),s(n.$$.fragment),$=u(),s(o.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var s=x(e);a(n.$$.fragment,s),$=d(s),a(o.$$.fragment,s),s.forEach(E),this.h()},h(){y(e,"slot","showcase"),y(e,"class","padded svelte-zs5z0s")},m(t,s){w(t,e,s),r(n,e,null),k(e,$),r(o,e,null),c=!0},p:b,i(t){c||(p(n.$$.fragment,t),p(o.$$.fragment,t),c=!0)},o(t){f(n.$$.fragment,t),f(o.$$.fragment,t),c=!1},d(t){t&&E(e),l(n),l(o)}}}function q(t){let e,n;return{c(){e=i("div"),n=i("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var $=x(e);n=h($,"PRE",{class:!0}),x(n).forEach(E),$.forEach(E),this.h()},h(){y(n,"class","language-svelte"),y(e,"slot","source")},m(t,$){w(t,e,$),k(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">const</span> items <span class="token operator">=</span> <span class="token punctuation">[</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'1\'</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">\'one\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'2\'</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">\'two\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">;</span>\n\n  <span class="token keyword">const</span> colors <span class="token operator">=</span> <span class="token punctuation">[</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'#000000\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'#ff0000\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'#00ff00\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'#ffffff\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioGroup</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>items<span class="token punctuation">&#125;</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>numbers<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioGroup</span> <span class="token attr-name">color</span> <span class="token attr-name">items=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>colors<span class="token punctuation">&#125;</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>colors<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code>'},p:b,d(t){t&&E(e)}}}function I(t){let e;return{c(){e=g("Properties")},l(t){e=v(t,"Properties")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function U(t){let e;return{c(){e=g("Style Properties")},l(t){e=v(t,"Style Properties")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function V(t){let e;return{c(){e=g("Name")},l(t){e=v(t,"Name")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Y(t){let e;return{c(){e=g("Default")},l(t){e=v(t,"Default")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function z(t){let e;return{c(){e=g("Type")},l(t){e=v(t,"Type")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function K(t){let e;return{c(){e=g("Description")},l(t){e=v(t,"Description")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function W(t){let e,n,$,o,c,m,i,g;return e=new j({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),$=new j({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),c=new j({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),i=new j({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(i,t,s),g=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),i.$set(o)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(i,t)}}}function _(t){let e,n,$;return{c(){e=i("strong"),n=i("code"),$=g("labelsLeft")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=v(a,"labelsLeft"),a.forEach(E),s.forEach(E)},m(t,s){w(t,e,s),k(e,n),k(n,$)},p:b,d(t){t&&E(e)}}}function J(t){let e,n;return{c(){e=i("code"),n=g("false")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"false"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:b,d(t){t&&E(e)}}}function Q(t){let e,n;return{c(){e=i("code"),n=g("boolean")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"boolean"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:b,d(t){t&&E(e)}}}function X(t){let e;return{c(){e=g("Places the labels to the left of the radio buttons.")},l(t){e=v(t,"Places the labels to the left of the radio buttons.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Z(t){let e,n,$,o,c,m,i,g;return e=new L({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),i=new L({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(i,t,s),g=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),i.$set(o)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(i,t)}}}function tt(t){let e,n,$,o,c,m;return n=new F({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),{c(){e=i("thead"),s(n.$$.fragment),$=u(),o=i("tbody"),s(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(E),$=d(t),o=h(t,"TBODY",{});var r=x(o);a(c.$$.fragment,r),r.forEach(E)},m(t,s){w(t,e,s),r(n,e,null),w(t,$,s),w(t,o,s),r(c,o,null),m=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(o),l(c)}}}function et(t){let e;return{c(){e=g("Functional Properties")},l(t){e=v(t,"Functional Properties")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function nt(t){let e;return{c(){e=g("Name")},l(t){e=v(t,"Name")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function $t(t){let e;return{c(){e=g("Default")},l(t){e=v(t,"Default")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function st(t){let e;return{c(){e=g("Type")},l(t){e=v(t,"Type")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function at(t){let e;return{c(){e=g("Description")},l(t){e=v(t,"Description")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function rt(t){let e,n,$,o,c,m,i,g;return e=new j({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),$=new j({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),c=new j({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),i=new j({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(i,t,s),g=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),i.$set(o)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(i,t)}}}function ot(t){let e,n,$,s,a,r,o;return{c(){e=i("mark"),n=i("strong"),$=i("code"),s=g("items"),a=g(" "),r=i("span"),o=g("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);n=h(c,"STRONG",{});var p=x(n);$=h(p,"CODE",{});var f=x($);s=v(f,"items"),f.forEach(E),p.forEach(E),c.forEach(E),a=v(t," "),r=h(t,"SPAN",{class:!0});var l=x(r);o=v(l,"*"),l.forEach(E),this.h()},h(){y(r,"class","required")},m(t,c){w(t,e,c),k(e,n),k(n,$),k($,s),w(t,a,c),w(t,r,c),k(r,o)},p:b,d(t){t&&E(e),t&&E(a),t&&E(r)}}}function ct(t){let e,n;return{c(){e=i("code"),n=g("Array")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"Array"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:b,d(t){t&&E(e)}}}function pt(t){let e,n,$,s;return{c(){e=g("An array of "),n=i("code"),$=g("{ value, label, disabled }"),s=g(" objects, where only the value is required. Must contain at least one value.")},l(t){e=v(t,"An array of "),n=h(t,"CODE",{});var a=x(n);$=v(a,"{ value, label, disabled }"),a.forEach(E),s=v(t," objects, where only the value is required. Must contain at least one value.")},m(t,a){w(t,e,a),w(t,n,a),k(n,$),w(t,s,a)},p:b,d(t){t&&E(e),t&&E(n),t&&E(s)}}}function ft(t){let e,n,$,o,c,m,i,g;return e=new L({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),$=new L({}),c=new L({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),i=new L({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(i,t,s),g=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),c.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),i.$set(a)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(i,t)}}}function lt(t){let e,n,$,s,a,r,o;return{c(){e=i("mark"),n=i("strong"),$=i("code"),s=g("name"),a=g(" "),r=i("span"),o=g("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);n=h(c,"STRONG",{});var p=x(n);$=h(p,"CODE",{});var f=x($);s=v(f,"name"),f.forEach(E),p.forEach(E),c.forEach(E),a=v(t," "),r=h(t,"SPAN",{class:!0});var l=x(r);o=v(l,"*"),l.forEach(E),this.h()},h(){y(r,"class","required")},m(t,c){w(t,e,c),k(e,n),k(n,$),k($,s),w(t,a,c),w(t,r,c),k(r,o)},p:b,d(t){t&&E(e),t&&E(a),t&&E(r)}}}function mt(t){let e,n;return{c(){e=i("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"string"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:b,d(t){t&&E(e)}}}function ut(t){let e,n,$,s;return{c(){e=g("The name to assign to all radio buttons belonging to the same group. Check "),n=i("a"),$=g("MDN docs"),s=g(" for more information."),this.h()},l(t){e=v(t,"The name to assign to all radio buttons belonging to the same group. Check "),n=h(t,"A",{href:!0,rel:!0});var a=x(n);$=v(a,"MDN docs"),a.forEach(E),s=v(t," for more information."),this.h()},h(){y(n,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname"),y(n,"rel","nofollow")},m(t,a){w(t,e,a),w(t,n,a),k(n,$),w(t,s,a)},p:b,d(t){t&&E(e),t&&E(n),t&&E(s)}}}function it(t){let e,n,$,o,c,m,i,g;return e=new L({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),$=new L({}),c=new L({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),i=new L({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(i,t,s),g=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),c.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),i.$set(a)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(i,t)}}}function gt(t){let e,n,$;return{c(){e=i("strong"),n=i("code"),$=g("value")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=v(a,"value"),a.forEach(E),s.forEach(E)},m(t,s){w(t,e,s),k(e,n),k(n,$)},p:b,d(t){t&&E(e)}}}function dt(t){let e,n;return{c(){e=i("code"),n=g("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"null"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:b,d(t){t&&E(e)}}}function ht(t){let e,n;return{c(){e=i("code"),n=g("any")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"any"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:b,d(t){t&&E(e)}}}function xt(t){let e;return{c(){e=g("The currently selected value of the group.")},l(t){e=v(t,"The currently selected value of the group.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function vt(t){let e,n,$,o,c,m,i,g;return e=new L({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),i=new L({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(i,t,s),g=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),i.$set(o)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(i,t)}}}function Et(t){let e,n,$;return{c(){e=i("strong"),n=i("code"),$=g("color")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=v(a,"color"),a.forEach(E),s.forEach(E)},m(t,s){w(t,e,s),k(e,n),k(n,$)},p:b,d(t){t&&E(e)}}}function yt(t){let e,n;return{c(){e=i("code"),n=g("false")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"false"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:b,d(t){t&&E(e)}}}function wt(t){let e,n;return{c(){e=i("code"),n=g("boolean")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"boolean"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:b,d(t){t&&E(e)}}}function kt(t){let e,n,$,s;return{c(){e=g("Designates the radio buttons as color choices. Labels are ignored and values are expected to be "),n=i("code"),$=g('"#RRGGBB"'),s=g(".")},l(t){e=v(t,"Designates the radio buttons as color choices. Labels are ignored and values are expected to be "),n=h(t,"CODE",{});var a=x(n);$=v(a,'"#RRGGBB"'),a.forEach(E),s=v(t,".")},m(t,a){w(t,e,a),w(t,n,a),k(n,$),w(t,s,a)},p:b,d(t){t&&E(e),t&&E(n),t&&E(s)}}}function bt(t){let e,n,$,o,c,m,i,g;return e=new L({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),i=new L({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(i,t,s),g=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),i.$set(o)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(i,t)}}}function Dt(t){let e,n,$;return{c(){e=i("strong"),n=i("code"),$=g("...")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=v(a,"..."),a.forEach(E),s.forEach(E)},m(t,s){w(t,e,s),k(e,n),k(n,$)},p:b,d(t){t&&E(e)}}}function Ot(t){let e,n;return{c(){e=i("code"),n=g("any")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"any"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:b,d(t){t&&E(e)}}}function Ct(t){let e,n,$,s;return{c(){e=g("Everything else will be passed to the underlying "),n=i("code"),$=g("<RadioButton>"),s=g(" components.")},l(t){e=v(t,"Everything else will be passed to the underlying "),n=h(t,"CODE",{});var a=x(n);$=v(a,"<RadioButton>"),a.forEach(E),s=v(t," components.")},m(t,a){w(t,e,a),w(t,n,a),k(n,$),w(t,s,a)},p:b,d(t){t&&E(e),t&&E(n),t&&E(s)}}}function Tt(t){let e,n,$,o,c,m,i,g;return e=new L({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),$=new L({}),c=new L({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),i=new L({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(i,t,s),g=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),c.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),i.$set(a)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(i,t)}}}function Rt(t){let e,n,$,o,c,m,g,v,y,b,D,O,C,T;return n=new F({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),g=new F({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),y=new F({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),D=new F({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),C=new F({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),{c(){e=i("thead"),s(n.$$.fragment),$=u(),o=i("tbody"),s(c.$$.fragment),m=u(),s(g.$$.fragment),v=u(),s(y.$$.fragment),b=u(),s(D.$$.fragment),O=u(),s(C.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(E),$=d(t),o=h(t,"TBODY",{});var r=x(o);a(c.$$.fragment,r),m=d(r),a(g.$$.fragment,r),v=d(r),a(y.$$.fragment,r),b=d(r),a(D.$$.fragment,r),O=d(r),a(C.$$.fragment,r),r.forEach(E)},m(t,s){w(t,e,s),r(n,e,null),w(t,$,s),w(t,o,s),r(c,o,null),k(o,m),r(g,o,null),k(o,v),r(y,o,null),k(o,b),r(D,o,null),k(o,O),r(C,o,null),T=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),g.$set(a);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),y.$set(r);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),D.$set(o);const p={};8&e&&(p.$$scope={dirty:e,ctx:t}),C.$set(p)},i(t){T||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),p(y.$$.fragment,t),p(D.$$.fragment,t),p(C.$$.fragment,t),T=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),f(y.$$.fragment,t),f(D.$$.fragment,t),f(C.$$.fragment,t),T=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(o),l(c),l(g),l(y),l(D),l(C)}}}function At(t){let e;return{c(){e=g("Class Properties")},l(t){e=v(t,"Class Properties")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function St(t){let e;return{c(){e=g("Falsy values passed to classes will be disregarded.")},l(t){e=v(t,"Falsy values passed to classes will be disregarded.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Nt(t){let e;return{c(){e=g("Name")},l(t){e=v(t,"Name")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Bt(t){let e;return{c(){e=g("Default")},l(t){e=v(t,"Default")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Gt(t){let e;return{c(){e=g("Type")},l(t){e=v(t,"Type")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Ft(t){let e;return{c(){e=g("Description")},l(t){e=v(t,"Description")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function jt(t){let e,n,$,o,c,m,i,g;return e=new j({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),$=new j({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),c=new j({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),i=new j({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(i,t,s),g=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),i.$set(o)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(i,t)}}}function Lt(t){let e,n,$;return{c(){e=i("strong"),n=i("code"),$=g("class")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=v(a,"class"),a.forEach(E),s.forEach(E)},m(t,s){w(t,e,s),k(e,n),k(n,$)},p:b,d(t){t&&E(e)}}}function Mt(t){let e,n;return{c(){e=i("code"),n=g("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"null"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:b,d(t){t&&E(e)}}}function Pt(t){let e,n;return{c(){e=i("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"string"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:b,d(t){t&&E(e)}}}function Ht(t){let e,n,$,s;return{c(){e=g("A class string to assign to the wrapper "),n=i("code"),$=g("<div>"),s=g(" element.")},l(t){e=v(t,"A class string to assign to the wrapper "),n=h(t,"CODE",{});var a=x(n);$=v(a,"<div>"),a.forEach(E),s=v(t," element.")},m(t,a){w(t,e,a),w(t,n,a),k(n,$),w(t,s,a)},p:b,d(t){t&&E(e),t&&E(n),t&&E(s)}}}function qt(t){let e,n,$,o,c,m,i,g;return e=new L({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),i=new L({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(i,t,s),g=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),i.$set(o)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(i,t)}}}function It(t){let e,n,$;return{c(){e=i("strong"),n=i("code"),$=g("radioClass")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=v(a,"radioClass"),a.forEach(E),s.forEach(E)},m(t,s){w(t,e,s),k(e,n),k(n,$)},p:b,d(t){t&&E(e)}}}function Ut(t){let e,n;return{c(){e=i("code"),n=g("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"null"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:b,d(t){t&&E(e)}}}function Vt(t){let e,n;return{c(){e=i("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"string"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:b,d(t){t&&E(e)}}}function Yt(t){let e,n,$,s;return{c(){e=g("A class string to add to the "),n=i("code"),$=g("<RadioButton>"),s=g(" components.")},l(t){e=v(t,"A class string to add to the "),n=h(t,"CODE",{});var a=x(n);$=v(a,"<RadioButton>"),a.forEach(E),s=v(t," components.")},m(t,a){w(t,e,a),w(t,n,a),k(n,$),w(t,s,a)},p:b,d(t){t&&E(e),t&&E(n),t&&E(s)}}}function zt(t){let e,n,$,o,c,m,i,g;return e=new L({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),i=new L({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(i,t,s),g=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),i.$set(o)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(i,t)}}}function Kt(t){let e,n,$;return{c(){e=i("strong"),n=i("code"),$=g("labelClass")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=v(a,"labelClass"),a.forEach(E),s.forEach(E)},m(t,s){w(t,e,s),k(e,n),k(n,$)},p:b,d(t){t&&E(e)}}}function Wt(t){let e,n;return{c(){e=i("code"),n=g("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"null"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:b,d(t){t&&E(e)}}}function _t(t){let e,n;return{c(){e=i("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"string"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:b,d(t){t&&E(e)}}}function Jt(t){let e,n,$,s,a,r,o,c,p;return{c(){e=g("A class string to assign to the labels' wrapping "),n=i("code"),$=g("<span>"),s=g("s. "),a=i("br"),r=g(" If this is not passed, the labels are not wrapped in a "),o=i("code"),c=g("<span>"),p=g(".")},l(t){e=v(t,"A class string to assign to the labels' wrapping "),n=h(t,"CODE",{});var f=x(n);$=v(f,"<span>"),f.forEach(E),s=v(t,"s. "),a=h(t,"BR",{}),r=v(t," If this is not passed, the labels are not wrapped in a "),o=h(t,"CODE",{});var l=x(o);c=v(l,"<span>"),l.forEach(E),p=v(t,".")},m(t,f){w(t,e,f),w(t,n,f),k(n,$),w(t,s,f),w(t,a,f),w(t,r,f),w(t,o,f),k(o,c),w(t,p,f)},p:b,d(t){t&&E(e),t&&E(n),t&&E(s),t&&E(a),t&&E(r),t&&E(o),t&&E(p)}}}function Qt(t){let e,n,$,o,c,m,i,g;return e=new L({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),i=new L({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(i,t,s),g=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),i.$set(o)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(i,t)}}}function Xt(t){let e,n,$,o,c,m,g,v,y,b;return n=new F({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),g=new F({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),y=new F({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){e=i("thead"),s(n.$$.fragment),$=u(),o=i("tbody"),s(c.$$.fragment),m=u(),s(g.$$.fragment),v=u(),s(y.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(E),$=d(t),o=h(t,"TBODY",{});var r=x(o);a(c.$$.fragment,r),m=d(r),a(g.$$.fragment,r),v=d(r),a(y.$$.fragment,r),r.forEach(E)},m(t,s){w(t,e,s),r(n,e,null),w(t,$,s),w(t,o,s),r(c,o,null),k(o,m),r(g,o,null),k(o,v),r(y,o,null),b=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),g.$set(a);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),y.$set(r)},i(t){b||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),p(y.$$.fragment,t),b=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),f(y.$$.fragment,t),b=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(o),l(c),l(g),l(y)}}}function Zt(t){let e;return{c(){e=g("Events")},l(t){e=v(t,"Events")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function te(t){let e;return{c(){e=g("Name")},l(t){e=v(t,"Name")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function ee(t){let e;return{c(){e=g("Event Detail")},l(t){e=v(t,"Event Detail")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function ne(t){let e;return{c(){e=g("Description")},l(t){e=v(t,"Description")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function $e(t){let e,n,$,o,c,m;return e=new j({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),$=new j({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),c=new j({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t)}}}function se(t){let e,n,$;return{c(){e=i("strong"),n=i("code"),$=g("change")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=v(a,"change"),a.forEach(E),s.forEach(E)},m(t,s){w(t,e,s),k(e,n),k(n,$)},p:b,d(t){t&&E(e)}}}function ae(t){let e,n;return{c(){e=i("code"),n=g("{ value, nativeEvent }")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"{ value, nativeEvent }"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:b,d(t){t&&E(e)}}}function re(t){let e,n,$,s,a,r,o,c,p,f,l,m,u;return{c(){e=g("Fired when the selection changes. The "),n=i("code"),$=g("value"),s=g(" contains the element's "),a=i("code"),r=g("value"),o=g(" passed as a prop and "),c=i("code"),p=g("nativeEvent"),f=g(" has the "),l=i("a"),m=g("native change event"),u=g("."),this.h()},l(t){e=v(t,"Fired when the selection changes. The "),n=h(t,"CODE",{});var i=x(n);$=v(i,"value"),i.forEach(E),s=v(t," contains the element's "),a=h(t,"CODE",{});var g=x(a);r=v(g,"value"),g.forEach(E),o=v(t," passed as a prop and "),c=h(t,"CODE",{});var d=x(c);p=v(d,"nativeEvent"),d.forEach(E),f=v(t," has the "),l=h(t,"A",{href:!0,rel:!0});var y=x(l);m=v(y,"native change event"),y.forEach(E),u=v(t,"."),this.h()},h(){y(l,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),y(l,"rel","nofollow")},m(t,i){w(t,e,i),w(t,n,i),k(n,$),w(t,s,i),w(t,a,i),k(a,r),w(t,o,i),w(t,c,i),k(c,p),w(t,f,i),w(t,l,i),k(l,m),w(t,u,i)},p:b,d(t){t&&E(e),t&&E(n),t&&E(s),t&&E(a),t&&E(o),t&&E(c),t&&E(f),t&&E(l),t&&E(u)}}}function oe(t){let e,n,$,o,c,m;return e=new L({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t)}}}function ce(t){let e,n,$,o,c,m;return n=new F({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),{c(){e=i("thead"),s(n.$$.fragment),$=u(),o=i("tbody"),s(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(E),$=d(t),o=h(t,"TBODY",{});var r=x(o);a(c.$$.fragment,r),r.forEach(E)},m(t,s){w(t,e,s),r(n,e,null),w(t,$,s),w(t,o,s),r(c,o,null),m=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(o),l(c)}}}function pe(t){let e;return{c(){e=g("SCSS Variables")},l(t){e=v(t,"SCSS Variables")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function fe(t){let e;return{c(){e=g("Name")},l(t){e=v(t,"Name")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function le(t){let e;return{c(){e=g("Description")},l(t){e=v(t,"Description")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function me(t){let e;return{c(){e=g("Default")},l(t){e=v(t,"Default")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function ue(t){let e,n,$,o,c,m;return e=new j({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),$=new j({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),c=new j({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t)}}}function ie(t){let e,n,$,s,a,r,o,c,p;return{c(){e=i("strong"),n=i("code"),$=g("$main"),s=u(),a=i("small"),r=g("From "),o=i("a"),c=i("code"),p=g("RadioButton"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=v(l,"$main"),l.forEach(E),f.forEach(E),s=d(t),a=h(t,"SMALL",{});var m=x(a);r=v(m,"From "),o=h(m,"A",{href:!0});var u=x(o);c=h(u,"CODE",{});var i=x(c);p=v(i,"RadioButton"),i.forEach(E),u.forEach(E),m.forEach(E),this.h()},h(){y(o,"href","./docs/components/radio-button")},m(t,f){w(t,e,f),k(e,n),k(n,$),w(t,s,f),w(t,a,f),k(a,r),k(a,o),k(o,c),k(c,p)},p:b,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function ge(t){let e;return{c(){e=g("The fill color of the selected radio button.")},l(t){e=v(t,"The fill color of the selected radio button.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function de(t){let e,n;return e=new A({props:{value:"#4300B0"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p:b,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function he(t){let e,n,$,o,c,m;return e=new L({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t)}}}function xe(t){let e,n,$,s,a,r,o,c,p;return{c(){e=i("strong"),n=i("code"),$=g("$font"),s=u(),a=i("small"),r=g("From "),o=i("a"),c=i("code"),p=g("RadioButton"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=v(l,"$font"),l.forEach(E),f.forEach(E),s=d(t),a=h(t,"SMALL",{});var m=x(a);r=v(m,"From "),o=h(m,"A",{href:!0});var u=x(o);c=h(u,"CODE",{});var i=x(c);p=v(i,"RadioButton"),i.forEach(E),u.forEach(E),m.forEach(E),this.h()},h(){y(o,"href","./docs/components/radio-button")},m(t,f){w(t,e,f),k(e,n),k(n,$),w(t,s,f),w(t,a,f),k(a,r),k(a,o),k(o,c),k(c,p)},p:b,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function ve(t){let e;return{c(){e=g("The font of the radio button's label.")},l(t){e=v(t,"The font of the radio button's label.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Ee(t){let e,n;return{c(){e=i("code"),n=g("'Ubuntu'")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"'Ubuntu'"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:b,d(t){t&&E(e)}}}function ye(t){let e,n,$,o,c,m;return e=new L({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t)}}}function we(t){let e,n,$,s,a,r,o,c,p;return{c(){e=i("strong"),n=i("code"),$=g("$disabled"),s=u(),a=i("small"),r=g("From "),o=i("a"),c=i("code"),p=g("RadioButton"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=v(l,"$disabled"),l.forEach(E),f.forEach(E),s=d(t),a=h(t,"SMALL",{});var m=x(a);r=v(m,"From "),o=h(m,"A",{href:!0});var u=x(o);c=h(u,"CODE",{});var i=x(c);p=v(i,"RadioButton"),i.forEach(E),u.forEach(E),m.forEach(E),this.h()},h(){y(o,"href","./docs/components/radio-button")},m(t,f){w(t,e,f),k(e,n),k(n,$),w(t,s,f),w(t,a,f),k(a,r),k(a,o),k(o,c),k(c,p)},p:b,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function ke(t){let e;return{c(){e=g("The fill color of the disabled radio button.")},l(t){e=v(t,"The fill color of the disabled radio button.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function be(t){let e,n;return e=new A({props:{value:"#888888"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p:b,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function De(t){let e,n,$,o,c,m;return e=new L({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t)}}}function Oe(t){let e,n,$,s,a,r,o,c,p;return{c(){e=i("strong"),n=i("code"),$=g("$dark"),s=u(),a=i("small"),r=g("From "),o=i("a"),c=i("code"),p=g("RadioButton"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=v(l,"$dark"),l.forEach(E),f.forEach(E),s=d(t),a=h(t,"SMALL",{});var m=x(a);r=v(m,"From "),o=h(m,"A",{href:!0});var u=x(o);c=h(u,"CODE",{});var i=x(c);p=v(i,"RadioButton"),i.forEach(E),u.forEach(E),m.forEach(E),this.h()},h(){y(o,"href","./docs/components/radio-button")},m(t,f){w(t,e,f),k(e,n),k(n,$),w(t,s,f),w(t,a,f),k(a,r),k(a,o),k(o,c),k(c,p)},p:b,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function Ce(t){let e;return{c(){e=g("The background color of the radio button hover signifier.")},l(t){e=v(t,"The background color of the radio button hover signifier.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Te(t){let e,n;return e=new A({props:{value:"#333333"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p:b,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function Re(t){let e,n,$,o,c,m;return e=new L({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t)}}}function Ae(t){let e,n,$,s,a,r,o,c,p;return{c(){e=i("strong"),n=i("code"),$=g("$light-contrast"),s=u(),a=i("small"),r=g("From "),o=i("a"),c=i("code"),p=g("RadioButton"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=v(l,"$light-contrast"),l.forEach(E),f.forEach(E),s=d(t),a=h(t,"SMALL",{});var m=x(a);r=v(m,"From "),o=h(m,"A",{href:!0});var u=x(o);c=h(u,"CODE",{});var i=x(c);p=v(i,"RadioButton"),i.forEach(E),u.forEach(E),m.forEach(E),this.h()},h(){y(o,"href","./docs/components/radio-button")},m(t,f){w(t,e,f),k(e,n),k(n,$),w(t,s,f),w(t,a,f),k(a,r),k(a,o),k(o,c),k(c,p)},p:b,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function Se(t){let e;return{c(){e=g("The border color of an unselected radio button, or the fill color of a selected disabled one.")},l(t){e=v(t,"The border color of an unselected radio button, or the fill color of a selected disabled one.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Ne(t){let e,n;return e=new A({props:{value:"#DDDDDD"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p:b,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function Be(t){let e,n,$,o,c,m;return e=new L({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t)}}}function Ge(t){let e,n,$,s,a,r,o,c,p;return{c(){e=i("strong"),n=i("code"),$=g("$main-text"),s=u(),a=i("small"),r=g("From "),o=i("a"),c=i("code"),p=g("RadioButton"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=v(l,"$main-text"),l.forEach(E),f.forEach(E),s=d(t),a=h(t,"SMALL",{});var m=x(a);r=v(m,"From "),o=h(m,"A",{href:!0});var u=x(o);c=h(u,"CODE",{});var i=x(c);p=v(i,"RadioButton"),i.forEach(E),u.forEach(E),m.forEach(E),this.h()},h(){y(o,"href","./docs/components/radio-button")},m(t,f){w(t,e,f),k(e,n),k(n,$),w(t,s,f),w(t,a,f),k(a,r),k(a,o),k(o,c),k(c,p)},p:b,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function Fe(t){let e;return{c(){e=g("The color of the dot inside the selected radio button.")},l(t){e=v(t,"The color of the dot inside the selected radio button.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function je(t){let e,n;return e=new A({props:{value:"#FFFFFF",bordered:!0}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p:b,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function Le(t){let e,n,$,o,c,m;return e=new L({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t)}}}function Me(t){let e,n,$,o,c,m,g,v,y,b,D,O,C,T,R,A;return n=new F({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),g=new F({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),y=new F({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),D=new F({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),C=new F({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),R=new F({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),{c(){e=i("thead"),s(n.$$.fragment),$=u(),o=i("tbody"),s(c.$$.fragment),m=u(),s(g.$$.fragment),v=u(),s(y.$$.fragment),b=u(),s(D.$$.fragment),O=u(),s(C.$$.fragment),T=u(),s(R.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(E),$=d(t),o=h(t,"TBODY",{});var r=x(o);a(c.$$.fragment,r),m=d(r),a(g.$$.fragment,r),v=d(r),a(y.$$.fragment,r),b=d(r),a(D.$$.fragment,r),O=d(r),a(C.$$.fragment,r),T=d(r),a(R.$$.fragment,r),r.forEach(E)},m(t,s){w(t,e,s),r(n,e,null),w(t,$,s),w(t,o,s),r(c,o,null),k(o,m),r(g,o,null),k(o,v),r(y,o,null),k(o,b),r(D,o,null),k(o,O),r(C,o,null),k(o,T),r(R,o,null),A=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),g.$set(a);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),y.$set(r);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),D.$set(o);const p={};8&e&&(p.$$scope={dirty:e,ctx:t}),C.$set(p);const f={};8&e&&(f.$$scope={dirty:e,ctx:t}),R.$set(f)},i(t){A||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),p(y.$$.fragment,t),p(D.$$.fragment,t),p(C.$$.fragment,t),p(R.$$.fragment,t),A=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),f(y.$$.fragment,t),f(D.$$.fragment,t),f(C.$$.fragment,t),f(R.$$.fragment,t),A=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(o),l(c),l(g),l(y),l(D),l(C),l(R)}}}function Pe(t){let e,n,$,o,c,m,b,D,T,A,F,j,L,V,Y,z,K,W,_,J,Q,X,Z,nt,$t,st,at,rt,ot,ct,pt,ft,lt,mt,ut;return e=new O({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),$=new C({props:{$$slots:{default:[P]},$$scope:{ctx:t}}}),c=new S({props:{components:Ue}}),b=new R({props:{$$slots:{source:[q],showcase:[H]},$$scope:{ctx:t}}}),T=new N({props:{id:"properties",$$slots:{default:[I]},$$scope:{ctx:t}}}),F=new B({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),L=new G({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),Y=new B({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),K=new G({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),X=new B({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),nt=new C({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),st=new G({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),rt=new N({props:{id:"events",$$slots:{default:[Zt]},$$scope:{ctx:t}}}),ct=new G({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),ft=new N({props:{id:"scss-variables",$$slots:{default:[pe]},$$scope:{ctx:t}}}),mt=new G({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(b.$$.fragment),D=u(),s(T.$$.fragment),A=u(),s(F.$$.fragment),j=u(),s(L.$$.fragment),V=u(),s(Y.$$.fragment),z=u(),s(K.$$.fragment),W=u(),_=i("div"),J=g("* Required"),Q=u(),s(X.$$.fragment),Z=u(),s(nt.$$.fragment),$t=u(),s(st.$$.fragment),at=u(),s(rt.$$.fragment),ot=u(),s(ct.$$.fragment),pt=u(),s(ft.$$.fragment),lt=u(),s(mt.$$.fragment),this.h()},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(b.$$.fragment,t),D=d(t),a(T.$$.fragment,t),A=d(t),a(F.$$.fragment,t),j=d(t),a(L.$$.fragment,t),V=d(t),a(Y.$$.fragment,t),z=d(t),a(K.$$.fragment,t),W=d(t),_=h(t,"DIV",{class:!0});var s=x(_);J=v(s,"* Required"),s.forEach(E),Q=d(t),a(X.$$.fragment,t),Z=d(t),a(nt.$$.fragment,t),$t=d(t),a(st.$$.fragment,t),at=d(t),a(rt.$$.fragment,t),ot=d(t),a(ct.$$.fragment,t),pt=d(t),a(ft.$$.fragment,t),lt=d(t),a(mt.$$.fragment,t),this.h()},h(){y(_,"class","required")},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(b,t,s),w(t,D,s),r(T,t,s),w(t,A,s),r(F,t,s),w(t,j,s),r(L,t,s),w(t,V,s),r(Y,t,s),w(t,z,s),r(K,t,s),w(t,W,s),w(t,_,s),k(_,J),w(t,Q,s),r(X,t,s),w(t,Z,s),r(nt,t,s),w(t,$t,s),r(st,t,s),w(t,at,s),r(rt,t,s),w(t,ot,s),r(ct,t,s),w(t,pt,s),r(ft,t,s),w(t,lt,s),r(mt,t,s),ut=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),b.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),T.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),F.$set(c);const p={};8&n&&(p.$$scope={dirty:n,ctx:t}),L.$set(p);const f={};8&n&&(f.$$scope={dirty:n,ctx:t}),Y.$set(f);const l={};8&n&&(l.$$scope={dirty:n,ctx:t}),K.$set(l);const m={};8&n&&(m.$$scope={dirty:n,ctx:t}),X.$set(m);const u={};8&n&&(u.$$scope={dirty:n,ctx:t}),nt.$set(u);const i={};8&n&&(i.$$scope={dirty:n,ctx:t}),st.$set(i);const g={};8&n&&(g.$$scope={dirty:n,ctx:t}),rt.$set(g);const d={};8&n&&(d.$$scope={dirty:n,ctx:t}),ct.$set(d);const h={};8&n&&(h.$$scope={dirty:n,ctx:t}),ft.$set(h);const x={};8&n&&(x.$$scope={dirty:n,ctx:t}),mt.$set(x)},i(t){ut||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(b.$$.fragment,t),p(T.$$.fragment,t),p(F.$$.fragment,t),p(L.$$.fragment,t),p(Y.$$.fragment,t),p(K.$$.fragment,t),p(X.$$.fragment,t),p(nt.$$.fragment,t),p(st.$$.fragment,t),p(rt.$$.fragment,t),p(ct.$$.fragment,t),p(ft.$$.fragment,t),p(mt.$$.fragment,t),ut=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(b.$$.fragment,t),f(T.$$.fragment,t),f(F.$$.fragment,t),f(L.$$.fragment,t),f(Y.$$.fragment,t),f(K.$$.fragment,t),f(X.$$.fragment,t),f(nt.$$.fragment,t),f(st.$$.fragment,t),f(rt.$$.fragment,t),f(ct.$$.fragment,t),f(ft.$$.fragment,t),f(mt.$$.fragment,t),ut=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(b,t),t&&E(D),l(T,t),t&&E(A),l(F,t),t&&E(j),l(L,t),t&&E(V),l(Y,t),t&&E(z),l(K,t),t&&E(W),t&&E(_),t&&E(Q),l(X,t),t&&E(Z),l(nt,t),t&&E($t),l(st,t),t&&E(at),l(rt,t),t&&E(ot),l(ct,t),t&&E(pt),l(ft,t),t&&E(lt),l(mt,t)}}}function He(t){let e,n;const m=[t[2],qe];let u={$$slots:{default:[Pe]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)u=$(u,m[t]);return e=new D({props:u}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p(t,[n]){const $=4&n?o(m,[4&n&&c(t[2]),0&n&&c(qe)]):{};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}const qe={name:"RadioGroup",relatedComponents:[{name:"RadioButton",link:"./docs/components/radio-button"}]},{name:Ie,relatedComponents:Ue}=qe;function Ve(t,e,n){return t.$$set=t=>{n(2,e=$($({},e),m(t)))},[[{value:"1",label:"one"},{value:"2",label:"two"}],[{value:"#000000"},{value:"#ff0000"},{value:"#00ff00"},{value:"#ffffff"}],e=m(e)]}class Ye extends t{constructor(t){super(),e(this,t,Ve,He,n,{})}}export{Ye as default,qe as metadata};
diff --git a/376/client/legacy/range.e5e7391f.js b/376/client/legacy/range.e5e7391f.js
new file mode 100644
index 000000000..c9adce6cc
--- /dev/null
+++ b/376/client/legacy/range.e5e7391f.js
@@ -0,0 +1 @@
+function e(e,n){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return function*(){if(null==n&&(n=e,e=0),0===r)throw new Error("Range must have a non-zero step.");if(!(e>=n&&r>0||e<=n&&r<0))for(let t=e;e<n?t<n:t>n;t+=r)yield t}()}export{e as r};
diff --git a/376/client/legacy/related-components-3b88a506.css b/376/client/legacy/related-components-3b88a506.css
new file mode 100644
index 000000000..9e13ecb0e
--- /dev/null
+++ b/376/client/legacy/related-components-3b88a506.css
@@ -0,0 +1 @@
+.related-components.svelte-j9fifh{background:rgba(67, 0, 176, 0.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:0.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 0.5em 0.5em 0;padding:0.5em}
diff --git a/376/client/legacy/related-components.9fddec4f.js b/376/client/legacy/related-components.9fddec4f.js
new file mode 100644
index 000000000..2ebc56281
--- /dev/null
+++ b/376/client/legacy/related-components.9fddec4f.js
@@ -0,0 +1 @@
+import{S as t,i as e,s,H as n,f as l,t as a,y as o,p as r,z as c,d as f,h as $,j as m,u as i,k as p,b as u,l as d,w as g,e as h,X as x,m as j,g as b,q as v,a9 as w,v as y,x as k,A as C}from"./client.583c6e60.js";import{B as R}from"./button.863c0adf.js";import{C as B}from"./card.113fcab4.js";import{L as q}from"./label.d533579b.js";import{c as z}from"./classes.a7d1a9eb.js";function A(t,e,s){const n=t.slice();return n[2]=e[s],n}function D(t){let e,s,n,y,k;s=new q({props:{$$slots:{default:[E]},$$scope:{ctx:t}}});let C=t[1],R=[];for(let e=0;e<C.length;e+=1)R[e]=L(A(t,C,e));const B=t=>r(R[t],1,1,(()=>{R[t]=null}));return{c(){e=$("div"),m(s.$$.fragment),n=i();for(let t=0;t<R.length;t+=1)R[t].c();this.h()},l(t){e=p(t,"DIV",{class:!0});var l=u(e);d(s.$$.fragment,l),n=g(l);for(let t=0;t<R.length;t+=1)R[t].l(l);l.forEach(f),this.h()},h(){h(e,"class",y=x(z("related-components",t[0]))+" svelte-j9fifh")},m(t,a){l(t,e,a),j(s,e,null),b(e,n);for(let t=0;t<R.length;t+=1)R[t]&&R[t].m(e,null);k=!0},p(t,n){const l={};if(32&n&&(l.$$scope={dirty:n,ctx:t}),s.$set(l),2&n){let s;for(C=t[1],s=0;s<C.length;s+=1){const l=A(t,C,s);R[s]?(R[s].p(l,n),a(R[s],1)):(R[s]=L(l),R[s].c(),a(R[s],1),R[s].m(e,null))}for(o(),s=C.length;s<R.length;s+=1)B(s);c()}(!k||1&n&&y!==(y=x(z("related-components",t[0]))+" svelte-j9fifh"))&&h(e,"class",y)},i(t){if(!k){a(s.$$.fragment,t);for(let t=0;t<C.length;t+=1)a(R[t]);k=!0}},o(t){r(s.$$.fragment,t),R=R.filter(Boolean);for(let t=0;t<R.length;t+=1)r(R[t]);k=!1},d(t){t&&f(e),v(s),w(R,t)}}}function E(t){let e;return{c(){e=y("Related Components")},l(t){e=k(t,"Related Components")},m(t,s){l(t,e,s)},d(t){t&&f(e)}}}function H(t){let e,s=t[2].name+"";return{c(){e=y(s)},l(t){e=k(t,s)},m(t,s){l(t,e,s)},p(t,n){2&n&&s!==(s=t[2].name+"")&&C(e,s)},d(t){t&&f(e)}}}function I(t){let e,s,n;return e=new R({props:{href:t[2].link,$$slots:{default:[H]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),s=i()},l(t){d(e.$$.fragment,t),s=g(t)},m(t,a){j(e,t,a),l(t,s,a),n=!0},p(t,s){const n={};2&s&&(n.href=t[2].link),34&s&&(n.$$scope={dirty:s,ctx:t}),e.$set(n)},i(t){n||(a(e.$$.fragment,t),n=!0)},o(t){r(e.$$.fragment,t),n=!1},d(t){v(e,t),t&&f(s)}}}function L(t){let e,s;return e=new B({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment)},l(t){d(e.$$.fragment,t)},m(t,n){j(e,t,n),s=!0},p(t,s){const n={};34&s&&(n.$$scope={dirty:s,ctx:t}),e.$set(n)},i(t){s||(a(e.$$.fragment,t),s=!0)},o(t){r(e.$$.fragment,t),s=!1},d(t){v(e,t)}}}function N(t){let e,s,$=0!==t[1].length&&D(t);return{c(){$&&$.c(),e=n()},l(t){$&&$.l(t),e=n()},m(t,n){$&&$.m(t,n),l(t,e,n),s=!0},p(t,s){let[n]=s;0!==t[1].length?$?($.p(t,n),2&n&&a($,1)):($=D(t),$.c(),a($,1),$.m(e.parentNode,e)):$&&(o(),r($,1,1,(()=>{$=null})),c())},i(t){s||(a($),s=!0)},o(t){r($),s=!1},d(t){$&&$.d(t),t&&f(e)}}}function S(t,e,s){let{class:n=null}=e,{components:l}=e;return t.$$set=t=>{"class"in t&&s(0,n=t.class),"components"in t&&s(1,l=t.components)},[n,l]}class V extends t{constructor(t){super(),e(this,t,S,N,s,{class:0,components:1})}}export{V as R};
diff --git a/376/client/legacy/shadow-preview-8f373d1e.css b/376/client/legacy/shadow-preview-8f373d1e.css
new file mode 100644
index 000000000..56c52d330
--- /dev/null
+++ b/376/client/legacy/shadow-preview-8f373d1e.css
@@ -0,0 +1 @@
+.preview.svelte-1y2m3b2{align-items:center;background:#fff;border-radius:0.25em;display:flex;font-size:0.8em;font-weight:300;justify-content:center;padding:0.25em 0.5em;width:5em}.value-popover.svelte-1y2m3b2{background:#fff;border-radius:0.5em;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);color:#333;font-family:"Roboto Mono", monospace;margin-right:0.25em;padding:0.5em;white-space:pre}
diff --git a/376/client/legacy/shadow-preview.487038f8.js b/376/client/legacy/shadow-preview.487038f8.js
new file mode 100644
index 000000000..ed71857f6
--- /dev/null
+++ b/376/client/legacy/shadow-preview.487038f8.js
@@ -0,0 +1 @@
+import{S as s,i as e,s as t,j as a,l as o,m as n,t as r,p as l,q as c,E as i,h as p,v as u,k as h,b as v,x as f,d as $,e as m,f as d,g,n as x,A as b,Y as y}from"./client.583c6e60.js";import{P as E,a as j}from"./popover.3a24cfa5.js";function w(s){let e,t;return{c(){e=p("div"),t=u("hover me"),this.h()},l(s){e=h(s,"DIV",{class:!0});var a=v(e);t=f(a,"hover me"),a.forEach($),this.h()},h(){m(e,"class","preview svelte-1y2m3b2")},m(a,o){d(a,e,o),g(e,t),s[2](e)},p:x,d(t){t&&$(e),s[2](null)}}}function S(s){let e,t,a=s[0].replace(/\), /g,"),\n")+"";return{c(){e=p("div"),t=u(a),this.h()},l(s){e=h(s,"DIV",{slot:!0,class:!0});var o=v(e);t=f(o,a),o.forEach($),this.h()},h(){m(e,"slot","popover-content"),m(e,"class","value-popover svelte-1y2m3b2")},m(s,a){d(s,e,a),g(e,t)},p(s,e){1&e&&a!==(a=s[0].replace(/\), /g,"),\n")+"")&&b(t,a)},d(s){s&&$(e)}}}function D(s){let e,t;return e=new E({props:{position:j.LEFT,$$slots:{"popover-content":[S],default:[w]},$$scope:{ctx:s}}}),{c(){a(e.$$.fragment)},l(s){o(e.$$.fragment,s)},m(s,a){n(e,s,a),t=!0},p(s,t){let[a]=t;const o={};11&a&&(o.$$scope={dirty:a,ctx:s}),e.$set(o)},i(s){t||(r(e.$$.fragment,s),t=!0)},o(s){l(e.$$.fragment,s),t=!1},d(s){c(e,s)}}}function I(s,e,t){let a,{value:o}=e;return i((function(){t(1,a.style.boxShadow=o.slice(0,-1),a)})),s.$$set=s=>{"value"in s&&t(0,o=s.value)},[o,a,function(s){y[s?"unshift":"push"]((()=>{a=s,t(1,a)}))}]}class V extends s{constructor(s){super(),e(this,s,I,D,t,{value:0})}}export{V as S};
diff --git a/376/client/legacy/showcase-2cfe88ab.css b/376/client/legacy/showcase-2cfe88ab.css
new file mode 100644
index 000000000..e8ea5628e
--- /dev/null
+++ b/376/client/legacy/showcase-2cfe88ab.css
@@ -0,0 +1 @@
+.showcase.svelte-10o04be{border:1px solid rgba(67, 0, 176, 0.25);border-radius:0.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4, auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:0.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67, 0, 176, 0.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:0.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67, 0, 176, 0.25);border-radius:0.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width: 920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:0.5rem}.showcase.svelte-10o04be>.label.code{background:none}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:0.5em;border-top-left-radius:0.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}
diff --git a/376/client/legacy/showcase.759e7149.js b/376/client/legacy/showcase.759e7149.js
new file mode 100644
index 000000000..0cf1d3360
--- /dev/null
+++ b/376/client/legacy/showcase.759e7149.js
@@ -0,0 +1 @@
+import{S as s,i as t,s as e,M as $,h as a,j as c,u as o,k as n,b as r,l,w as p,d as f,e as m,f as u,m as i,g as d,Q as g,R as h,T as x,t as w,p as S,q as b,v as j,x as y}from"./client.583c6e60.js";import{L as v}from"./label.d533579b.js";import{C}from"./copyable-code.ce778425.js";const E=s=>({}),T=s=>({}),k=s=>({}),q=s=>({});function I(s){let t;return{c(){t=j("Showcase")},l(s){t=y(s,"Showcase")},m(s,e){u(s,t,e)},d(s){s&&f(t)}}}function L(s){let t;return{c(){t=j("Source")},l(s){t=y(s,"Source")},m(s,e){u(s,t,e)},d(s){s&&f(t)}}}function M(s){let t;const e=s[0].source,a=$(e,s,s[1],T);return{c(){a&&a.c()},l(s){a&&a.l(s)},m(s,e){a&&a.m(s,e),t=!0},p(s,$){a&&a.p&&(!t||2&$)&&g(a,e,s,s[1],t?x(e,s[1],$,E):h(s[1]),T)},i(s){t||(w(a,s),t=!0)},o(s){S(a,s),t=!1},d(s){a&&a.d(s)}}}function N(s){let t,e,j,y,E,T,N,O;e=new v({props:{$$slots:{default:[I]},$$scope:{ctx:s}}});const Q=s[0].showcase,R=$(Q,s,s[1],q);return E=new v({props:{class:"code",$$slots:{default:[L]},$$scope:{ctx:s}}}),N=new C({props:{$$slots:{default:[M]},$$scope:{ctx:s}}}),{c(){t=a("section"),c(e.$$.fragment),j=o(),R&&R.c(),y=o(),c(E.$$.fragment),T=o(),c(N.$$.fragment),this.h()},l(s){t=n(s,"SECTION",{class:!0});var $=r(t);l(e.$$.fragment,$),j=p($),R&&R.l($),y=p($),l(E.$$.fragment,$),T=p($),l(N.$$.fragment,$),$.forEach(f),this.h()},h(){m(t,"class","showcase svelte-10o04be")},m(s,$){u(s,t,$),i(e,t,null),d(t,j),R&&R.m(t,null),d(t,y),i(E,t,null),d(t,T),i(N,t,null),O=!0},p(s,t){let[$]=t;const a={};2&$&&(a.$$scope={dirty:$,ctx:s}),e.$set(a),R&&R.p&&(!O||2&$)&&g(R,Q,s,s[1],O?x(Q,s[1],$,k):h(s[1]),q);const c={};2&$&&(c.$$scope={dirty:$,ctx:s}),E.$set(c);const o={};2&$&&(o.$$scope={dirty:$,ctx:s}),N.$set(o)},i(s){O||(w(e.$$.fragment,s),w(R,s),w(E.$$.fragment,s),w(N.$$.fragment,s),O=!0)},o(s){S(e.$$.fragment,s),S(R,s),S(E.$$.fragment,s),S(N.$$.fragment,s),O=!1},d(s){s&&f(t),b(e),R&&R.d(s),b(E),b(N)}}}function O(s,t,e){let{$$slots:$={},$$scope:a}=t;return s.$$set=s=>{"$$scope"in s&&e(1,a=s.$$scope)},[$,a]}class Q extends s{constructor(s){super(),t(this,s,O,N,e,{})}}export{Q as S};
diff --git a/376/client/legacy/slider-dd4ec7e1.css b/376/client/legacy/slider-dd4ec7e1.css
new file mode 100644
index 000000000..82420874c
--- /dev/null
+++ b/376/client/legacy/slider-dd4ec7e1.css
@@ -0,0 +1,2 @@
+.handle.svelte-1u2at4{backface-visibility:hidden;background:#4300b0;border-radius:50%;display:block;height:16px;position:absolute;width:16px;z-index:2}.handle-horizontal.svelte-1u2at4{top:-6px;transform:translateX(-50%)}.handle-vertical.svelte-1u2at4{left:-6px;transform:translateY(50%)}.handle.svelte-1u2at4:hover{box-shadow:0 0 0 8px rgba(131, 141, 231, 0.16);cursor:pointer}.handle.svelte-1u2at4:focus{box-shadow:0 0 0 8px rgba(131, 141, 231, 0.16);outline:none}.handle-active.svelte-1u2at4{background:#4300b0}.handle-disabled.svelte-1u2at4,.handle-disabled.svelte-1u2at4:hover,.handle-disabled.svelte-1u2at4:active{background:#888;box-shadow:none;cursor:not-allowed}
+.slider.svelte-1o2b9u1.svelte-1o2b9u1{box-sizing:border-box;cursor:pointer;padding:4px 0;position:relative;touch-action:none;user-select:none;z-index:1}.slider-horizontal.svelte-1o2b9u1.svelte-1o2b9u1{height:10px;width:100%}.slider-vertical.svelte-1o2b9u1.svelte-1o2b9u1{height:100%;width:10px}.slider-disabled.svelte-1o2b9u1.svelte-1o2b9u1{cursor:not-allowed}.rail.svelte-1o2b9u1.svelte-1o2b9u1{background:#aaa;border-radius:2px;position:absolute}.rail-horizontal.svelte-1o2b9u1.svelte-1o2b9u1{height:4px;top:0;width:100%}.rail-vertical.svelte-1o2b9u1.svelte-1o2b9u1{height:100%;left:0;top:0;width:4px}.rail-disabled.svelte-1o2b9u1.svelte-1o2b9u1{background:#cfcfcf;cursor:not-allowed}.range-selection.svelte-1o2b9u1.svelte-1o2b9u1{background:#4300b0;border-radius:2px;pointer-events:none;position:absolute}.range-selection-horizontal.svelte-1o2b9u1.svelte-1o2b9u1{height:4px;left:0;right:auto;top:0}.range-selection-vertical.svelte-1o2b9u1.svelte-1o2b9u1{bottom:0;top:auto;width:4px}.range-selection-disabled.svelte-1o2b9u1.svelte-1o2b9u1{background:darkgray}.tick.svelte-1o2b9u1.svelte-1o2b9u1{background:#7a7a7a;position:absolute}.tick-horizontal.svelte-1o2b9u1.svelte-1o2b9u1{bottom:auto;height:8px;position:absolute;right:auto;top:10px;white-space:nowrap;width:1px}.tick-horizontal-sub.svelte-1o2b9u1.svelte-1o2b9u1{height:4px}.tick-vertical.svelte-1o2b9u1.svelte-1o2b9u1{bottom:100%;height:1px;left:10px;right:auto;width:8px}.tick-vertical-sub.svelte-1o2b9u1.svelte-1o2b9u1{width:4px}.tick-value.svelte-1o2b9u1.svelte-1o2b9u1{background:none;color:#7a7a7a;font-size:12px;font-variant-numeric:tabular-nums;position:absolute;white-space:nowrap}.tick-value-horizontal.svelte-1o2b9u1.svelte-1o2b9u1{top:2px;transform:translate(-50%, 50%)}.tick-value-vertical.svelte-1o2b9u1.svelte-1o2b9u1{left:12px;top:0;transform:translate(0%, -50%)}.tick-value-disabled.svelte-1o2b9u1.svelte-1o2b9u1{color:#cfcfcf}.tick-disabled.svelte-1o2b9u1.svelte-1o2b9u1{background:#cfcfcf}.handle-tooltip.svelte-1o2b9u1.svelte-1o2b9u1{align-items:center;background:#4300b0;border:0;border-radius:0;box-shadow:0 1px 2px 0 rgba(8, 11, 13, 0.25);color:#fff;display:flex;font-weight:600;justify-content:center;line-height:16px;position:absolute;white-space:nowrap;z-index:1}.handle-tooltip.svelte-1o2b9u1.svelte-1o2b9u1::after{background:#4300b0;box-shadow:0 1px 2px 0 rgba(8, 11, 13, 0.25);content:"";display:inline-block;height:12px;position:absolute;transform:rotate(45deg) translateY(50%);width:12px;z-index:-1}.handle-tooltip-horizontal.svelte-1o2b9u1.svelte-1o2b9u1{left:50%;top:-40px;transform:translate(-50%, 0)}.handle-tooltip-horizontal.svelte-1o2b9u1.svelte-1o2b9u1::after{bottom:-2px;clip-path:inset(0 -15px -15px 0);left:calc(50% - 2px)}.handle-tooltip-vertical.svelte-1o2b9u1.svelte-1o2b9u1{right:24px;top:50%;transform:translate(0, -50%)}.handle-tooltip-vertical.svelte-1o2b9u1.svelte-1o2b9u1::after{bottom:45%;clip-path:inset(-15px -15px 0 0);right:-10px}.handle-tooltip-content.svelte-1o2b9u1.svelte-1o2b9u1{background:#4300b0;font-size:14px;font-variant-numeric:tabular-nums;font-weight:600;height:100%;line-height:16px;padding:5px;width:100%;z-index:2}.handle-tooltip-disabled.svelte-1o2b9u1 .handle-tooltip-content.svelte-1o2b9u1{background:#aaa}.handle-tooltip-disabled.handle-tooltip.svelte-1o2b9u1.svelte-1o2b9u1::after{background:#aaa}
diff --git a/376/client/legacy/slider.6c4173b2.js b/376/client/legacy/slider.6c4173b2.js
new file mode 100644
index 000000000..d29bd6c5a
--- /dev/null
+++ b/376/client/legacy/slider.6c4173b2.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as s,l as a,m as r,U as o,a0 as c,t as p,p as l,q as f,L as m,u,h as g,v as i,w as d,k as x,b as h,x as v,d as w,e as y,f as E,g as k,Y as b,$ as D,ao as O,a1 as T,n as C}from"./client.583c6e60.js";import{L as S,H as N,P as R}from"./layout.47c81311.js";import{S as j}from"./slider.854a0f45.js";import{S as G}from"./showcase.759e7149.js";import{C as A}from"./color-preview.9db6af61.js";import{H as z}from"./h3.c9a49f62.js";import{T as P,a as B,b as F,c as H}from"./table.c1711529.js";import{H as Y}from"./h2.0da05151.js";import"./index.57f55611.js";import"./classes.a7d1a9eb.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./button.863c0adf.js";function q(t){let e;return{c(){e=i("Slider")},l(t){e=v(t,"Slider")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function V(t){let e;return{c(){e=i("An slider for selecting a value or a range.")},l(t){e=v(t,"An slider for selecting a value or a range.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function I(t){let e,$,n,o,c,m,i,v,C,S,N,R,G;function A(e){t[3](e)}n=new j({props:{value:5,min:1,max:10,step:1,vertical:!0,tooltips:"active",ticks:{mode:"step",step:1,subDensity:4}}});let z={min:2,max:6,step:.5,tooltips:"always"};return void 0!==t[0]&&(z.value=t[0]),i=new j({props:z}),b.push((()=>D(i,"value",A))),R=new j({props:{value:[2,4],min:1,max:10,step:1,tooltips:"never",ticks:{mode:"values",values:[1,3,5,7,9]}}}),{c(){e=g("div"),$=g("div"),s(n.$$.fragment),o=u(),c=g("br"),m=u(),s(i.$$.fragment),C=u(),S=g("br"),N=u(),s(R.$$.fragment),this.h()},l(t){e=x(t,"DIV",{slot:!0,class:!0});var s=h(e);$=x(s,"DIV",{style:!0});var r=h($);a(n.$$.fragment,r),o=d(r),c=x(r,"BR",{}),m=d(r),a(i.$$.fragment,r),C=d(r),S=x(r,"BR",{}),N=d(r),a(R.$$.fragment,r),r.forEach(w),s.forEach(w),this.h()},h(){O($,"margin-left","1.5em"),O($,"height","90%"),O($,"min-width","250px"),O($,"max-height","400px"),y(e,"slot","showcase"),y(e,"class","padded")},m(t,s){E(t,e,s),k(e,$),r(n,$,null),k($,o),k($,c),k($,m),r(i,$,null),k($,C),k($,S),k($,N),r(R,$,null),G=!0},p(t,e){const $={};!v&&1&e&&(v=!0,$.value=t[0],T((()=>v=!1))),i.$set($)},i(t){G||(p(n.$$.fragment,t),p(i.$$.fragment,t),p(R.$$.fragment,t),G=!0)},o(t){l(n.$$.fragment,t),l(i.$$.fragment,t),l(R.$$.fragment,t),G=!1},d(t){t&&w(e),f(n),f(i),f(R)}}}function K(t){let e,$;return{c(){e=g("div"),$=g("pre"),this.h()},l(t){e=x(t,"DIV",{slot:!0});var n=h(e);$=x(n,"PRE",{class:!0}),h($).forEach(w),n.forEach(w),this.h()},h(){y($,"class","language-svelte"),y(e,"slot","source")},m(t,n){E(t,e,n),k(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Slider</span>\n  <span class="token attr-name">value=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">5</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">min=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">1</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">max=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">10</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">step=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">1</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">vertical</span>\n  <span class="token attr-name">tooltips</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>active<span class="token punctuation">"</span></span>\n  <span class="token attr-name">ticks=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token punctuation">&#123;</span><span class="token literal-property property">mode</span><span class="token operator">:</span> <span class="token string">\'step\'</span><span class="token punctuation">,</span> <span class="token literal-property property">step</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span> <span class="token literal-property property">subDensity</span><span class="token operator">:</span> <span class="token number">4</span><span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span></span>\n<span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Slider</span>\n  <span class="token attr-name"><span class="token namespace">bind:</span>value=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>val<span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">min=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">2</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">max=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">6</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">step=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">0.5</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">tooltips</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>always<span class="token punctuation">"</span></span>\n<span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Slider</span>\n  <span class="token attr-name">value=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token punctuation">[</span><span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">4</span><span class="token punctuation">]</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">min=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">1</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">max=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">10</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">step=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">1</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">tooltips</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>never<span class="token punctuation">"</span></span>\n  <span class="token attr-name">ticks=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token punctuation">&#123;</span><span class="token literal-property property">mode</span><span class="token operator">:</span> <span class="token string">\'values\'</span><span class="token punctuation">,</span> <span class="token literal-property property">values</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">,</span> <span class="token number">5</span><span class="token punctuation">,</span> <span class="token number">7</span><span class="token punctuation">,</span> <span class="token number">9</span><span class="token punctuation">]</span><span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span></span>\n<span class="token punctuation">/></span></span></code>'},p:C,d(t){t&&w(e)}}}function L(t){let e;return{c(){e=i("Class Properties")},l(t){e=v(t,"Class Properties")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function M(t){let e,$,n,s,a,r,o;return{c(){e=i("All "),$=g("code"),n=i("<Slider>"),s=i(" components use the "),a=g("code"),r=i(".slider"),o=i(" class.\nFalsy values passed to classes will be disregarded.")},l(t){e=v(t,"All "),$=x(t,"CODE",{});var c=h($);n=v(c,"<Slider>"),c.forEach(w),s=v(t," components use the "),a=x(t,"CODE",{});var p=h(a);r=v(p,".slider"),p.forEach(w),o=v(t," class.\nFalsy values passed to classes will be disregarded.")},m(t,c){E(t,e,c),E(t,$,c),k($,n),E(t,s,c),E(t,a,c),k(a,r),E(t,o,c)},p:C,d(t){t&&w(e),t&&w($),t&&w(s),t&&w(a),t&&w(o)}}}function W(t){let e;return{c(){e=i("Name")},l(t){e=v(t,"Name")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function U(t){let e;return{c(){e=i("Default")},l(t){e=v(t,"Default")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function J(t){let e;return{c(){e=i("Type")},l(t){e=v(t,"Type")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Q(t){let e;return{c(){e=i("Description")},l(t){e=v(t,"Description")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function X(t){let e,$,n,o,c,m,g,i;return e=new F({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),g=new F({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(g,t,s),i=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};16&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t),t&&w(m),f(g,t)}}}function Z(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("class")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"class"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function _(t){let e,$;return{c(){e=g("code"),$=i("null")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"null"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function tt(t){let e,$;return{c(){e=g("code"),$=i("string")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"string"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function et(t){let e;return{c(){e=i("A class string to add to the component.")},l(t){e=v(t,"A class string to add to the component.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function $t(t){let e,$,n,o,c,m,g,i;return e=new H({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(g,t,s),i=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};16&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t),t&&w(m),f(g,t)}}}function nt(t){let e,$,n,o,c,m;return $=new B({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s($.$$.fragment),n=u(),o=g("tbody"),s(c.$$.fragment)},l(t){e=x(t,"THEAD",{});var s=h(e);a($.$$.fragment,s),s.forEach(w),n=d(t),o=x(t,"TBODY",{});var r=h(o);a(c.$$.fragment,r),r.forEach(w)},m(t,s){E(t,e,s),r($,e,null),E(t,n,s),E(t,o,s),r(c,o,null),m=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};16&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&w(e),f($),t&&w(n),t&&w(o),f(c)}}}function st(t){let e;return{c(){e=i("Functional Properties")},l(t){e=v(t,"Functional Properties")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function at(t){let e;return{c(){e=i("Name")},l(t){e=v(t,"Name")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function rt(t){let e;return{c(){e=i("Default")},l(t){e=v(t,"Default")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function ot(t){let e;return{c(){e=i("Type")},l(t){e=v(t,"Type")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function ct(t){let e;return{c(){e=i("Description")},l(t){e=v(t,"Description")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function pt(t){let e,$,n,o,c,m,g,i;return e=new F({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),g=new F({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(g,t,s),i=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};16&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t),t&&w(m),f(g,t)}}}function lt(t){let e,$,n,s,a,r,o;return{c(){e=g("mark"),$=g("strong"),n=g("code"),s=i("min"),a=i(" "),r=g("span"),o=i("*"),this.h()},l(t){e=x(t,"MARK",{});var c=h(e);$=x(c,"STRONG",{});var p=h($);n=x(p,"CODE",{});var l=h(n);s=v(l,"min"),l.forEach(w),p.forEach(w),c.forEach(w),a=v(t," "),r=x(t,"SPAN",{class:!0});var f=h(r);o=v(f,"*"),f.forEach(w),this.h()},h(){y(r,"class","required")},m(t,c){E(t,e,c),k(e,$),k($,n),k(n,s),E(t,a,c),E(t,r,c),k(r,o)},p:C,d(t){t&&w(e),t&&w(a),t&&w(r)}}}function ft(t){let e,$;return{c(){e=g("code"),$=i("number")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"number"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function mt(t){let e;return{c(){e=i("The minimum value of the slider.")},l(t){e=v(t,"The minimum value of the slider.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function ut(t){let e,$,n,o,c,m,g,i;return e=new H({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),n=new H({}),c=new H({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(g,t,s),i=!0},p(t,$){const n={};16&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){i||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t),t&&w(m),f(g,t)}}}function gt(t){let e,$,n,s,a,r,o;return{c(){e=g("mark"),$=g("strong"),n=g("code"),s=i("max"),a=i(" "),r=g("span"),o=i("*"),this.h()},l(t){e=x(t,"MARK",{});var c=h(e);$=x(c,"STRONG",{});var p=h($);n=x(p,"CODE",{});var l=h(n);s=v(l,"max"),l.forEach(w),p.forEach(w),c.forEach(w),a=v(t," "),r=x(t,"SPAN",{class:!0});var f=h(r);o=v(f,"*"),f.forEach(w),this.h()},h(){y(r,"class","required")},m(t,c){E(t,e,c),k(e,$),k($,n),k(n,s),E(t,a,c),E(t,r,c),k(r,o)},p:C,d(t){t&&w(e),t&&w(a),t&&w(r)}}}function it(t){let e,$;return{c(){e=g("code"),$=i("number")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"number"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function dt(t){let e;return{c(){e=i("The maximum value of the slider.")},l(t){e=v(t,"The maximum value of the slider.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function xt(t){let e,$,n,o,c,m,g,i;return e=new H({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),n=new H({}),c=new H({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(g,t,s),i=!0},p(t,$){const n={};16&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){i||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t),t&&w(m),f(g,t)}}}function ht(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("value")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"value"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function vt(t){let e,$;return{c(){e=g("code"),$=i(Q$)},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,Q$),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function wt(t){let e;return{c(){e=i("The current value of the slider. Provide an array of two numbers to create a range slider.")},l(t){e=v(t,"The current value of the slider. Provide an array of two numbers to create a range slider.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function yt(t){let e,$,n,o,c,m,g,i;return e=new H({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),n=new H({}),c=new H({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(g,t,s),i=!0},p(t,$){const n={};16&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){i||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t),t&&w(m),f(g,t)}}}function Et(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("step")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"step"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function kt(t){let e,$;return{c(){e=g("code"),$=i("1")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"1"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function bt(t){let e,$;return{c(){e=g("code"),$=i("number")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"number"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function Dt(t){let e;return{c(){e=i("The step by which the slider handle can move.")},l(t){e=v(t,"The step by which the slider handle can move.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Ot(t){let e,$,n,o,c,m,g,i;return e=new H({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(g,t,s),i=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};16&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t),t&&w(m),f(g,t)}}}function Tt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("vertical")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"vertical"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function Ct(t){let e,$;return{c(){e=g("code"),$=i("false")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"false"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function St(t){let e,$;return{c(){e=g("code"),$=i("boolean")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"boolean"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function Nt(t){let e;return{c(){e=i("To position the slider vertically with values from top to bottom.")},l(t){e=v(t,"To position the slider vertically with values from top to bottom.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Rt(t){let e,$,n,o,c,m,g,i;return e=new H({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(g,t,s),i=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};16&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t),t&&w(m),f(g,t)}}}function jt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("disabled")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"disabled"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function Gt(t){let e,$;return{c(){e=g("code"),$=i("false")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"false"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function At(t){let e,$;return{c(){e=g("code"),$=i("boolean")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"boolean"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function zt(t){let e;return{c(){e=i("Disables the slider and applies appropriate styling.")},l(t){e=v(t,"Disables the slider and applies appropriate styling.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Pt(t){let e,$,n,o,c,m,g,i;return e=new H({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(g,t,s),i=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};16&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t),t&&w(m),f(g,t)}}}function Bt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("tooltips")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"tooltips"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function Ft(t){let e,$;return{c(){e=g("code"),$=i('"none"')},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,'"none"'),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function Ht(t){let e,$;return{c(){e=g("code"),$=i(X$)},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,X$),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function Yt(t){let e,$,n,s,a,r;return{c(){e=g("code"),$=i("active"),n=i(" will show tooltips above a handle when it is active. "),s=g("code"),a=i("always"),r=i(" will show tooltips regardless of handle state.")},l(t){e=x(t,"CODE",{});var o=h(e);$=v(o,"active"),o.forEach(w),n=v(t," will show tooltips above a handle when it is active. "),s=x(t,"CODE",{});var c=h(s);a=v(c,"always"),c.forEach(w),r=v(t," will show tooltips regardless of handle state.")},m(t,o){E(t,e,o),k(e,$),E(t,n,o),E(t,s,o),k(s,a),E(t,r,o)},p:C,d(t){t&&w(e),t&&w(n),t&&w(s),t&&w(r)}}}function qt(t){let e,$,n,o,c,m,g,i;return e=new H({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(g,t,s),i=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};16&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t),t&&w(m),f(g,t)}}}function Vt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("ticks")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"ticks"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function It(t){let e,$;return{c(){e=g("code"),$=i('{ mode: "none" }')},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,'{ mode: "none" }'),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function Kt(t){let e,$;return{c(){e=g("code"),$=i(t[1])},l(n){e=x(n,"CODE",{});var s=h(e);$=v(s,t[1]),s.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function Lt(t){let e;return{c(){e=i("Configures how ticks are displayed, parallel to the slider rail.")},l(t){e=v(t,"Configures how ticks are displayed, parallel to the slider rail.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Mt(t){let e,$,n,o,c,m,g,i;return e=new H({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(g,t,s),i=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};16&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t),t&&w(m),f(g,t)}}}function Wt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("rangeBehavior")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"rangeBehavior"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function Ut(t){let e,$;return{c(){e=g("code"),$=i('"block"')},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,'"block"'),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function Jt(t){let e,$;return{c(){e=g("code"),$=i(Z$)},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,Z$),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function Qt(t){let e;return{c(){e=i("Defines how two handles interact with each other.")},l(t){e=v(t,"Defines how two handles interact with each other.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Xt(t){let e,$,n,o,c,m,g,i;return e=new H({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(g,t,s),i=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};16&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(g.$$.fragment,t),i=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t),t&&w(m),f(g,t)}}}function Zt(t){let e,$,n,o,c,m,i,v,y,b,D,O,T,C,S,N,R,j,G,A,z,P;return $=new B({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),i=new B({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),y=new B({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),D=new B({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),T=new B({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),S=new B({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),R=new B({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),G=new B({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),z=new B({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s($.$$.fragment),n=u(),o=g("tbody"),s(c.$$.fragment),m=u(),s(i.$$.fragment),v=u(),s(y.$$.fragment),b=u(),s(D.$$.fragment),O=u(),s(T.$$.fragment),C=u(),s(S.$$.fragment),N=u(),s(R.$$.fragment),j=u(),s(G.$$.fragment),A=u(),s(z.$$.fragment)},l(t){e=x(t,"THEAD",{});var s=h(e);a($.$$.fragment,s),s.forEach(w),n=d(t),o=x(t,"TBODY",{});var r=h(o);a(c.$$.fragment,r),m=d(r),a(i.$$.fragment,r),v=d(r),a(y.$$.fragment,r),b=d(r),a(D.$$.fragment,r),O=d(r),a(T.$$.fragment,r),C=d(r),a(S.$$.fragment,r),N=d(r),a(R.$$.fragment,r),j=d(r),a(G.$$.fragment,r),A=d(r),a(z.$$.fragment,r),r.forEach(w)},m(t,s){E(t,e,s),r($,e,null),E(t,n,s),E(t,o,s),r(c,o,null),k(o,m),r(i,o,null),k(o,v),r(y,o,null),k(o,b),r(D,o,null),k(o,O),r(T,o,null),k(o,C),r(S,o,null),k(o,N),r(R,o,null),k(o,j),r(G,o,null),k(o,A),r(z,o,null),P=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};16&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};16&e&&(a.$$scope={dirty:e,ctx:t}),i.$set(a);const r={};16&e&&(r.$$scope={dirty:e,ctx:t}),y.$set(r);const o={};16&e&&(o.$$scope={dirty:e,ctx:t}),D.$set(o);const p={};16&e&&(p.$$scope={dirty:e,ctx:t}),T.$set(p);const l={};16&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l);const f={};16&e&&(f.$$scope={dirty:e,ctx:t}),R.$set(f);const m={};16&e&&(m.$$scope={dirty:e,ctx:t}),G.$set(m);const u={};16&e&&(u.$$scope={dirty:e,ctx:t}),z.$set(u)},i(t){P||(p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),p(y.$$.fragment,t),p(D.$$.fragment,t),p(T.$$.fragment,t),p(S.$$.fragment,t),p(R.$$.fragment,t),p(G.$$.fragment,t),p(z.$$.fragment,t),P=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(y.$$.fragment,t),l(D.$$.fragment,t),l(T.$$.fragment,t),l(S.$$.fragment,t),l(R.$$.fragment,t),l(G.$$.fragment,t),l(z.$$.fragment,t),P=!1},d(t){t&&w(e),f($),t&&w(n),t&&w(o),f(c),f(i),f(y),f(D),f(T),f(S),f(R),f(G),f(z)}}}function _t(t){let e,$,n,s,a,r,o,c,p,l,f,m,u,d,y,b;return{c(){e=i("With "),$=g("code"),n=i("ticks.mode"),s=i(" value of "),a=g("code"),r=i("step"),o=i(" or "),c=g("code"),p=i("values"),l=i(", a "),f=g("code"),m=i("subDensity"),u=i(" property may be provided to set the density of the ticks on a 0-100 percent scale (e.g. "),d=g("code"),y=i("2"),b=i(" means a tick every 2%).")},l(t){e=v(t,"With "),$=x(t,"CODE",{});var g=h($);n=v(g,"ticks.mode"),g.forEach(w),s=v(t," value of "),a=x(t,"CODE",{});var i=h(a);r=v(i,"step"),i.forEach(w),o=v(t," or "),c=x(t,"CODE",{});var E=h(c);p=v(E,"values"),E.forEach(w),l=v(t,", a "),f=x(t,"CODE",{});var k=h(f);m=v(k,"subDensity"),k.forEach(w),u=v(t," property may be provided to set the density of the ticks on a 0-100 percent scale (e.g. "),d=x(t,"CODE",{});var D=h(d);y=v(D,"2"),D.forEach(w),b=v(t," means a tick every 2%).")},m(t,g){E(t,e,g),E(t,$,g),k($,n),E(t,s,g),E(t,a,g),k(a,r),E(t,o,g),E(t,c,g),k(c,p),E(t,l,g),E(t,f,g),k(f,m),E(t,u,g),E(t,d,g),k(d,y),E(t,b,g)},p:C,d(t){t&&w(e),t&&w($),t&&w(s),t&&w(a),t&&w(o),t&&w(c),t&&w(l),t&&w(f),t&&w(u),t&&w(d),t&&w(b)}}}function te(t){let e;return{c(){e=i("Events")},l(t){e=v(t,"Events")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function ee(t){let e;return{c(){e=i("Name")},l(t){e=v(t,"Name")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function $e(t){let e;return{c(){e=i("Event Detail")},l(t){e=v(t,"Event Detail")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function ne(t){let e;return{c(){e=i("Description")},l(t){e=v(t,"Description")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function se(t){let e,$,n,o,c,m;return e=new F({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t)}}}function ae(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("focus")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"focus"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function re(t){let e;return{c(){e=i("None")},l(t){e=v(t,"None")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function oe(t){let e;return{c(){e=i("Fires when the slider is focused.")},l(t){e=v(t,"Fires when the slider is focused.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function ce(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t)}}}function pe(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("change")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"change"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function le(t){let e,$;return{c(){e=g("code"),$=i("number")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"number"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function fe(t){let e;return{c(){e=i("Fires when ever a slider handle value changes.")},l(t){e=v(t,"Fires when ever a slider handle value changes.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function me(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t)}}}function ue(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("blur")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"blur"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function ge(t){let e;return{c(){e=i("None")},l(t){e=v(t,"None")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function ie(t){let e;return{c(){e=i("Fires when the slider loses focus.")},l(t){e=v(t,"Fires when the slider loses focus.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function de(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t)}}}function xe(t){let e,$,n,o,c,m,i,v,y,b;return $=new B({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),i=new B({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),y=new B({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s($.$$.fragment),n=u(),o=g("tbody"),s(c.$$.fragment),m=u(),s(i.$$.fragment),v=u(),s(y.$$.fragment)},l(t){e=x(t,"THEAD",{});var s=h(e);a($.$$.fragment,s),s.forEach(w),n=d(t),o=x(t,"TBODY",{});var r=h(o);a(c.$$.fragment,r),m=d(r),a(i.$$.fragment,r),v=d(r),a(y.$$.fragment,r),r.forEach(w)},m(t,s){E(t,e,s),r($,e,null),E(t,n,s),E(t,o,s),r(c,o,null),k(o,m),r(i,o,null),k(o,v),r(y,o,null),b=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};16&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};16&e&&(a.$$scope={dirty:e,ctx:t}),i.$set(a);const r={};16&e&&(r.$$scope={dirty:e,ctx:t}),y.$set(r)},i(t){b||(p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),p(y.$$.fragment,t),b=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(y.$$.fragment,t),b=!1},d(t){t&&w(e),f($),t&&w(n),t&&w(o),f(c),f(i),f(y)}}}function he(t){let e;return{c(){e=i("Slots")},l(t){e=v(t,"Slots")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function ve(t){let e,$,n;return{c(){e=g("code"),$=i("tick-value"),n=i(" slot")},l(t){e=x(t,"CODE",{});var s=h(e);$=v(s,"tick-value"),s.forEach(w),n=v(t," slot")},m(t,s){E(t,e,s),k(e,$),E(t,n,s)},p:C,d(t){t&&w(e),t&&w(n)}}}function we(t){let e;return{c(){e=i("Receives the tick value as a prop in order to map or append a unit.")},l(t){e=v(t,"Receives the tick value as a prop in order to map or append a unit.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function ye(t){let e;return{c(){e=i("Prop Name")},l(t){e=v(t,"Prop Name")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Ee(t){let e;return{c(){e=i("Type")},l(t){e=v(t,"Type")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function ke(t){let e;return{c(){e=i("Description")},l(t){e=v(t,"Description")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function be(t){let e,$,n,o,c,m;return e=new F({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t)}}}function De(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("value")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"value"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function Oe(t){let e,$;return{c(){e=g("code"),$=i("number")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"number"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function Te(t){let e;return{c(){e=i("The tick.")},l(t){e=v(t,"The tick.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Ce(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t)}}}function Se(t){let e,$,n,o,c,m;return $=new B({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s($.$$.fragment),n=u(),o=g("tbody"),s(c.$$.fragment)},l(t){e=x(t,"THEAD",{});var s=h(e);a($.$$.fragment,s),s.forEach(w),n=d(t),o=x(t,"TBODY",{});var r=h(o);a(c.$$.fragment,r),r.forEach(w)},m(t,s){E(t,e,s),r($,e,null),E(t,n,s),E(t,o,s),r(c,o,null),m=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};16&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&w(e),f($),t&&w(n),t&&w(o),f(c)}}}function Ne(t){let e,$,n;return{c(){e=g("code"),$=i("tooltip-content"),n=i(" slot")},l(t){e=x(t,"CODE",{});var s=h(e);$=v(s,"tooltip-content"),s.forEach(w),n=v(t," slot")},m(t,s){E(t,e,s),k(e,$),E(t,n,s)},p:C,d(t){t&&w(e),t&&w(n)}}}function Re(t){let e;return{c(){e=i("Recieves the value for the handle as a prop in order to format or append a unit.")},l(t){e=v(t,"Recieves the value for the handle as a prop in order to format or append a unit.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function je(t){let e;return{c(){e=i("Prop Name")},l(t){e=v(t,"Prop Name")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Ge(t){let e;return{c(){e=i("Type")},l(t){e=v(t,"Type")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Ae(t){let e;return{c(){e=i("Description")},l(t){e=v(t,"Description")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function ze(t){let e,$,n,o,c,m;return e=new F({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t)}}}function Pe(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("value")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"value"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function Be(t){let e,$;return{c(){e=g("code"),$=i("number")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"number"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function Fe(t){let e;return{c(){e=i("The current value the handle is at.")},l(t){e=v(t,"The current value the handle is at.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function He(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t)}}}function Ye(t){let e,$,n,o,c,m;return $=new B({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s($.$$.fragment),n=u(),o=g("tbody"),s(c.$$.fragment)},l(t){e=x(t,"THEAD",{});var s=h(e);a($.$$.fragment,s),s.forEach(w),n=d(t),o=x(t,"TBODY",{});var r=h(o);a(c.$$.fragment,r),r.forEach(w)},m(t,s){E(t,e,s),r($,e,null),E(t,n,s),E(t,o,s),r(c,o,null),m=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};16&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&w(e),f($),t&&w(n),t&&w(o),f(c)}}}function qe(t){let e,$,n;return{c(){e=g("code"),$=i("rail-content"),n=i(" slot")},l(t){e=x(t,"CODE",{});var s=h(e);$=v(s,"rail-content"),s.forEach(w),n=v(t," slot")},m(t,s){E(t,e,s),k(e,$),E(t,n,s)},p:C,d(t){t&&w(e),t&&w(n)}}}function Ve(t){let e;return{c(){e=i("The content of the rail.")},l(t){e=v(t,"The content of the rail.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Ie(t){let e;return{c(){e=i("SCSS Variables")},l(t){e=v(t,"SCSS Variables")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Ke(t){let e;return{c(){e=i("Name")},l(t){e=v(t,"Name")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Le(t){let e;return{c(){e=i("Description")},l(t){e=v(t,"Description")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Me(t){let e;return{c(){e=i("Default")},l(t){e=v(t,"Default")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function We(t){let e,$,n,o,c,m;return e=new F({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t)}}}function Ue(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$main")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$main"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function Je(t){let e;return{c(){e=i("The background of the tooltip.")},l(t){e=v(t,"The background of the tooltip.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Qe(t){let e,$;return e=new A({props:{value:"#4300b0"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){r(e,t,n),$=!0},p:C,i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){f(e,t)}}}function Xe(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Qe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t)}}}function Ze(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$slider-handle-size")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$slider-handle-size"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function _e(t){let e;return{c(){e=i("The diameter of the handle.")},l(t){e=v(t,"The diameter of the handle.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function t$(t){let e,$;return{c(){e=g("code"),$=i("16px")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"16px"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function e$(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[Ze]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t)}}}function $$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$slider-handle-tooltip-size")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$slider-handle-tooltip-size"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function n$(t){let e;return{c(){e=i("The side length of the tooltip.")},l(t){e=v(t,"The side length of the tooltip.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function s$(t){let e,$;return{c(){e=g("code"),$=i("12px")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"12px"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function a$(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[n$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[s$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t)}}}function r$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$slider-handle-tooltip-font-size")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$slider-handle-tooltip-font-size"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function o$(t){let e;return{c(){e=i("The font size of the tooltip content.")},l(t){e=v(t,"The font size of the tooltip content.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function c$(t){let e,$;return{c(){e=g("code"),$=i("14px")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"14px"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function p$(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[r$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[o$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[c$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t)}}}function l$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$slider-handle-tooltip-disabled")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$slider-handle-tooltip-disabled"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function f$(t){let e;return{c(){e=i("The background color of the tooltip when disabled.")},l(t){e=v(t,"The background color of the tooltip when disabled.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function m$(t){let e,$;return e=new A({props:{value:"#aaa"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){r(e,t,n),$=!0},p:C,i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){f(e,t)}}}function u$(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[l$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[f$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[m$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t)}}}function g$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$slider-rail-size")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$slider-rail-size"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function i$(t){let e;return{c(){e=i("The thickness of the slider rail.")},l(t){e=v(t,"The thickness of the slider rail.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function d$(t){let e,$;return{c(){e=g("code"),$=i("4px")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"4px"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function x$(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[g$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[i$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[d$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t)}}}function h$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$slider-rail-bg")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$slider-rail-bg"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function v$(t){let e;return{c(){e=i("The background color of the rail.")},l(t){e=v(t,"The background color of the rail.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function w$(t){let e,$;return e=new A({props:{value:"#aaa"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){r(e,t,n),$=!0},p:C,i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){f(e,t)}}}function y$(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[h$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[v$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[w$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t)}}}function E$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$slider-disabled")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$slider-disabled"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function k$(t){let e;return{c(){e=i("The color assigned to the rail and tick content when the slider is disabled.")},l(t){e=v(t,"The color assigned to the rail and tick content when the slider is disabled.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function b$(t){let e,$;return e=new A({props:{value:"#cfcfcf"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){r(e,t,n),$=!0},p:C,i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){f(e,t)}}}function D$(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[E$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[k$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[b$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t)}}}function O$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$slider-tick-bg")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$slider-tick-bg"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function T$(t){let e;return{c(){e=i("The regular background color of the ticks.")},l(t){e=v(t,"The regular background color of the ticks.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function C$(t){let e,$;return e=new A({props:{value:"#7a7a7a"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){r(e,t,n),$=!0},p:C,i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){f(e,t)}}}function S$(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[O$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[T$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[C$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t)}}}function N$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$slider-tick-length")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$slider-tick-length"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function R$(t){let e;return{c(){e=i("The length of the ticks.")},l(t){e=v(t,"The length of the ticks.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function j$(t){let e,$;return{c(){e=g("code"),$=i("8px")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"8px"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function G$(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[N$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[R$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[j$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t)}}}function A$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$slider-sub-tick-length")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$slider-sub-tick-length"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function z$(t){let e;return{c(){e=i("The length of the sub-ticks.")},l(t){e=v(t,"The length of the sub-ticks.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function P$(t){let e,$;return{c(){e=g("code"),$=i("4px")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"4px"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function B$(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[A$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[z$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[P$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t)}}}function F$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$slider-tick-value-color")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$slider-tick-value-color"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function H$(t){let e;return{c(){e=i("The regular color of the tick content.")},l(t){e=v(t,"The regular color of the tick content.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Y$(t){let e,$;return e=new A({props:{value:"#7a7a7a"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){r(e,t,n),$=!0},p:C,i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){f(e,t)}}}function q$(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[F$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[H$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Y$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t)}}}function V$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$slider-tick-value-font-size")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$slider-tick-value-font-size"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function I$(t){let e;return{c(){e=i("The font size of the tick content.")},l(t){e=v(t,"The font size of the tick content.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function K$(t){let e,$;return{c(){e=g("code"),$=i("12px")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"12px"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function L$(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[V$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[I$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[K$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t)}}}function M$(t){let e,$,n,o,c,m,i,v,y,b,D,O,T,C,S,N,R,j,G,A,z,P,F,H,Y,q,V,I,K,L;return $=new B({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),i=new B({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),y=new B({props:{$$slots:{default:[a$]},$$scope:{ctx:t}}}),D=new B({props:{$$slots:{default:[p$]},$$scope:{ctx:t}}}),T=new B({props:{$$slots:{default:[u$]},$$scope:{ctx:t}}}),S=new B({props:{$$slots:{default:[x$]},$$scope:{ctx:t}}}),R=new B({props:{$$slots:{default:[y$]},$$scope:{ctx:t}}}),G=new B({props:{$$slots:{default:[D$]},$$scope:{ctx:t}}}),z=new B({props:{$$slots:{default:[S$]},$$scope:{ctx:t}}}),F=new B({props:{$$slots:{default:[G$]},$$scope:{ctx:t}}}),Y=new B({props:{$$slots:{default:[B$]},$$scope:{ctx:t}}}),V=new B({props:{$$slots:{default:[q$]},$$scope:{ctx:t}}}),K=new B({props:{$$slots:{default:[L$]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s($.$$.fragment),n=u(),o=g("tbody"),s(c.$$.fragment),m=u(),s(i.$$.fragment),v=u(),s(y.$$.fragment),b=u(),s(D.$$.fragment),O=u(),s(T.$$.fragment),C=u(),s(S.$$.fragment),N=u(),s(R.$$.fragment),j=u(),s(G.$$.fragment),A=u(),s(z.$$.fragment),P=u(),s(F.$$.fragment),H=u(),s(Y.$$.fragment),q=u(),s(V.$$.fragment),I=u(),s(K.$$.fragment)},l(t){e=x(t,"THEAD",{});var s=h(e);a($.$$.fragment,s),s.forEach(w),n=d(t),o=x(t,"TBODY",{});var r=h(o);a(c.$$.fragment,r),m=d(r),a(i.$$.fragment,r),v=d(r),a(y.$$.fragment,r),b=d(r),a(D.$$.fragment,r),O=d(r),a(T.$$.fragment,r),C=d(r),a(S.$$.fragment,r),N=d(r),a(R.$$.fragment,r),j=d(r),a(G.$$.fragment,r),A=d(r),a(z.$$.fragment,r),P=d(r),a(F.$$.fragment,r),H=d(r),a(Y.$$.fragment,r),q=d(r),a(V.$$.fragment,r),I=d(r),a(K.$$.fragment,r),r.forEach(w)},m(t,s){E(t,e,s),r($,e,null),E(t,n,s),E(t,o,s),r(c,o,null),k(o,m),r(i,o,null),k(o,v),r(y,o,null),k(o,b),r(D,o,null),k(o,O),r(T,o,null),k(o,C),r(S,o,null),k(o,N),r(R,o,null),k(o,j),r(G,o,null),k(o,A),r(z,o,null),k(o,P),r(F,o,null),k(o,H),r(Y,o,null),k(o,q),r(V,o,null),k(o,I),r(K,o,null),L=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};16&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};16&e&&(a.$$scope={dirty:e,ctx:t}),i.$set(a);const r={};16&e&&(r.$$scope={dirty:e,ctx:t}),y.$set(r);const o={};16&e&&(o.$$scope={dirty:e,ctx:t}),D.$set(o);const p={};16&e&&(p.$$scope={dirty:e,ctx:t}),T.$set(p);const l={};16&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l);const f={};16&e&&(f.$$scope={dirty:e,ctx:t}),R.$set(f);const m={};16&e&&(m.$$scope={dirty:e,ctx:t}),G.$set(m);const u={};16&e&&(u.$$scope={dirty:e,ctx:t}),z.$set(u);const g={};16&e&&(g.$$scope={dirty:e,ctx:t}),F.$set(g);const d={};16&e&&(d.$$scope={dirty:e,ctx:t}),Y.$set(d);const x={};16&e&&(x.$$scope={dirty:e,ctx:t}),V.$set(x);const h={};16&e&&(h.$$scope={dirty:e,ctx:t}),K.$set(h)},i(t){L||(p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),p(y.$$.fragment,t),p(D.$$.fragment,t),p(T.$$.fragment,t),p(S.$$.fragment,t),p(R.$$.fragment,t),p(G.$$.fragment,t),p(z.$$.fragment,t),p(F.$$.fragment,t),p(Y.$$.fragment,t),p(V.$$.fragment,t),p(K.$$.fragment,t),L=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(y.$$.fragment,t),l(D.$$.fragment,t),l(T.$$.fragment,t),l(S.$$.fragment,t),l(R.$$.fragment,t),l(G.$$.fragment,t),l(z.$$.fragment,t),l(F.$$.fragment,t),l(Y.$$.fragment,t),l(V.$$.fragment,t),l(K.$$.fragment,t),L=!1},d(t){t&&w(e),f($),t&&w(n),t&&w(o),f(c),f(i),f(y),f(D),f(T),f(S),f(R),f(G),f(z),f(F),f(Y),f(V),f(K)}}}function W$(t){let e,$,n,o,c,m,b,D,O,T,C,S,j,A,B,F,H,W,U,J,Q,X,Z,_,tt,et,$t,at,rt,ot,ct,pt,lt,ft,mt,ut,gt,it,dt,xt,ht,vt,wt,yt,Et,kt,bt;return e=new N({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),n=new R({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{source:[K],showcase:[I]},$$scope:{ctx:t}}}),b=new z({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),O=new R({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),C=new P({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),j=new z({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),B=new P({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),J=new R({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),X=new Y({props:{id:"events",$$slots:{default:[te]},$$scope:{ctx:t}}}),_=new P({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),et=new Y({props:{id:"slots",$$slots:{default:[he]},$$scope:{ctx:t}}}),at=new z({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),ot=new R({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),pt=new P({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),ft=new z({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),ut=new R({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),it=new P({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),xt=new z({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),vt=new R({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),yt=new Y({props:{id:"scss-variables",$$slots:{default:[Ie]},$$scope:{ctx:t}}}),kt=new P({props:{$$slots:{default:[M$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(b.$$.fragment),D=u(),s(O.$$.fragment),T=u(),s(C.$$.fragment),S=u(),s(j.$$.fragment),A=u(),s(B.$$.fragment),F=u(),H=g("div"),W=i("* Required"),U=u(),s(J.$$.fragment),Q=u(),s(X.$$.fragment),Z=u(),s(_.$$.fragment),tt=u(),s(et.$$.fragment),$t=u(),s(at.$$.fragment),rt=u(),s(ot.$$.fragment),ct=u(),s(pt.$$.fragment),lt=u(),s(ft.$$.fragment),mt=u(),s(ut.$$.fragment),gt=u(),s(it.$$.fragment),dt=u(),s(xt.$$.fragment),ht=u(),s(vt.$$.fragment),wt=u(),s(yt.$$.fragment),Et=u(),s(kt.$$.fragment),this.h()},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(b.$$.fragment,t),D=d(t),a(O.$$.fragment,t),T=d(t),a(C.$$.fragment,t),S=d(t),a(j.$$.fragment,t),A=d(t),a(B.$$.fragment,t),F=d(t),H=x(t,"DIV",{class:!0});var s=h(H);W=v(s,"* Required"),s.forEach(w),U=d(t),a(J.$$.fragment,t),Q=d(t),a(X.$$.fragment,t),Z=d(t),a(_.$$.fragment,t),tt=d(t),a(et.$$.fragment,t),$t=d(t),a(at.$$.fragment,t),rt=d(t),a(ot.$$.fragment,t),ct=d(t),a(pt.$$.fragment,t),lt=d(t),a(ft.$$.fragment,t),mt=d(t),a(ut.$$.fragment,t),gt=d(t),a(it.$$.fragment,t),dt=d(t),a(xt.$$.fragment,t),ht=d(t),a(vt.$$.fragment,t),wt=d(t),a(yt.$$.fragment,t),Et=d(t),a(kt.$$.fragment,t),this.h()},h(){y(H,"class","required")},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(b,t,s),E(t,D,s),r(O,t,s),E(t,T,s),r(C,t,s),E(t,S,s),r(j,t,s),E(t,A,s),r(B,t,s),E(t,F,s),E(t,H,s),k(H,W),E(t,U,s),r(J,t,s),E(t,Q,s),r(X,t,s),E(t,Z,s),r(_,t,s),E(t,tt,s),r(et,t,s),E(t,$t,s),r(at,t,s),E(t,rt,s),r(ot,t,s),E(t,ct,s),r(pt,t,s),E(t,lt,s),r(ft,t,s),E(t,mt,s),r(ut,t,s),E(t,gt,s),r(it,t,s),E(t,dt,s),r(xt,t,s),E(t,ht,s),r(vt,t,s),E(t,wt,s),r(yt,t,s),E(t,Et,s),r(kt,t,s),bt=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};17&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};16&$&&(o.$$scope={dirty:$,ctx:t}),b.$set(o);const p={};16&$&&(p.$$scope={dirty:$,ctx:t}),O.$set(p);const l={};16&$&&(l.$$scope={dirty:$,ctx:t}),C.$set(l);const f={};16&$&&(f.$$scope={dirty:$,ctx:t}),j.$set(f);const m={};16&$&&(m.$$scope={dirty:$,ctx:t}),B.$set(m);const u={};16&$&&(u.$$scope={dirty:$,ctx:t}),J.$set(u);const g={};16&$&&(g.$$scope={dirty:$,ctx:t}),X.$set(g);const i={};16&$&&(i.$$scope={dirty:$,ctx:t}),_.$set(i);const d={};16&$&&(d.$$scope={dirty:$,ctx:t}),et.$set(d);const x={};16&$&&(x.$$scope={dirty:$,ctx:t}),at.$set(x);const h={};16&$&&(h.$$scope={dirty:$,ctx:t}),ot.$set(h);const v={};16&$&&(v.$$scope={dirty:$,ctx:t}),pt.$set(v);const w={};16&$&&(w.$$scope={dirty:$,ctx:t}),ft.$set(w);const y={};16&$&&(y.$$scope={dirty:$,ctx:t}),ut.$set(y);const E={};16&$&&(E.$$scope={dirty:$,ctx:t}),it.$set(E);const k={};16&$&&(k.$$scope={dirty:$,ctx:t}),xt.$set(k);const D={};16&$&&(D.$$scope={dirty:$,ctx:t}),vt.$set(D);const T={};16&$&&(T.$$scope={dirty:$,ctx:t}),yt.$set(T);const S={};16&$&&(S.$$scope={dirty:$,ctx:t}),kt.$set(S)},i(t){bt||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(b.$$.fragment,t),p(O.$$.fragment,t),p(C.$$.fragment,t),p(j.$$.fragment,t),p(B.$$.fragment,t),p(J.$$.fragment,t),p(X.$$.fragment,t),p(_.$$.fragment,t),p(et.$$.fragment,t),p(at.$$.fragment,t),p(ot.$$.fragment,t),p(pt.$$.fragment,t),p(ft.$$.fragment,t),p(ut.$$.fragment,t),p(it.$$.fragment,t),p(xt.$$.fragment,t),p(vt.$$.fragment,t),p(yt.$$.fragment,t),p(kt.$$.fragment,t),bt=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(b.$$.fragment,t),l(O.$$.fragment,t),l(C.$$.fragment,t),l(j.$$.fragment,t),l(B.$$.fragment,t),l(J.$$.fragment,t),l(X.$$.fragment,t),l(_.$$.fragment,t),l(et.$$.fragment,t),l(at.$$.fragment,t),l(ot.$$.fragment,t),l(pt.$$.fragment,t),l(ft.$$.fragment,t),l(ut.$$.fragment,t),l(it.$$.fragment,t),l(xt.$$.fragment,t),l(vt.$$.fragment,t),l(yt.$$.fragment,t),l(kt.$$.fragment,t),bt=!1},d(t){f(e,t),t&&w($),f(n,t),t&&w(o),f(c,t),t&&w(m),f(b,t),t&&w(D),f(O,t),t&&w(T),f(C,t),t&&w(S),f(j,t),t&&w(A),f(B,t),t&&w(F),t&&w(H),t&&w(U),f(J,t),t&&w(Q),f(X,t),t&&w(Z),f(_,t),t&&w(tt),f(et,t),t&&w($t),f(at,t),t&&w(rt),f(ot,t),t&&w(ct),f(pt,t),t&&w(lt),f(ft,t),t&&w(mt),f(ut,t),t&&w(gt),f(it,t),t&&w(dt),f(xt,t),t&&w(ht),f(vt,t),t&&w(wt),f(yt,t),t&&w(Et),f(kt,t)}}}function U$(t){let e,$;const m=[t[2],J$];let u={$$slots:{default:[W$]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)u=n(u,m[t]);return e=new S({props:u}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){r(e,t,n),$=!0},p(t,[$]){const n=4&$?o(m,[4&$&&c(t[2]),0&$&&c(J$)]):{};17&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){f(e,t)}}}const J$={name:"Slider"},Q$="number | [number, number]",X$='"none" | "active" | "always"',Z$='"block" | "free" | "push"';function _$(t,e,$){let s=4;return t.$$set=t=>{$(2,e=n(n({},e),m(t)))},e=m(e),[s,'  { mode: "none" }\n| {\n    mode: "steps";\n    step: number;\n    subDensity?: number;\n  }\n| {\n    mode: "values";\n    values: number[];\n    subDensity?: number;\n  }',e,function(t){s=t,$(0,s)}]}class tn extends t{constructor(t){super(),e(this,t,_$,U$,$,{})}}export{tn as default,J$ as metadata};
diff --git a/376/client/legacy/slider.854a0f45.js b/376/client/legacy/slider.854a0f45.js
new file mode 100644
index 000000000..958b14cf6
--- /dev/null
+++ b/376/client/legacy/slider.854a0f45.js
@@ -0,0 +1 @@
+import{a5 as t,K as e,ah as n,ai as l,aj as a,S as s,i,s as o,M as r,h as c,k as u,b as d,d as f,e as h,X as v,O as m,f as p,P as b,o as $,ae as g,Q as y,R as x,T as k,V as w,t as A,p as E,W as D,J as P,a7 as M,Y as I,u as S,w as j,N as B,g as O,y as V,z as T,U as R,a9 as z,I as C,L as N,ak as U,j as F,l as L,m as X,q as Y,v as q,x as H,A as J}from"./client.583c6e60.js";import{s as K}from"./index.57f55611.js";import{c as Q}from"./classes.a7d1a9eb.js";function W(t){return"[object Date]"===Object.prototype.toString.call(t)}function G(t,e){if(t===e||t!=t)return()=>t;const n=typeof t;if(n!==typeof e||Array.isArray(t)!==Array.isArray(e))throw new Error("Cannot interpolate values of different type");if(Array.isArray(t)){const n=e.map(((e,n)=>G(t[n],e)));return t=>n.map((e=>e(t)))}if("object"===n){if(!t||!e)throw new Error("Object cannot be null");if(W(t)&&W(e)){t=t.getTime();const n=(e=e.getTime())-t;return e=>new Date(t+e*n)}const n=Object.keys(e),l={};return n.forEach((n=>{l[n]=G(t[n],e[n])})),t=>{const e={};return n.forEach((n=>{e[n]=l[n](t)})),e}}if("number"===n){const n=e-t;return e=>t+e*n}throw new Error(`Cannot interpolate ${n} values`)}function Z(t,e){const n=function(t){return t.type.includes("touch")?t.touches[0]:t}(e);return t?n.clientY:n.clientX}function _(t){t.stopPropagation(),t.preventDefault()}function tt(t,e){let{min:n,max:l}=e;return Math.min(Math.max(t,n),l)}function et(t){const e=t.toString();let n=0;return e.indexOf(".")>=0&&(n=e.length-e.indexOf(".")-1),n}function nt(t,e){let{min:n,max:l}=e;const a=(l-n)/t;return Array.from({length:a+1},((e,l)=>n+l*t))}function lt(t,e,n){return"steps"===t.mode?nt(t.step,{min:e,max:n}):"values"===t.mode&&Array.isArray(t.values)?[...t.values]:[]}function at(t,e){let{min:n,max:l}=e;const a=(t-n)/(l-n);return Math.max(0,100*a)}function st(t,e){const{step:n}=e,l=function(t,e){let{ticks:n,step:l,min:a,max:s}=e;const i=lt(n,a,s);if(null!==l){const e=10**et(l),n=Math.floor((s*e-a*e)/(l*e)),o=Math.min((t-a)/l,n),r=Math.round(o)*l+a;i.push(r)}const o=i.map((e=>Math.abs(t-e)));return i[o.indexOf(Math.min(...o))]}(t,e),a=isFinite(l)?l:0;return null===n?a:parseFloat(a.toFixed(et(n)))}function it(t,e){function n(e){let{vertical:n,value:l,active:a}=e;n?t.style.setProperty("bottom",`${l}%`):t.style.setProperty("left",`${l}%`),t.style.setProperty("z-index",""+(a?3:2))}return n(e),{update:n}}function ot(t,e){const n=new Map;function l(l){let{value:a,vertical:s}=l;const i=a.length>1;for(const e of n.keys())t.style.removeProperty(e);n.clear();const o=a.map((t=>at(t,e)));o.sort(((t,e)=>t-e));const r=i?o[1]-o[0]:o[0],c=s?"height":"width";if(n.set(c,`${r}%`),i){const t=s?"bottom":"left";n.set(t,`${o[0]}%`)}for(const[e,l]of n.entries())t.style.setProperty(e,l)}return l(e),{update:l}}const rt=t=>({canShowActiveTooltip:256&t,value:1&t}),ct=t=>({canShowActiveTooltip:t[8],value:t[0]});function ut(t){let e,n,l,a,s,i,o;const P=t[22].tooltips,M=r(P,t,t[21],ct);return{c(){e=c("div"),M&&M.c(),this.h()},l(t){e=u(t,"DIV",{role:!0,class:!0,tabindex:!0,"aria-valuenow":!0,"aria-orientation":!0,"aria-disabled":!0});var n=d(e);M&&M.l(n),n.forEach(f),this.h()},h(){h(e,"role","slider"),h(e,"class",n=v(`handle handle-${t[7]}`)+" svelte-1u2at4"),h(e,"tabindex",l=t[2]?-1:t[3]),h(e,"aria-valuenow",t[0]),h(e,"aria-orientation",t[7]),h(e,"aria-disabled",t[2]),m(e,"handle-active",t[1]),m(e,"handle-focus",t[5]),m(e,"handle-disabled",t[2])},m(n,l){p(n,e,l),M&&M.m(e,null),t[23](e),s=!0,i||(o=[b(a=it.call(null,e,{value:t[9],active:t[1],vertical:t[4]})),$(e,"keydown",t[10]),$(e,"mousedown",g(t[11])),$(e,"mouseenter",t[14]),$(e,"mouseleave",t[15]),$(e,"focus",t[12]),$(e,"blur",t[13])],i=!0)},p(t,i){let[o]=i;M&&M.p&&(!s||2097409&o)&&y(M,P,t,t[21],s?k(P,t[21],o,rt):x(t[21]),ct),(!s||128&o&&n!==(n=v(`handle handle-${t[7]}`)+" svelte-1u2at4"))&&h(e,"class",n),(!s||12&o&&l!==(l=t[2]?-1:t[3]))&&h(e,"tabindex",l),(!s||1&o)&&h(e,"aria-valuenow",t[0]),(!s||128&o)&&h(e,"aria-orientation",t[7]),(!s||4&o)&&h(e,"aria-disabled",t[2]),a&&w(a.update)&&530&o&&a.update.call(null,{value:t[9],active:t[1],vertical:t[4]}),(!s||130&o)&&m(e,"handle-active",t[1]),(!s||160&o)&&m(e,"handle-focus",t[5]),(!s||132&o)&&m(e,"handle-disabled",t[2])},i(t){s||(A(M,t),s=!0)},o(t){E(M,t),s=!1},d(n){n&&f(e),M&&M.d(n),t[23](null),i=!1,D(o)}}}function dt(s,i,o){let r,c,u,d,{$$slots:f={},$$scope:h}=i;const v=P();let m,{value:p}=i,{min:b}=i,{max:$}=i,{active:g}=i,{disabled:y=!1}=i,{tabIndex:x=0}=i,{vertical:k=!1}=i,w=!1,A=!1;const E=function(s){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const o=t(s);let r,c=s;function u(t,u){if(null==s)return o.set(s=t),Promise.resolve();c=t;let d=r,f=!1,{delay:h=0,duration:v=400,easing:m=a,interpolate:p=G}=e(e({},i),u);if(0===v)return d&&(d.abort(),d=null),o.set(s=c),Promise.resolve();const b=n()+h;let $;return r=l((e=>{if(e<b)return!0;f||($=p(s,t),"function"==typeof v&&(v=v(s,t)),f=!0),d&&(d.abort(),d=null);const n=e-b;return n>v?(o.set(s=t),!1):(o.set(s=$(m(n/v))),!0)})),r.promise}return{set:u,update:(t,e)=>u(t(c,s),e),subscribe:o.subscribe}}(at(p,{min:b,max:$}),{duration:60,easing:K});return M(s,E,(t=>o(9,d=t))),s.$$set=t=>{"value"in t&&o(0,p=t.value),"min"in t&&o(17,b=t.min),"max"in t&&o(18,$=t.max),"active"in t&&o(1,g=t.active),"disabled"in t&&o(2,y=t.disabled),"tabIndex"in t&&o(3,x=t.tabIndex),"vertical"in t&&o(4,k=t.vertical),"$$scope"in t&&o(21,h=t.$$scope)},s.$$.update=()=>{393217&s.$$.dirty&&o(20,r=at(p,{min:b,max:$})),1048576&s.$$.dirty&&E.set(r),524322&s.$$.dirty&&o(8,c=g&&w||A),16&s.$$.dirty&&o(7,u=k?"vertical":"horizontal")},[p,g,y,x,k,w,m,u,c,d,function(t){o(5,w=!1)},function(t){o(5,w=!0),m.focus()},function(t){y||(o(5,w=!0),v("focus",w))},function(t){o(5,w=!1),v("focus",w)},function(){o(19,A=!0)},function(){o(19,A=!1)},E,b,$,A,r,h,f,function(t){I[t?"unshift":"push"]((()=>{m=t,o(6,m)}))}]}var ft=class extends s{constructor(t){super(),i(this,t,dt,ut,o,{value:0,min:17,max:18,active:1,disabled:2,tabIndex:3,vertical:4})}};const{window:ht}=U;function vt(t,e,n){const l=t.slice();return l[33]=e[n],l}function mt(t,e,n){const l=t.slice();return l[36]=e[n],l}const pt=t=>({value:128&t[0]}),bt=t=>({value:t[36]});function $t(t,e,n){const l=t.slice();return l[39]=e[n],l[41]=n,l}const gt=t=>({value:1&t[0]}),yt=t=>({value:t[0]}),xt=t=>({}),kt=t=>({});function wt(t){let e,n,l,a;const s=t[22]["tooltip-content"],i=r(s,t,t[25],yt),o=i||function(t){let e,n=t[0]+"";return{c(){e=q(n)},l(t){e=H(t,n)},m(t,n){p(t,e,n)},p(t,l){1&l[0]&&n!==(n=t[0]+"")&&J(e,n)},d(t){t&&f(e)}}}(t);return{c(){e=c("div"),n=c("div"),o&&o.c(),this.h()},l(t){e=u(t,"DIV",{class:!0});var l=d(e);n=u(l,"DIV",{class:!0});var a=d(n);o&&o.l(a),a.forEach(f),l.forEach(f),this.h()},h(){h(n,"class","handle-tooltip-content svelte-1o2b9u1"),h(e,"class",l=v(`handle-tooltip handle-tooltip-${t[13]}`)+" svelte-1o2b9u1"),m(e,"handle-tooltip-disabled",t[4])},m(t,l){p(t,e,l),O(e,n),o&&o.m(n,null),a=!0},p(t,n){i?i.p&&(!a||33554433&n[0])&&y(i,s,t,t[25],a?k(s,t[25],n,gt):x(t[25]),yt):o&&o.p&&(!a||1&n[0])&&o.p(t,a?n:[-1,-1]),(!a||8192&n[0]&&l!==(l=v(`handle-tooltip handle-tooltip-${t[13]}`)+" svelte-1o2b9u1"))&&h(e,"class",l),(!a||8208&n[0])&&m(e,"handle-tooltip-disabled",t[4])},i(t){a||(A(o,t),a=!0)},o(t){E(o,t),a=!1},d(t){t&&f(e),o&&o.d(t)}}}function At(t){let e,n,l=("always"===t[5]||"active"===t[5]&&t[42])&&wt(t);return{c(){e=c("div"),l&&l.c(),this.h()},l(t){e=u(t,"DIV",{slot:!0});var n=d(e);l&&l.l(n),n.forEach(f),this.h()},h(){h(e,"slot","tooltips")},m(t,a){p(t,e,a),l&&l.m(e,null),n=!0},p(t,n){"always"===t[5]||"active"===t[5]&&t[42]?l?(l.p(t,n),32&n[0]|2048&n[1]&&A(l,1)):(l=wt(t),l.c(),A(l,1),l.m(e,null)):l&&(V(),E(l,1,1,(()=>{l=null})),T())},i(t){n||(A(l),n=!0)},o(t){E(l),n=!1},d(t){t&&f(e),l&&l.d()}}}function Et(t){let e,n;return e=new ft({props:{value:t[39],min:t[1],max:t[2],vertical:t[3],disabled:t[4],active:t[9]===t[41],$$slots:{tooltips:[At,t=>{let{canShowActiveTooltip:e,value:n}=t;return{42:e,0:n}},t=>{let{canShowActiveTooltip:e,value:n}=t;return[n?1:0,e?2048:0]}]},$$scope:{ctx:t}}}),e.$on("focus",(function(){return t[23](t[41])})),{c(){F(e.$$.fragment)},l(t){L(e.$$.fragment,t)},m(t,l){X(e,t,l),n=!0},p(n,l){t=n;const a={};2048&l[0]&&(a.value=t[39]),2&l[0]&&(a.min=t[1]),4&l[0]&&(a.max=t[2]),8&l[0]&&(a.vertical=t[3]),16&l[0]&&(a.disabled=t[4]),512&l[0]&&(a.active=t[9]===t[41]),33562673&l[0]|2048&l[1]&&(a.$$scope={dirty:l,ctx:t}),e.$set(a)},i(t){n||(A(e.$$.fragment,t),n=!0)},o(t){E(e.$$.fragment,t),n=!1},d(t){Y(e,t)}}}function Dt(t){let e,n,l,a,s,i;const o=t[22]["tick-value"],b=r(o,t,t[25],bt),$=b||function(t){let e,n=t[36]+"";return{c(){e=q(n)},l(t){e=H(t,n)},m(t,n){p(t,e,n)},p(t,l){128&l[0]&&n!==(n=t[36]+"")&&J(e,n)},d(t){t&&f(e)}}}(t);return{c(){e=c("span"),n=c("span"),$&&$.c(),this.h()},l(t){e=u(t,"SPAN",{class:!0,style:!0});var l=d(e);n=u(l,"SPAN",{class:!0});var a=d(n);$&&$.l(a),a.forEach(f),l.forEach(f),this.h()},h(){h(n,"class",l=v(`tick-value tick-value-${t[13]}`)+" svelte-1o2b9u1"),m(n,"tick-value-disabled",t[4]),h(e,"class",a=v(`tick tick-${t[13]}`)+" svelte-1o2b9u1"),h(e,"style",s=(t[3]?"bottom":"left")+": "+at(t[36],{min:t[1],max:t[2]})+"%;"),m(e,"tick-disabled",t[4])},m(t,l){p(t,e,l),O(e,n),$&&$.m(n,null),i=!0},p(t,r){b?b.p&&(!i||33554560&r[0])&&y(b,o,t,t[25],i?k(o,t[25],r,pt):x(t[25]),bt):$&&$.p&&(!i||128&r[0])&&$.p(t,i?r:[-1,-1]),(!i||8192&r[0]&&l!==(l=v(`tick-value tick-value-${t[13]}`)+" svelte-1o2b9u1"))&&h(n,"class",l),(!i||8208&r[0])&&m(n,"tick-value-disabled",t[4]),(!i||8192&r[0]&&a!==(a=v(`tick tick-${t[13]}`)+" svelte-1o2b9u1"))&&h(e,"class",a),(!i||142&r[0]&&s!==(s=(t[3]?"bottom":"left")+": "+at(t[36],{min:t[1],max:t[2]})+"%;"))&&h(e,"style",s),(!i||8208&r[0])&&m(e,"tick-disabled",t[4])},i(t){i||(A($,t),i=!0)},o(t){E($,t),i=!1},d(t){t&&f(e),$&&$.d(t)}}}function Pt(t){let e,n,l;return{c(){e=c("span"),this.h()},l(t){e=u(t,"SPAN",{class:!0,style:!0}),d(e).forEach(f),this.h()},h(){h(e,"class",n=v(`tick tick-${t[13]} tick-${t[13]}-sub`)+" svelte-1o2b9u1"),h(e,"style",l=(t[3]?"bottom":"left")+": "+at(t[33],{min:t[1],max:t[2]})+"%;"),m(e,"tick-disabled",t[4])},m(t,n){p(t,e,n)},p(t,a){8192&a[0]&&n!==(n=v(`tick tick-${t[13]} tick-${t[13]}-sub`)+" svelte-1o2b9u1")&&h(e,"class",n),4110&a[0]&&l!==(l=(t[3]?"bottom":"left")+": "+at(t[33],{min:t[1],max:t[2]})+"%;")&&h(e,"style",l),8208&a[0]&&m(e,"tick-disabled",t[4])},d(t){t&&f(e)}}}function Mt(t){let n,l,a,s,i,o,g,P,M,I,C,N,U,F;const L=t[22]["rail-content"],X=r(L,t,t[25],kt);let Y=t[11],q=[];for(let e=0;e<Y.length;e+=1)q[e]=Et($t(t,Y,e));const H=t=>E(q[t],1,1,(()=>{q[t]=null}));let J=t[7],K=[];for(let e=0;e<J.length;e+=1)K[e]=Dt(mt(t,J,e));const W=t=>E(K[t],1,1,(()=>{K[t]=null}));let G=t[12],Z=[];for(let e=0;e<G.length;e+=1)Z[e]=Pt(vt(t,G,e));let _=[{class:C=Q(`slider slider-${t[13]}`,t[6])},t[18]],tt={};for(let t=0;t<_.length;t+=1)tt=e(tt,_[t]);return{c(){n=c("div"),l=c("div"),X&&X.c(),s=S();for(let t=0;t<q.length;t+=1)q[t].c();i=S(),o=c("div"),M=S();for(let t=0;t<K.length;t+=1)K[t].c();I=S();for(let t=0;t<Z.length;t+=1)Z[t].c();this.h()},l(t){n=u(t,"DIV",{class:!0});var e=d(n);l=u(e,"DIV",{class:!0});var a=d(l);X&&X.l(a),a.forEach(f),s=j(e);for(let t=0;t<q.length;t+=1)q[t].l(e);i=j(e),o=u(e,"DIV",{class:!0}),d(o).forEach(f),M=j(e);for(let t=0;t<K.length;t+=1)K[t].l(e);I=j(e);for(let t=0;t<Z.length;t+=1)Z[t].l(e);e.forEach(f),this.h()},h(){h(l,"class",a=v(`rail rail-${t[13]}`)+" svelte-1o2b9u1"),m(l,"rail-disabled",t[4]),h(o,"class",g=v(`range-selection range-selection-${t[13]}`)+" svelte-1o2b9u1"),m(o,"range-selection-disabled",t[4]),B(n,tt),m(n,"slider-active",t[10]),m(n,"slider-disabled",t[4]),m(n,"svelte-1o2b9u1",!0)},m(e,a){p(e,n,a),O(n,l),X&&X.m(l,null),O(n,s);for(let t=0;t<q.length;t+=1)q[t]&&q[t].m(n,null);O(n,i),O(n,o),O(n,M);for(let t=0;t<K.length;t+=1)K[t]&&K[t].m(n,null);O(n,I);for(let t=0;t<Z.length;t+=1)Z[t]&&Z[t].m(n,null);t[24](n),N=!0,U||(F=[$(ht,"mousemove",t[15]),$(ht,"touchmove",t[15]),$(ht,"mouseup",t[16]),$(ht,"touchend",t[16]),b(P=ot.call(null,o,{value:t[11],vertical:t[3],min:t[1],max:t[2]})),$(n,"touchstart",t[14]),$(n,"mousedown",t[14]),$(n,"keydown",t[17])],U=!0)},p(t,e){if(X&&X.p&&(!N||33554432&e[0])&&y(X,L,t,t[25],N?k(L,t[25],e,xt):x(t[25]),kt),(!N||8192&e[0]&&a!==(a=v(`rail rail-${t[13]}`)+" svelte-1o2b9u1"))&&h(l,"class",a),(!N||8208&e[0])&&m(l,"rail-disabled",t[4]),33565247&e[0]|2048&e[1]){let l;for(Y=t[11],l=0;l<Y.length;l+=1){const a=$t(t,Y,l);q[l]?(q[l].p(a,e),A(q[l],1)):(q[l]=Et(a),q[l].c(),A(q[l],1),q[l].m(n,i))}for(V(),l=Y.length;l<q.length;l+=1)H(l);T()}if((!N||8192&e[0]&&g!==(g=v(`range-selection range-selection-${t[13]}`)+" svelte-1o2b9u1"))&&h(o,"class",g),P&&w(P.update)&&2062&e[0]&&P.update.call(null,{value:t[11],vertical:t[3],min:t[1],max:t[2]}),(!N||8208&e[0])&&m(o,"range-selection-disabled",t[4]),33562782&e[0]){let l;for(J=t[7],l=0;l<J.length;l+=1){const a=mt(t,J,l);K[l]?(K[l].p(a,e),A(K[l],1)):(K[l]=Dt(a),K[l].c(),A(K[l],1),K[l].m(n,I))}for(V(),l=J.length;l<K.length;l+=1)W(l);T()}if(12318&e[0]){let l;for(G=t[12],l=0;l<G.length;l+=1){const a=vt(t,G,l);Z[l]?Z[l].p(a,e):(Z[l]=Pt(a),Z[l].c(),Z[l].m(n,null))}for(;l<Z.length;l+=1)Z[l].d(1);Z.length=G.length}B(n,tt=R(_,[(!N||8256&e[0]&&C!==(C=Q(`slider slider-${t[13]}`,t[6])))&&{class:C},262144&e[0]&&t[18]])),m(n,"slider-active",t[10]),m(n,"slider-disabled",t[4]),m(n,"svelte-1o2b9u1",!0)},i(t){if(!N){A(X,t);for(let t=0;t<Y.length;t+=1)A(q[t]);for(let t=0;t<J.length;t+=1)A(K[t]);N=!0}},o(t){E(X,t),q=q.filter(Boolean);for(let t=0;t<q.length;t+=1)E(q[t]);K=K.filter(Boolean);for(let t=0;t<K.length;t+=1)E(K[t]);N=!1},d(e){e&&f(n),X&&X.d(e),z(q,e),z(K,e),z(Z,e),t[24](null),U=!1,D(F)}}}function It(t,n,l){let a,s,i,o;const r=["min","max","step","vertical","disabled","value","ticks","rangeBehavior","tooltips","class"];let c=C(n,r),{$$slots:u={},$$scope:d}=n;const f=P();let h,{min:v}=n,{max:m}=n,{step:p=1}=n,{vertical:b=!1}=n,{disabled:$=!1}=n,{value:g=(m<v?v:v+(m-v)/2)}=n,{ticks:y={mode:"none"}}=n,{rangeBehavior:x="block"}=n,{tooltips:k="never"}=n,{class:w=null}=n,A=0,E=!1;function D(t){const e=Math.max(t,0)/function(){if(!h)return 0;const{height:t,width:e}=h.getBoundingClientRect();return b?t:e}();return b?(1-e)*(m-v)+v:e*(m-v)+v}function M(t){const e=t-function(){const t=h.getBoundingClientRect();return b?t.top:window.pageXOffset+t.left}();return null===(n=D(e))?0:st(tt(n,{min:v,max:m}),{min:v,max:m,ticks:y,step:p});var n}function S(t){if($||!E)return;const e=M(Z(b,t));_(t),j(A,e)}function j(t,e){if(e===g[t])return;const n=[...a];n[t]=e;let s=!1;a.length>1&&"free"!==x&&n.forEach(((l,a)=>{if(a===t)return;const i=l<g[t]?"<-":"->",o="<-"===i?t=>t>=e:t=>t<=e;"push"===x&&o(l)?n[a]="<-"===i?n[t]-1:n[t]+1:"block"===x&&o(l)&&(s=!0)})),s||(l(11,a=n),l(0,g=function(t){return 1===t.length?t[0]:t}(a)),f("change",g))}return t.$$set=t=>{n=e(e({},n),N(t)),l(18,c=C(n,r)),"min"in t&&l(1,v=t.min),"max"in t&&l(2,m=t.max),"step"in t&&l(19,p=t.step),"vertical"in t&&l(3,b=t.vertical),"disabled"in t&&l(4,$=t.disabled),"value"in t&&l(0,g=t.value),"ticks"in t&&l(20,y=t.ticks),"rangeBehavior"in t&&l(21,x=t.rangeBehavior),"tooltips"in t&&l(5,k=t.tooltips),"class"in t&&l(6,w=t.class),"$$scope"in t&&l(25,d=t.$$scope)},t.$$.update=()=>{1&t.$$.dirty[0]&&l(11,a="number"==typeof g?[g]:g),8&t.$$.dirty[0]&&l(13,s=b?"vertical":"horizontal"),1048582&t.$$.dirty[0]&&l(7,i=lt(y,v,m)),1048710&t.$$.dirty[0]&&l(12,o="none"!==y.mode&&y.subDensity?function(t,e,n){let l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];if("none"===t.mode)return[];const{subDensity:a}=t;return a?nt((n-e)/100*a,{min:e,max:n}).filter((t=>!l.includes(t))):[]}(y,v,m,i):[])},[g,v,m,b,$,k,w,i,h,A,E,a,o,s,function(t){if(!E){l(10,E=!0);const e=M(Z(b,t));l(9,A=function(t,e){let n=0;for(let l=1;l<e.length-1;l+=1)t>=e[l]&&(n=l);return Math.abs(e[n+1]-t)<Math.abs(e[n]-t)&&(n+=1),n}(e,a)),f("focus")}},S,function(t){const e=t.target;E&&((e===h||h.contains(e))&&S(t),f("blur"),l(10,E=!1))},function(t){if($)return;let e=0;switch(t.key){case"Up":case"ArrowUp":case"Right":case"ArrowRight":e=p;break;case"Down":case"ArrowDown":case"Left":case"ArrowLeft":e=-p;break;case"End":e=m-a[A];break;case"Home":e=v-a[A];break;case"PageUp":e=2*p;break;case"PageDown":e=2*-p}const n=tt(a[A]+e,{min:v,max:m});j(A,n),_(t)},c,p,y,x,u,t=>l(9,A=t),function(t){I[t?"unshift":"push"]((()=>{h=t,l(8,h)}))},d]}var St=class extends s{constructor(t){super(),i(this,t,It,Mt,o,{min:1,max:2,step:19,vertical:3,disabled:4,value:0,ticks:20,rangeBehavior:21,tooltips:5,class:6},null,[-1,-1])}};export{St as S};
diff --git a/376/client/legacy/snackbar-53ccead6.css b/376/client/legacy/snackbar-53ccead6.css
new file mode 100644
index 000000000..0d6cb807b
--- /dev/null
+++ b/376/client/legacy/snackbar-53ccead6.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-130hse3{max-width:20em}
diff --git a/376/client/legacy/snackbar-7eb85ef0.css b/376/client/legacy/snackbar-7eb85ef0.css
new file mode 100644
index 000000000..5091616bd
--- /dev/null
+++ b/376/client/legacy/snackbar-7eb85ef0.css
@@ -0,0 +1 @@
+.snackbar.svelte-1nruwq9.svelte-1nruwq9{align-items:center;background:#474747;border-radius:0.625em;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);display:flex;margin-top:1em;min-width:16em;padding:0.375em}.snackbar.svelte-1nruwq9 .text.svelte-1nruwq9{color:#fff;flex:1;font-size:0.95em;margin:0 0.625em;padding:0.8em 0}.snackbar.svelte-1nruwq9 .btn{color:#cbacff}
diff --git a/376/client/legacy/snackbar-container.1f19ffff.js b/376/client/legacy/snackbar-container.1f19ffff.js
new file mode 100644
index 000000000..5cca58e98
--- /dev/null
+++ b/376/client/legacy/snackbar-container.1f19ffff.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as $,j as r,l as s,m as o,U as a,a0 as c,t as f,p,q as l,E as m,L as i,u as d,w as g,f as u,d as h,v as x,x as b,h as w,k as y,b as k,g as E,n as v,e as T}from"./client.583c6e60.js";import{L as O,H as D,P as C}from"./layout.47c81311.js";import{B as S}from"./button.863c0adf.js";import{S as R}from"./snackbar-container.4c599411.js";import{S as j}from"./showcase.759e7149.js";import{R as I}from"./related-components.9fddec4f.js";import{f as A}from"./fix-anchor-links.79fa91d5.js";import{U as G,L as N}from"./ul.ce467381.js";import{H as P}from"./h2.0da05151.js";import{H as L}from"./h3.c9a49f62.js";import{T as B,a as M,b as _,c as H}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./snackbar.d3b491c7.js";import"./index.57f55611.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./card.113fcab4.js";function F(t){let e;return{c(){e=x("SnackbarContainer")},l(t){e=b(t,"SnackbarContainer")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function U(t){let e;return{c(){e=x("The wrapper element creating a context to show snackbars.")},l(t){e=b(t,"The wrapper element creating a context to show snackbars.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Y(t){let e,n,$,r;return{c(){e=x("The main piece of functionality is the "),n=w("code"),$=x("showSnackbar"),r=x(" function. This function accepts an object with the following fields:")},l(t){e=b(t,"The main piece of functionality is the "),n=y(t,"CODE",{});var s=k(n);$=b(s,"showSnackbar"),s.forEach(h),r=b(t," function. This function accepts an object with the following fields:")},m(t,s){u(t,e,s),u(t,n,s),E(n,$),u(t,r,s)},p:v,d(t){t&&h(e),t&&h(n),t&&h(r)}}}function z(t){let e,n,$,r,s,o,a,c;return{c(){e=w("code"),n=x("component"),$=x(" (default: "),r=w("a"),s=w("mark"),o=w("code"),a=x("Snackbar"),c=x(") – the component to render as a snackbar;"),this.h()},l(t){e=y(t,"CODE",{});var f=k(e);n=b(f,"component"),f.forEach(h),$=b(t," (default: "),r=y(t,"A",{href:!0});var p=k(r);s=y(p,"MARK",{});var l=k(s);o=y(l,"CODE",{});var m=k(o);a=b(m,"Snackbar"),m.forEach(h),l.forEach(h),p.forEach(h),c=b(t,") – the component to render as a snackbar;"),this.h()},h(){T(r,"href","./docs/components/snackbar")},m(t,f){u(t,e,f),E(e,n),u(t,$,f),u(t,r,f),E(r,s),E(s,o),E(o,a),u(t,c,f)},p:v,d(t){t&&h(e),t&&h($),t&&h(r),t&&h(c)}}}function K(t){let e,n,$,r,s,o,a,c,f;return{c(){e=w("code"),n=x("props"),$=x(" (default: "),r=w("code"),s=x("{}"),o=x(") – the props to be passed to the snackbar. The component also injects the "),a=w("code"),c=x("closeCallback"),f=x(" prop into this object, which is a function that can be called to force-close the snackbar;")},l(t){e=y(t,"CODE",{});var p=k(e);n=b(p,"props"),p.forEach(h),$=b(t," (default: "),r=y(t,"CODE",{});var l=k(r);s=b(l,"{}"),l.forEach(h),o=b(t,") – the props to be passed to the snackbar. The component also injects the "),a=y(t,"CODE",{});var m=k(a);c=b(m,"closeCallback"),m.forEach(h),f=b(t," prop into this object, which is a function that can be called to force-close the snackbar;")},m(t,p){u(t,e,p),E(e,n),u(t,$,p),u(t,r,p),E(r,s),u(t,o,p),u(t,a,p),E(a,c),u(t,f,p)},p:v,d(t){t&&h(e),t&&h($),t&&h(r),t&&h(o),t&&h(a),t&&h(f)}}}function V(t){let e,n,$,r,s,o;return{c(){e=w("code"),n=x("duration"),$=x(" (default: "),r=w("code"),s=x("4000"),o=x(") – the duration to show the snackbar in milliseconds.")},l(t){e=y(t,"CODE",{});var a=k(e);n=b(a,"duration"),a.forEach(h),$=b(t," (default: "),r=y(t,"CODE",{});var c=k(r);s=b(c,"4000"),c.forEach(h),o=b(t,") – the duration to show the snackbar in milliseconds.")},m(t,a){u(t,e,a),E(e,n),u(t,$,a),u(t,r,a),E(r,s),u(t,o,a)},p:v,d(t){t&&h(e),t&&h($),t&&h(r),t&&h(o)}}}function q(t){let e,n,$,a,c,m;return e=new N({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),$=new N({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),c=new N({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment),a=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t),a=g(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),u(t,a,r),o(c,t,r),m=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t)}}}function J(t){let e;return{c(){e=x("You can obtain this function in three different ways:")},l(t){e=b(t,"You can obtain this function in three different ways:")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Q(t){let e,n,$,r,s,o,a,c,f,p,l,m,i,d,g,O,D,C,S,R,j;return{c(){e=w("strong"),n=x("If you need it in the "),$=w("code"),r=x("<script>"),s=x(" of the component that has "),o=w("code"),a=x("SnackbarContainer"),c=x(" as a child"),f=x(": "),p=w("br"),l=x(" Get ahold of the "),m=w("code"),i=x("SnackbarContainer"),d=x(" instance with "),g=w("a"),O=w("code"),D=x("bind:this"),C=x(" and access the "),S=w("code"),R=x("showSnackbar"),j=x(" property on the instance."),this.h()},l(t){e=y(t,"STRONG",{});var u=k(e);n=b(u,"If you need it in the "),$=y(u,"CODE",{});var x=k($);r=b(x,"<script>"),x.forEach(h),s=b(u," of the component that has "),o=y(u,"CODE",{});var w=k(o);a=b(w,"SnackbarContainer"),w.forEach(h),c=b(u," as a child"),u.forEach(h),f=b(t,": "),p=y(t,"BR",{}),l=b(t," Get ahold of the "),m=y(t,"CODE",{});var E=k(m);i=b(E,"SnackbarContainer"),E.forEach(h),d=b(t," instance with "),g=y(t,"A",{href:!0,rel:!0});var v=k(g);O=y(v,"CODE",{});var T=k(O);D=b(T,"bind:this"),T.forEach(h),v.forEach(h),C=b(t," and access the "),S=y(t,"CODE",{});var I=k(S);R=b(I,"showSnackbar"),I.forEach(h),j=b(t," property on the instance."),this.h()},h(){T(g,"href","https://svelte.dev/docs#bind_component"),T(g,"rel","nofollow")},m(t,h){u(t,e,h),E(e,n),E(e,$),E($,r),E(e,s),E(e,o),E(o,a),E(e,c),u(t,f,h),u(t,p,h),u(t,l,h),u(t,m,h),E(m,i),u(t,d,h),u(t,g,h),E(g,O),E(O,D),u(t,C,h),u(t,S,h),E(S,R),u(t,j,h)},p:v,d(t){t&&h(e),t&&h(f),t&&h(p),t&&h(l),t&&h(m),t&&h(d),t&&h(g),t&&h(C),t&&h(S),t&&h(j)}}}function W(t){let e,n,$,r,s,o,a,c;return{c(){e=w("strong"),n=x("If you need to pass it in a property to the immediate children"),$=x(": "),r=w("br"),s=x(" Use an exposed slot property with "),o=w("code"),a=x("let:showSnackbar"),c=x(".")},l(t){e=y(t,"STRONG",{});var f=k(e);n=b(f,"If you need to pass it in a property to the immediate children"),f.forEach(h),$=b(t,": "),r=y(t,"BR",{}),s=b(t," Use an exposed slot property with "),o=y(t,"CODE",{});var p=k(o);a=b(p,"let:showSnackbar"),p.forEach(h),c=b(t,".")},m(t,f){u(t,e,f),E(e,n),u(t,$,f),u(t,r,f),u(t,s,f),u(t,o,f),E(o,a),u(t,c,f)},p:v,d(t){t&&h(e),t&&h($),t&&h(r),t&&h(s),t&&h(o),t&&h(c)}}}function X(t){let e,n,$,r,s,o,a,c,f;return{c(){e=w("strong"),n=x("If you need to access it deep in the component tree"),$=x(": "),r=w("br"),s=x(" Use "),o=w("a"),a=w("code"),c=x("getContext"),f=x(" inside a child of this component."),this.h()},l(t){e=y(t,"STRONG",{});var p=k(e);n=b(p,"If you need to access it deep in the component tree"),p.forEach(h),$=b(t,": "),r=y(t,"BR",{}),s=b(t," Use "),o=y(t,"A",{href:!0,rel:!0});var l=k(o);a=y(l,"CODE",{});var m=k(a);c=b(m,"getContext"),m.forEach(h),l.forEach(h),f=b(t," inside a child of this component."),this.h()},h(){T(o,"href","https://svelte.dev/docs#getContext"),T(o,"rel","nofollow")},m(t,p){u(t,e,p),E(e,n),u(t,$,p),u(t,r,p),u(t,s,p),u(t,o,p),E(o,a),E(a,c),u(t,f,p)},p:v,d(t){t&&h(e),t&&h($),t&&h(r),t&&h(s),t&&h(o),t&&h(f)}}}function Z(t){let e,n,$,a,c,m;return e=new N({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),$=new N({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new N({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment),a=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t),a=g(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),u(t,a,r),o(c,t,r),m=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t)}}}function tt(t){let e;return{c(){e=x("press to see")},l(t){e=b(t,"press to see")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function et(t){let e,n;return e=new S({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),e.$on("click",(function(){return t[1](t[2])})),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p(n,$){t=n;const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r)},i(t){n||(f(e.$$.fragment,t),n=!0)},o(t){p(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function nt(t){let e,n,$;return n=new R({props:{$$slots:{default:[et,({showSnackbar:t})=>({2:t}),({showSnackbar:t})=>t?4:0]},$$scope:{ctx:t}}}),{c(){e=w("div"),r(n.$$.fragment),this.h()},l(t){e=y(t,"DIV",{slot:!0,class:!0});var $=k(e);s(n.$$.fragment,$),$.forEach(h),this.h()},h(){T(e,"slot","showcase"),T(e,"class","padded")},m(t,r){u(t,e,r),o(n,e,null),$=!0},p(t,e){const $={};12&e&&($.$$scope={dirty:e,ctx:t}),n.$set($)},i(t){$||(f(n.$$.fragment,t),$=!0)},o(t){p(n.$$.fragment,t),$=!1},d(t){t&&h(e),l(n)}}}function $t(t){let e,n;return{c(){e=w("div"),n=w("pre"),this.h()},l(t){e=y(t,"DIV",{slot:!0});var $=k(e);n=y($,"PRE",{class:!0}),k(n).forEach(h),$.forEach(h),this.h()},h(){T(n,"class","language-svelte"),T(e,"slot","source")},m(t,$){u(t,e,$),E(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>SnackbarContainer</span> <span class="token attr-name"><span class="token namespace">let:</span>showSnackbar</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token function">showSnackbar</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span> <span class="token literal-property property">props</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span> <span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">\'Hello!\'</span> <span class="token punctuation">&#125;</span> <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n    press to see\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>SnackbarContainer</span><span class="token punctuation">></span></span></code>'},p:v,d(t){t&&h(e)}}}function rt(t){let e;return{c(){e=x("Properties")},l(t){e=b(t,"Properties")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function st(t){let e;return{c(){e=x("Style Properties")},l(t){e=b(t,"Style Properties")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function ot(t){let e;return{c(){e=x("Name")},l(t){e=b(t,"Name")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function at(t){let e;return{c(){e=x("Default")},l(t){e=b(t,"Default")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function ct(t){let e;return{c(){e=x("Type")},l(t){e=b(t,"Type")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function ft(t){let e;return{c(){e=x("Description")},l(t){e=b(t,"Description")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function pt(t){let e,n,$,a,c,m,i,x;return e=new _({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),$=new _({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),c=new _({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),i=new _({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment),a=d(),r(c.$$.fragment),m=d(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t),a=g(t),s(c.$$.fragment,t),m=g(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),u(t,a,r),o(c,t,r),u(t,m,r),o(i,t,r),x=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),i.$set(a)},i(t){x||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),x=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),x=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t),t&&h(m),l(i,t)}}}function lt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("position")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"position"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function mt(t){let e,n;return{c(){e=w("code"),n=x("SnackbarPositions.BOTTOM_LEFT")},l(t){e=y(t,"CODE",{});var $=k(e);n=b($,"SnackbarPositions.BOTTOM_LEFT"),$.forEach(h)},m(t,$){u(t,e,$),E(e,n)},p:v,d(t){t&&h(e)}}}function it(t){let e,n,$,r;return{c(){e=w("a"),n=w("mark"),$=w("code"),r=x("SnackbarPositions"),this.h()},l(t){e=y(t,"A",{href:!0});var s=k(e);n=y(s,"MARK",{});var o=k(n);$=y(o,"CODE",{});var a=k($);r=b(a,"SnackbarPositions"),a.forEach(h),o.forEach(h),s.forEach(h),this.h()},h(){T(e,"href","#snackbar-positions")},m(t,s){u(t,e,s),E(e,n),E(n,$),E($,r)},p:v,d(t){t&&h(e)}}}function dt(t){let e;return{c(){e=x("The position of the snackbar stack inside the window.")},l(t){e=b(t,"The position of the snackbar stack inside the window.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function gt(t){let e,n,$,a,c,m,i,x;return e=new H({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment),a=d(),r(c.$$.fragment),m=d(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t),a=g(t),s(c.$$.fragment,t),m=g(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),u(t,a,r),o(c,t,r),u(t,m,r),o(i,t,r),x=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),i.$set(a)},i(t){x||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),x=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),x=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t),t&&h(m),l(i,t)}}}function ut(t){let e,n,$,a,c,m;return n=new M({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),{c(){e=w("thead"),r(n.$$.fragment),$=d(),a=w("tbody"),r(c.$$.fragment)},l(t){e=y(t,"THEAD",{});var r=k(e);s(n.$$.fragment,r),r.forEach(h),$=g(t),a=y(t,"TBODY",{});var o=k(a);s(c.$$.fragment,o),o.forEach(h)},m(t,r){u(t,e,r),o(n,e,null),u(t,$,r),u(t,a,r),o(c,a,null),m=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r)},i(t){m||(f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&h(e),l(n),t&&h($),t&&h(a),l(c)}}}function ht(t){let e;return{c(){e=x("Class Properties")},l(t){e=b(t,"Class Properties")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function xt(t){let e,n,$,r,s,o,a;return{c(){e=x("All "),n=w("code"),$=x("<SnackbarContainer>"),r=x(" components create the element with a "),s=w("code"),o=x(".snackbar-stack"),a=x(" class after the default slot content.")},l(t){e=b(t,"All "),n=y(t,"CODE",{});var c=k(n);$=b(c,"<SnackbarContainer>"),c.forEach(h),r=b(t," components create the element with a "),s=y(t,"CODE",{});var f=k(s);o=b(f,".snackbar-stack"),f.forEach(h),a=b(t," class after the default slot content.")},m(t,c){u(t,e,c),u(t,n,c),E(n,$),u(t,r,c),u(t,s,c),E(s,o),u(t,a,c)},p:v,d(t){t&&h(e),t&&h(n),t&&h(r),t&&h(s),t&&h(a)}}}function bt(t){let e;return{c(){e=x("Slots")},l(t){e=b(t,"Slots")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function wt(t){let e;return{c(){e=x("Default slot")},l(t){e=b(t,"Default slot")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function yt(t){let e,n,$,r;return{c(){e=x("Any content where you'd like to initiate "),n=w("a"),$=x("the snackbar context"),r=x(". The snackbar stack will be inserted after it, invisibly."),this.h()},l(t){e=b(t,"Any content where you'd like to initiate "),n=y(t,"A",{href:!0});var s=k(n);$=b(s,"the snackbar context"),s.forEach(h),r=b(t,". The snackbar stack will be inserted after it, invisibly."),this.h()},h(){T(n,"href","#snackbar-context-key")},m(t,s){u(t,e,s),u(t,n,s),E(n,$),u(t,r,s)},p:v,d(t){t&&h(e),t&&h(n),t&&h(r)}}}function kt(t){let e;return{c(){e=x("Prop Name")},l(t){e=b(t,"Prop Name")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Et(t){let e;return{c(){e=x("Type")},l(t){e=b(t,"Type")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function vt(t){let e;return{c(){e=x("Description")},l(t){e=b(t,"Description")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Tt(t){let e,n,$,a,c,m;return e=new _({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),$=new _({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),c=new _({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment),a=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t),a=g(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),u(t,a,r),o(c,t,r),m=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t)}}}function Ot(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("showSnackbar")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"showSnackbar"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function Dt(t){let e,n;return{c(){e=w("code"),n=x("Function")},l(t){e=y(t,"CODE",{});var $=k(e);n=b($,"Function"),$.forEach(h)},m(t,$){u(t,e,$),E(e,n)},p:v,d(t){t&&h(e)}}}function Ct(t){let e;return{c(){e=x("Callback to display a new snackbar.")},l(t){e=b(t,"Callback to display a new snackbar.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function St(t){let e,n,$,a,c,m;return e=new H({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment),a=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t),a=g(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),u(t,a,r),o(c,t,r),m=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t)}}}function Rt(t){let e,n,$,a,c,m;return n=new M({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){e=w("thead"),r(n.$$.fragment),$=d(),a=w("tbody"),r(c.$$.fragment)},l(t){e=y(t,"THEAD",{});var r=k(e);s(n.$$.fragment,r),r.forEach(h),$=g(t),a=y(t,"TBODY",{});var o=k(a);s(c.$$.fragment,o),o.forEach(h)},m(t,r){u(t,e,r),o(n,e,null),u(t,$,r),u(t,a,r),o(c,a,null),m=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r)},i(t){m||(f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&h(e),l(n),t&&h($),t&&h(a),l(c)}}}function jt(t){let e;return{c(){e=x("Exported Attributes")},l(t){e=b(t,"Exported Attributes")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function It(t){let e,n,$,r;return{c(){e=x("These attributes can be accessed from variables holding component instances bound using "),n=w("code"),$=x("bind:this"),r=x(" on the instance.")},l(t){e=b(t,"These attributes can be accessed from variables holding component instances bound using "),n=y(t,"CODE",{});var s=k(n);$=b(s,"bind:this"),s.forEach(h),r=b(t," on the instance.")},m(t,s){u(t,e,s),u(t,n,s),E(n,$),u(t,r,s)},p:v,d(t){t&&h(e),t&&h(n),t&&h(r)}}}function At(t){let e;return{c(){e=x("Name")},l(t){e=b(t,"Name")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Gt(t){let e;return{c(){e=x("Type")},l(t){e=b(t,"Type")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Nt(t){let e;return{c(){e=x("Description")},l(t){e=b(t,"Description")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Pt(t){let e,n,$,a,c,m;return e=new _({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),$=new _({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),c=new _({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment),a=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t),a=g(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),u(t,a,r),o(c,t,r),m=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t)}}}function Lt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("showSnackbar")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"showSnackbar"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function Bt(t){let e,n;return{c(){e=w("code"),n=x("Function")},l(t){e=y(t,"CODE",{});var $=k(e);n=b($,"Function"),$.forEach(h)},m(t,$){u(t,e,$),E(e,n)},p:v,d(t){t&&h(e)}}}function Mt(t){let e,n,$,r;return{c(){e=x("Callback to display a new snackbar. Useful when you need to show a snackbar inside a component where the "),n=w("code"),$=x("SnackbarContainer"),r=x(" is created.")},l(t){e=b(t,"Callback to display a new snackbar. Useful when you need to show a snackbar inside a component where the "),n=y(t,"CODE",{});var s=k(n);$=b(s,"SnackbarContainer"),s.forEach(h),r=b(t," is created.")},m(t,s){u(t,e,s),u(t,n,s),E(n,$),u(t,r,s)},p:v,d(t){t&&h(e),t&&h(n),t&&h(r)}}}function _t(t){let e,n,$,a,c,m;return e=new H({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment),a=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t),a=g(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),u(t,a,r),o(c,t,r),m=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t)}}}function Ht(t){let e,n,$,a,c,m;return n=new M({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),{c(){e=w("thead"),r(n.$$.fragment),$=d(),a=w("tbody"),r(c.$$.fragment)},l(t){e=y(t,"THEAD",{});var r=k(e);s(n.$$.fragment,r),r.forEach(h),$=g(t),a=y(t,"TBODY",{});var o=k(a);s(c.$$.fragment,o),o.forEach(h)},m(t,r){u(t,e,r),o(n,e,null),u(t,$,r),u(t,a,r),o(c,a,null),m=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r)},i(t){m||(f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&h(e),l(n),t&&h($),t&&h(a),l(c)}}}function Ft(t){let e;return{c(){e=x("Related Objects")},l(t){e=b(t,"Related Objects")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Ut(t){let e,n,$,r;return{c(){e=x("The following objects are available as named exports in "),n=w("code"),$=x("'attractions/snackbar'"),r=x(".")},l(t){e=b(t,"The following objects are available as named exports in "),n=y(t,"CODE",{});var s=k(n);$=b(s,"'attractions/snackbar'"),s.forEach(h),r=b(t,".")},m(t,s){u(t,e,s),u(t,n,s),E(n,$),u(t,r,s)},p:v,d(t){t&&h(e),t&&h(n),t&&h(r)}}}function Yt(t){let e,n;return{c(){e=w("code"),n=x("SnackbarPositions")},l(t){e=y(t,"CODE",{});var $=k(e);n=b($,"SnackbarPositions"),$.forEach(h)},m(t,$){u(t,e,$),E(e,n)},p:v,d(t){t&&h(e)}}}function zt(t){let e;return{c(){e=x("An enum listing the possible positions for the snackbar stack.")},l(t){e=b(t,"An enum listing the possible positions for the snackbar stack.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Kt(t){let e;return{c(){e=x("Field")},l(t){e=b(t,"Field")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Vt(t){let e;return{c(){e=x("Description")},l(t){e=b(t,"Description")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function qt(t){let e,n,$,a;return e=new _({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),$=new _({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),a=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s)},i(t){a||(f(e.$$.fragment,t),f($.$$.fragment,t),a=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function Jt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("TOP_LEFT")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"TOP_LEFT"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function Qt(t){let e;return{c(){e=x("In the top left corner.")},l(t){e=b(t,"In the top left corner.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Wt(t){let e,n,$,a;return e=new H({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),a=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s)},i(t){a||(f(e.$$.fragment,t),f($.$$.fragment,t),a=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function Xt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("TOP_MIDDLE")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"TOP_MIDDLE"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function Zt(t){let e;return{c(){e=x("At the top, horizontally centered.")},l(t){e=b(t,"At the top, horizontally centered.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function te(t){let e,n,$,a;return e=new H({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),a=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s)},i(t){a||(f(e.$$.fragment,t),f($.$$.fragment,t),a=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function ee(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("TOP_RIGHT")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"TOP_RIGHT"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function ne(t){let e;return{c(){e=x("In the top right corner.")},l(t){e=b(t,"In the top right corner.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function $e(t){let e,n,$,a;return e=new H({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),a=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s)},i(t){a||(f(e.$$.fragment,t),f($.$$.fragment,t),a=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function re(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("MIDDLE_RIGHT")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"MIDDLE_RIGHT"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function se(t){let e;return{c(){e=x("Along the right edge, vertically centered.")},l(t){e=b(t,"Along the right edge, vertically centered.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function oe(t){let e,n,$,a;return e=new H({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),a=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s)},i(t){a||(f(e.$$.fragment,t),f($.$$.fragment,t),a=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function ae(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("BOTTOM_RIGHT")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"BOTTOM_RIGHT"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function ce(t){let e;return{c(){e=x("In the bottom right corner.")},l(t){e=b(t,"In the bottom right corner.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function fe(t){let e,n,$,a;return e=new H({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),a=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s)},i(t){a||(f(e.$$.fragment,t),f($.$$.fragment,t),a=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function pe(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("BOTTOM_MIDDLE")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"BOTTOM_MIDDLE"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function le(t){let e;return{c(){e=x("At the bottom, horizontally centered.")},l(t){e=b(t,"At the bottom, horizontally centered.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function me(t){let e,n,$,a;return e=new H({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),a=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s)},i(t){a||(f(e.$$.fragment,t),f($.$$.fragment,t),a=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function ie(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("BOTTOM_LEFT")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"BOTTOM_LEFT"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function de(t){let e;return{c(){e=x("In the bottom left corner.")},l(t){e=b(t,"In the bottom left corner.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function ge(t){let e,n,$,a;return e=new H({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),a=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s)},i(t){a||(f(e.$$.fragment,t),f($.$$.fragment,t),a=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function ue(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("MIDDLE_LEFT")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"MIDDLE_LEFT"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function he(t){let e;return{c(){e=x("Along the left edge, vertically centered.")},l(t){e=b(t,"Along the left edge, vertically centered.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function xe(t){let e,n,$,a;return e=new H({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),a=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s)},i(t){a||(f(e.$$.fragment,t),f($.$$.fragment,t),a=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function be(t){let e,n,$,a,c,m,i,x,b,v,T,O,D,C,S,R,j,I,A,G;return n=new M({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),i=new M({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),b=new M({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),T=new M({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),D=new M({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),S=new M({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),j=new M({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),A=new M({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),{c(){e=w("thead"),r(n.$$.fragment),$=d(),a=w("tbody"),r(c.$$.fragment),m=d(),r(i.$$.fragment),x=d(),r(b.$$.fragment),v=d(),r(T.$$.fragment),O=d(),r(D.$$.fragment),C=d(),r(S.$$.fragment),R=d(),r(j.$$.fragment),I=d(),r(A.$$.fragment)},l(t){e=y(t,"THEAD",{});var r=k(e);s(n.$$.fragment,r),r.forEach(h),$=g(t),a=y(t,"TBODY",{});var o=k(a);s(c.$$.fragment,o),m=g(o),s(i.$$.fragment,o),x=g(o),s(b.$$.fragment,o),v=g(o),s(T.$$.fragment,o),O=g(o),s(D.$$.fragment,o),C=g(o),s(S.$$.fragment,o),R=g(o),s(j.$$.fragment,o),I=g(o),s(A.$$.fragment,o),o.forEach(h)},m(t,r){u(t,e,r),o(n,e,null),u(t,$,r),u(t,a,r),o(c,a,null),E(a,m),o(i,a,null),E(a,x),o(b,a,null),E(a,v),o(T,a,null),E(a,O),o(D,a,null),E(a,C),o(S,a,null),E(a,R),o(j,a,null),E(a,I),o(A,a,null),G=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),i.$set(s);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),b.$set(o);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),T.$set(a);const f={};8&e&&(f.$$scope={dirty:e,ctx:t}),D.$set(f);const p={};8&e&&(p.$$scope={dirty:e,ctx:t}),S.$set(p);const l={};8&e&&(l.$$scope={dirty:e,ctx:t}),j.$set(l);const m={};8&e&&(m.$$scope={dirty:e,ctx:t}),A.$set(m)},i(t){G||(f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(b.$$.fragment,t),f(T.$$.fragment,t),f(D.$$.fragment,t),f(S.$$.fragment,t),f(j.$$.fragment,t),f(A.$$.fragment,t),G=!0)},o(t){p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),p(b.$$.fragment,t),p(T.$$.fragment,t),p(D.$$.fragment,t),p(S.$$.fragment,t),p(j.$$.fragment,t),p(A.$$.fragment,t),G=!1},d(t){t&&h(e),l(n),t&&h($),t&&h(a),l(c),l(i),l(b),l(T),l(D),l(S),l(j),l(A)}}}function we(t){let e,n;return{c(){e=w("code"),n=x("snackbarContextKey")},l(t){e=y(t,"CODE",{});var $=k(e);n=b($,"snackbarContextKey"),$.forEach(h)},m(t,$){u(t,e,$),E(e,n)},p:v,d(t){t&&h(e)}}}function ye(t){let e,n,$,r,s,o,a;return{c(){e=x("The context key to pass to Svelte's "),n=w("code"),$=x("getContext"),r=x(" to obtain the "),s=w("code"),o=x("showSnackbar"),a=x(" callback (described above).")},l(t){e=b(t,"The context key to pass to Svelte's "),n=y(t,"CODE",{});var c=k(n);$=b(c,"getContext"),c.forEach(h),r=b(t," to obtain the "),s=y(t,"CODE",{});var f=k(s);o=b(f,"showSnackbar"),f.forEach(h),a=b(t," callback (described above).")},m(t,c){u(t,e,c),u(t,n,c),E(n,$),u(t,r,c),u(t,s,c),E(s,o),u(t,a,c)},p:v,d(t){t&&h(e),t&&h(n),t&&h(r),t&&h(s),t&&h(a)}}}function ke(t){let e;return{c(){e=x("SCSS Variables")},l(t){e=b(t,"SCSS Variables")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Ee(t){let e;return{c(){e=x("Name")},l(t){e=b(t,"Name")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function ve(t){let e;return{c(){e=x("Description")},l(t){e=b(t,"Description")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Te(t){let e;return{c(){e=x("Default")},l(t){e=b(t,"Default")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Oe(t){let e,n,$,a,c,m;return e=new _({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),$=new _({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),c=new _({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment),a=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t),a=g(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),u(t,a,r),o(c,t,r),m=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t)}}}function De(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("$snackbar-horizontal-offset")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"$snackbar-horizontal-offset"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function Ce(t){let e;return{c(){e=x("The offset from the left or the right edge of the screen for the snackbars.")},l(t){e=b(t,"The offset from the left or the right edge of the screen for the snackbars.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Se(t){let e,n;return{c(){e=w("code"),n=x("5%")},l(t){e=y(t,"CODE",{});var $=k(e);n=b($,"5%"),$.forEach(h)},m(t,$){u(t,e,$),E(e,n)},p:v,d(t){t&&h(e)}}}function Re(t){let e,n,$,a,c,m;return e=new H({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment),a=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t),a=g(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),u(t,a,r),o(c,t,r),m=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t)}}}function je(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("$snackbar-vertical-offset")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"$snackbar-vertical-offset"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function Ie(t){let e;return{c(){e=x("The offset from the top or the bottom edge of the screen for the snackbars.")},l(t){e=b(t,"The offset from the top or the bottom edge of the screen for the snackbars.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Ae(t){let e,n;return{c(){e=w("code"),n=x("3em")},l(t){e=y(t,"CODE",{});var $=k(e);n=b($,"3em"),$.forEach(h)},m(t,$){u(t,e,$),E(e,n)},p:v,d(t){t&&h(e)}}}function Ge(t){let e,n,$,a,c,m;return e=new H({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment),a=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t),a=g(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),u(t,a,r),o(c,t,r),m=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t)}}}function Ne(t){let e,n,$,a,c,m,i,x;return n=new M({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),i=new M({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),{c(){e=w("thead"),r(n.$$.fragment),$=d(),a=w("tbody"),r(c.$$.fragment),m=d(),r(i.$$.fragment)},l(t){e=y(t,"THEAD",{});var r=k(e);s(n.$$.fragment,r),r.forEach(h),$=g(t),a=y(t,"TBODY",{});var o=k(a);s(c.$$.fragment,o),m=g(o),s(i.$$.fragment,o),o.forEach(h)},m(t,r){u(t,e,r),o(n,e,null),u(t,$,r),u(t,a,r),o(c,a,null),E(a,m),o(i,a,null),x=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),i.$set(s)},i(t){x||(f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),x=!0)},o(t){p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),x=!1},d(t){t&&h(e),l(n),t&&h($),t&&h(a),l(c),l(i)}}}function Pe(t){let e,n,$,a,c,m,i,x,b,w,y,k,E,v,T,O,S,R,A,N,M,_,H,z,K,V,Q,W,X,tt,et,ot,at,ct,ft,pt,lt,mt,it,dt,gt,kt,Et,vt,Tt,Ot,Dt,Ct,St,At,Gt,Nt,Pt,Lt,Bt,Mt,_t,Kt;return e=new D({props:{$$slots:{default:[F]},$$scope:{ctx:t}}}),$=new C({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),c=new C({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),i=new G({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),b=new C({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),y=new G({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),E=new I({props:{components:_e}}),T=new j({props:{$$slots:{source:[$t],showcase:[nt]},$$scope:{ctx:t}}}),S=new P({props:{id:"properties",$$slots:{default:[rt]},$$scope:{ctx:t}}}),A=new L({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),M=new B({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),H=new L({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),K=new C({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),Q=new P({props:{id:"slots",$$slots:{default:[bt]},$$scope:{ctx:t}}}),X=new L({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),et=new C({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),at=new B({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),ft=new P({props:{id:"exported",$$slots:{default:[jt]},$$scope:{ctx:t}}}),lt=new C({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),it=new B({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),gt=new P({props:{id:"related-objects",$$slots:{default:[Ft]},$$scope:{ctx:t}}}),Et=new C({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),Tt=new L({props:{id:"snackbar-positions",$$slots:{default:[Yt]},$$scope:{ctx:t}}}),Dt=new C({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),St=new B({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),Gt=new L({props:{id:"snackbar-context-key",$$slots:{default:[we]},$$scope:{ctx:t}}}),Pt=new C({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),Bt=new P({props:{id:"scss-variables",$$slots:{default:[ke]},$$scope:{ctx:t}}}),_t=new B({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment),a=d(),r(c.$$.fragment),m=d(),r(i.$$.fragment),x=d(),r(b.$$.fragment),w=d(),r(y.$$.fragment),k=d(),r(E.$$.fragment),v=d(),r(T.$$.fragment),O=d(),r(S.$$.fragment),R=d(),r(A.$$.fragment),N=d(),r(M.$$.fragment),_=d(),r(H.$$.fragment),z=d(),r(K.$$.fragment),V=d(),r(Q.$$.fragment),W=d(),r(X.$$.fragment),tt=d(),r(et.$$.fragment),ot=d(),r(at.$$.fragment),ct=d(),r(ft.$$.fragment),pt=d(),r(lt.$$.fragment),mt=d(),r(it.$$.fragment),dt=d(),r(gt.$$.fragment),kt=d(),r(Et.$$.fragment),vt=d(),r(Tt.$$.fragment),Ot=d(),r(Dt.$$.fragment),Ct=d(),r(St.$$.fragment),At=d(),r(Gt.$$.fragment),Nt=d(),r(Pt.$$.fragment),Lt=d(),r(Bt.$$.fragment),Mt=d(),r(_t.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t),a=g(t),s(c.$$.fragment,t),m=g(t),s(i.$$.fragment,t),x=g(t),s(b.$$.fragment,t),w=g(t),s(y.$$.fragment,t),k=g(t),s(E.$$.fragment,t),v=g(t),s(T.$$.fragment,t),O=g(t),s(S.$$.fragment,t),R=g(t),s(A.$$.fragment,t),N=g(t),s(M.$$.fragment,t),_=g(t),s(H.$$.fragment,t),z=g(t),s(K.$$.fragment,t),V=g(t),s(Q.$$.fragment,t),W=g(t),s(X.$$.fragment,t),tt=g(t),s(et.$$.fragment,t),ot=g(t),s(at.$$.fragment,t),ct=g(t),s(ft.$$.fragment,t),pt=g(t),s(lt.$$.fragment,t),mt=g(t),s(it.$$.fragment,t),dt=g(t),s(gt.$$.fragment,t),kt=g(t),s(Et.$$.fragment,t),vt=g(t),s(Tt.$$.fragment,t),Ot=g(t),s(Dt.$$.fragment,t),Ct=g(t),s(St.$$.fragment,t),At=g(t),s(Gt.$$.fragment,t),Nt=g(t),s(Pt.$$.fragment,t),Lt=g(t),s(Bt.$$.fragment,t),Mt=g(t),s(_t.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),u(t,a,r),o(c,t,r),u(t,m,r),o(i,t,r),u(t,x,r),o(b,t,r),u(t,w,r),o(y,t,r),u(t,k,r),o(E,t,r),u(t,v,r),o(T,t,r),u(t,O,r),o(S,t,r),u(t,R,r),o(A,t,r),u(t,N,r),o(M,t,r),u(t,_,r),o(H,t,r),u(t,z,r),o(K,t,r),u(t,V,r),o(Q,t,r),u(t,W,r),o(X,t,r),u(t,tt,r),o(et,t,r),u(t,ot,r),o(at,t,r),u(t,ct,r),o(ft,t,r),u(t,pt,r),o(lt,t,r),u(t,mt,r),o(it,t,r),u(t,dt,r),o(gt,t,r),u(t,kt,r),o(Et,t,r),u(t,vt,r),o(Tt,t,r),u(t,Ot,r),o(Dt,t,r),u(t,Ct,r),o(St,t,r),u(t,At,r),o(Gt,t,r),u(t,Nt,r),o(Pt,t,r),u(t,Lt,r),o(Bt,t,r),u(t,Mt,r),o(_t,t,r),Kt=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),i.$set(a);const f={};8&n&&(f.$$scope={dirty:n,ctx:t}),b.$set(f);const p={};8&n&&(p.$$scope={dirty:n,ctx:t}),y.$set(p);const l={};8&n&&(l.$$scope={dirty:n,ctx:t}),T.$set(l);const m={};8&n&&(m.$$scope={dirty:n,ctx:t}),S.$set(m);const d={};8&n&&(d.$$scope={dirty:n,ctx:t}),A.$set(d);const g={};8&n&&(g.$$scope={dirty:n,ctx:t}),M.$set(g);const u={};8&n&&(u.$$scope={dirty:n,ctx:t}),H.$set(u);const h={};8&n&&(h.$$scope={dirty:n,ctx:t}),K.$set(h);const x={};8&n&&(x.$$scope={dirty:n,ctx:t}),Q.$set(x);const w={};8&n&&(w.$$scope={dirty:n,ctx:t}),X.$set(w);const k={};8&n&&(k.$$scope={dirty:n,ctx:t}),et.$set(k);const E={};8&n&&(E.$$scope={dirty:n,ctx:t}),at.$set(E);const v={};8&n&&(v.$$scope={dirty:n,ctx:t}),ft.$set(v);const O={};8&n&&(O.$$scope={dirty:n,ctx:t}),lt.$set(O);const D={};8&n&&(D.$$scope={dirty:n,ctx:t}),it.$set(D);const C={};8&n&&(C.$$scope={dirty:n,ctx:t}),gt.$set(C);const R={};8&n&&(R.$$scope={dirty:n,ctx:t}),Et.$set(R);const j={};8&n&&(j.$$scope={dirty:n,ctx:t}),Tt.$set(j);const I={};8&n&&(I.$$scope={dirty:n,ctx:t}),Dt.$set(I);const G={};8&n&&(G.$$scope={dirty:n,ctx:t}),St.$set(G);const N={};8&n&&(N.$$scope={dirty:n,ctx:t}),Gt.$set(N);const P={};8&n&&(P.$$scope={dirty:n,ctx:t}),Pt.$set(P);const L={};8&n&&(L.$$scope={dirty:n,ctx:t}),Bt.$set(L);const B={};8&n&&(B.$$scope={dirty:n,ctx:t}),_t.$set(B)},i(t){Kt||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(b.$$.fragment,t),f(y.$$.fragment,t),f(E.$$.fragment,t),f(T.$$.fragment,t),f(S.$$.fragment,t),f(A.$$.fragment,t),f(M.$$.fragment,t),f(H.$$.fragment,t),f(K.$$.fragment,t),f(Q.$$.fragment,t),f(X.$$.fragment,t),f(et.$$.fragment,t),f(at.$$.fragment,t),f(ft.$$.fragment,t),f(lt.$$.fragment,t),f(it.$$.fragment,t),f(gt.$$.fragment,t),f(Et.$$.fragment,t),f(Tt.$$.fragment,t),f(Dt.$$.fragment,t),f(St.$$.fragment,t),f(Gt.$$.fragment,t),f(Pt.$$.fragment,t),f(Bt.$$.fragment,t),f(_t.$$.fragment,t),Kt=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),p(b.$$.fragment,t),p(y.$$.fragment,t),p(E.$$.fragment,t),p(T.$$.fragment,t),p(S.$$.fragment,t),p(A.$$.fragment,t),p(M.$$.fragment,t),p(H.$$.fragment,t),p(K.$$.fragment,t),p(Q.$$.fragment,t),p(X.$$.fragment,t),p(et.$$.fragment,t),p(at.$$.fragment,t),p(ft.$$.fragment,t),p(lt.$$.fragment,t),p(it.$$.fragment,t),p(gt.$$.fragment,t),p(Et.$$.fragment,t),p(Tt.$$.fragment,t),p(Dt.$$.fragment,t),p(St.$$.fragment,t),p(Gt.$$.fragment,t),p(Pt.$$.fragment,t),p(Bt.$$.fragment,t),p(_t.$$.fragment,t),Kt=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t),t&&h(m),l(i,t),t&&h(x),l(b,t),t&&h(w),l(y,t),t&&h(k),l(E,t),t&&h(v),l(T,t),t&&h(O),l(S,t),t&&h(R),l(A,t),t&&h(N),l(M,t),t&&h(_),l(H,t),t&&h(z),l(K,t),t&&h(V),l(Q,t),t&&h(W),l(X,t),t&&h(tt),l(et,t),t&&h(ot),l(at,t),t&&h(ct),l(ft,t),t&&h(pt),l(lt,t),t&&h(mt),l(it,t),t&&h(dt),l(gt,t),t&&h(kt),l(Et,t),t&&h(vt),l(Tt,t),t&&h(Ot),l(Dt,t),t&&h(Ct),l(St,t),t&&h(At),l(Gt,t),t&&h(Nt),l(Pt,t),t&&h(Lt),l(Bt,t),t&&h(Mt),l(_t,t)}}}function Le(t){let e,n;const m=[t[0],Be];let i={$$slots:{default:[Pe]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=$(i,m[t]);return e=new O({props:i}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p(t,[n]){const $=1&n?a(m,[1&n&&c(t[0]),0&n&&c(Be)]):{};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($)},i(t){n||(f(e.$$.fragment,t),n=!0)},o(t){p(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}const Be={name:"SnackbarContainer",relatedComponents:[{name:"Snackbar",link:"./docs/components/snackbar"}]},{name:Me,relatedComponents:_e}=Be;function He(t,e,n){m(A);return t.$$set=t=>{n(0,e=$($({},e),i(t)))},[e=i(e),t=>t({props:{text:"Hello!"}})]}class Fe extends t{constructor(t){super(),e(this,t,He,Le,n,{})}}export{Fe as default,Be as metadata};
diff --git a/376/client/legacy/snackbar-container.4c599411.js b/376/client/legacy/snackbar-container.4c599411.js
new file mode 100644
index 000000000..2252d3739
--- /dev/null
+++ b/376/client/legacy/snackbar-container.4c599411.js
@@ -0,0 +1 @@
+import{S as t,i as e,s,M as o,u as n,h as a,w as r,k as l,b as i,d as c,e as p,f,Q as m,R as u,T as h,y as $,Z as d,z as T,t as g,p as b,a4 as k,r as v,H as E,j as O,l as D,m as I,U as M,a0 as _,q as L,_ as w,K as x}from"./client.583c6e60.js";import{S as P}from"./snackbar.d3b491c7.js";var S={},j=Object.freeze({TOP_LEFT:"top left",TOP_MIDDLE:"top h-middle",TOP_RIGHT:"top right",MIDDLE_RIGHT:"v-middle right",BOTTOM_RIGHT:"bottom right",BOTTOM_MIDDLE:"bottom h-middle",BOTTOM_LEFT:"bottom left",MIDDLE_LEFT:"v-middle left"});function y(t,e,s){const o=t.slice();return o[6]=e[s],o}const B=t=>({}),F=t=>({showSnackbar:t[1]});function H(t,e){let s,o,n,a;const r=[e[6].props];var l=e[6].component;function i(t){let e={};for(let t=0;t<r.length;t+=1)e=x(e,r[t]);return{props:e}}return l&&(o=v(l,i())),{key:t,first:null,c(){s=E(),o&&O(o.$$.fragment),n=E(),this.h()},l(t){s=E(),o&&D(o.$$.fragment,t),n=E(),this.h()},h(){this.first=s},m(t,e){f(t,s,e),o&&I(o,t,e),f(t,n,e),a=!0},p(t,s){e=t;const a=4&s?M(r,[_(e[6].props)]):{};if(4&s&&l!==(l=e[6].component)){if(o){$();const t=o;b(t.$$.fragment,1,0,(()=>{L(t,1)})),T()}l?(o=v(l,i()),O(o.$$.fragment),g(o.$$.fragment,1),I(o,n.parentNode,n)):o=null}else l&&o.$set(a)},i(t){a||(o&&g(o.$$.fragment,t),a=!0)},o(t){o&&b(o.$$.fragment,t),a=!1},d(t){t&&c(s),t&&c(n),o&&L(o,t)}}}function R(t){let e,s,k,v,E=[],O=new Map;const D=t[4].default,I=o(D,t,t[3],F);let M=[...t[2].values()];const _=t=>t[6];for(let e=0;e<M.length;e+=1){let s=y(t,M,e),o=_(s);O.set(o,E[e]=H(o,s))}return{c(){I&&I.c(),e=n(),s=a("div");for(let t=0;t<E.length;t+=1)E[t].c();this.h()},l(t){I&&I.l(t),e=r(t),s=l(t,"DIV",{class:!0});var o=i(s);for(let t=0;t<E.length;t+=1)E[t].l(o);o.forEach(c),this.h()},h(){p(s,"class",k="snackbar-stack "+t[0])},m(t,o){I&&I.m(t,o),f(t,e,o),f(t,s,o);for(let t=0;t<E.length;t+=1)E[t]&&E[t].m(s,null);v=!0},p(t,e){let[o]=e;I&&I.p&&(!v||8&o)&&m(I,D,t,t[3],v?h(D,t[3],o,B):u(t[3]),F),4&o&&(M=[...t[2].values()],$(),E=d(E,o,_,1,t,M,O,s,w,H,null,y),T()),(!v||1&o&&k!==(k="snackbar-stack "+t[0]))&&p(s,"class",k)},i(t){if(!v){g(I,t);for(let t=0;t<M.length;t+=1)g(E[t]);v=!0}},o(t){b(I,t);for(let t=0;t<E.length;t+=1)b(E[t]);v=!1},d(t){I&&I.d(t),t&&c(e),t&&c(s);for(let t=0;t<E.length;t+=1)E[t].d()}}}function C(t,e,s){let{$$slots:o={},$$scope:n}=e,{position:a=j.BOTTOM_LEFT}=e,r=new Set;function l(t,e){r.delete(t),"function"==typeof t.resolveExpiredPromise&&t.resolveExpiredPromise(!e),s(2,r)}function i(t){const{component:e=P,props:o={},duration:n=4e3}=t,a={component:e,props:o},i=o.closeCallback;return a.props.closeCallback=function(){clearTimeout(a.timeoutID),l(a,!0),"function"==typeof i&&i()},a.timeoutID=setTimeout(l,n,a,!1),r.add(a),s(2,r),{close:a.props.closeCallback,expired:new Promise((t=>a.resolveExpiredPromise=t))}}return k(S,i),t.$$set=t=>{"position"in t&&s(0,a=t.position),"$$scope"in t&&s(3,n=t.$$scope)},[a,i,r,n,o]}var G=class extends t{constructor(t){super(),e(this,t,C,R,s,{position:0,showSnackbar:1})}get showSnackbar(){return this.$$.ctx[1]}};export{G as S};
diff --git a/376/client/legacy/snackbar.1bd685cd.js b/376/client/legacy/snackbar.1bd685cd.js
new file mode 100644
index 000000000..0ce248841
--- /dev/null
+++ b/376/client/legacy/snackbar.1bd685cd.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as r,l as a,m as s,U as o,a0 as c,t as f,p as l,q as p,L as m,u as g,h as u,v as i,w as d,k as h,b as x,x as w,d as E,e as b,f as y,g as v,n as k}from"./client.583c6e60.js";import{L as O,H as C,P as D}from"./layout.47c81311.js";import{S as T}from"./snackbar.d3b491c7.js";import{S}from"./showcase.759e7149.js";import{C as R}from"./color-preview.9db6af61.js";import{S as A}from"./shadow-preview.487038f8.js";import{R as N}from"./related-components.9fddec4f.js";import{H as j}from"./h2.0da05151.js";import{H as F}from"./h3.c9a49f62.js";import{T as G,a as B,b as P,c as H}from"./table.c1711529.js";import"./button.863c0adf.js";import"./classes.a7d1a9eb.js";import"./index.57f55611.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./popover.3a24cfa5.js";import"./card.113fcab4.js";function L(t){let e;return{c(){e=i("Snackbar")},l(t){e=w(t,"Snackbar")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function M(t){let e;return{c(){e=i("A small snackbar to display status messages.")},l(t){e=w(t,"A small snackbar to display status messages.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function I(t){let e,$,n,r,a,s,o,c,f;return{c(){e=i("Note: below is not the intended way of using this component. It is meant to be passed into the "),$=u("code"),n=i("showSnackbar"),r=i(" function of the "),a=u("a"),s=u("mark"),o=u("code"),c=i("SnackbarContainer"),f=i(" component."),this.h()},l(t){e=w(t,"Note: below is not the intended way of using this component. It is meant to be passed into the "),$=h(t,"CODE",{});var l=x($);n=w(l,"showSnackbar"),l.forEach(E),r=w(t," function of the "),a=h(t,"A",{href:!0});var p=x(a);s=h(p,"MARK",{});var m=x(s);o=h(m,"CODE",{});var g=x(o);c=w(g,"SnackbarContainer"),g.forEach(E),m.forEach(E),p.forEach(E),f=w(t," component."),this.h()},h(){b(a,"href","./docs/components/snackbar-container")},m(t,l){y(t,e,l),y(t,$,l),v($,n),y(t,r,l),y(t,a,l),v(a,s),v(s,o),v(o,c),y(t,f,l)},p:k,d(t){t&&E(e),t&&E($),t&&E(r),t&&E(a),t&&E(f)}}}function q(t){let e,$,n;return $=new T({props:{text:"Hello!",action:{text:"oh, hi",callback:t[1]},closeCallback:Me}}),{c(){e=u("div"),r($.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var n=x(e);a($.$$.fragment,n),n.forEach(E),this.h()},h(){b(e,"slot","showcase"),b(e,"class","padded svelte-130hse3")},m(t,r){y(t,e,r),s($,e,null),n=!0},p:k,i(t){n||(f($.$$.fragment,t),n=!0)},o(t){l($.$$.fragment,t),n=!1},d(t){t&&E(e),p($)}}}function K(t){let e,$;return{c(){e=u("div"),$=u("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var n=x(e);$=h(n,"PRE",{class:!0}),x($).forEach(E),n.forEach(E),this.h()},h(){b($,"class","language-svelte"),b(e,"slot","source")},m(t,n){y(t,e,n),v(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Snackbar</span>\n  <span class="token attr-name">text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Hello!<span class="token punctuation">"</span></span>\n  <span class="token attr-name">action=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token punctuation">&#123;</span>\n    <span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">\'oh, hi\'</span><span class="token punctuation">,</span>\n    <span class="token function-variable function">callback</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">\'ack\'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">closeCallback=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">&#123;</span><span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span></span>\n<span class="token punctuation">/></span></span></code>'},p:k,d(t){t&&E(e)}}}function V(t){let e;return{c(){e=i("Properties")},l(t){e=w(t,"Properties")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function U(t){let e;return{c(){e=i("Functional Properties")},l(t){e=w(t,"Functional Properties")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Y(t){let e;return{c(){e=i("Name")},l(t){e=w(t,"Name")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function W(t){let e;return{c(){e=i("Default")},l(t){e=w(t,"Default")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function z(t){let e;return{c(){e=i("Type")},l(t){e=w(t,"Type")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function J(t){let e;return{c(){e=i("Description")},l(t){e=w(t,"Description")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Q(t){let e,$,n,o,c,m,u,i;return e=new P({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),y(t,m,r),s(u,t,r),i=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),i=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(u,t)}}}function X(t){let e,$,n,r,a,s,o;return{c(){e=u("mark"),$=u("strong"),n=u("code"),r=i("text"),a=i(" "),s=u("span"),o=i("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);n=h(f,"CODE",{});var l=x(n);r=w(l,"text"),l.forEach(E),f.forEach(E),c.forEach(E),a=w(t," "),s=h(t,"SPAN",{class:!0});var p=x(s);o=w(p,"*"),p.forEach(E),this.h()},h(){b(s,"class","required")},m(t,c){y(t,e,c),v(e,$),v($,n),v(n,r),y(t,a,c),y(t,s,c),v(s,o)},p:k,d(t){t&&E(e),t&&E(a),t&&E(s)}}}function Z(t){let e,$;return{c(){e=u("code"),$=i("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(E)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&E(e)}}}function _(t){let e;return{c(){e=i("The text to show on the snackbar.")},l(t){e=w(t,"The text to show on the snackbar.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function tt(t){let e,$,n,o,c,m,u,i;return e=new H({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),n=new H({}),c=new H({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),y(t,m,r),s(u,t,r),i=!0},p(t,$){const n={};4&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),u.$set(a)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),i=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(u,t)}}}function et(t){let e,$,n,r,a,s,o;return{c(){e=u("mark"),$=u("strong"),n=u("code"),r=i("closeCallback"),a=i(" "),s=u("span"),o=i("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);n=h(f,"CODE",{});var l=x(n);r=w(l,"closeCallback"),l.forEach(E),f.forEach(E),c.forEach(E),a=w(t," "),s=h(t,"SPAN",{class:!0});var p=x(s);o=w(p,"*"),p.forEach(E),this.h()},h(){b(s,"class","required")},m(t,c){y(t,e,c),v(e,$),v($,n),v(n,r),y(t,a,c),y(t,s,c),v(s,o)},p:k,d(t){t&&E(e),t&&E(a),t&&E(s)}}}function $t(t){let e,$;return{c(){e=u("code"),$=i("Function")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"Function"),n.forEach(E)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&E(e)}}}function nt(t){let e,$,n,r,a,s,o,c,f,l;return{c(){e=i("The callback to call to close the snackbar in the "),$=u("code"),n=i("SnackbarContainer"),r=i(". Passed internally by the "),a=u("code"),s=i("SnackbarContainer"),o=i(" when using the "),c=u("code"),f=i("showSnackbar"),l=i(" function.")},l(t){e=w(t,"The callback to call to close the snackbar in the "),$=h(t,"CODE",{});var p=x($);n=w(p,"SnackbarContainer"),p.forEach(E),r=w(t,". Passed internally by the "),a=h(t,"CODE",{});var m=x(a);s=w(m,"SnackbarContainer"),m.forEach(E),o=w(t," when using the "),c=h(t,"CODE",{});var g=x(c);f=w(g,"showSnackbar"),g.forEach(E),l=w(t," function.")},m(t,p){y(t,e,p),y(t,$,p),v($,n),y(t,r,p),y(t,a,p),v(a,s),y(t,o,p),y(t,c,p),v(c,f),y(t,l,p)},p:k,d(t){t&&E(e),t&&E($),t&&E(r),t&&E(a),t&&E(o),t&&E(c),t&&E(l)}}}function rt(t){let e,$,n,o,c,m,u,i;return e=new H({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),n=new H({}),c=new H({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),y(t,m,r),s(u,t,r),i=!0},p(t,$){const n={};4&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),u.$set(a)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),i=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(u,t)}}}function at(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=i("action")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"action"),a.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&E(e)}}}function st(t){let e,$;return{c(){e=u("code"),$=i("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(E)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&E(e)}}}function ot(t){let e,$,n,r,a,s,o,c;return{c(){e=u("code"),$=i("{"),n=u("br"),r=i("  text: string,"),a=u("br"),s=i("  callback: Function"),o=u("br"),c=i("}")},l(t){e=h(t,"CODE",{});var f=x(e);$=w(f,"{"),n=h(f,"BR",{}),r=w(f,"  text: string,"),a=h(f,"BR",{}),s=w(f,"  callback: Function"),o=h(f,"BR",{}),c=w(f,"}"),f.forEach(E)},m(t,f){y(t,e,f),v(e,$),v(e,n),v(e,r),v(e,a),v(e,s),v(e,o),v(e,c)},p:k,d(t){t&&E(e)}}}function ct(t){let e,$,n,r,a,s,o,c,f,l;return{c(){e=i("The action for the button on the snackbar. If this is "),$=u("code"),n=i("null"),r=i(", the button is not rendered. Otherwise it has "),a=u("code"),s=i("text"),o=i(" as a label and calls "),c=u("code"),f=i("callback"),l=i(" on click.")},l(t){e=w(t,"The action for the button on the snackbar. If this is "),$=h(t,"CODE",{});var p=x($);n=w(p,"null"),p.forEach(E),r=w(t,", the button is not rendered. Otherwise it has "),a=h(t,"CODE",{});var m=x(a);s=w(m,"text"),m.forEach(E),o=w(t," as a label and calls "),c=h(t,"CODE",{});var g=x(c);f=w(g,"callback"),g.forEach(E),l=w(t," on click.")},m(t,p){y(t,e,p),y(t,$,p),v($,n),y(t,r,p),y(t,a,p),v(a,s),y(t,o,p),y(t,c,p),v(c,f),y(t,l,p)},p:k,d(t){t&&E(e),t&&E($),t&&E(r),t&&E(a),t&&E(o),t&&E(c),t&&E(l)}}}function ft(t){let e,$,n,o,c,m,u,i;return e=new H({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),y(t,m,r),s(u,t,r),i=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),i=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(u,t)}}}function lt(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=i("closeOnAction")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"closeOnAction"),a.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&E(e)}}}function pt(t){let e,$;return{c(){e=u("code"),$=i("true")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"true"),n.forEach(E)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&E(e)}}}function mt(t){let e,$;return{c(){e=u("code"),$=i("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"boolean"),n.forEach(E)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&E(e)}}}function gt(t){let e,$,n,r,a;return{c(){e=i("Whether to call the "),$=u("mark"),n=u("code"),r=i("closeCallback"),a=i(" when an action button is pressed, after its callback.")},l(t){e=w(t,"Whether to call the "),$=h(t,"MARK",{});var s=x($);n=h(s,"CODE",{});var o=x(n);r=w(o,"closeCallback"),o.forEach(E),s.forEach(E),a=w(t," when an action button is pressed, after its callback.")},m(t,s){y(t,e,s),y(t,$,s),v($,n),v(n,r),y(t,a,s)},p:k,d(t){t&&E(e),t&&E($),t&&E(a)}}}function ut(t){let e,$,n,o,c,m,u,i;return e=new H({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),y(t,m,r),s(u,t,r),i=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),i=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(u,t)}}}function it(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=i("transition")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"transition"),a.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&E(e)}}}function dt(t){let e,$,n;return{c(){e=u("a"),$=u("code"),n=i("fly"),this.h()},l(t){e=h(t,"A",{href:!0,rel:!0});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"fly"),a.forEach(E),r.forEach(E),this.h()},h(){b(e,"href","https://svelte.dev/docs#fly"),b(e,"rel","nofollow")},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&E(e)}}}function ht(t){let e;return{c(){e=i("Svelte transition")},l(t){e=w(t,"Svelte transition")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function xt(t){let e;return{c(){e=i("The transition to use to animate the in and out of the snackbar.")},l(t){e=w(t,"The transition to use to animate the in and out of the snackbar.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function wt(t){let e,$,n,o,c,m,u,i;return e=new H({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),y(t,m,r),s(u,t,r),i=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),i=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(u,t)}}}function Et(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=i("transitionOptions")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"transitionOptions"),a.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&E(e)}}}function bt(t){let e,$,n,r,a,s,o,c;return{c(){e=u("code"),$=i("{"),n=u("br"),r=i("  x: -20,"),a=u("br"),s=i("  duration: 150"),o=u("br"),c=i("}")},l(t){e=h(t,"CODE",{});var f=x(e);$=w(f,"{"),n=h(f,"BR",{}),r=w(f,"  x: -20,"),a=h(f,"BR",{}),s=w(f,"  duration: 150"),o=h(f,"BR",{}),c=w(f,"}"),f.forEach(E)},m(t,f){y(t,e,f),v(e,$),v(e,n),v(e,r),v(e,a),v(e,s),v(e,o),v(e,c)},p:k,d(t){t&&E(e)}}}function yt(t){let e,$;return{c(){e=u("code"),$=i("object")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"object"),n.forEach(E)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&E(e)}}}function vt(t){let e;return{c(){e=i("The options to use with the given transition.")},l(t){e=w(t,"The options to use with the given transition.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function kt(t){let e,$,n,o,c,m,u,i;return e=new H({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),y(t,m,r),s(u,t,r),i=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),i=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(u,t)}}}function Ot(t){let e,$,n,o,c,m,i,w,b,k,O,C,D,T,S,R;return $=new B({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),i=new B({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),b=new B({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),O=new B({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),D=new B({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),S=new B({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){e=u("thead"),r($.$$.fragment),n=g(),o=u("tbody"),r(c.$$.fragment),m=g(),r(i.$$.fragment),w=g(),r(b.$$.fragment),k=g(),r(O.$$.fragment),C=g(),r(D.$$.fragment),T=g(),r(S.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);a($.$$.fragment,r),r.forEach(E),n=d(t),o=h(t,"TBODY",{});var s=x(o);a(c.$$.fragment,s),m=d(s),a(i.$$.fragment,s),w=d(s),a(b.$$.fragment,s),k=d(s),a(O.$$.fragment,s),C=d(s),a(D.$$.fragment,s),T=d(s),a(S.$$.fragment,s),s.forEach(E)},m(t,r){y(t,e,r),s($,e,null),y(t,n,r),y(t,o,r),s(c,o,null),v(o,m),s(i,o,null),v(o,w),s(b,o,null),v(o,k),s(O,o,null),v(o,C),s(D,o,null),v(o,T),s(S,o,null),R=!0},p(t,e){const n={};4&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),i.$set(a);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),b.$set(s);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),O.$set(o);const f={};4&e&&(f.$$scope={dirty:e,ctx:t}),D.$set(f);const l={};4&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l)},i(t){R||(f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(b.$$.fragment,t),f(O.$$.fragment,t),f(D.$$.fragment,t),f(S.$$.fragment,t),R=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(b.$$.fragment,t),l(O.$$.fragment,t),l(D.$$.fragment,t),l(S.$$.fragment,t),R=!1},d(t){t&&E(e),p($),t&&E(n),t&&E(o),p(c),p(i),p(b),p(O),p(D),p(S)}}}function Ct(t){let e;return{c(){e=i("Class Properties")},l(t){e=w(t,"Class Properties")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Dt(t){let e,$,n,r,a,s,o;return{c(){e=i("All "),$=u("code"),n=i("<Snackbar>"),r=i(" components use the "),a=u("code"),s=i(".snackbar"),o=i(" class.")},l(t){e=w(t,"All "),$=h(t,"CODE",{});var c=x($);n=w(c,"<Snackbar>"),c.forEach(E),r=w(t," components use the "),a=h(t,"CODE",{});var f=x(a);s=w(f,".snackbar"),f.forEach(E),o=w(t," class.")},m(t,c){y(t,e,c),y(t,$,c),v($,n),y(t,r,c),y(t,a,c),v(a,s),y(t,o,c)},p:k,d(t){t&&E(e),t&&E($),t&&E(r),t&&E(a),t&&E(o)}}}function Tt(t){let e;return{c(){e=i("Falsy values passed to classes will be disregarded.")},l(t){e=w(t,"Falsy values passed to classes will be disregarded.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function St(t){let e;return{c(){e=i("Name")},l(t){e=w(t,"Name")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Rt(t){let e;return{c(){e=i("Default")},l(t){e=w(t,"Default")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function At(t){let e;return{c(){e=i("Type")},l(t){e=w(t,"Type")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Nt(t){let e;return{c(){e=i("Description")},l(t){e=w(t,"Description")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function jt(t){let e,$,n,o,c,m,u,i;return e=new P({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),y(t,m,r),s(u,t,r),i=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),i=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(u,t)}}}function Ft(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=i("class")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"class"),a.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&E(e)}}}function Gt(t){let e,$;return{c(){e=u("code"),$=i("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(E)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&E(e)}}}function Bt(t){let e,$;return{c(){e=u("code"),$=i("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(E)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&E(e)}}}function Pt(t){let e;return{c(){e=i("A class string to add to the component.")},l(t){e=w(t,"A class string to add to the component.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Ht(t){let e,$,n,o,c,m,u,i;return e=new H({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),y(t,m,r),s(u,t,r),i=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),i=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(u,t)}}}function Lt(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=i("textClass")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"textClass"),a.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&E(e)}}}function Mt(t){let e,$;return{c(){e=u("code"),$=i("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(E)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&E(e)}}}function It(t){let e,$;return{c(){e=u("code"),$=i("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(E)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&E(e)}}}function qt(t){let e;return{c(){e=i("A class string to add to the label of the snackbar.")},l(t){e=w(t,"A class string to add to the label of the snackbar.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Kt(t){let e,$,n,o,c,m,u,i;return e=new H({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),y(t,m,r),s(u,t,r),i=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),i=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(u,t)}}}function Vt(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=i("buttonClass")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"buttonClass"),a.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&E(e)}}}function Ut(t){let e,$;return{c(){e=u("code"),$=i("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(E)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&E(e)}}}function Yt(t){let e,$;return{c(){e=u("code"),$=i("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(E)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&E(e)}}}function Wt(t){let e;return{c(){e=i("A class string to add to the action button of the snackbar.")},l(t){e=w(t,"A class string to add to the action button of the snackbar.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function zt(t){let e,$,n,o,c,m,u,i;return e=new H({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),y(t,m,r),s(u,t,r),i=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),i=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(u,t)}}}function Jt(t){let e,$,n,o,c,m,i,w,b,k;return $=new B({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),i=new B({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),b=new B({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){e=u("thead"),r($.$$.fragment),n=g(),o=u("tbody"),r(c.$$.fragment),m=g(),r(i.$$.fragment),w=g(),r(b.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);a($.$$.fragment,r),r.forEach(E),n=d(t),o=h(t,"TBODY",{});var s=x(o);a(c.$$.fragment,s),m=d(s),a(i.$$.fragment,s),w=d(s),a(b.$$.fragment,s),s.forEach(E)},m(t,r){y(t,e,r),s($,e,null),y(t,n,r),y(t,o,r),s(c,o,null),v(o,m),s(i,o,null),v(o,w),s(b,o,null),k=!0},p(t,e){const n={};4&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),i.$set(a);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),b.$set(s)},i(t){k||(f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(b.$$.fragment,t),k=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(b.$$.fragment,t),k=!1},d(t){t&&E(e),p($),t&&E(n),t&&E(o),p(c),p(i),p(b)}}}function Qt(t){let e;return{c(){e=i("SCSS Variables")},l(t){e=w(t,"SCSS Variables")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Xt(t){let e;return{c(){e=i("Name")},l(t){e=w(t,"Name")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Zt(t){let e;return{c(){e=i("Description")},l(t){e=w(t,"Description")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function _t(t){let e;return{c(){e=i("Default")},l(t){e=w(t,"Default")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function te(t){let e,$,n,o,c,m;return e=new P({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),m=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function ee(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=i("$snackbar-bg")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"$snackbar-bg"),a.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&E(e)}}}function $e(t){let e;return{c(){e=i("The background of the snackbar.")},l(t){e=w(t,"The background of the snackbar.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function ne(t){let e,$;return e=new R({props:{value:"#404040"}}),{c(){r(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p:k,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function re(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),m=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function ae(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=i("$snackbar-fg")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"$snackbar-fg"),a.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&E(e)}}}function se(t){let e;return{c(){e=i("The text color of the snackbar.")},l(t){e=w(t,"The text color of the snackbar.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function oe(t){let e,$;return e=new R({props:{value:"#FFFFFF"}}),{c(){r(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p:k,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function ce(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),m=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function fe(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=i("$shadow-raised")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"$shadow-raised"),a.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&E(e)}}}function le(t){let e;return{c(){e=i("The shadow of the snackbar.")},l(t){e=w(t,"The shadow of the snackbar.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function pe(t){let e,$;return e=new A({props:{value:Le}}),{c(){r(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p:k,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function me(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),m=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function ge(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=i("$main")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"$main"),a.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&E(e)}}}function ue(t){let e;return{c(){e=i("The action button color (75% lighter).")},l(t){e=w(t,"The action button color (75% lighter).")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function ie(t){let e,$;return e=new R({props:{value:"#4300B0"}}),{c(){r(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p:k,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function de(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),m=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function he(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=i("$snackbar-radius")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"$snackbar-radius"),a.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&E(e)}}}function xe(t){let e;return{c(){e=i("The curvature radius of the snackbar.")},l(t){e=w(t,"The curvature radius of the snackbar.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function we(t){let e,$;return{c(){e=u("code"),$=i(".625em")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,".625em"),n.forEach(E)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&E(e)}}}function Ee(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),m=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function be(t){let e,$,n,r,a,s,o,c,f;return{c(){e=u("strong"),$=u("code"),n=i("$font"),r=g(),a=u("small"),s=i("From "),o=u("a"),c=u("code"),f=i("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var p=x($);n=w(p,"$font"),p.forEach(E),l.forEach(E),r=d(t),a=h(t,"SMALL",{});var m=x(a);s=w(m,"From "),o=h(m,"A",{href:!0});var g=x(o);c=h(g,"CODE",{});var u=x(c);f=w(u,"Button"),u.forEach(E),g.forEach(E),m.forEach(E),this.h()},h(){b(o,"href","./docs/components/button")},m(t,l){y(t,e,l),v(e,$),v($,n),y(t,r,l),y(t,a,l),v(a,s),v(a,o),v(o,c),v(c,f)},p:k,d(t){t&&E(e),t&&E(r),t&&E(a)}}}function ye(t){let e;return{c(){e=i("The font of the action button text.")},l(t){e=w(t,"The font of the action button text.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function ve(t){let e,$;return{c(){e=u("code"),$=i("'Ubuntu'")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"'Ubuntu'"),n.forEach(E)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&E(e)}}}function ke(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),m=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function Oe(t){let e,$,n,r,a,s,o,c,f;return{c(){e=u("strong"),$=u("code"),n=i("$button-radius"),r=g(),a=u("small"),s=i("From "),o=u("a"),c=u("code"),f=i("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var p=x($);n=w(p,"$button-radius"),p.forEach(E),l.forEach(E),r=d(t),a=h(t,"SMALL",{});var m=x(a);s=w(m,"From "),o=h(m,"A",{href:!0});var g=x(o);c=h(g,"CODE",{});var u=x(c);f=w(u,"Button"),u.forEach(E),g.forEach(E),m.forEach(E),this.h()},h(){b(o,"href","./docs/components/button")},m(t,l){y(t,e,l),v(e,$),v($,n),y(t,r,l),y(t,a,l),v(a,s),v(a,o),v(o,c),v(c,f)},p:k,d(t){t&&E(e),t&&E(r),t&&E(a)}}}function Ce(t){let e;return{c(){e=i("The curvature radius of the action button.")},l(t){e=w(t,"The curvature radius of the action button.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function De(t){let e,$;return{c(){e=u("code"),$=i("1.5625em")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"1.5625em"),n.forEach(E)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&E(e)}}}function Te(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),m=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function Se(t){let e,$,n,r,a,s,o,c,f;return{c(){e=u("strong"),$=u("code"),n=i("$bold-font-weight"),r=g(),a=u("small"),s=i("From "),o=u("a"),c=u("code"),f=i("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var p=x($);n=w(p,"$bold-font-weight"),p.forEach(E),l.forEach(E),r=d(t),a=h(t,"SMALL",{});var m=x(a);s=w(m,"From "),o=h(m,"A",{href:!0});var g=x(o);c=h(g,"CODE",{});var u=x(c);f=w(u,"Button"),u.forEach(E),g.forEach(E),m.forEach(E),this.h()},h(){b(o,"href","./docs/components/button")},m(t,l){y(t,e,l),v(e,$),v($,n),y(t,r,l),y(t,a,l),v(a,s),v(a,o),v(o,c),v(c,f)},p:k,d(t){t&&E(e),t&&E(r),t&&E(a)}}}function Re(t){let e;return{c(){e=i("The font weight of the action button.")},l(t){e=w(t,"The font weight of the action button.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Ae(t){let e,$;return{c(){e=u("code"),$=i("500")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"500"),n.forEach(E)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&E(e)}}}function Ne(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),m=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function je(t){let e,$,n,o,c,m,i,w,b,k,O,C,D,T,S,R,A,N,j,F;return $=new B({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),i=new B({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),b=new B({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),O=new B({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),D=new B({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),S=new B({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),A=new B({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),j=new B({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),{c(){e=u("thead"),r($.$$.fragment),n=g(),o=u("tbody"),r(c.$$.fragment),m=g(),r(i.$$.fragment),w=g(),r(b.$$.fragment),k=g(),r(O.$$.fragment),C=g(),r(D.$$.fragment),T=g(),r(S.$$.fragment),R=g(),r(A.$$.fragment),N=g(),r(j.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);a($.$$.fragment,r),r.forEach(E),n=d(t),o=h(t,"TBODY",{});var s=x(o);a(c.$$.fragment,s),m=d(s),a(i.$$.fragment,s),w=d(s),a(b.$$.fragment,s),k=d(s),a(O.$$.fragment,s),C=d(s),a(D.$$.fragment,s),T=d(s),a(S.$$.fragment,s),R=d(s),a(A.$$.fragment,s),N=d(s),a(j.$$.fragment,s),s.forEach(E)},m(t,r){y(t,e,r),s($,e,null),y(t,n,r),y(t,o,r),s(c,o,null),v(o,m),s(i,o,null),v(o,w),s(b,o,null),v(o,k),s(O,o,null),v(o,C),s(D,o,null),v(o,T),s(S,o,null),v(o,R),s(A,o,null),v(o,N),s(j,o,null),F=!0},p(t,e){const n={};4&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),i.$set(a);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),b.$set(s);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),O.$set(o);const f={};4&e&&(f.$$scope={dirty:e,ctx:t}),D.$set(f);const l={};4&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l);const p={};4&e&&(p.$$scope={dirty:e,ctx:t}),A.$set(p);const m={};4&e&&(m.$$scope={dirty:e,ctx:t}),j.$set(m)},i(t){F||(f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(b.$$.fragment,t),f(O.$$.fragment,t),f(D.$$.fragment,t),f(S.$$.fragment,t),f(A.$$.fragment,t),f(j.$$.fragment,t),F=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(b.$$.fragment,t),l(O.$$.fragment,t),l(D.$$.fragment,t),l(S.$$.fragment,t),l(A.$$.fragment,t),l(j.$$.fragment,t),F=!1},d(t){t&&E(e),p($),t&&E(n),t&&E(o),p(c),p(i),p(b),p(O),p(D),p(S),p(A),p(j)}}}function Fe(t){let e,$,n,o,c,m,k,O,T,R,A,B,P,H,Y,W,z,J,Q,X,Z,_,tt,et,$t,nt,rt,at,st,ot,ct;return e=new C({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),n=new D({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),c=new N({props:{components:He,class:"mb"}}),k=new D({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),T=new S({props:{$$slots:{source:[K],showcase:[q]},$$scope:{ctx:t}}}),A=new j({props:{id:"properties",$$slots:{default:[V]},$$scope:{ctx:t}}}),P=new F({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),Y=new G({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),X=new F({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),_=new D({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),et=new D({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),nt=new G({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),at=new j({props:{id:"scss-variables",$$slots:{default:[Qt]},$$scope:{ctx:t}}}),ot=new G({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(k.$$.fragment),O=g(),r(T.$$.fragment),R=g(),r(A.$$.fragment),B=g(),r(P.$$.fragment),H=g(),r(Y.$$.fragment),W=g(),z=u("div"),J=i("* Required"),Q=g(),r(X.$$.fragment),Z=g(),r(_.$$.fragment),tt=g(),r(et.$$.fragment),$t=g(),r(nt.$$.fragment),rt=g(),r(at.$$.fragment),st=g(),r(ot.$$.fragment),this.h()},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(k.$$.fragment,t),O=d(t),a(T.$$.fragment,t),R=d(t),a(A.$$.fragment,t),B=d(t),a(P.$$.fragment,t),H=d(t),a(Y.$$.fragment,t),W=d(t),z=h(t,"DIV",{class:!0});var r=x(z);J=w(r,"* Required"),r.forEach(E),Q=d(t),a(X.$$.fragment,t),Z=d(t),a(_.$$.fragment,t),tt=d(t),a(et.$$.fragment,t),$t=d(t),a(nt.$$.fragment,t),rt=d(t),a(at.$$.fragment,t),st=d(t),a(ot.$$.fragment,t),this.h()},h(){b(z,"class","required")},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),y(t,m,r),s(k,t,r),y(t,O,r),s(T,t,r),y(t,R,r),s(A,t,r),y(t,B,r),s(P,t,r),y(t,H,r),s(Y,t,r),y(t,W,r),y(t,z,r),v(z,J),y(t,Q,r),s(X,t,r),y(t,Z,r),s(_,t,r),y(t,tt,r),s(et,t,r),y(t,$t,r),s(nt,t,r),y(t,rt,r),s(at,t,r),y(t,st,r),s(ot,t,r),ct=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),k.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),T.$set(o);const c={};4&$&&(c.$$scope={dirty:$,ctx:t}),A.$set(c);const f={};4&$&&(f.$$scope={dirty:$,ctx:t}),P.$set(f);const l={};4&$&&(l.$$scope={dirty:$,ctx:t}),Y.$set(l);const p={};4&$&&(p.$$scope={dirty:$,ctx:t}),X.$set(p);const m={};4&$&&(m.$$scope={dirty:$,ctx:t}),_.$set(m);const g={};4&$&&(g.$$scope={dirty:$,ctx:t}),et.$set(g);const u={};4&$&&(u.$$scope={dirty:$,ctx:t}),nt.$set(u);const i={};4&$&&(i.$$scope={dirty:$,ctx:t}),at.$set(i);const d={};4&$&&(d.$$scope={dirty:$,ctx:t}),ot.$set(d)},i(t){ct||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(k.$$.fragment,t),f(T.$$.fragment,t),f(A.$$.fragment,t),f(P.$$.fragment,t),f(Y.$$.fragment,t),f(X.$$.fragment,t),f(_.$$.fragment,t),f(et.$$.fragment,t),f(nt.$$.fragment,t),f(at.$$.fragment,t),f(ot.$$.fragment,t),ct=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(k.$$.fragment,t),l(T.$$.fragment,t),l(A.$$.fragment,t),l(P.$$.fragment,t),l(Y.$$.fragment,t),l(X.$$.fragment,t),l(_.$$.fragment,t),l(et.$$.fragment,t),l(nt.$$.fragment,t),l(at.$$.fragment,t),l(ot.$$.fragment,t),ct=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(k,t),t&&E(O),p(T,t),t&&E(R),p(A,t),t&&E(B),p(P,t),t&&E(H),p(Y,t),t&&E(W),t&&E(z),t&&E(Q),p(X,t),t&&E(Z),p(_,t),t&&E(tt),p(et,t),t&&E($t),p(nt,t),t&&E(rt),p(at,t),t&&E(st),p(ot,t)}}}function Ge(t){let e,$;const m=[t[0],Be];let g={$$slots:{default:[Fe]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)g=n(g,m[t]);return e=new O({props:g}),{c(){r(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p(t,[$]){const n=1&$?o(m,[1&$&&c(t[0]),0&$&&c(Be)]):{};4&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}const Be={name:"Snackbar",relatedComponents:[{name:"SnackbarContainer",link:"./docs/components/snackbar-container"}],shadowRaised:"0 2px 4px -1px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);"},{name:Pe,relatedComponents:He,shadowRaised:Le}=Be,Me=()=>{};function Ie(t,e,$){return t.$$set=t=>{$(0,e=n(n({},e),m(t)))},[e=m(e),()=>console.log("ack")]}class qe extends t{constructor(t){super(),e(this,t,Ie,Ge,$,{})}}export{qe as default,Be as metadata};
diff --git a/376/client/legacy/snackbar.d3b491c7.js b/376/client/legacy/snackbar.d3b491c7.js
new file mode 100644
index 000000000..7ed6f5e63
--- /dev/null
+++ b/376/client/legacy/snackbar.d3b491c7.js
@@ -0,0 +1 @@
+import{aa as t,S as s,i as n,s as a,h as l,v as o,u as i,k as c,b as e,x as r,d as u,w as p,e as f,X as $,f as d,g as m,A as x,t as b,y as C,p as y,z as h,ab as k,ac as v,j as g,l as O,m as w,q as A}from"./client.583c6e60.js";import{B as j}from"./button.863c0adf.js";import{c as q}from"./index.57f55611.js";import{c as S}from"./classes.a7d1a9eb.js";function E(s){let{delay:n=0,duration:a=400,easing:l=q,x:o=0,y:i=0,opacity:c=0}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const e=getComputedStyle(s),r=+e.opacity,u="none"===e.transform?"":e.transform,p=r*(1-c),[f,$]=t(o),[d,m]=t(i);return{delay:n,duration:a,easing:l,css:(t,s)=>`\n\t\t\ttransform: ${u} translate(${(1-t)*f}${$}, ${(1-t)*d}${m});\n\t\t\topacity: ${r-p*s}`}}function z(t,s){let{transition:n=null,options:a=null}=s;return null===n?{delay:0,duration:0,css:()=>""}:n(t,a)}function B(t){let s,n;return s=new j({props:{class:S(t[2]),$$slots:{default:[D]},$$scope:{ctx:t}}}),s.$on("click",t[9]),{c(){g(s.$$.fragment)},l(t){O(s.$$.fragment,t)},m(t,a){w(s,t,a),n=!0},p(t,n){const a={};4&n&&(a.class=S(t[2])),1040&n&&(a.$$scope={dirty:n,ctx:t}),s.$set(a)},i(t){n||(b(s.$$.fragment,t),n=!0)},o(t){y(s.$$.fragment,t),n=!1},d(t){A(s,t)}}}function D(t){let s,n=t[4].text+"";return{c(){s=o(n)},l(t){s=r(t,n)},m(t,n){d(t,s,n)},p(t,a){16&a&&n!==(n=t[4].text+"")&&x(s,n)},d(t){t&&u(s)}}}function I(t){let s,n,a,g,O,w,A,j,q=null!=t[4]&&B(t);return{c(){s=l("div"),n=l("span"),a=o(t[3]),O=i(),q&&q.c(),this.h()},l(l){s=c(l,"DIV",{class:!0});var o=e(s);n=c(o,"SPAN",{class:!0});var i=e(n);a=r(i,t[3]),i.forEach(u),O=p(o),q&&q.l(o),o.forEach(u),this.h()},h(){f(n,"class",g=$(S("text",t[1]))+" svelte-1nruwq9"),f(s,"class",w=$(S("snackbar",t[0]))+" svelte-1nruwq9")},m(t,l){d(t,s,l),m(s,n),m(n,a),m(s,O),q&&q.m(s,null),j=!0},p(l,o){let[i]=o;t=l,(!j||8&i)&&x(a,t[3]),(!j||2&i&&g!==(g=$(S("text",t[1]))+" svelte-1nruwq9"))&&f(n,"class",g),null!=t[4]?q?(q.p(t,i),16&i&&b(q,1)):(q=B(t),q.c(),b(q,1),q.m(s,null)):q&&(C(),y(q,1,1,(()=>{q=null})),h()),(!j||1&i&&w!==(w=$(S("snackbar",t[0]))+" svelte-1nruwq9"))&&f(s,"class",w)},i(n){j||(b(q),k((()=>{j&&(A||(A=v(s,z,{transition:t[7],options:t[8]},!0)),A.run(1))})),j=!0)},o(n){y(q),A||(A=v(s,z,{transition:t[7],options:t[8]},!1)),A.run(0),j=!1},d(t){t&&u(s),q&&q.d(),t&&A&&A.end()}}}function N(t,s,n){let{class:a=null}=s,{textClass:l=null}=s,{buttonClass:o=null}=s,{text:i}=s,{action:c=null}=s,{closeOnAction:e=!0}=s,{closeCallback:r}=s,{transition:u=E}=s,{transitionOptions:p={x:-20,duration:150}}=s;return t.$$set=t=>{"class"in t&&n(0,a=t.class),"textClass"in t&&n(1,l=t.textClass),"buttonClass"in t&&n(2,o=t.buttonClass),"text"in t&&n(3,i=t.text),"action"in t&&n(4,c=t.action),"closeOnAction"in t&&n(5,e=t.closeOnAction),"closeCallback"in t&&n(6,r=t.closeCallback),"transition"in t&&n(7,u=t.transition),"transitionOptions"in t&&n(8,p=t.transitionOptions)},[a,l,o,i,c,e,r,u,p,()=>{null!=c&&"function"==typeof c.callback&&c.callback(),e&&r()}]}var P=class extends s{constructor(t){super(),n(this,t,N,I,a,{class:0,textClass:1,buttonClass:2,text:3,action:4,closeOnAction:5,closeCallback:6,transition:7,transitionOptions:8})}};export{P as S,z as d};
diff --git a/376/client/legacy/star-rating-8a706d86.css b/376/client/legacy/star-rating-8a706d86.css
new file mode 100644
index 000000000..5c002bf84
--- /dev/null
+++ b/376/client/legacy/star-rating-8a706d86.css
@@ -0,0 +1 @@
+.star-rating.svelte-172gjzj.svelte-172gjzj.svelte-172gjzj.svelte-172gjzj{border-radius:1.5em;display:inline-flex;fill:none;flex-direction:row-reverse;justify-content:flex-end}.star-rating.svelte-172gjzj.svelte-172gjzj.svelte-172gjzj.svelte-172gjzj:focus-within{background:rgba(67, 0, 176, 0.05)}.star-rating.svelte-172gjzj input.svelte-172gjzj.svelte-172gjzj.svelte-172gjzj{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.star-rating.svelte-172gjzj label.svelte-172gjzj.svelte-172gjzj.svelte-172gjzj{border-radius:50%;color:#aaa;cursor:pointer;padding:0.5em}.star-rating.svelte-172gjzj label.svelte-172gjzj svg{display:block}.star-rating.svelte-172gjzj label.svelte-172gjzj .ripple{background:rgba(67, 0, 176, 0.1)}.star-rating.svelte-172gjzj label.svelte-172gjzj.svelte-172gjzj.svelte-172gjzj:hover{background:rgba(67, 0, 176, 0.05);color:#b499df}.star-rating.svelte-172gjzj label.svelte-172gjzj:hover~label.svelte-172gjzj.svelte-172gjzj{color:#b499df}.star-rating.svelte-172gjzj input.svelte-172gjzj:disabled+label.svelte-172gjzj.svelte-172gjzj{background:none;color:#888;cursor:not-allowed}.star-rating.svelte-172gjzj input.svelte-172gjzj:checked+label.svelte-172gjzj.svelte-172gjzj,.star-rating.svelte-172gjzj input.svelte-172gjzj:checked~input.svelte-172gjzj+label.svelte-172gjzj{color:#6933c0;fill:#6933c0}
diff --git a/376/client/legacy/star-rating.b7fb1a50.js b/376/client/legacy/star-rating.b7fb1a50.js
new file mode 100644
index 000000000..0a2d96f4c
--- /dev/null
+++ b/376/client/legacy/star-rating.b7fb1a50.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,a as $,c as s,b as a,d as r,e as o,f as c,g as l,n as f,K as p,j as m,l as g,m as i,U as u,a0 as d,t as h,p as x,q as v,L as w,u as E,h as y,v as k,w as D,k as b,x as O,Y as C,$ as T,a1 as S}from"./client.583c6e60.js";import{L as A,H as R,P as N}from"./layout.47c81311.js";import{S as j}from"./star-rating.edf23888.js";import{S as H}from"./showcase.759e7149.js";import{C as G}from"./color-preview.9db6af61.js";import{H as P}from"./h2.0da05151.js";import{H as z}from"./h3.c9a49f62.js";import{T as B,a as F,b as M,c as L}from"./table.c1711529.js";import"./range.e5e7391f.js";import"./classes.a7d1a9eb.js";import"./button.863c0adf.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";function q(t){let e,n,p;return{c(){e=$("svg"),n=$("path"),this.h()},l(t){e=s(t,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var $=a(e);n=s($,"path",{d:!0}),a(n).forEach(r),$.forEach(r),this.h()},h(){o(n,"d","M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"),o(e,"xmlns","http://www.w3.org/2000/svg"),o(e,"width",t[0]),o(e,"height",t[0]),o(e,"fill","none"),o(e,"viewBox","0 0 24 24"),o(e,"stroke","currentColor"),o(e,"stroke-width",t[1]),o(e,"stroke-linecap","round"),o(e,"stroke-linejoin","round"),o(e,"class",p="feather feather-thumbs-up "+t[2])},m(t,$){c(t,e,$),l(e,n)},p(t,n){let[$]=n;1&$&&o(e,"width",t[0]),1&$&&o(e,"height",t[0]),2&$&&o(e,"stroke-width",t[1]),4&$&&p!==(p="feather feather-thumbs-up "+t[2])&&o(e,"class",p)},i:f,o:f,d(t){t&&r(e)}}}function I(t,e,n){let{size:$="100%"}=e,{strokeWidth:s=2}=e,{class:a=""}=e;return"100%"!==$&&($="x"===$.slice(-1)?$.slice(0,$.length-1)+"em":parseInt($)+"px"),t.$$set=t=>{"size"in t&&n(0,$=t.size),"strokeWidth"in t&&n(1,s=t.strokeWidth),"class"in t&&n(2,a=t.class)},[$,s,a]}class V extends t{constructor(t){super(),e(this,t,I,q,n,{size:0,strokeWidth:1,class:2})}}function W(t){let e;return{c(){e=k("StarRating")},l(t){e=O(t,"StarRating")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function Y(t){let e;return{c(){e=k("An input element used for rating with a number of stars.")},l(t){e=O(t,"An input element used for rating with a number of stars.")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function U(t){let e,n,$;return n=new V({props:{size:"24"}}),{c(){e=y("span"),m(n.$$.fragment),this.h()},l(t){e=b(t,"SPAN",{slot:!0});var $=a(e);g(n.$$.fragment,$),$.forEach(r),this.h()},h(){o(e,"slot","icon")},m(t,s){c(t,e,s),i(n,e,null),$=!0},p:f,i(t){$||(h(n.$$.fragment,t),$=!0)},o(t){x(n.$$.fragment,t),$=!1},d(t){t&&r(e),v(n)}}}function K(t){let e,n,$,s,f,p,u,d;function w(e){t[2](e)}let k={name:"restaurant"};return void 0!==t[0]&&(k.value=t[0]),n=new j({props:k}),C.push((()=>T(n,"value",w))),u=new j({props:{name:"hotel",value:5,max:7,disabled:!0,$$slots:{icon:[U]},$$scope:{ctx:t}}}),{c(){e=y("div"),m(n.$$.fragment),s=E(),f=y("br"),p=E(),m(u.$$.fragment),this.h()},l(t){e=b(t,"DIV",{slot:!0,class:!0});var $=a(e);g(n.$$.fragment,$),s=D($),f=b($,"BR",{}),p=D($),g(u.$$.fragment,$),$.forEach(r),this.h()},h(){o(e,"slot","showcase"),o(e,"class","padded")},m(t,$){c(t,e,$),i(n,e,null),l(e,s),l(e,f),l(e,p),i(u,e,null),d=!0},p(t,e){const s={};!$&&1&e&&($=!0,s.value=t[0],S((()=>$=!1))),n.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),u.$set(a)},i(t){d||(h(n.$$.fragment,t),h(u.$$.fragment,t),d=!0)},o(t){x(n.$$.fragment,t),x(u.$$.fragment,t),d=!1},d(t){t&&r(e),v(n),v(u)}}}function _(t){let e,n;return{c(){e=y("div"),n=y("pre"),this.h()},l(t){e=b(t,"DIV",{slot:!0});var $=a(e);n=b($,"PRE",{class:!0}),a(n).forEach(r),$.forEach(r),this.h()},h(){o(n,"class","language-svelte"),o(e,"slot","source")},m(t,$){c(t,e,$),l(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">let</span> restaurantRating <span class="token operator">=</span> <span class="token number">1</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>StarRating</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>restaurant<span class="token punctuation">"</span></span> <span class="token attr-name"><span class="token namespace">bind:</span>value=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>restaurantRating<span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>StarRating</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>hotel<span class="token punctuation">"</span></span> <span class="token attr-name">value=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">5</span><span class="token punctuation">&#125;</span></span> <span class="token attr-name">max=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">7</span><span class="token punctuation">&#125;</span></span> <span class="token attr-name">disabled</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>icon<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ThumbsUpIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>StarRating</span><span class="token punctuation">></span></span></code>'},p:f,d(t){t&&r(e)}}}function J(t){let e;return{c(){e=k("Properties")},l(t){e=O(t,"Properties")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function Q(t){let e;return{c(){e=k("Functional Properties")},l(t){e=O(t,"Functional Properties")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function X(t){let e;return{c(){e=k("Name")},l(t){e=O(t,"Name")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function Z(t){let e;return{c(){e=k("Default")},l(t){e=O(t,"Default")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function tt(t){let e;return{c(){e=k("Type")},l(t){e=O(t,"Type")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function et(t){let e;return{c(){e=k("Description")},l(t){e=O(t,"Description")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function nt(t){let e,n,$,s,a,o,l,f;return e=new M({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),a=new M({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),l=new M({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(l.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t),o=D(t),g(l.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),c(t,o,r),i(l,t,r),f=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),l.$set(c)},i(t){f||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),f=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),f=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t),t&&r(o),v(l,t)}}}function $t(t){let e,n,$,s,p,m,g;return{c(){e=y("mark"),n=y("strong"),$=y("code"),s=k("name"),p=k(" "),m=y("span"),g=k("*"),this.h()},l(t){e=b(t,"MARK",{});var o=a(e);n=b(o,"STRONG",{});var c=a(n);$=b(c,"CODE",{});var l=a($);s=O(l,"name"),l.forEach(r),c.forEach(r),o.forEach(r),p=O(t," "),m=b(t,"SPAN",{class:!0});var f=a(m);g=O(f,"*"),f.forEach(r),this.h()},h(){o(m,"class","required")},m(t,a){c(t,e,a),l(e,n),l(n,$),l($,s),c(t,p,a),c(t,m,a),l(m,g)},p:f,d(t){t&&r(e),t&&r(p),t&&r(m)}}}function st(t){let e,n;return{c(){e=y("code"),n=k("string")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"string"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:f,d(t){t&&r(e)}}}function at(t){let e,n,$,s;return{c(){e=k("The name to assign to all stars belonging to the same group. Check "),n=y("a"),$=k("MDN docs"),s=k(" for more information."),this.h()},l(t){e=O(t,"The name to assign to all stars belonging to the same group. Check "),n=b(t,"A",{href:!0,rel:!0});var o=a(n);$=O(o,"MDN docs"),o.forEach(r),s=O(t," for more information."),this.h()},h(){o(n,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname"),o(n,"rel","nofollow")},m(t,a){c(t,e,a),c(t,n,a),l(n,$),c(t,s,a)},p:f,d(t){t&&r(e),t&&r(n),t&&r(s)}}}function rt(t){let e,n,$,s,a,o,l,f;return e=new L({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),$=new L({}),a=new L({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),l=new L({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(l.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t),o=D(t),g(l.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),c(t,o,r),i(l,t,r),f=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),a.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),l.$set(r)},i(t){f||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),f=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),f=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t),t&&r(o),v(l,t)}}}function ot(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=k("max")},l(t){e=b(t,"STRONG",{});var s=a(e);n=b(s,"CODE",{});var o=a(n);$=O(o,"max"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),l(e,n),l(n,$)},p:f,d(t){t&&r(e)}}}function ct(t){let e,n;return{c(){e=y("code"),n=k("5")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"5"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:f,d(t){t&&r(e)}}}function lt(t){let e,n;return{c(){e=y("code"),n=k("number")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"number"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:f,d(t){t&&r(e)}}}function ft(t){let e;return{c(){e=k("How many stars to be displayed.")},l(t){e=O(t,"How many stars to be displayed.")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function pt(t){let e,n,$,s,a,o,l,f;return e=new L({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),l=new L({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(l.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t),o=D(t),g(l.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),c(t,o,r),i(l,t,r),f=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),l.$set(c)},i(t){f||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),f=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),f=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t),t&&r(o),v(l,t)}}}function mt(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=k("value")},l(t){e=b(t,"STRONG",{});var s=a(e);n=b(s,"CODE",{});var o=a(n);$=O(o,"value"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),l(e,n),l(n,$)},p:f,d(t){t&&r(e)}}}function gt(t){let e,n;return{c(){e=y("code"),n=k("null")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"null"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:f,d(t){t&&r(e)}}}function it(t){let e,n;return{c(){e=y("code"),n=k("number")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"number"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:f,d(t){t&&r(e)}}}function ut(t){let e;return{c(){e=k("Current amount of selected stars.")},l(t){e=O(t,"Current amount of selected stars.")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function dt(t){let e,n,$,s,a,o,l,f;return e=new L({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),l=new L({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(l.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t),o=D(t),g(l.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),c(t,o,r),i(l,t,r),f=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),l.$set(c)},i(t){f||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),f=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),f=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t),t&&r(o),v(l,t)}}}function ht(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=k("disabled")},l(t){e=b(t,"STRONG",{});var s=a(e);n=b(s,"CODE",{});var o=a(n);$=O(o,"disabled"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),l(e,n),l(n,$)},p:f,d(t){t&&r(e)}}}function xt(t){let e,n;return{c(){e=y("code"),n=k("false")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"false"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:f,d(t){t&&r(e)}}}function vt(t){let e,n;return{c(){e=y("code"),n=k("boolean")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"boolean"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:f,d(t){t&&r(e)}}}function wt(t){let e;return{c(){e=k("Disables star selection.")},l(t){e=O(t,"Disables star selection.")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function Et(t){let e,n,$,s,a,o,l,f;return e=new L({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),l=new L({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(l.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t),o=D(t),g(l.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),c(t,o,r),i(l,t,r),f=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),l.$set(c)},i(t){f||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),f=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),f=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t),t&&r(o),v(l,t)}}}function yt(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=k("events")},l(t){e=b(t,"STRONG",{});var s=a(e);n=b(s,"CODE",{});var o=a(n);$=O(o,"events"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),l(e,n),l(n,$)},p:f,d(t){t&&r(e)}}}function kt(t){let e,n;return{c(){e=y("code"),n=k("[]")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"[]"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:f,d(t){t&&r(e)}}}function Dt(t){let e,n;return{c(){e=y("code"),n=k("Array")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"Array"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:f,d(t){t&&r(e)}}}function bt(t){let e,n,$,s,p,m,g,i,u,d;return{c(){e=k("List of handlers for the "),n=y("a"),$=k("Events action"),s=k(": "),p=y("code"),m=k("[{ name, handler }]"),g=k(". The event listeners are registered on the "),i=y("code"),u=k('<input type="radio">'),d=k(" elements."),this.h()},l(t){e=O(t,"List of handlers for the "),n=b(t,"A",{href:!0});var o=a(n);$=O(o,"Events action"),o.forEach(r),s=O(t,": "),p=b(t,"CODE",{});var c=a(p);m=O(c,"[{ name, handler }]"),c.forEach(r),g=O(t,". The event listeners are registered on the "),i=b(t,"CODE",{});var l=a(i);u=O(l,'<input type="radio">'),l.forEach(r),d=O(t," elements."),this.h()},h(){o(n,"href","./docs/utilities")},m(t,a){c(t,e,a),c(t,n,a),l(n,$),c(t,s,a),c(t,p,a),l(p,m),c(t,g,a),c(t,i,a),l(i,u),c(t,d,a)},p:f,d(t){t&&r(e),t&&r(n),t&&r(s),t&&r(p),t&&r(g),t&&r(i),t&&r(d)}}}function Ot(t){let e,n,$,s,a,o,l,f;return e=new L({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),l=new L({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(l.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t),o=D(t),g(l.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),c(t,o,r),i(l,t,r),f=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),l.$set(c)},i(t){f||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),f=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),f=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t),t&&r(o),v(l,t)}}}function Ct(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=k("...")},l(t){e=b(t,"STRONG",{});var s=a(e);n=b(s,"CODE",{});var o=a(n);$=O(o,"..."),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),l(e,n),l(n,$)},p:f,d(t){t&&r(e)}}}function Tt(t){let e,n;return{c(){e=y("code"),n=k("any")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"any"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:f,d(t){t&&r(e)}}}function St(t){let e,n,$,s;return{c(){e=k("Everything else will be passed to the underlying "),n=y("code"),$=k('<input type="radio">'),s=k(" elements.")},l(t){e=O(t,"Everything else will be passed to the underlying "),n=b(t,"CODE",{});var o=a(n);$=O(o,'<input type="radio">'),o.forEach(r),s=O(t," elements.")},m(t,a){c(t,e,a),c(t,n,a),l(n,$),c(t,s,a)},p:f,d(t){t&&r(e),t&&r(n),t&&r(s)}}}function At(t){let e,n,$,s,a,o,l,f;return e=new L({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),$=new L({}),a=new L({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),l=new L({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(l.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t),o=D(t),g(l.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),c(t,o,r),i(l,t,r),f=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),a.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),l.$set(r)},i(t){f||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),f=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),f=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t),t&&r(o),v(l,t)}}}function Rt(t){let e,n,$,s,o,f,p,u,d,w,k,O,C,T,S,A;return n=new F({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),o=new F({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),p=new F({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),d=new F({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),k=new F({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),C=new F({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),S=new F({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){e=y("thead"),m(n.$$.fragment),$=E(),s=y("tbody"),m(o.$$.fragment),f=E(),m(p.$$.fragment),u=E(),m(d.$$.fragment),w=E(),m(k.$$.fragment),O=E(),m(C.$$.fragment),T=E(),m(S.$$.fragment)},l(t){e=b(t,"THEAD",{});var c=a(e);g(n.$$.fragment,c),c.forEach(r),$=D(t),s=b(t,"TBODY",{});var l=a(s);g(o.$$.fragment,l),f=D(l),g(p.$$.fragment,l),u=D(l),g(d.$$.fragment,l),w=D(l),g(k.$$.fragment,l),O=D(l),g(C.$$.fragment,l),T=D(l),g(S.$$.fragment,l),l.forEach(r)},m(t,a){c(t,e,a),i(n,e,null),c(t,$,a),c(t,s,a),i(o,s,null),l(s,f),i(p,s,null),l(s,u),i(d,s,null),l(s,w),i(k,s,null),l(s,O),i(C,s,null),l(s,T),i(S,s,null),A=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),o.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),p.$set(a);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),d.$set(r);const c={};8&e&&(c.$$scope={dirty:e,ctx:t}),k.$set(c);const l={};8&e&&(l.$$scope={dirty:e,ctx:t}),C.$set(l);const f={};8&e&&(f.$$scope={dirty:e,ctx:t}),S.$set(f)},i(t){A||(h(n.$$.fragment,t),h(o.$$.fragment,t),h(p.$$.fragment,t),h(d.$$.fragment,t),h(k.$$.fragment,t),h(C.$$.fragment,t),h(S.$$.fragment,t),A=!0)},o(t){x(n.$$.fragment,t),x(o.$$.fragment,t),x(p.$$.fragment,t),x(d.$$.fragment,t),x(k.$$.fragment,t),x(C.$$.fragment,t),x(S.$$.fragment,t),A=!1},d(t){t&&r(e),v(n),t&&r($),t&&r(s),v(o),v(p),v(d),v(k),v(C),v(S)}}}function Nt(t){let e;return{c(){e=k("Class Properties")},l(t){e=O(t,"Class Properties")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function jt(t){let e,n,$,s,o,p,m;return{c(){e=k("All "),n=y("code"),$=k("<StarRating>"),s=k(" components use the "),o=y("code"),p=k(".star-rating"),m=k(" class.")},l(t){e=O(t,"All "),n=b(t,"CODE",{});var c=a(n);$=O(c,"<StarRating>"),c.forEach(r),s=O(t," components use the "),o=b(t,"CODE",{});var l=a(o);p=O(l,".star-rating"),l.forEach(r),m=O(t," class.")},m(t,a){c(t,e,a),c(t,n,a),l(n,$),c(t,s,a),c(t,o,a),l(o,p),c(t,m,a)},p:f,d(t){t&&r(e),t&&r(n),t&&r(s),t&&r(o),t&&r(m)}}}function Ht(t){let e;return{c(){e=k("Falsy values passed to classes will be disregarded.")},l(t){e=O(t,"Falsy values passed to classes will be disregarded.")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function Gt(t){let e;return{c(){e=k("Name")},l(t){e=O(t,"Name")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function Pt(t){let e;return{c(){e=k("Default")},l(t){e=O(t,"Default")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function zt(t){let e;return{c(){e=k("Type")},l(t){e=O(t,"Type")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function Bt(t){let e;return{c(){e=k("Description")},l(t){e=O(t,"Description")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function Ft(t){let e,n,$,s,a,o,l,f;return e=new M({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),a=new M({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),l=new M({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(l.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t),o=D(t),g(l.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),c(t,o,r),i(l,t,r),f=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),l.$set(c)},i(t){f||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),f=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),f=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t),t&&r(o),v(l,t)}}}function Mt(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=k("class")},l(t){e=b(t,"STRONG",{});var s=a(e);n=b(s,"CODE",{});var o=a(n);$=O(o,"class"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),l(e,n),l(n,$)},p:f,d(t){t&&r(e)}}}function Lt(t){let e,n;return{c(){e=y("code"),n=k("null")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"null"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:f,d(t){t&&r(e)}}}function qt(t){let e,n;return{c(){e=y("code"),n=k("string")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"string"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:f,d(t){t&&r(e)}}}function It(t){let e;return{c(){e=k("A class string to add to the component.")},l(t){e=O(t,"A class string to add to the component.")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function Vt(t){let e,n,$,s,a,o,l,f;return e=new L({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),l=new L({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(l.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t),o=D(t),g(l.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),c(t,o,r),i(l,t,r),f=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),l.$set(c)},i(t){f||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),f=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),f=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t),t&&r(o),v(l,t)}}}function Wt(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=k("starClass")},l(t){e=b(t,"STRONG",{});var s=a(e);n=b(s,"CODE",{});var o=a(n);$=O(o,"starClass"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),l(e,n),l(n,$)},p:f,d(t){t&&r(e)}}}function Yt(t){let e,n;return{c(){e=y("code"),n=k("null")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"null"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:f,d(t){t&&r(e)}}}function Ut(t){let e,n;return{c(){e=y("code"),n=k("string")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"string"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:f,d(t){t&&r(e)}}}function Kt(t){let e,n,$,s;return{c(){e=k("A class string to assign to the "),n=y("code"),$=k("<label>"),s=k(" element containing the star icon.")},l(t){e=O(t,"A class string to assign to the "),n=b(t,"CODE",{});var o=a(n);$=O(o,"<label>"),o.forEach(r),s=O(t," element containing the star icon.")},m(t,a){c(t,e,a),c(t,n,a),l(n,$),c(t,s,a)},p:f,d(t){t&&r(e),t&&r(n),t&&r(s)}}}function _t(t){let e,n,$,s,a,o,l,f;return e=new L({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),l=new L({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(l.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t),o=D(t),g(l.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),c(t,o,r),i(l,t,r),f=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),l.$set(c)},i(t){f||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),f=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),f=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t),t&&r(o),v(l,t)}}}function Jt(t){let e,n,$,s,o,f,p,u;return n=new F({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),o=new F({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),p=new F({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),{c(){e=y("thead"),m(n.$$.fragment),$=E(),s=y("tbody"),m(o.$$.fragment),f=E(),m(p.$$.fragment)},l(t){e=b(t,"THEAD",{});var c=a(e);g(n.$$.fragment,c),c.forEach(r),$=D(t),s=b(t,"TBODY",{});var l=a(s);g(o.$$.fragment,l),f=D(l),g(p.$$.fragment,l),l.forEach(r)},m(t,a){c(t,e,a),i(n,e,null),c(t,$,a),c(t,s,a),i(o,s,null),l(s,f),i(p,s,null),u=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),o.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),p.$set(a)},i(t){u||(h(n.$$.fragment,t),h(o.$$.fragment,t),h(p.$$.fragment,t),u=!0)},o(t){x(n.$$.fragment,t),x(o.$$.fragment,t),x(p.$$.fragment,t),u=!1},d(t){t&&r(e),v(n),t&&r($),t&&r(s),v(o),v(p)}}}function Qt(t){let e;return{c(){e=k("Events")},l(t){e=O(t,"Events")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function Xt(t){let e;return{c(){e=k("Name")},l(t){e=O(t,"Name")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function Zt(t){let e;return{c(){e=k("Event Detail")},l(t){e=O(t,"Event Detail")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function te(t){let e;return{c(){e=k("Description")},l(t){e=O(t,"Description")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function ee(t){let e,n,$,s,a,o;return e=new M({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),a=new M({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),o=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o)},i(t){o||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),o=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t)}}}function ne(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=k("change")},l(t){e=b(t,"STRONG",{});var s=a(e);n=b(s,"CODE",{});var o=a(n);$=O(o,"change"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),l(e,n),l(n,$)},p:f,d(t){t&&r(e)}}}function $e(t){let e,n;return{c(){e=y("code"),n=k("{ value, nativeEvent }")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"{ value, nativeEvent }"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:f,d(t){t&&r(e)}}}function se(t){let e,n,$,s,p,m,g,i,u,d;return{c(){e=k("Fired when the selection changes. The "),n=y("code"),$=k("value"),s=k(" contains the number of selected stars and "),p=y("code"),m=k("nativeEvent"),g=k(" has the "),i=y("a"),u=k("native change event"),d=k("."),this.h()},l(t){e=O(t,"Fired when the selection changes. The "),n=b(t,"CODE",{});var o=a(n);$=O(o,"value"),o.forEach(r),s=O(t," contains the number of selected stars and "),p=b(t,"CODE",{});var c=a(p);m=O(c,"nativeEvent"),c.forEach(r),g=O(t," has the "),i=b(t,"A",{href:!0,rel:!0});var l=a(i);u=O(l,"native change event"),l.forEach(r),d=O(t,"."),this.h()},h(){o(i,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),o(i,"rel","nofollow")},m(t,a){c(t,e,a),c(t,n,a),l(n,$),c(t,s,a),c(t,p,a),l(p,m),c(t,g,a),c(t,i,a),l(i,u),c(t,d,a)},p:f,d(t){t&&r(e),t&&r(n),t&&r(s),t&&r(p),t&&r(g),t&&r(i),t&&r(d)}}}function ae(t){let e,n,$,s,a,o;return e=new L({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),o=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o)},i(t){o||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),o=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t)}}}function re(t){let e,n,$,s,o,l;return n=new F({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),o=new F({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),{c(){e=y("thead"),m(n.$$.fragment),$=E(),s=y("tbody"),m(o.$$.fragment)},l(t){e=b(t,"THEAD",{});var c=a(e);g(n.$$.fragment,c),c.forEach(r),$=D(t),s=b(t,"TBODY",{});var l=a(s);g(o.$$.fragment,l),l.forEach(r)},m(t,a){c(t,e,a),i(n,e,null),c(t,$,a),c(t,s,a),i(o,s,null),l=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),o.$set(s)},i(t){l||(h(n.$$.fragment,t),h(o.$$.fragment,t),l=!0)},o(t){x(n.$$.fragment,t),x(o.$$.fragment,t),l=!1},d(t){t&&r(e),v(n),t&&r($),t&&r(s),v(o)}}}function oe(t){let e;return{c(){e=k("Slots")},l(t){e=O(t,"Slots")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function ce(t){let e,n,$;return{c(){e=y("code"),n=k("icon"),$=k(" slot")},l(t){e=b(t,"CODE",{});var s=a(e);n=O(s,"icon"),s.forEach(r),$=O(t," slot")},m(t,s){c(t,e,s),l(e,n),c(t,$,s)},p:f,d(t){t&&r(e),t&&r($)}}}function le(t){let e,n,$,s,p,m,g;return{c(){e=k("The icon to use as the star. Defaults to "),n=y("a"),$=k("Feather icons"),s=k("' "),p=y("code"),m=k("Star"),g=k("."),this.h()},l(t){e=O(t,"The icon to use as the star. Defaults to "),n=b(t,"A",{href:!0,rel:!0});var o=a(n);$=O(o,"Feather icons"),o.forEach(r),s=O(t,"' "),p=b(t,"CODE",{});var c=a(p);m=O(c,"Star"),c.forEach(r),g=O(t,"."),this.h()},h(){o(n,"href","https://feathericons.com/?query=star"),o(n,"rel","nofollow")},m(t,a){c(t,e,a),c(t,n,a),l(n,$),c(t,s,a),c(t,p,a),l(p,m),c(t,g,a)},p:f,d(t){t&&r(e),t&&r(n),t&&r(s),t&&r(p),t&&r(g)}}}function fe(t){let e;return{c(){e=k("SCSS Variables")},l(t){e=O(t,"SCSS Variables")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function pe(t){let e;return{c(){e=k("Name")},l(t){e=O(t,"Name")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function me(t){let e;return{c(){e=k("Description")},l(t){e=O(t,"Description")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function ge(t){let e;return{c(){e=k("Default")},l(t){e=O(t,"Default")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function ie(t){let e,n,$,s,a,o;return e=new M({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),a=new M({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),o=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o)},i(t){o||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),o=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t)}}}function ue(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=k("$main")},l(t){e=b(t,"STRONG",{});var s=a(e);n=b(s,"CODE",{});var o=a(n);$=O(o,"$main"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),l(e,n),l(n,$)},p:f,d(t){t&&r(e)}}}function de(t){let e;return{c(){e=k("Affects the hover and background colors of the component and the fill color of the selected stars.")},l(t){e=O(t,"Affects the hover and background colors of the component and the fill color of the selected stars.")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function he(t){let e,n;return e=new G({props:{value:"#4300B0"}}),{c(){m(e.$$.fragment)},l(t){g(e.$$.fragment,t)},m(t,$){i(e,t,$),n=!0},p:f,i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){x(e.$$.fragment,t),n=!1},d(t){v(e,t)}}}function xe(t){let e,n,$,s,a,o;return e=new L({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),o=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o)},i(t){o||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),o=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t)}}}function ve(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=k("$off-state")},l(t){e=b(t,"STRONG",{});var s=a(e);n=b(s,"CODE",{});var o=a(n);$=O(o,"$off-state"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),l(e,n),l(n,$)},p:f,d(t){t&&r(e)}}}function we(t){let e;return{c(){e=k("The color of the unselected label.")},l(t){e=O(t,"The color of the unselected label.")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function Ee(t){let e,n;return e=new G({props:{value:"#AAAAAA"}}),{c(){m(e.$$.fragment)},l(t){g(e.$$.fragment,t)},m(t,$){i(e,t,$),n=!0},p:f,i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){x(e.$$.fragment,t),n=!1},d(t){v(e,t)}}}function ye(t){let e,n,$,s,a,o;return e=new L({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),o=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o)},i(t){o||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),o=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t)}}}function ke(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=k("$disabled")},l(t){e=b(t,"STRONG",{});var s=a(e);n=b(s,"CODE",{});var o=a(n);$=O(o,"$disabled"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),l(e,n),l(n,$)},p:f,d(t){t&&r(e)}}}function De(t){let e;return{c(){e=k("The color of the icon when the input is disabled.")},l(t){e=O(t,"The color of the icon when the input is disabled.")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function be(t){let e,n;return e=new G({props:{value:"#888888"}}),{c(){m(e.$$.fragment)},l(t){g(e.$$.fragment,t)},m(t,$){i(e,t,$),n=!0},p:f,i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){x(e.$$.fragment,t),n=!1},d(t){v(e,t)}}}function Oe(t){let e,n,$,s,a,o;return e=new L({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),o=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o)},i(t){o||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),o=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t)}}}function Ce(t){let e,n,$,s,o,f,p,u,d,w;return n=new F({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),o=new F({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),p=new F({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),d=new F({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),{c(){e=y("thead"),m(n.$$.fragment),$=E(),s=y("tbody"),m(o.$$.fragment),f=E(),m(p.$$.fragment),u=E(),m(d.$$.fragment)},l(t){e=b(t,"THEAD",{});var c=a(e);g(n.$$.fragment,c),c.forEach(r),$=D(t),s=b(t,"TBODY",{});var l=a(s);g(o.$$.fragment,l),f=D(l),g(p.$$.fragment,l),u=D(l),g(d.$$.fragment,l),l.forEach(r)},m(t,a){c(t,e,a),i(n,e,null),c(t,$,a),c(t,s,a),i(o,s,null),l(s,f),i(p,s,null),l(s,u),i(d,s,null),w=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),o.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),p.$set(a);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),d.$set(r)},i(t){w||(h(n.$$.fragment,t),h(o.$$.fragment,t),h(p.$$.fragment,t),h(d.$$.fragment,t),w=!0)},o(t){x(n.$$.fragment,t),x(o.$$.fragment,t),x(p.$$.fragment,t),x(d.$$.fragment,t),w=!1},d(t){t&&r(e),v(n),t&&r($),t&&r(s),v(o),v(p),v(d)}}}function Te(t){let e,n,$,s,f,p,u,d,w,C,T,S,A,j,G,F,M,L,q,I,V,U,X,Z,tt,et,nt,$t,st,at,rt,ot,ct,lt,ft,pt,mt;return e=new R({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),$=new N({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),f=new H({props:{$$slots:{source:[_],showcase:[K]},$$scope:{ctx:t}}}),u=new P({props:{id:"properties",$$slots:{default:[J]},$$scope:{ctx:t}}}),w=new z({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),T=new B({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),F=new z({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),L=new N({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),I=new N({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),U=new B({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),Z=new P({props:{id:"events",$$slots:{default:[Qt]},$$scope:{ctx:t}}}),et=new B({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),$t=new P({props:{id:"slots",$$slots:{default:[oe]},$$scope:{ctx:t}}}),at=new z({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),ot=new N({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),lt=new P({props:{id:"scss-variables",$$slots:{default:[fe]},$$scope:{ctx:t}}}),pt=new B({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(f.$$.fragment),p=E(),m(u.$$.fragment),d=E(),m(w.$$.fragment),C=E(),m(T.$$.fragment),S=E(),A=y("div"),j=k("* Required"),G=E(),m(F.$$.fragment),M=E(),m(L.$$.fragment),q=E(),m(I.$$.fragment),V=E(),m(U.$$.fragment),X=E(),m(Z.$$.fragment),tt=E(),m(et.$$.fragment),nt=E(),m($t.$$.fragment),st=E(),m(at.$$.fragment),rt=E(),m(ot.$$.fragment),ct=E(),m(lt.$$.fragment),ft=E(),m(pt.$$.fragment),this.h()},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(f.$$.fragment,t),p=D(t),g(u.$$.fragment,t),d=D(t),g(w.$$.fragment,t),C=D(t),g(T.$$.fragment,t),S=D(t),A=b(t,"DIV",{class:!0});var o=a(A);j=O(o,"* Required"),o.forEach(r),G=D(t),g(F.$$.fragment,t),M=D(t),g(L.$$.fragment,t),q=D(t),g(I.$$.fragment,t),V=D(t),g(U.$$.fragment,t),X=D(t),g(Z.$$.fragment,t),tt=D(t),g(et.$$.fragment,t),nt=D(t),g($t.$$.fragment,t),st=D(t),g(at.$$.fragment,t),rt=D(t),g(ot.$$.fragment,t),ct=D(t),g(lt.$$.fragment,t),ft=D(t),g(pt.$$.fragment,t),this.h()},h(){o(A,"class","required")},m(t,a){i(e,t,a),c(t,n,a),i($,t,a),c(t,s,a),i(f,t,a),c(t,p,a),i(u,t,a),c(t,d,a),i(w,t,a),c(t,C,a),i(T,t,a),c(t,S,a),c(t,A,a),l(A,j),c(t,G,a),i(F,t,a),c(t,M,a),i(L,t,a),c(t,q,a),i(I,t,a),c(t,V,a),i(U,t,a),c(t,X,a),i(Z,t,a),c(t,tt,a),i(et,t,a),c(t,nt,a),i($t,t,a),c(t,st,a),i(at,t,a),c(t,rt,a),i(ot,t,a),c(t,ct,a),i(lt,t,a),c(t,ft,a),i(pt,t,a),mt=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};9&n&&(r.$$scope={dirty:n,ctx:t}),f.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),u.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),w.$set(c);const l={};8&n&&(l.$$scope={dirty:n,ctx:t}),T.$set(l);const p={};8&n&&(p.$$scope={dirty:n,ctx:t}),F.$set(p);const m={};8&n&&(m.$$scope={dirty:n,ctx:t}),L.$set(m);const g={};8&n&&(g.$$scope={dirty:n,ctx:t}),I.$set(g);const i={};8&n&&(i.$$scope={dirty:n,ctx:t}),U.$set(i);const d={};8&n&&(d.$$scope={dirty:n,ctx:t}),Z.$set(d);const h={};8&n&&(h.$$scope={dirty:n,ctx:t}),et.$set(h);const x={};8&n&&(x.$$scope={dirty:n,ctx:t}),$t.$set(x);const v={};8&n&&(v.$$scope={dirty:n,ctx:t}),at.$set(v);const E={};8&n&&(E.$$scope={dirty:n,ctx:t}),ot.$set(E);const y={};8&n&&(y.$$scope={dirty:n,ctx:t}),lt.$set(y);const k={};8&n&&(k.$$scope={dirty:n,ctx:t}),pt.$set(k)},i(t){mt||(h(e.$$.fragment,t),h($.$$.fragment,t),h(f.$$.fragment,t),h(u.$$.fragment,t),h(w.$$.fragment,t),h(T.$$.fragment,t),h(F.$$.fragment,t),h(L.$$.fragment,t),h(I.$$.fragment,t),h(U.$$.fragment,t),h(Z.$$.fragment,t),h(et.$$.fragment,t),h($t.$$.fragment,t),h(at.$$.fragment,t),h(ot.$$.fragment,t),h(lt.$$.fragment,t),h(pt.$$.fragment,t),mt=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(f.$$.fragment,t),x(u.$$.fragment,t),x(w.$$.fragment,t),x(T.$$.fragment,t),x(F.$$.fragment,t),x(L.$$.fragment,t),x(I.$$.fragment,t),x(U.$$.fragment,t),x(Z.$$.fragment,t),x(et.$$.fragment,t),x($t.$$.fragment,t),x(at.$$.fragment,t),x(ot.$$.fragment,t),x(lt.$$.fragment,t),x(pt.$$.fragment,t),mt=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(f,t),t&&r(p),v(u,t),t&&r(d),v(w,t),t&&r(C),v(T,t),t&&r(S),t&&r(A),t&&r(G),v(F,t),t&&r(M),v(L,t),t&&r(q),v(I,t),t&&r(V),v(U,t),t&&r(X),v(Z,t),t&&r(tt),v(et,t),t&&r(nt),v($t,t),t&&r(st),v(at,t),t&&r(rt),v(ot,t),t&&r(ct),v(lt,t),t&&r(ft),v(pt,t)}}}function Se(t){let e,n;const $=[t[1],Ae];let s={$$slots:{default:[Te]},$$scope:{ctx:t}};for(let t=0;t<$.length;t+=1)s=p(s,$[t]);return e=new A({props:s}),{c(){m(e.$$.fragment)},l(t){g(e.$$.fragment,t)},m(t,$){i(e,t,$),n=!0},p(t,[n]){const s=2&n?u($,[2&n&&d(t[1]),0&n&&d(Ae)]):{};9&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){x(e.$$.fragment,t),n=!1},d(t){v(e,t)}}}const Ae={name:"StarRating"};function Re(t,e,n){let $=1;return t.$$set=t=>{n(1,e=p(p({},e),w(t)))},e=w(e),[$,e,function(t){$=t,n(0,$)}]}class Ne extends t{constructor(t){super(),e(this,t,Re,Se,n,{})}}export{Ne as default,Ae as metadata};
diff --git a/376/client/legacy/star-rating.edf23888.js b/376/client/legacy/star-rating.edf23888.js
new file mode 100644
index 000000000..d3477718a
--- /dev/null
+++ b/376/client/legacy/star-rating.edf23888.js
@@ -0,0 +1 @@
+import{S as s,i as e,s as a,a as t,c as l,b as n,d as r,e as o,f as i,g as c,n as u,h,k as d,X as f,t as g,y as v,z as m,p,a9 as $,I as j,J as w,K as b,L as k,M as x,a3 as _,u as y,w as z,N as C,O as E,o as A,P as B,U as D,V as L,Q as I,R as U,T as M,W as N,j as P,l as R,m as S,q as T}from"./client.583c6e60.js";import{r as V}from"./range.e5e7391f.js";import{c as q}from"./classes.a7d1a9eb.js";import{e as J,r as K}from"./button.863c0adf.js";function O(s){let e,a;return{c(){e=t("svg"),a=t("polygon"),this.h()},l(s){e=l(s,"svg",{xmlns:!0,width:!0,height:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0});var t=n(e);a=l(t,"polygon",{points:!0}),n(a).forEach(r),t.forEach(r),this.h()},h(){o(a,"points","12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"),o(e,"xmlns","http://www.w3.org/2000/svg"),o(e,"width","24"),o(e,"height","24"),o(e,"viewBox","0 0 24 24"),o(e,"stroke","currentColor"),o(e,"stroke-width","2"),o(e,"stroke-linecap","round"),o(e,"stroke-linejoin","round")},m(s,t){i(s,e,t),c(e,a)},p:u,i:u,o:u,d(s){s&&r(e)}}}var Q=class extends s{constructor(s){super(),e(this,s,null,O,a,{})}};function W(s,e,a){const t=s.slice();return t[15]=e[a],t}const X=s=>({}),F=s=>({});function G(s){let e,a,t,l,u,v,m,$,j,w,k,V,O,W,G=[{__value:a=s[15]},{type:"radio"},{name:s[4]},{id:t=`${s[4]}-${s[15]}`},{disabled:s[5]},s[9]],H={};for(let s=0;s<G.length;s+=1)H=b(H,G[s]);const Y=s[11].icon,Z=x(Y,s,s[10],F),ss=Z||function(s){let e,a;return e=new Q({}),{c(){P(e.$$.fragment)},l(s){R(e.$$.fragment,s)},m(s,t){S(e,s,t),a=!0},i(s){a||(g(e.$$.fragment,s),a=!0)},o(s){p(e.$$.fragment,s),a=!1},d(s){T(e,s)}}}();return V=_(s[13][0]),{c(){e=h("input"),u=y(),v=h("label"),ss&&ss.c(),m=y(),this.h()},l(s){e=d(s,"INPUT",{type:!0,name:!0,id:!0}),u=z(s),v=d(s,"LABEL",{class:!0,for:!0});var a=n(v);ss&&ss.l(a),m=z(a),a.forEach(r),this.h()},h(){C(e,H),E(e,"svelte-172gjzj",!0),o(v,"class",$=f(q(s[2]))+" svelte-172gjzj"),o(v,"for",j=`${s[4]}-${s[15]}`),V.p(e)},m(a,t){i(a,e,t),e.autofocus&&e.focus(),e.checked=e.__value===s[0],i(a,u,t),i(a,v,t),ss&&ss.m(v,null),c(v,m),k=!0,O||(W=[A(e,"change",s[12]),A(e,"change",s[14]),A(e,"keydown",s[7]),B(l=J.call(null,e,s[6])),B(w=K.call(null,v,{disabled:s[5]}))],O=!0)},p(s,n){C(e,H=D(G,[(!k||8&n&&a!==(a=s[15]))&&{__value:a},{type:"radio"},(!k||16&n)&&{name:s[4]},(!k||24&n&&t!==(t=`${s[4]}-${s[15]}`))&&{id:t},(!k||32&n)&&{disabled:s[5]},512&n&&s[9]])),9&n&&(e.checked=e.__value===s[0]),l&&L(l.update)&&64&n&&l.update.call(null,s[6]),E(e,"svelte-172gjzj",!0),Z&&Z.p&&(!k||1024&n)&&I(Z,Y,s,s[10],k?M(Y,s[10],n,X):U(s[10]),F),(!k||4&n&&$!==($=f(q(s[2]))+" svelte-172gjzj"))&&o(v,"class",$),(!k||24&n&&j!==(j=`${s[4]}-${s[15]}`))&&o(v,"for",j),w&&L(w.update)&&32&n&&w.update.call(null,{disabled:s[5]})},i(s){k||(g(ss,s),k=!0)},o(s){p(ss,s),k=!1},d(s){s&&r(e),s&&r(u),s&&r(v),ss&&ss.d(s),V.r(),O=!1,N(W)}}}function H(s){let e,a,t,l=[...V(s[3],0,-1)],c=[];for(let e=0;e<l.length;e+=1)c[e]=G(W(s,l,e));const u=s=>p(c[s],1,1,(()=>{c[s]=null}));return{c(){e=h("div");for(let s=0;s<c.length;s+=1)c[s].c();this.h()},l(s){e=d(s,"DIV",{role:!0,class:!0});var a=n(e);for(let s=0;s<c.length;s+=1)c[s].l(a);a.forEach(r),this.h()},h(){o(e,"role","group"),o(e,"class",a=f(q("star-rating",s[1]))+" svelte-172gjzj")},m(s,a){i(s,e,a);for(let s=0;s<c.length;s+=1)c[s]&&c[s].m(e,null);t=!0},p(s,n){let[r]=n;if(2045&r){let a;for(l=[...V(s[3],0,-1)],a=0;a<l.length;a+=1){const t=W(s,l,a);c[a]?(c[a].p(t,r),g(c[a],1)):(c[a]=G(t),c[a].c(),g(c[a],1),c[a].m(e,null))}for(v(),a=l.length;a<c.length;a+=1)u(a);m()}(!t||2&r&&a!==(a=f(q("star-rating",s[1]))+" svelte-172gjzj"))&&o(e,"class",a)},i(s){if(!t){for(let s=0;s<l.length;s+=1)g(c[s]);t=!0}},o(s){c=c.filter(Boolean);for(let s=0;s<c.length;s+=1)p(c[s]);t=!1},d(s){s&&r(e),$(c,s)}}}function Y(s,e,a){const t=["class","starClass","max","value","name","disabled","events"];let l=j(e,t),{$$slots:n={},$$scope:r}=e,{class:o=null}=e,{starClass:i=null}=e,{max:c=5}=e,{value:u=0}=e,{name:h}=e,{disabled:d=!1}=e,{events:f=[]}=e;const g=w();return s.$$set=s=>{e=b(b({},e),k(s)),a(9,l=j(e,t)),"class"in s&&a(1,o=s.class),"starClass"in s&&a(2,i=s.starClass),"max"in s&&a(3,c=s.max),"value"in s&&a(0,u=s.value),"name"in s&&a(4,h=s.name),"disabled"in s&&a(5,d=s.disabled),"events"in s&&a(6,f=s.events),"$$scope"in s&&a(10,r=s.$$scope)},[u,o,i,c,h,d,f,function(s){switch(s.key){case"ArrowLeft":case"ArrowDown":s.preventDefault(),a(0,u=(u+(c+1)-1)%(c+1)),0===u&&a(0,u=c);break;case"ArrowRight":case"ArrowUp":s.preventDefault(),a(0,u=(u+1)%(c+1))}a(0,u=Math.max(u,1))},g,l,r,n,function(){u=this.__value,a(0,u)},[[]],s=>g("change",{value:u,nativeEvent:s})]}var Z=class extends s{constructor(s){super(),e(this,s,Y,H,a,{class:1,starClass:2,max:3,value:0,name:4,disabled:5,events:6})}};export{Z as S};
diff --git a/376/client/legacy/subhead-0a618575.css b/376/client/legacy/subhead-0a618575.css
new file mode 100644
index 000000000..22972c9a2
--- /dev/null
+++ b/376/client/legacy/subhead-0a618575.css
@@ -0,0 +1,5 @@
+h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 0.5em}@media only screen and (min-width: 640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width: 840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width: 1024px){h1.svelte-9b0tta{font-size:1.8em}}
+h2.svelte-2wjwmd{color:#4300b0;font-size:1.3em;font-weight:500;margin:0 0 0.4em}@media only screen and (min-width: 640px){h2.svelte-2wjwmd{font-size:1.4em}}@media only screen and (min-width: 840px){h2.svelte-2wjwmd{font-size:1.5em}}
+h3.svelte-tdqvpc{font-size:1.15em;font-weight:500;margin:0 0 0.3em}@media only screen and (min-width: 640px){h3.svelte-tdqvpc{font-size:1.25em}}@media only screen and (min-width: 840px){h3.svelte-tdqvpc{font-size:1.35em}}
+.headline.svelte-7dvfxj{color:#4300b0;font-size:1.5em;font-weight:500;margin-bottom:0.2em}@media only screen and (min-width: 640px){.headline.svelte-7dvfxj{font-size:1.9em}}@media only screen and (min-width: 840px){.headline.svelte-7dvfxj{font-size:2em}}@media only screen and (min-width: 1024px){.headline.svelte-7dvfxj{font-size:2.1em}}@media only screen and (min-width: 1200px){.headline.svelte-7dvfxj{font-size:2.2em}}
+.subhead.svelte-1hj5ed6{font-size:0.95em;font-weight:300;line-height:1.2em}@media only screen and (min-width: 640px){.subhead.svelte-1hj5ed6{font-size:1em;line-height:1.25em}}@media only screen and (min-width: 840px){.subhead.svelte-1hj5ed6{font-size:1.1em;line-height:1.4em}}@media only screen and (min-width: 1024px){.subhead.svelte-1hj5ed6{font-size:1.2em;line-height:1.6em}}
diff --git a/376/client/legacy/subhead.f4e04db3.js b/376/client/legacy/subhead.f4e04db3.js
new file mode 100644
index 000000000..f6ed7c8c3
--- /dev/null
+++ b/376/client/legacy/subhead.f4e04db3.js
@@ -0,0 +1 @@
+import{S as s,i as l,s as t,M as e,K as c,h as a,k as n,b as o,d as u,N as r,O as h,f as $,Q as i,R as d,T as p,U as f,t as v,p as m,I as j,L as x}from"./client.583c6e60.js";import{c as b}from"./classes.a7d1a9eb.js";function g(s){let l,t,j;const x=s[3].default,g=e(x,s,s[2],null);let E=[{class:t=b(s[0])},s[1]],w={};for(let s=0;s<E.length;s+=1)w=c(w,E[s]);return{c(){l=a("h1"),g&&g.c(),this.h()},l(s){l=n(s,"H1",{class:!0});var t=o(l);g&&g.l(t),t.forEach(u),this.h()},h(){r(l,w),h(l,"svelte-9b0tta",!0)},m(s,t){$(s,l,t),g&&g.m(l,null),j=!0},p(s,e){let[c]=e;g&&g.p&&(!j||4&c)&&i(g,x,s,s[2],j?p(x,s[2],c,null):d(s[2]),null),r(l,w=f(E,[(!j||1&c&&t!==(t=b(s[0])))&&{class:t},2&c&&s[1]])),h(l,"svelte-9b0tta",!0)},i(s){j||(v(g,s),j=!0)},o(s){m(g,s),j=!1},d(s){s&&u(l),g&&g.d(s)}}}function E(s,l,t){const e=["class"];let a=j(l,e),{$$slots:n={},$$scope:o}=l,{class:u=null}=l;return s.$$set=s=>{l=c(c({},l),x(s)),t(1,a=j(l,e)),"class"in s&&t(0,u=s.class),"$$scope"in s&&t(2,o=s.$$scope)},[u,a,o,n]}var w=class extends s{constructor(s){super(),l(this,s,E,g,t,{class:0})}};function H(s){let l,t,j;const x=s[3].default,g=e(x,s,s[2],null);let E=[{class:t=b(s[0])},s[1]],w={};for(let s=0;s<E.length;s+=1)w=c(w,E[s]);return{c(){l=a("h2"),g&&g.c(),this.h()},l(s){l=n(s,"H2",{class:!0});var t=o(l);g&&g.l(t),t.forEach(u),this.h()},h(){r(l,w),h(l,"svelte-2wjwmd",!0)},m(s,t){$(s,l,t),g&&g.m(l,null),j=!0},p(s,e){let[c]=e;g&&g.p&&(!j||4&c)&&i(g,x,s,s[2],j?p(x,s[2],c,null):d(s[2]),null),r(l,w=f(E,[(!j||1&c&&t!==(t=b(s[0])))&&{class:t},2&c&&s[1]])),h(l,"svelte-2wjwmd",!0)},i(s){j||(v(g,s),j=!0)},o(s){m(g,s),j=!1},d(s){s&&u(l),g&&g.d(s)}}}function I(s,l,t){const e=["class"];let a=j(l,e),{$$slots:n={},$$scope:o}=l,{class:u=null}=l;return s.$$set=s=>{l=c(c({},l),x(s)),t(1,a=j(l,e)),"class"in s&&t(0,u=s.class),"$$scope"in s&&t(2,o=s.$$scope)},[u,a,o,n]}var q=class extends s{constructor(s){super(),l(this,s,I,H,t,{class:0})}};function D(s){let l,t,j;const x=s[3].default,g=e(x,s,s[2],null);let E=[{class:t=b(s[0])},s[1]],w={};for(let s=0;s<E.length;s+=1)w=c(w,E[s]);return{c(){l=a("h3"),g&&g.c(),this.h()},l(s){l=n(s,"H3",{class:!0});var t=o(l);g&&g.l(t),t.forEach(u),this.h()},h(){r(l,w),h(l,"svelte-tdqvpc",!0)},m(s,t){$(s,l,t),g&&g.m(l,null),j=!0},p(s,e){let[c]=e;g&&g.p&&(!j||4&c)&&i(g,x,s,s[2],j?p(x,s[2],c,null):d(s[2]),null),r(l,w=f(E,[(!j||1&c&&t!==(t=b(s[0])))&&{class:t},2&c&&s[1]])),h(l,"svelte-tdqvpc",!0)},i(s){j||(v(g,s),j=!0)},o(s){m(g,s),j=!1},d(s){s&&u(l),g&&g.d(s)}}}function S(s,l,t){const e=["class"];let a=j(l,e),{$$slots:n={},$$scope:o}=l,{class:u=null}=l;return s.$$set=s=>{l=c(c({},l),x(s)),t(1,a=j(l,e)),"class"in s&&t(0,u=s.class),"$$scope"in s&&t(2,o=s.$$scope)},[u,a,o,n]}var V=class extends s{constructor(s){super(),l(this,s,S,D,t,{class:0})}};function k(s){let l,t,j;const x=s[3].default,g=e(x,s,s[2],null);let E=[{class:t=b("headline",s[0])},s[1]],w={};for(let s=0;s<E.length;s+=1)w=c(w,E[s]);return{c(){l=a("div"),g&&g.c(),this.h()},l(s){l=n(s,"DIV",{class:!0});var t=o(l);g&&g.l(t),t.forEach(u),this.h()},h(){r(l,w),h(l,"svelte-7dvfxj",!0)},m(s,t){$(s,l,t),g&&g.m(l,null),j=!0},p(s,e){let[c]=e;g&&g.p&&(!j||4&c)&&i(g,x,s,s[2],j?p(x,s[2],c,null):d(s[2]),null),r(l,w=f(E,[(!j||1&c&&t!==(t=b("headline",s[0])))&&{class:t},2&c&&s[1]])),h(l,"svelte-7dvfxj",!0)},i(s){j||(v(g,s),j=!0)},o(s){m(g,s),j=!1},d(s){s&&u(l),g&&g.d(s)}}}function K(s,l,t){const e=["class"];let a=j(l,e),{$$slots:n={},$$scope:o}=l,{class:u=null}=l;return s.$$set=s=>{l=c(c({},l),x(s)),t(1,a=j(l,e)),"class"in s&&t(0,u=s.class),"$$scope"in s&&t(2,o=s.$$scope)},[u,a,o,n]}var L=class extends s{constructor(s){super(),l(this,s,K,k,t,{class:0})}};function M(s){let l,t,j;const x=s[3].default,g=e(x,s,s[2],null);let E=[{class:t=b("subhead",s[0])},s[1]],w={};for(let s=0;s<E.length;s+=1)w=c(w,E[s]);return{c(){l=a("div"),g&&g.c(),this.h()},l(s){l=n(s,"DIV",{class:!0});var t=o(l);g&&g.l(t),t.forEach(u),this.h()},h(){r(l,w),h(l,"svelte-1hj5ed6",!0)},m(s,t){$(s,l,t),g&&g.m(l,null),j=!0},p(s,e){let[c]=e;g&&g.p&&(!j||4&c)&&i(g,x,s,s[2],j?p(x,s[2],c,null):d(s[2]),null),r(l,w=f(E,[(!j||1&c&&t!==(t=b("subhead",s[0])))&&{class:t},2&c&&s[1]])),h(l,"svelte-1hj5ed6",!0)},i(s){j||(v(g,s),j=!0)},o(s){m(g,s),j=!1},d(s){s&&u(l),g&&g.d(s)}}}function N(s,l,t){const e=["class"];let a=j(l,e),{$$slots:n={},$$scope:o}=l,{class:u=null}=l;return s.$$set=s=>{l=c(c({},l),x(s)),t(1,a=j(l,e)),"class"in s&&t(0,u=s.class),"$$scope"in s&&t(2,o=s.$$scope)},[u,a,o,n]}var O=class extends s{constructor(s){super(),l(this,s,N,M,t,{class:0})}};export{w as H,O as S,q as a,V as b,L as c};
diff --git a/376/client/legacy/switch-cc3afc23.css b/376/client/legacy/switch-cc3afc23.css
new file mode 100644
index 000000000..c6db3188c
--- /dev/null
+++ b/376/client/legacy/switch-cc3afc23.css
@@ -0,0 +1 @@
+.switch.svelte-aapm94.svelte-aapm94.svelte-aapm94.svelte-aapm94{align-items:center;cursor:pointer;display:flex;font-family:"Ubuntu", sans-serif}.switch.svelte-aapm94 input.svelte-aapm94.svelte-aapm94.svelte-aapm94{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.switch.svelte-aapm94 .track.svelte-aapm94.svelte-aapm94.svelte-aapm94{border:0.125em solid #aaa;border-radius:0.75em;cursor:pointer;height:1.125em;position:relative;width:2em}.switch.svelte-aapm94 .track.svelte-aapm94.svelte-aapm94.svelte-aapm94::before{border-radius:1.125em;content:"";height:2.375em;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:3.25em}.switch.svelte-aapm94 .track.svelte-aapm94>.thumb.svelte-aapm94.svelte-aapm94{background:#aaa;border-radius:50%;height:0.75em;left:0.25em;position:absolute;top:50%;transform:translateY(-50%);transition:transform 100ms;width:0.75em}.switch.svelte-aapm94 input.svelte-aapm94:checked~.track.svelte-aapm94.svelte-aapm94{border-color:#4300b0}.switch.svelte-aapm94 input.svelte-aapm94:checked~.track.svelte-aapm94>.thumb.svelte-aapm94{background-color:#4300b0;transform:translateY(-50%) translateX(100%)}.switch.svelte-aapm94 input.svelte-aapm94:disabled~.track.svelte-aapm94.svelte-aapm94{border-color:#888;cursor:not-allowed}.switch.svelte-aapm94 input.svelte-aapm94:disabled~.track.svelte-aapm94>.thumb.svelte-aapm94{background:none;border:0.125em solid #888;height:0.5em;position:relative;width:0.5em}.switch.svelte-aapm94 input.svelte-aapm94:disabled~.track.svelte-aapm94>.thumb.svelte-aapm94::before{background:#888;content:"";height:0.125em;left:0;position:absolute;top:0.1875em;transform:rotate(-45deg);width:100%}.switch.svelte-aapm94 input.svelte-aapm94:focus~.track.svelte-aapm94.svelte-aapm94::before{background:rgba(0, 0, 0, 0.1)}.switch.svelte-aapm94 input.svelte-aapm94:focus:checked~.track.svelte-aapm94.svelte-aapm94::before{background:rgba(67, 0, 176, 0.1)}.switch.svelte-aapm94:hover .track.svelte-aapm94.svelte-aapm94.svelte-aapm94::before{background:rgba(0, 0, 0, 0.1)}.switch.svelte-aapm94:hover input.svelte-aapm94:checked:not(:disabled)~.track.svelte-aapm94.svelte-aapm94::before{background:rgba(67, 0, 176, 0.05)}
diff --git a/376/client/legacy/switch.2efa2b7d.js b/376/client/legacy/switch.2efa2b7d.js
new file mode 100644
index 000000000..d99939af0
--- /dev/null
+++ b/376/client/legacy/switch.2efa2b7d.js
@@ -0,0 +1 @@
+import{S as s,i as a,s as l,K as t,h as e,u as c,k as n,b as u,w as i,d as o,N as r,O as d,e as p,X as h,f as m,g as f,o as v,t as b,y as C,p as k,z as $,U as L,W as g,I as E,J as x,L as y,M as I,Q as w,R as T,T as j}from"./client.583c6e60.js";import{c as D}from"./classes.a7d1a9eb.js";function N(s){let a;const l=s[10].default,t=I(l,s,s[9],null);return{c(){t&&t.c()},l(s){t&&t.l(s)},m(s,l){t&&t.m(s,l),a=!0},p(s,e){t&&t.p&&(!a||512&e)&&w(t,l,s,s[9],a?j(l,s[9],e,null):T(s[9]),null)},i(s){a||(b(t,s),a=!0)},o(s){k(t,s),a=!1},d(s){t&&t.d(s)}}}function S(s){let a;const l=s[10].default,t=I(l,s,s[9],null);return{c(){t&&t.c()},l(s){t&&t.l(s)},m(s,l){t&&t.m(s,l),a=!0},p(s,e){t&&t.p&&(!a||512&e)&&w(t,l,s,s[9],a?j(l,s[9],e,null):T(s[9]),null)},i(s){a||(b(t,s),a=!0)},o(s){k(t,s),a=!1},d(s){t&&t.d(s)}}}function U(s){let a,l,E,x,y,I,w,T,j,U,V,z,A,B,J=s[6]&&N(s),K=[{type:"checkbox"},{class:x=D(s[2])},{disabled:s[5]},s[8]],M={};for(let s=0;s<K.length;s+=1)M=t(M,K[s]);let O=!s[6]&&S(s);return{c(){a=e("label"),J&&J.c(),l=c(),E=e("input"),y=c(),I=e("div"),w=e("div"),U=c(),O&&O.c(),this.h()},l(s){a=n(s,"LABEL",{class:!0});var t=u(a);J&&J.l(t),l=i(t),E=n(t,"INPUT",{type:!0,class:!0}),y=i(t),I=n(t,"DIV",{class:!0});var e=u(I);w=n(e,"DIV",{class:!0}),u(w).forEach(o),e.forEach(o),U=i(t),O&&O.l(t),t.forEach(o),this.h()},h(){r(E,M),d(E,"svelte-aapm94",!0),p(w,"class",T=h(D("thumb",s[4]))+" svelte-aapm94"),p(I,"class",j=h(D("track",s[3]))+" svelte-aapm94"),p(a,"class",V=h(D("switch",s[1]))+" svelte-aapm94")},m(t,e){m(t,a,e),J&&J.m(a,null),f(a,l),f(a,E),E.autofocus&&E.focus(),E.checked=s[0],f(a,y),f(a,I),f(I,w),f(a,U),O&&O.m(a,null),z=!0,A||(B=[v(E,"change",s[11]),v(E,"change",s[12])],A=!0)},p(s,t){let[e]=t;s[6]?J?(J.p(s,e),64&e&&b(J,1)):(J=N(s),J.c(),b(J,1),J.m(a,l)):J&&(C(),k(J,1,1,(()=>{J=null})),$()),r(E,M=L(K,[{type:"checkbox"},(!z||4&e&&x!==(x=D(s[2])))&&{class:x},(!z||32&e)&&{disabled:s[5]},256&e&&s[8]])),1&e&&(E.checked=s[0]),d(E,"svelte-aapm94",!0),(!z||16&e&&T!==(T=h(D("thumb",s[4]))+" svelte-aapm94"))&&p(w,"class",T),(!z||8&e&&j!==(j=h(D("track",s[3]))+" svelte-aapm94"))&&p(I,"class",j),s[6]?O&&(C(),k(O,1,1,(()=>{O=null})),$()):O?(O.p(s,e),64&e&&b(O,1)):(O=S(s),O.c(),b(O,1),O.m(a,null)),(!z||2&e&&V!==(V=h(D("switch",s[1]))+" svelte-aapm94"))&&p(a,"class",V)},i(s){z||(b(J),b(O),z=!0)},o(s){k(J),k(O),z=!1},d(s){s&&o(a),J&&J.d(),O&&O.d(),A=!1,g(B)}}}function V(s,a,l){const e=["class","inputClass","trackClass","thumbClass","value","disabled","slotLeft"];let c=E(a,e),{$$slots:n={},$$scope:u}=a,{class:i=null}=a,{inputClass:o=null}=a,{trackClass:r=null}=a,{thumbClass:d=null}=a,{value:p=!1}=a,{disabled:h=!1}=a,{slotLeft:m=!1}=a;const f=x();return s.$$set=s=>{a=t(t({},a),y(s)),l(8,c=E(a,e)),"class"in s&&l(1,i=s.class),"inputClass"in s&&l(2,o=s.inputClass),"trackClass"in s&&l(3,r=s.trackClass),"thumbClass"in s&&l(4,d=s.thumbClass),"value"in s&&l(0,p=s.value),"disabled"in s&&l(5,h=s.disabled),"slotLeft"in s&&l(6,m=s.slotLeft),"$$scope"in s&&l(9,u=s.$$scope)},[p,i,o,r,d,h,m,f,c,u,n,function(){p=this.checked,l(0,p)},s=>f("change",{value:s.currentTarget.checked,nativeEvent:s})]}var z=class extends s{constructor(s){super(),a(this,s,V,U,l,{class:1,inputClass:2,trackClass:3,thumbClass:4,value:0,disabled:5,slotLeft:6})}};export{z as S};
diff --git a/376/client/legacy/switch.db4405d8.js b/376/client/legacy/switch.db4405d8.js
new file mode 100644
index 000000000..9f287b18d
--- /dev/null
+++ b/376/client/legacy/switch.db4405d8.js
@@ -0,0 +1 @@
+import{S as t,i as $,s as e,K as n,j as r,l as s,m as o,U as a,a0 as c,t as f,p as l,q as p,L as m,u as g,w as i,f as d,d as u,v as h,x,h as w,k as y,b as E,e as v,g as D,n as O}from"./client.583c6e60.js";import{L as b,H as C,P as T}from"./layout.47c81311.js";import{S as k}from"./switch.2efa2b7d.js";import{S}from"./showcase.759e7149.js";import{C as A}from"./color-preview.9db6af61.js";import{H as N}from"./h2.0da05151.js";import{H as R}from"./h3.c9a49f62.js";import{T as j,a as G,b as P,c as H}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./button.863c0adf.js";function L(t){let $;return{c(){$=h("Switch")},l(t){$=x(t,"Switch")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function B(t){let $;return{c(){$=h("An on/off switch.")},l(t){$=x(t,"An on/off switch.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function F(t){let $,e;return{c(){$=w("span"),e=h("No luck"),this.h()},l(t){$=y(t,"SPAN",{class:!0});var n=E($);e=x(n,"No luck"),n.forEach(u),this.h()},h(){v($,"class","ml")},m(t,n){d(t,$,n),D($,e)},p:O,d(t){t&&u($)}}}function W(t){let $,e,n,a,c;return e=new k({}),a=new k({props:{disabled:!0,$$slots:{default:[F]},$$scope:{ctx:t}}}),{c(){$=w("div"),r(e.$$.fragment),n=g(),r(a.$$.fragment),this.h()},l(t){$=y(t,"DIV",{slot:!0,class:!0});var r=E($);s(e.$$.fragment,r),n=i(r),s(a.$$.fragment,r),r.forEach(u),this.h()},h(){v($,"slot","showcase"),v($,"class","padded")},m(t,r){d(t,$,r),o(e,$,null),D($,n),o(a,$,null),c=!0},p(t,$){const e={};2&$&&(e.$$scope={dirty:$,ctx:t}),a.$set(e)},i(t){c||(f(e.$$.fragment,t),f(a.$$.fragment,t),c=!0)},o(t){l(e.$$.fragment,t),l(a.$$.fragment,t),c=!1},d(t){t&&u($),p(e),p(a)}}}function Y(t){let $,e;return{c(){$=w("div"),e=w("pre"),this.h()},l(t){$=y(t,"DIV",{slot:!0});var n=E($);e=y(n,"PRE",{class:!0}),E(e).forEach(u),n.forEach(u),this.h()},h(){v(e,"class","language-svelte"),v($,"slot","source")},m(t,n){d(t,$,n),D($,e),e.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Switch</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Switch</span> <span class="token attr-name">disabled</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>No luck<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Switch</span><span class="token punctuation">></span></span></code>'},p:O,d(t){t&&u($)}}}function M(t){let $;return{c(){$=h("Properties")},l(t){$=x(t,"Properties")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function U(t){let $;return{c(){$=h("Style Properties")},l(t){$=x(t,"Style Properties")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function V(t){let $;return{c(){$=h("Name")},l(t){$=x(t,"Name")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function I(t){let $;return{c(){$=h("Default")},l(t){$=x(t,"Default")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function K(t){let $;return{c(){$=h("Type")},l(t){$=x(t,"Type")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function q(t){let $;return{c(){$=h("Description")},l(t){$=x(t,"Description")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function z(t){let $,e,n,a,c,m,h,x;return $=new P({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&u(e),p(n,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function _(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("slotLeft")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"slotLeft"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),D($,e),D(e,n)},p:O,d(t){t&&u($)}}}function J(t){let $,e;return{c(){$=w("code"),e=h("false")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"false"),n.forEach(u)},m(t,n){d(t,$,n),D($,e)},p:O,d(t){t&&u($)}}}function Q(t){let $,e;return{c(){$=w("code"),e=h("boolean")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"boolean"),n.forEach(u)},m(t,n){d(t,$,n),D($,e)},p:O,d(t){t&&u($)}}}function X(t){let $;return{c(){$=h("Whether to place the default slot to the left of the switch or to the right.")},l(t){$=x(t,"Whether to place the default slot to the left of the switch or to the right.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Z(t){let $,e,n,a,c,m,h,x;return $=new H({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&u(e),p(n,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function tt(t){let $,e,n,a,c,m;return e=new G({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),{c(){$=w("thead"),r(e.$$.fragment),n=g(),a=w("tbody"),r(c.$$.fragment)},l(t){$=y(t,"THEAD",{});var r=E($);s(e.$$.fragment,r),r.forEach(u),n=i(t),a=y(t,"TBODY",{});var o=E(a);s(c.$$.fragment,o),o.forEach(u)},m(t,r){d(t,$,r),o(e,$,null),d(t,n,r),d(t,a,r),o(c,a,null),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(f(e.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&u($),p(e),t&&u(n),t&&u(a),p(c)}}}function $t(t){let $;return{c(){$=h("Functional Properties")},l(t){$=x(t,"Functional Properties")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function et(t){let $;return{c(){$=h("Name")},l(t){$=x(t,"Name")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function nt(t){let $;return{c(){$=h("Default")},l(t){$=x(t,"Default")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function rt(t){let $;return{c(){$=h("Type")},l(t){$=x(t,"Type")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function st(t){let $;return{c(){$=h("Description")},l(t){$=x(t,"Description")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function ot(t){let $,e,n,a,c,m,h,x;return $=new P({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&u(e),p(n,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function at(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("value")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"value"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),D($,e),D(e,n)},p:O,d(t){t&&u($)}}}function ct(t){let $,e;return{c(){$=w("code"),e=h("false")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"false"),n.forEach(u)},m(t,n){d(t,$,n),D($,e)},p:O,d(t){t&&u($)}}}function ft(t){let $,e;return{c(){$=w("code"),e=h("boolean")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"boolean"),n.forEach(u)},m(t,n){d(t,$,n),D($,e)},p:O,d(t){t&&u($)}}}function lt(t){let $;return{c(){$=h("Whether the switch is currently on.")},l(t){$=x(t,"Whether the switch is currently on.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function pt(t){let $,e,n,a,c,m,h,x;return $=new H({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&u(e),p(n,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function mt(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("disabled")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"disabled"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),D($,e),D(e,n)},p:O,d(t){t&&u($)}}}function gt(t){let $,e;return{c(){$=w("code"),e=h("false")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"false"),n.forEach(u)},m(t,n){d(t,$,n),D($,e)},p:O,d(t){t&&u($)}}}function it(t){let $,e;return{c(){$=w("code"),e=h("boolean")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"boolean"),n.forEach(u)},m(t,n){d(t,$,n),D($,e)},p:O,d(t){t&&u($)}}}function dt(t){let $;return{c(){$=h("Disables the switch.")},l(t){$=x(t,"Disables the switch.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function ut(t){let $,e,n,a,c,m,h,x;return $=new H({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&u(e),p(n,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function ht(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("...")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"..."),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),D($,e),D(e,n)},p:O,d(t){t&&u($)}}}function xt(t){let $,e;return{c(){$=w("code"),e=h("any")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"any"),n.forEach(u)},m(t,n){d(t,$,n),D($,e)},p:O,d(t){t&&u($)}}}function wt(t){let $,e,n,r;return{c(){$=h("Everything else will be passed to the underlying "),e=w("code"),n=h("<input>"),r=h(" element.")},l(t){$=x(t,"Everything else will be passed to the underlying "),e=y(t,"CODE",{});var s=E(e);n=x(s,"<input>"),s.forEach(u),r=x(t," element.")},m(t,s){d(t,$,s),d(t,e,s),D(e,n),d(t,r,s)},p:O,d(t){t&&u($),t&&u(e),t&&u(r)}}}function yt(t){let $,e,n,a,c,m,h,x;return $=new H({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),n=new H({}),c=new H({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),x=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),h.$set(s)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&u(e),p(n,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function Et(t){let $,e,n,a,c,m,h,x,v,O;return e=new G({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),v=new G({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),{c(){$=w("thead"),r(e.$$.fragment),n=g(),a=w("tbody"),r(c.$$.fragment),m=g(),r(h.$$.fragment),x=g(),r(v.$$.fragment)},l(t){$=y(t,"THEAD",{});var r=E($);s(e.$$.fragment,r),r.forEach(u),n=i(t),a=y(t,"TBODY",{});var o=E(a);s(c.$$.fragment,o),m=i(o),s(h.$$.fragment,o),x=i(o),s(v.$$.fragment,o),o.forEach(u)},m(t,r){d(t,$,r),o(e,$,null),d(t,n,r),d(t,a,r),o(c,a,null),D(a,m),o(h,a,null),D(a,x),o(v,a,null),O=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),v.$set(o)},i(t){O||(f(e.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(v.$$.fragment,t),O=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(v.$$.fragment,t),O=!1},d(t){t&&u($),p(e),t&&u(n),t&&u(a),p(c),p(h),p(v)}}}function vt(t){let $;return{c(){$=h("Class Properties")},l(t){$=x(t,"Class Properties")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Dt(t){let $,e,n,r,s,o,a;return{c(){$=h("All "),e=w("code"),n=h("<Switch>"),r=h(" components use the "),s=w("code"),o=h(".switch"),a=h(" class.")},l(t){$=x(t,"All "),e=y(t,"CODE",{});var c=E(e);n=x(c,"<Switch>"),c.forEach(u),r=x(t," components use the "),s=y(t,"CODE",{});var f=E(s);o=x(f,".switch"),f.forEach(u),a=x(t," class.")},m(t,c){d(t,$,c),d(t,e,c),D(e,n),d(t,r,c),d(t,s,c),D(s,o),d(t,a,c)},p:O,d(t){t&&u($),t&&u(e),t&&u(r),t&&u(s),t&&u(a)}}}function Ot(t){let $;return{c(){$=h("Falsy values passed to classes will be disregarded.")},l(t){$=x(t,"Falsy values passed to classes will be disregarded.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function bt(t){let $;return{c(){$=h("Name")},l(t){$=x(t,"Name")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Ct(t){let $;return{c(){$=h("Default")},l(t){$=x(t,"Default")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Tt(t){let $;return{c(){$=h("Type")},l(t){$=x(t,"Type")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function kt(t){let $;return{c(){$=h("Description")},l(t){$=x(t,"Description")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function St(t){let $,e,n,a,c,m,h,x;return $=new P({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&u(e),p(n,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function At(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("class")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"class"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),D($,e),D(e,n)},p:O,d(t){t&&u($)}}}function Nt(t){let $,e;return{c(){$=w("code"),e=h("null")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"null"),n.forEach(u)},m(t,n){d(t,$,n),D($,e)},p:O,d(t){t&&u($)}}}function Rt(t){let $,e;return{c(){$=w("code"),e=h("string")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"string"),n.forEach(u)},m(t,n){d(t,$,n),D($,e)},p:O,d(t){t&&u($)}}}function jt(t){let $;return{c(){$=h("A class string to add to the component.")},l(t){$=x(t,"A class string to add to the component.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Gt(t){let $,e,n,a,c,m,h,x;return $=new H({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&u(e),p(n,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function Pt(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("inputClass")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"inputClass"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),D($,e),D(e,n)},p:O,d(t){t&&u($)}}}function Ht(t){let $,e;return{c(){$=w("code"),e=h("null")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"null"),n.forEach(u)},m(t,n){d(t,$,n),D($,e)},p:O,d(t){t&&u($)}}}function Lt(t){let $,e;return{c(){$=w("code"),e=h("string")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"string"),n.forEach(u)},m(t,n){d(t,$,n),D($,e)},p:O,d(t){t&&u($)}}}function Bt(t){let $,e,n,r;return{c(){$=h("A class string to add to the "),e=w("code"),n=h("<input>"),r=h(" inside.")},l(t){$=x(t,"A class string to add to the "),e=y(t,"CODE",{});var s=E(e);n=x(s,"<input>"),s.forEach(u),r=x(t," inside.")},m(t,s){d(t,$,s),d(t,e,s),D(e,n),d(t,r,s)},p:O,d(t){t&&u($),t&&u(e),t&&u(r)}}}function Ft(t){let $,e,n,a,c,m,h,x;return $=new H({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&u(e),p(n,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function Wt(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("trackClass")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"trackClass"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),D($,e),D(e,n)},p:O,d(t){t&&u($)}}}function Yt(t){let $,e;return{c(){$=w("code"),e=h("null")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"null"),n.forEach(u)},m(t,n){d(t,$,n),D($,e)},p:O,d(t){t&&u($)}}}function Mt(t){let $,e;return{c(){$=w("code"),e=h("string")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"string"),n.forEach(u)},m(t,n){d(t,$,n),D($,e)},p:O,d(t){t&&u($)}}}function Ut(t){let $,e,n,r;return{c(){$=h("A class string to add to the "),e=w("a"),n=h("track"),r=h(" of the switch."),this.h()},l(t){$=x(t,"A class string to add to the "),e=y(t,"A",{href:!0,rel:!0});var s=E(e);n=x(s,"track"),s.forEach(u),r=x(t," of the switch."),this.h()},h(){v(e,"href","https://material.io/components/selection-controls#switches"),v(e,"rel","nofollow")},m(t,s){d(t,$,s),d(t,e,s),D(e,n),d(t,r,s)},p:O,d(t){t&&u($),t&&u(e),t&&u(r)}}}function Vt(t){let $,e,n,a,c,m,h,x;return $=new H({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&u(e),p(n,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function It(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("thumbClass")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"thumbClass"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),D($,e),D(e,n)},p:O,d(t){t&&u($)}}}function Kt(t){let $,e;return{c(){$=w("code"),e=h("null")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"null"),n.forEach(u)},m(t,n){d(t,$,n),D($,e)},p:O,d(t){t&&u($)}}}function qt(t){let $,e;return{c(){$=w("code"),e=h("string")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"string"),n.forEach(u)},m(t,n){d(t,$,n),D($,e)},p:O,d(t){t&&u($)}}}function zt(t){let $,e,n,r;return{c(){$=h("A class string to add to the "),e=w("a"),n=h("thumb"),r=h(" of the switch."),this.h()},l(t){$=x(t,"A class string to add to the "),e=y(t,"A",{href:!0,rel:!0});var s=E(e);n=x(s,"thumb"),s.forEach(u),r=x(t," of the switch."),this.h()},h(){v(e,"href","https://material.io/components/selection-controls#switches"),v(e,"rel","nofollow")},m(t,s){d(t,$,s),d(t,e,s),D(e,n),d(t,r,s)},p:O,d(t){t&&u($),t&&u(e),t&&u(r)}}}function _t(t){let $,e,n,a,c,m,h,x;return $=new H({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&u(e),p(n,t),t&&u(a),p(c,t),t&&u(m),p(h,t)}}}function Jt(t){let $,e,n,a,c,m,h,x,v,O,b,C;return e=new G({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),v=new G({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),b=new G({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),{c(){$=w("thead"),r(e.$$.fragment),n=g(),a=w("tbody"),r(c.$$.fragment),m=g(),r(h.$$.fragment),x=g(),r(v.$$.fragment),O=g(),r(b.$$.fragment)},l(t){$=y(t,"THEAD",{});var r=E($);s(e.$$.fragment,r),r.forEach(u),n=i(t),a=y(t,"TBODY",{});var o=E(a);s(c.$$.fragment,o),m=i(o),s(h.$$.fragment,o),x=i(o),s(v.$$.fragment,o),O=i(o),s(b.$$.fragment,o),o.forEach(u)},m(t,r){d(t,$,r),o(e,$,null),d(t,n,r),d(t,a,r),o(c,a,null),D(a,m),o(h,a,null),D(a,x),o(v,a,null),D(a,O),o(b,a,null),C=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),v.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),b.$set(a)},i(t){C||(f(e.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(v.$$.fragment,t),f(b.$$.fragment,t),C=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(v.$$.fragment,t),l(b.$$.fragment,t),C=!1},d(t){t&&u($),p(e),t&&u(n),t&&u(a),p(c),p(h),p(v),p(b)}}}function Qt(t){let $;return{c(){$=h("Events")},l(t){$=x(t,"Events")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Xt(t){let $;return{c(){$=h("Name")},l(t){$=x(t,"Name")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Zt(t){let $;return{c(){$=h("Event Detail")},l(t){$=x(t,"Event Detail")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function t$(t){let $;return{c(){$=h("Description")},l(t){$=x(t,"Description")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function $$(t){let $,e,n,a,c,m;return $=new P({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p($,t),t&&u(e),p(n,t),t&&u(a),p(c,t)}}}function e$(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("change")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"change"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),D($,e),D(e,n)},p:O,d(t){t&&u($)}}}function n$(t){let $,e;return{c(){$=w("code"),e=h("{ value, nativeEvent }")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"{ value, nativeEvent }"),n.forEach(u)},m(t,n){d(t,$,n),D($,e)},p:O,d(t){t&&u($)}}}function r$(t){let $,e,n,r,s,o,a,c,f,l,p,m,g,i;return{c(){$=h("Fires when a switch is toggled. The "),e=w("code"),n=h("value"),r=h(" corresponds to the current value of the "),s=w("mark"),o=w("code"),a=h("value"),c=h(" property, the "),f=w("code"),l=h("nativeEvent"),p=h(" contains the "),m=w("a"),g=h("native change event"),i=h("."),this.h()},l(t){$=x(t,"Fires when a switch is toggled. The "),e=y(t,"CODE",{});var d=E(e);n=x(d,"value"),d.forEach(u),r=x(t," corresponds to the current value of the "),s=y(t,"MARK",{});var h=E(s);o=y(h,"CODE",{});var w=E(o);a=x(w,"value"),w.forEach(u),h.forEach(u),c=x(t," property, the "),f=y(t,"CODE",{});var v=E(f);l=x(v,"nativeEvent"),v.forEach(u),p=x(t," contains the "),m=y(t,"A",{href:!0,rel:!0});var D=E(m);g=x(D,"native change event"),D.forEach(u),i=x(t,"."),this.h()},h(){v(m,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),v(m,"rel","nofollow")},m(t,u){d(t,$,u),d(t,e,u),D(e,n),d(t,r,u),d(t,s,u),D(s,o),D(o,a),d(t,c,u),d(t,f,u),D(f,l),d(t,p,u),d(t,m,u),D(m,g),d(t,i,u)},p:O,d(t){t&&u($),t&&u(e),t&&u(r),t&&u(s),t&&u(c),t&&u(f),t&&u(p),t&&u(m),t&&u(i)}}}function s$(t){let $,e,n,a,c,m;return $=new H({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[n$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[r$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p($,t),t&&u(e),p(n,t),t&&u(a),p(c,t)}}}function o$(t){let $,e,n,a,c,m;return e=new G({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[s$]},$$scope:{ctx:t}}}),{c(){$=w("thead"),r(e.$$.fragment),n=g(),a=w("tbody"),r(c.$$.fragment)},l(t){$=y(t,"THEAD",{});var r=E($);s(e.$$.fragment,r),r.forEach(u),n=i(t),a=y(t,"TBODY",{});var o=E(a);s(c.$$.fragment,o),o.forEach(u)},m(t,r){d(t,$,r),o(e,$,null),d(t,n,r),d(t,a,r),o(c,a,null),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(f(e.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&u($),p(e),t&&u(n),t&&u(a),p(c)}}}function a$(t){let $;return{c(){$=h("Slots")},l(t){$=x(t,"Slots")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function c$(t){let $;return{c(){$=h("Default slot")},l(t){$=x(t,"Default slot")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function f$(t){let $,e,n,r,s;return{c(){$=h("The label of the switch. Positioned to the right of the switch by default, but can be moved to the left using the "),e=w("mark"),n=w("code"),r=h("slotLeft"),s=h(" property.")},l(t){$=x(t,"The label of the switch. Positioned to the right of the switch by default, but can be moved to the left using the "),e=y(t,"MARK",{});var o=E(e);n=y(o,"CODE",{});var a=E(n);r=x(a,"slotLeft"),a.forEach(u),o.forEach(u),s=x(t," property.")},m(t,o){d(t,$,o),d(t,e,o),D(e,n),D(n,r),d(t,s,o)},p:O,d(t){t&&u($),t&&u(e),t&&u(s)}}}function l$(t){let $;return{c(){$=h("SCSS Variables")},l(t){$=x(t,"SCSS Variables")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function p$(t){let $;return{c(){$=h("Name")},l(t){$=x(t,"Name")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function m$(t){let $;return{c(){$=h("Description")},l(t){$=x(t,"Description")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function g$(t){let $;return{c(){$=h("Default")},l(t){$=x(t,"Default")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function i$(t){let $,e,n,a,c,m;return $=new P({props:{$$slots:{default:[p$]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[m$]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[g$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p($,t),t&&u(e),p(n,t),t&&u(a),p(c,t)}}}function d$(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("$main")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"$main"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),D($,e),D(e,n)},p:O,d(t){t&&u($)}}}function u$(t){let $;return{c(){$=h('The color of the switch in the "on" position.')},l(t){$=x(t,'The color of the switch in the "on" position.')},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function h$(t){let $,e;return $=new A({props:{value:"#4300B0"}}),{c(){r($.$$.fragment)},l(t){s($.$$.fragment,t)},m(t,n){o($,t,n),e=!0},p:O,i(t){e||(f($.$$.fragment,t),e=!0)},o(t){l($.$$.fragment,t),e=!1},d(t){p($,t)}}}function x$(t){let $,e,n,a,c,m;return $=new H({props:{$$slots:{default:[d$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[u$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[h$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p($,t),t&&u(e),p(n,t),t&&u(a),p(c,t)}}}function w$(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("$disabled")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"$disabled"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),D($,e),D(e,n)},p:O,d(t){t&&u($)}}}function y$(t){let $;return{c(){$=h("The color of the disabled switch.")},l(t){$=x(t,"The color of the disabled switch.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function E$(t){let $,e;return $=new A({props:{value:"#888888"}}),{c(){r($.$$.fragment)},l(t){s($.$$.fragment,t)},m(t,n){o($,t,n),e=!0},p:O,i(t){e||(f($.$$.fragment,t),e=!0)},o(t){l($.$$.fragment,t),e=!1},d(t){p($,t)}}}function v$(t){let $,e,n,a,c,m;return $=new H({props:{$$slots:{default:[w$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[y$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[E$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p($,t),t&&u(e),p(n,t),t&&u(a),p(c,t)}}}function D$(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("$off-state")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"$off-state"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),D($,e),D(e,n)},p:O,d(t){t&&u($)}}}function O$(t){let $;return{c(){$=h('The color of the switch in the "off" position.')},l(t){$=x(t,'The color of the switch in the "off" position.')},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function b$(t){let $,e;return $=new A({props:{value:"#AAAAAA"}}),{c(){r($.$$.fragment)},l(t){s($.$$.fragment,t)},m(t,n){o($,t,n),e=!0},p:O,i(t){e||(f($.$$.fragment,t),e=!0)},o(t){l($.$$.fragment,t),e=!1},d(t){p($,t)}}}function C$(t){let $,e,n,a,c,m;return $=new H({props:{$$slots:{default:[D$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[O$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[b$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p($,t),t&&u(e),p(n,t),t&&u(a),p(c,t)}}}function T$(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("$font")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"$font"),s.forEach(u),r.forEach(u)},m(t,r){d(t,$,r),D($,e),D(e,n)},p:O,d(t){t&&u($)}}}function k$(t){let $;return{c(){$=h("The font used for the labels.")},l(t){$=x(t,"The font used for the labels.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function S$(t){let $,e;return{c(){$=w("code"),e=h("'Ubuntu'")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"'Ubuntu'"),n.forEach(u)},m(t,n){d(t,$,n),D($,e)},p:O,d(t){t&&u($)}}}function A$(t){let $,e,n,a,c,m;return $=new H({props:{$$slots:{default:[T$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[k$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[S$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p($,t),t&&u(e),p(n,t),t&&u(a),p(c,t)}}}function N$(t){let $,e,n,a,c,m,h,x,v,O,b,C;return e=new G({props:{$$slots:{default:[i$]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[x$]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[v$]},$$scope:{ctx:t}}}),v=new G({props:{$$slots:{default:[C$]},$$scope:{ctx:t}}}),b=new G({props:{$$slots:{default:[A$]},$$scope:{ctx:t}}}),{c(){$=w("thead"),r(e.$$.fragment),n=g(),a=w("tbody"),r(c.$$.fragment),m=g(),r(h.$$.fragment),x=g(),r(v.$$.fragment),O=g(),r(b.$$.fragment)},l(t){$=y(t,"THEAD",{});var r=E($);s(e.$$.fragment,r),r.forEach(u),n=i(t),a=y(t,"TBODY",{});var o=E(a);s(c.$$.fragment,o),m=i(o),s(h.$$.fragment,o),x=i(o),s(v.$$.fragment,o),O=i(o),s(b.$$.fragment,o),o.forEach(u)},m(t,r){d(t,$,r),o(e,$,null),d(t,n,r),d(t,a,r),o(c,a,null),D(a,m),o(h,a,null),D(a,x),o(v,a,null),D(a,O),o(b,a,null),C=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),v.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),b.$set(a)},i(t){C||(f(e.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(v.$$.fragment,t),f(b.$$.fragment,t),C=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(v.$$.fragment,t),l(b.$$.fragment,t),C=!1},d(t){t&&u($),p(e),t&&u(n),t&&u(a),p(c),p(h),p(v),p(b)}}}function R$(t){let $,e,n,a,c,m,h,x,w,y,E,v,D,O,b,k,A,G,P,H,F,V,I,K,q,z,_,J,Q,X,Z,et,nt,rt,st,ot,at,ct;return $=new C({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),n=new T({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),c=new S({props:{$$slots:{source:[Y],showcase:[W]},$$scope:{ctx:t}}}),h=new N({props:{id:"properties",$$slots:{default:[M]},$$scope:{ctx:t}}}),w=new R({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),E=new j({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),D=new R({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),b=new j({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),A=new R({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),P=new T({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),F=new T({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),I=new j({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),q=new N({props:{id:"events",$$slots:{default:[Qt]},$$scope:{ctx:t}}}),_=new j({props:{$$slots:{default:[o$]},$$scope:{ctx:t}}}),Q=new N({props:{id:"slots",$$slots:{default:[a$]},$$scope:{ctx:t}}}),Z=new R({props:{$$slots:{default:[c$]},$$scope:{ctx:t}}}),nt=new T({props:{$$slots:{default:[f$]},$$scope:{ctx:t}}}),st=new N({props:{id:"scss-variables",$$slots:{default:[l$]},$$scope:{ctx:t}}}),at=new j({props:{$$slots:{default:[N$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),a=g(),r(c.$$.fragment),m=g(),r(h.$$.fragment),x=g(),r(w.$$.fragment),y=g(),r(E.$$.fragment),v=g(),r(D.$$.fragment),O=g(),r(b.$$.fragment),k=g(),r(A.$$.fragment),G=g(),r(P.$$.fragment),H=g(),r(F.$$.fragment),V=g(),r(I.$$.fragment),K=g(),r(q.$$.fragment),z=g(),r(_.$$.fragment),J=g(),r(Q.$$.fragment),X=g(),r(Z.$$.fragment),et=g(),r(nt.$$.fragment),rt=g(),r(st.$$.fragment),ot=g(),r(at.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),a=i(t),s(c.$$.fragment,t),m=i(t),s(h.$$.fragment,t),x=i(t),s(w.$$.fragment,t),y=i(t),s(E.$$.fragment,t),v=i(t),s(D.$$.fragment,t),O=i(t),s(b.$$.fragment,t),k=i(t),s(A.$$.fragment,t),G=i(t),s(P.$$.fragment,t),H=i(t),s(F.$$.fragment,t),V=i(t),s(I.$$.fragment,t),K=i(t),s(q.$$.fragment,t),z=i(t),s(_.$$.fragment,t),J=i(t),s(Q.$$.fragment,t),X=i(t),s(Z.$$.fragment,t),et=i(t),s(nt.$$.fragment,t),rt=i(t),s(st.$$.fragment,t),ot=i(t),s(at.$$.fragment,t)},m(t,r){o($,t,r),d(t,e,r),o(n,t,r),d(t,a,r),o(c,t,r),d(t,m,r),o(h,t,r),d(t,x,r),o(w,t,r),d(t,y,r),o(E,t,r),d(t,v,r),o(D,t,r),d(t,O,r),o(b,t,r),d(t,k,r),o(A,t,r),d(t,G,r),o(P,t,r),d(t,H,r),o(F,t,r),d(t,V,r),o(I,t,r),d(t,K,r),o(q,t,r),d(t,z,r),o(_,t,r),d(t,J,r),o(Q,t,r),d(t,X,r),o(Z,t,r),d(t,et,r),o(nt,t,r),d(t,rt,r),o(st,t,r),d(t,ot,r),o(at,t,r),ct=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),c.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),h.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),w.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),E.$set(l);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),D.$set(p);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),b.$set(m);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),A.$set(g);const i={};2&e&&(i.$$scope={dirty:e,ctx:t}),P.$set(i);const d={};2&e&&(d.$$scope={dirty:e,ctx:t}),F.$set(d);const u={};2&e&&(u.$$scope={dirty:e,ctx:t}),I.$set(u);const x={};2&e&&(x.$$scope={dirty:e,ctx:t}),q.$set(x);const y={};2&e&&(y.$$scope={dirty:e,ctx:t}),_.$set(y);const v={};2&e&&(v.$$scope={dirty:e,ctx:t}),Q.$set(v);const O={};2&e&&(O.$$scope={dirty:e,ctx:t}),Z.$set(O);const C={};2&e&&(C.$$scope={dirty:e,ctx:t}),nt.$set(C);const T={};2&e&&(T.$$scope={dirty:e,ctx:t}),st.$set(T);const k={};2&e&&(k.$$scope={dirty:e,ctx:t}),at.$set(k)},i(t){ct||(f($.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(w.$$.fragment,t),f(E.$$.fragment,t),f(D.$$.fragment,t),f(b.$$.fragment,t),f(A.$$.fragment,t),f(P.$$.fragment,t),f(F.$$.fragment,t),f(I.$$.fragment,t),f(q.$$.fragment,t),f(_.$$.fragment,t),f(Q.$$.fragment,t),f(Z.$$.fragment,t),f(nt.$$.fragment,t),f(st.$$.fragment,t),f(at.$$.fragment,t),ct=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(w.$$.fragment,t),l(E.$$.fragment,t),l(D.$$.fragment,t),l(b.$$.fragment,t),l(A.$$.fragment,t),l(P.$$.fragment,t),l(F.$$.fragment,t),l(I.$$.fragment,t),l(q.$$.fragment,t),l(_.$$.fragment,t),l(Q.$$.fragment,t),l(Z.$$.fragment,t),l(nt.$$.fragment,t),l(st.$$.fragment,t),l(at.$$.fragment,t),ct=!1},d(t){p($,t),t&&u(e),p(n,t),t&&u(a),p(c,t),t&&u(m),p(h,t),t&&u(x),p(w,t),t&&u(y),p(E,t),t&&u(v),p(D,t),t&&u(O),p(b,t),t&&u(k),p(A,t),t&&u(G),p(P,t),t&&u(H),p(F,t),t&&u(V),p(I,t),t&&u(K),p(q,t),t&&u(z),p(_,t),t&&u(J),p(Q,t),t&&u(X),p(Z,t),t&&u(et),p(nt,t),t&&u(rt),p(st,t),t&&u(ot),p(at,t)}}}function j$(t){let $,e;const m=[t[0],G$];let g={$$slots:{default:[R$]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)g=n(g,m[t]);return $=new b({props:g}),{c(){r($.$$.fragment)},l(t){s($.$$.fragment,t)},m(t,n){o($,t,n),e=!0},p(t,[e]){const n=1&e?a(m,[1&e&&c(t[0]),0&e&&c(G$)]):{};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n)},i(t){e||(f($.$$.fragment,t),e=!0)},o(t){l($.$$.fragment,t),e=!1},d(t){p($,t)}}}const G$={name:"Switch"};function P$(t,$,e){return t.$$set=t=>{e(0,$=n(n({},$),m(t)))},[$=m($)]}class H$ extends t{constructor(t){super(),$(this,t,P$,j$,e,{})}}export{H$ as default,G$ as metadata};
diff --git a/376/client/legacy/tab-182d5aba.css b/376/client/legacy/tab-182d5aba.css
new file mode 100644
index 000000000..532081edb
--- /dev/null
+++ b/376/client/legacy/tab-182d5aba.css
@@ -0,0 +1 @@
+.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67, 0, 176, 0.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:0.125em;border-top-left-radius:0.3125em;border-top-right-radius:0.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:"Ubuntu", sans-serif;font-weight:500;padding:0.7em 0.6em 0.5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170, 170, 170, 0.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170, 170, 170, 0.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67, 0, 176, 0.6)}
diff --git a/376/client/legacy/tab.bc3b3748.js b/376/client/legacy/tab.bc3b3748.js
new file mode 100644
index 000000000..30613e94f
--- /dev/null
+++ b/376/client/legacy/tab.bc3b3748.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as r,l as s,m as a,U as o,a0 as c,t as f,p as l,q as p,L as m,u as g,h as d,v as u,w as i,k as h,b as x,x as v,d as E,e as w,f as y,g as b,n as D}from"./client.583c6e60.js";import{L as O,H as k,P as C}from"./layout.47c81311.js";import{T}from"./tab.d157e8e5.js";import{S as A}from"./showcase.759e7149.js";import{C as S}from"./color-preview.9db6af61.js";import{R as N}from"./related-components.9fddec4f.js";import{H as R}from"./h2.0da05151.js";import{H as G}from"./h3.c9a49f62.js";import{T as j,a as H,b as P,c as U}from"./table.c1711529.js";import"./button.863c0adf.js";import"./classes.a7d1a9eb.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./card.113fcab4.js";function F(t){let e;return{c(){e=u("Tab")},l(t){e=v(t,"Tab")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function I(t){let e,$,n,r,s,a;return{c(){e=u("Allows for finer control over individual tabs when the default "),$=d("a"),n=d("mark"),r=d("code"),s=u("Tabs"),a=u(" is not good enough."),this.h()},l(t){e=v(t,"Allows for finer control over individual tabs when the default "),$=h(t,"A",{href:!0});var o=x($);n=h(o,"MARK",{});var c=x(n);r=h(c,"CODE",{});var f=x(r);s=v(f,"Tabs"),f.forEach(E),c.forEach(E),o.forEach(E),a=v(t," is not good enough."),this.h()},h(){w($,"href","./docs/components/tabs")},m(t,o){y(t,e,o),y(t,$,o),b($,n),b(n,r),b(r,s),y(t,a,o)},p:D,d(t){t&&E(e),t&&E($),t&&E(a)}}}function M(t){let e;return{c(){e=u("Components")},l(t){e=v(t,"Components")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function B(t){let e;return{c(){e=u("Installation")},l(t){e=v(t,"Installation")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function L(t){let e,$,n,o,c,m,u;return $=new T({props:{value:"page1",name:"nav1",$$slots:{default:[M]},$$scope:{ctx:t}}}),o=new T({props:{value:"page2",name:"nav1",disabled:!0,$$slots:{default:[B]},$$scope:{ctx:t}}}),m=new T({props:{value:"Showcase",name:"nav1"}}),{c(){e=d("div"),r($.$$.fragment),n=g(),r(o.$$.fragment),c=g(),r(m.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var r=x(e);s($.$$.fragment,r),n=i(r),s(o.$$.fragment,r),c=i(r),s(m.$$.fragment,r),r.forEach(E),this.h()},h(){w(e,"slot","showcase"),w(e,"class","padded")},m(t,r){y(t,e,r),a($,e,null),b(e,n),a(o,e,null),b(e,c),a(m,e,null),u=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),o.$set(r)},i(t){u||(f($.$$.fragment,t),f(o.$$.fragment,t),f(m.$$.fragment,t),u=!0)},o(t){l($.$$.fragment,t),l(o.$$.fragment,t),l(m.$$.fragment,t),u=!1},d(t){t&&E(e),p($),p(o),p(m)}}}function V(t){let e,$;return{c(){e=d("div"),$=d("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var n=x(e);$=h(n,"PRE",{class:!0}),x($).forEach(E),n.forEach(E),this.h()},h(){w($,"class","language-svelte"),w(e,"slot","source")},m(t,n){y(t,e,n),b(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Tab</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>page1<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n  Components\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Tab</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Tab</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>page2<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav1<span class="token punctuation">"</span></span> <span class="token attr-name">disabled</span><span class="token punctuation">></span></span>\n  Installation\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Tab</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Tab</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Showcase<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav1<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code>'},p:D,d(t){t&&E(e)}}}function q(t){let e;return{c(){e=u("Properties")},l(t){e=v(t,"Properties")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Y(t){let e;return{c(){e=u("Style Properties")},l(t){e=v(t,"Style Properties")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function z(t){let e;return{c(){e=u("Name")},l(t){e=v(t,"Name")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function W(t){let e;return{c(){e=u("Default")},l(t){e=v(t,"Default")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function K(t){let e;return{c(){e=u("Type")},l(t){e=v(t,"Type")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function _(t){let e;return{c(){e=u("Description")},l(t){e=v(t,"Description")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function J(t){let e,$,n,o,c,m,d,u;return e=new P({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),d=new P({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(d.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(d.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(d,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),d.$set(o)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(d,t)}}}function Q(t){let e,$,n;return{c(){e=d("strong"),$=d("code"),n=u("noRipple")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"noRipple"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function X(t){let e,$;return{c(){e=d("code"),$=u("false")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"false"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function Z(t){let e,$;return{c(){e=d("code"),$=u("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"boolean"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function tt(t){let e;return{c(){e=u("Disables the ripple on the tab when clicking on it.")},l(t){e=v(t,"Disables the ripple on the tab when clicking on it.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function et(t){let e,$,n,o,c,m,d,u;return e=new U({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),d=new U({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(d.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(d.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(d,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),d.$set(o)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(d,t)}}}function $t(t){let e,$,n,o,c,m;return $=new H({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),{c(){e=d("thead"),r($.$$.fragment),n=g(),o=d("tbody"),r(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(E),n=i(t),o=h(t,"TBODY",{});var a=x(o);s(c.$$.fragment,a),a.forEach(E)},m(t,r){y(t,e,r),a($,e,null),y(t,n,r),y(t,o,r),a(c,o,null),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r)},i(t){m||(f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&E(e),p($),t&&E(n),t&&E(o),p(c)}}}function nt(t){let e;return{c(){e=u("Functional Properties")},l(t){e=v(t,"Functional Properties")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function rt(t){let e;return{c(){e=u("Name")},l(t){e=v(t,"Name")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function st(t){let e;return{c(){e=u("Default")},l(t){e=v(t,"Default")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function at(t){let e;return{c(){e=u("Type")},l(t){e=v(t,"Type")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function ot(t){let e;return{c(){e=u("Description")},l(t){e=v(t,"Description")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function ct(t){let e,$,n,o,c,m,d,u;return e=new P({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),d=new P({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(d.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(d.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(d,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),d.$set(o)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(d,t)}}}function ft(t){let e,$,n,r,s,a,o;return{c(){e=d("mark"),$=d("strong"),n=d("code"),r=u("value"),s=u(" "),a=d("span"),o=u("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);n=h(f,"CODE",{});var l=x(n);r=v(l,"value"),l.forEach(E),f.forEach(E),c.forEach(E),s=v(t," "),a=h(t,"SPAN",{class:!0});var p=x(a);o=v(p,"*"),p.forEach(E),this.h()},h(){w(a,"class","required")},m(t,c){y(t,e,c),b(e,$),b($,n),b(n,r),y(t,s,c),y(t,a,c),b(a,o)},p:D,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function lt(t){let e,$;return{c(){e=d("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"string"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function pt(t){let e,$,n,r,s,a,o;return{c(){e=u("The value assigned to the "),$=d("code"),n=u('<input type="radio">'),r=u(". Check "),s=d("a"),a=u("MDN Docs"),o=u(" for more information."),this.h()},l(t){e=v(t,"The value assigned to the "),$=h(t,"CODE",{});var c=x($);n=v(c,'<input type="radio">'),c.forEach(E),r=v(t,". Check "),s=h(t,"A",{href:!0,rel:!0});var f=x(s);a=v(f,"MDN Docs"),f.forEach(E),o=v(t," for more information."),this.h()},h(){w(s,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#Value"),w(s,"rel","nofollow")},m(t,c){y(t,e,c),y(t,$,c),b($,n),y(t,r,c),y(t,s,c),b(s,a),y(t,o,c)},p:D,d(t){t&&E(e),t&&E($),t&&E(r),t&&E(s),t&&E(o)}}}function mt(t){let e,$,n,o,c,m,d,u;return e=new U({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),n=new U({}),c=new U({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),d=new U({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(d.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(d.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(d,t,r),u=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),d.$set(s)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(d,t)}}}function gt(t){let e,$,n;return{c(){e=d("strong"),$=d("code"),n=u("name")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"name"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function dt(t){let e,$;return{c(){e=d("code"),$=u("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"null"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function ut(t){let e,$;return{c(){e=d("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"string"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function it(t){let e,$,n,r,s,a,o,c,f;return{c(){e=u("The name assigned to the "),$=d("code"),n=u('<input type="radio">'),r=u("'s "),s=d("a"),a=d("code"),o=u("name"),c=u(" attribute"),f=u("."),this.h()},l(t){e=v(t,"The name assigned to the "),$=h(t,"CODE",{});var l=x($);n=v(l,'<input type="radio">'),l.forEach(E),r=v(t,"'s "),s=h(t,"A",{href:!0,rel:!0});var p=x(s);a=h(p,"CODE",{});var m=x(a);o=v(m,"name"),m.forEach(E),c=v(p," attribute"),p.forEach(E),f=v(t,"."),this.h()},h(){w(s,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname"),w(s,"rel","nofollow")},m(t,l){y(t,e,l),y(t,$,l),b($,n),y(t,r,l),y(t,s,l),b(s,a),b(a,o),b(s,c),y(t,f,l)},p:D,d(t){t&&E(e),t&&E($),t&&E(r),t&&E(s),t&&E(f)}}}function ht(t){let e,$,n,o,c,m,d,u;return e=new U({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),d=new U({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(d.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(d.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(d,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),d.$set(o)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(d,t)}}}function xt(t){let e,$,n;return{c(){e=d("strong"),$=d("code"),n=u("group")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"group"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function vt(t){let e,$;return{c(){e=d("code"),$=u("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"null"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function Et(t){let e,$;return{c(){e=d("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"string"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function wt(t){let e,$,n,r,s,a,o;return{c(){e=u("The "),$=d("code"),n=u("value"),r=u(" of the currently selected tab. Use with "),s=d("code"),a=u("bind:group"),o=u(".")},l(t){e=v(t,"The "),$=h(t,"CODE",{});var c=x($);n=v(c,"value"),c.forEach(E),r=v(t," of the currently selected tab. Use with "),s=h(t,"CODE",{});var f=x(s);a=v(f,"bind:group"),f.forEach(E),o=v(t,".")},m(t,c){y(t,e,c),y(t,$,c),b($,n),y(t,r,c),y(t,s,c),b(s,a),y(t,o,c)},p:D,d(t){t&&E(e),t&&E($),t&&E(r),t&&E(s),t&&E(o)}}}function yt(t){let e,$,n,o,c,m,d,u;return e=new U({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),d=new U({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(d.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(d.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(d,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),d.$set(o)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(d,t)}}}function bt(t){let e,$,n;return{c(){e=d("strong"),$=d("code"),n=u("disabled")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"disabled"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function Dt(t){let e,$;return{c(){e=d("code"),$=u("false")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"false"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function Ot(t){let e,$;return{c(){e=d("code"),$=u("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"boolean"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function kt(t){let e;return{c(){e=u("Disallows selecting this tab.")},l(t){e=v(t,"Disallows selecting this tab.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Ct(t){let e,$,n,o,c,m,d,u;return e=new U({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),d=new U({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(d.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(d.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(d,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),d.$set(o)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(d,t)}}}function Tt(t){let e,$,n;return{c(){e=d("strong"),$=d("code"),n=u("...")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"..."),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function At(t){let e,$;return{c(){e=d("code"),$=u("any")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"any"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function St(t){let e,$,n,r;return{c(){e=u("Everything else will be passed to the underlying "),$=d("code"),n=u('<input type="radio">'),r=u(" element.")},l(t){e=v(t,"Everything else will be passed to the underlying "),$=h(t,"CODE",{});var s=x($);n=v(s,'<input type="radio">'),s.forEach(E),r=v(t," element.")},m(t,s){y(t,e,s),y(t,$,s),b($,n),y(t,r,s)},p:D,d(t){t&&E(e),t&&E($),t&&E(r)}}}function Nt(t){let e,$,n,o,c,m,d,u;return e=new U({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),n=new U({}),c=new U({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),d=new U({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(d.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(d.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(d,t,r),u=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),d.$set(s)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(d,t)}}}function Rt(t){let e,$,n,o,c,m,u,v,w,D,O,k,C,T;return $=new H({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),w=new H({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),O=new H({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),C=new H({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){e=d("thead"),r($.$$.fragment),n=g(),o=d("tbody"),r(c.$$.fragment),m=g(),r(u.$$.fragment),v=g(),r(w.$$.fragment),D=g(),r(O.$$.fragment),k=g(),r(C.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(E),n=i(t),o=h(t,"TBODY",{});var a=x(o);s(c.$$.fragment,a),m=i(a),s(u.$$.fragment,a),v=i(a),s(w.$$.fragment,a),D=i(a),s(O.$$.fragment,a),k=i(a),s(C.$$.fragment,a),a.forEach(E)},m(t,r){y(t,e,r),a($,e,null),y(t,n,r),y(t,o,r),a(c,o,null),b(o,m),a(u,o,null),b(o,v),a(w,o,null),b(o,D),a(O,o,null),b(o,k),a(C,o,null),T=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),u.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),w.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),O.$set(o);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f)},i(t){T||(f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(w.$$.fragment,t),f(O.$$.fragment,t),f(C.$$.fragment,t),T=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),l(w.$$.fragment,t),l(O.$$.fragment,t),l(C.$$.fragment,t),T=!1},d(t){t&&E(e),p($),t&&E(n),t&&E(o),p(c),p(u),p(w),p(O),p(C)}}}function Gt(t){let e;return{c(){e=u("Class Properties")},l(t){e=v(t,"Class Properties")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function jt(t){let e,$,n,r,s,a,o,c,f,l,p,m,g;return{c(){e=u("All "),$=d("code"),n=u("<Tab>"),r=u(" components use the "),s=d("code"),a=u(".tab"),o=u(" class on the "),c=d("code"),f=u("<label>"),l=u(" element and "),p=d("code"),m=u(".content"),g=u(" on the content of the tab label.")},l(t){e=v(t,"All "),$=h(t,"CODE",{});var d=x($);n=v(d,"<Tab>"),d.forEach(E),r=v(t," components use the "),s=h(t,"CODE",{});var u=x(s);a=v(u,".tab"),u.forEach(E),o=v(t," class on the "),c=h(t,"CODE",{});var i=x(c);f=v(i,"<label>"),i.forEach(E),l=v(t," element and "),p=h(t,"CODE",{});var w=x(p);m=v(w,".content"),w.forEach(E),g=v(t," on the content of the tab label.")},m(t,d){y(t,e,d),y(t,$,d),b($,n),y(t,r,d),y(t,s,d),b(s,a),y(t,o,d),y(t,c,d),b(c,f),y(t,l,d),y(t,p,d),b(p,m),y(t,g,d)},p:D,d(t){t&&E(e),t&&E($),t&&E(r),t&&E(s),t&&E(o),t&&E(c),t&&E(l),t&&E(p),t&&E(g)}}}function Ht(t){let e;return{c(){e=u("Falsy values passed to classes will be disregarded.")},l(t){e=v(t,"Falsy values passed to classes will be disregarded.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Pt(t){let e;return{c(){e=u("Name")},l(t){e=v(t,"Name")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Ut(t){let e;return{c(){e=u("Default")},l(t){e=v(t,"Default")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Ft(t){let e;return{c(){e=u("Type")},l(t){e=v(t,"Type")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function It(t){let e;return{c(){e=u("Description")},l(t){e=v(t,"Description")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Mt(t){let e,$,n,o,c,m,d,u;return e=new P({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),d=new P({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(d.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(d.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(d,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),d.$set(o)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(d,t)}}}function Bt(t){let e,$,n;return{c(){e=d("strong"),$=d("code"),n=u("class")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"class"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function Lt(t){let e,$;return{c(){e=d("code"),$=u("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"null"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function Vt(t){let e,$;return{c(){e=d("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"string"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function qt(t){let e,$,n,r;return{c(){e=u("A class string to add to the root "),$=d("code"),n=u("<label>"),r=u(" element.")},l(t){e=v(t,"A class string to add to the root "),$=h(t,"CODE",{});var s=x($);n=v(s,"<label>"),s.forEach(E),r=v(t," element.")},m(t,s){y(t,e,s),y(t,$,s),b($,n),y(t,r,s)},p:D,d(t){t&&E(e),t&&E($),t&&E(r)}}}function Yt(t){let e,$,n,o,c,m,d,u;return e=new U({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),d=new U({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(d.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(d.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(d,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),d.$set(o)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(d,t)}}}function zt(t){let e,$,n;return{c(){e=d("strong"),$=d("code"),n=u("inputClass")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"inputClass"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function Wt(t){let e,$;return{c(){e=d("code"),$=u("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"null"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function Kt(t){let e,$;return{c(){e=d("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"string"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function _t(t){let e,$,n,r;return{c(){e=u("A class string to assign to the "),$=d("code"),n=u("<input>"),r=u(" element.")},l(t){e=v(t,"A class string to assign to the "),$=h(t,"CODE",{});var s=x($);n=v(s,"<input>"),s.forEach(E),r=v(t," element.")},m(t,s){y(t,e,s),y(t,$,s),b($,n),y(t,r,s)},p:D,d(t){t&&E(e),t&&E($),t&&E(r)}}}function Jt(t){let e,$,n,o,c,m,d,u;return e=new U({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),d=new U({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(d.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(d.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(d,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),d.$set(o)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(d,t)}}}function Qt(t){let e,$,n;return{c(){e=d("strong"),$=d("code"),n=u("contentClass")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"contentClass"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function Xt(t){let e,$;return{c(){e=d("code"),$=u("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"null"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function Zt(t){let e,$;return{c(){e=d("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"string"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function te(t){let e;return{c(){e=u("A class string to add to the content of the tab.")},l(t){e=v(t,"A class string to add to the content of the tab.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function ee(t){let e,$,n,o,c,m,d,u;return e=new U({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),d=new U({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(d.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(d.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(d,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),d.$set(o)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),u=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),u=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(d,t)}}}function $e(t){let e,$,n,o,c,m,u,v,w,D;return $=new H({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),w=new H({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),{c(){e=d("thead"),r($.$$.fragment),n=g(),o=d("tbody"),r(c.$$.fragment),m=g(),r(u.$$.fragment),v=g(),r(w.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(E),n=i(t),o=h(t,"TBODY",{});var a=x(o);s(c.$$.fragment,a),m=i(a),s(u.$$.fragment,a),v=i(a),s(w.$$.fragment,a),a.forEach(E)},m(t,r){y(t,e,r),a($,e,null),y(t,n,r),y(t,o,r),a(c,o,null),b(o,m),a(u,o,null),b(o,v),a(w,o,null),D=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),u.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),w.$set(a)},i(t){D||(f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(w.$$.fragment,t),D=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),l(w.$$.fragment,t),D=!1},d(t){t&&E(e),p($),t&&E(n),t&&E(o),p(c),p(u),p(w)}}}function ne(t){let e;return{c(){e=u("Events")},l(t){e=v(t,"Events")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function re(t){let e;return{c(){e=u("Name")},l(t){e=v(t,"Name")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function se(t){let e;return{c(){e=u("Event Detail")},l(t){e=v(t,"Event Detail")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function ae(t){let e;return{c(){e=u("Description")},l(t){e=v(t,"Description")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function oe(t){let e,$,n,o,c,m;return e=new P({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function ce(t){let e,$,n;return{c(){e=d("strong"),$=d("code"),n=u("change")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"change"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function fe(t){let e,$;return{c(){e=d("code"),$=u("{ value, nativeEvent }")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"{ value, nativeEvent }"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function le(t){let e,$,n,r,s,a,o,c,f,l,p,m,g;return{c(){e=u("Fired when selecting a tab. The "),$=d("code"),n=u("value"),r=u(" is the "),s=d("code"),a=u("value"),o=u(" prop and "),c=d("code"),f=u("nativeEvent"),l=u(" has the "),p=d("a"),m=u("native change event"),g=u("."),this.h()},l(t){e=v(t,"Fired when selecting a tab. The "),$=h(t,"CODE",{});var d=x($);n=v(d,"value"),d.forEach(E),r=v(t," is the "),s=h(t,"CODE",{});var u=x(s);a=v(u,"value"),u.forEach(E),o=v(t," prop and "),c=h(t,"CODE",{});var i=x(c);f=v(i,"nativeEvent"),i.forEach(E),l=v(t," has the "),p=h(t,"A",{href:!0,rel:!0});var w=x(p);m=v(w,"native change event"),w.forEach(E),g=v(t,"."),this.h()},h(){w(p,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),w(p,"rel","nofollow")},m(t,d){y(t,e,d),y(t,$,d),b($,n),y(t,r,d),y(t,s,d),b(s,a),y(t,o,d),y(t,c,d),b(c,f),y(t,l,d),y(t,p,d),b(p,m),y(t,g,d)},p:D,d(t){t&&E(e),t&&E($),t&&E(r),t&&E(s),t&&E(o),t&&E(c),t&&E(l),t&&E(p),t&&E(g)}}}function pe(t){let e,$,n,o,c,m;return e=new U({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function me(t){let e,$,n;return{c(){e=d("strong"),$=d("code"),n=u("click")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"click"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function ge(t){let e,$;return{c(){e=d("code"),$=u("{ nativeEvent }")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"{ nativeEvent }"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function de(t){let e,$,n,r,s,a,o;return{c(){e=u("Fired when clicking on a tab. The "),$=d("code"),n=u("nativeEvent"),r=u(" has the "),s=d("a"),a=u("native click event"),o=u("."),this.h()},l(t){e=v(t,"Fired when clicking on a tab. The "),$=h(t,"CODE",{});var c=x($);n=v(c,"nativeEvent"),c.forEach(E),r=v(t," has the "),s=h(t,"A",{href:!0,rel:!0});var f=x(s);a=v(f,"native click event"),f.forEach(E),o=v(t,"."),this.h()},h(){w(s,"href","https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event"),w(s,"rel","nofollow")},m(t,c){y(t,e,c),y(t,$,c),b($,n),y(t,r,c),y(t,s,c),b(s,a),y(t,o,c)},p:D,d(t){t&&E(e),t&&E($),t&&E(r),t&&E(s),t&&E(o)}}}function ue(t){let e,$,n,o,c,m;return e=new U({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function ie(t){let e,$,n,o,c,m,u,v;return $=new H({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),{c(){e=d("thead"),r($.$$.fragment),n=g(),o=d("tbody"),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(E),n=i(t),o=h(t,"TBODY",{});var a=x(o);s(c.$$.fragment,a),m=i(a),s(u.$$.fragment,a),a.forEach(E)},m(t,r){y(t,e,r),a($,e,null),y(t,n,r),y(t,o,r),a(c,o,null),b(o,m),a(u,o,null),v=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),u.$set(s)},i(t){v||(f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),v=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),v=!1},d(t){t&&E(e),p($),t&&E(n),t&&E(o),p(c),p(u)}}}function he(t){let e;return{c(){e=u("Slots")},l(t){e=v(t,"Slots")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function xe(t){let e;return{c(){e=u("Default slot")},l(t){e=v(t,"Default slot")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function ve(t){let e,$,n,r;return{c(){e=u("The content of the tab label. Defaults to the content of the "),$=d("code"),n=u("value"),r=u(" prop.")},l(t){e=v(t,"The content of the tab label. Defaults to the content of the "),$=h(t,"CODE",{});var s=x($);n=v(s,"value"),s.forEach(E),r=v(t," prop.")},m(t,s){y(t,e,s),y(t,$,s),b($,n),y(t,r,s)},p:D,d(t){t&&E(e),t&&E($),t&&E(r)}}}function Ee(t){let e;return{c(){e=u("SCSS Variables")},l(t){e=v(t,"SCSS Variables")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function we(t){let e;return{c(){e=u("Name")},l(t){e=v(t,"Name")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function ye(t){let e;return{c(){e=u("Description")},l(t){e=v(t,"Description")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function be(t){let e;return{c(){e=u("Default")},l(t){e=v(t,"Default")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function De(t){let e,$,n,o,c,m;return e=new P({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function Oe(t){let e,$,n;return{c(){e=d("strong"),$=d("code"),n=u("$main")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"$main"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function ke(t){let e;return{c(){e=u("Affects the color of the ripple background, border color of the selected tab, and text color.")},l(t){e=v(t,"Affects the color of the ripple background, border color of the selected tab, and text color.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Ce(t){let e,$;return e=new S({props:{value:"#4300B0"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){a(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Te(t){let e,$,n,o,c,m;return e=new U({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function Ae(t){let e,$,n;return{c(){e=d("strong"),$=d("code"),n=u("$disabled")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"$disabled"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function Se(t){let e;return{c(){e=u("The text color of disabled tabs.")},l(t){e=v(t,"The text color of disabled tabs.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Ne(t){let e,$;return e=new S({props:{value:"#888888"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){a(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Re(t){let e,$,n,o,c,m;return e=new U({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function Ge(t){let e,$,n;return{c(){e=d("strong"),$=d("code"),n=u("$off-state")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"$off-state"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function je(t){let e;return{c(){e=u("Affects the background color of the tab when focused or hovered on and the default border color.")},l(t){e=v(t,"Affects the background color of the tab when focused or hovered on and the default border color.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function He(t){let e,$;return e=new S({props:{value:"#AAAAAA"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){a(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Pe(t){let e,$,n,o,c,m;return e=new U({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function Ue(t){let e,$,n;return{c(){e=d("strong"),$=d("code"),n=u("$font")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"$font"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function Fe(t){let e;return{c(){e=u("The font family of the content text.")},l(t){e=v(t,"The font family of the content text.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Ie(t){let e,$;return{c(){e=d("code"),$=u("'Ubuntu'")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"'Ubuntu'"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function Me(t){let e,$,n,o,c,m;return e=new U({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function Be(t){let e,$,n;return{c(){e=d("strong"),$=d("code"),n=u("$bold-font-weight")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"$bold-font-weight"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function Le(t){let e;return{c(){e=u("The font weight of the content text.")},l(t){e=v(t,"The font weight of the content text.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Ve(t){let e,$;return{c(){e=d("code"),$=u("500")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"500"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function qe(t){let e,$,n,o,c,m;return e=new U({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function Ye(t){let e,$,n,o,c,m,u,v,w,D,O,k,C,T;return $=new H({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),w=new H({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),O=new H({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),C=new H({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),{c(){e=d("thead"),r($.$$.fragment),n=g(),o=d("tbody"),r(c.$$.fragment),m=g(),r(u.$$.fragment),v=g(),r(w.$$.fragment),D=g(),r(O.$$.fragment),k=g(),r(C.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(E),n=i(t),o=h(t,"TBODY",{});var a=x(o);s(c.$$.fragment,a),m=i(a),s(u.$$.fragment,a),v=i(a),s(w.$$.fragment,a),D=i(a),s(O.$$.fragment,a),k=i(a),s(C.$$.fragment,a),a.forEach(E)},m(t,r){y(t,e,r),a($,e,null),y(t,n,r),y(t,o,r),a(c,o,null),b(o,m),a(u,o,null),b(o,v),a(w,o,null),b(o,D),a(O,o,null),b(o,k),a(C,o,null),T=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),u.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),w.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),O.$set(o);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f)},i(t){T||(f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(w.$$.fragment,t),f(O.$$.fragment,t),f(C.$$.fragment,t),T=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),l(w.$$.fragment,t),l(O.$$.fragment,t),l(C.$$.fragment,t),T=!1},d(t){t&&E(e),p($),t&&E(n),t&&E(o),p(c),p(u),p(w),p(O),p(C)}}}function ze(t){let e,$,n,o,c,m,D,O,T,S,H,P,U,M,B,z,W,K,_,J,Q,X,Z,tt,et,rt,st,at,ot,ct,ft,lt,pt,mt,gt,dt,ut,it,ht,xt,vt,Et,wt;return e=new k({props:{$$slots:{default:[F]},$$scope:{ctx:t}}}),n=new C({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),c=new N({props:{components:Je}}),D=new A({props:{$$slots:{source:[V],showcase:[L]},$$scope:{ctx:t}}}),T=new R({props:{id:"properties",$$slots:{default:[q]},$$scope:{ctx:t}}}),H=new G({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),U=new j({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),B=new G({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),W=new j({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),X=new G({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),tt=new C({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),rt=new C({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),at=new j({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),ct=new R({props:{id:"events",$$slots:{default:[ne]},$$scope:{ctx:t}}}),lt=new j({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),mt=new R({props:{id:"slots",$$slots:{default:[he]},$$scope:{ctx:t}}}),dt=new G({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),it=new C({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),xt=new R({props:{id:"scss-variables",$$slots:{default:[Ee]},$$scope:{ctx:t}}}),Et=new j({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(D.$$.fragment),O=g(),r(T.$$.fragment),S=g(),r(H.$$.fragment),P=g(),r(U.$$.fragment),M=g(),r(B.$$.fragment),z=g(),r(W.$$.fragment),K=g(),_=d("div"),J=u("* Required"),Q=g(),r(X.$$.fragment),Z=g(),r(tt.$$.fragment),et=g(),r(rt.$$.fragment),st=g(),r(at.$$.fragment),ot=g(),r(ct.$$.fragment),ft=g(),r(lt.$$.fragment),pt=g(),r(mt.$$.fragment),gt=g(),r(dt.$$.fragment),ut=g(),r(it.$$.fragment),ht=g(),r(xt.$$.fragment),vt=g(),r(Et.$$.fragment),this.h()},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(D.$$.fragment,t),O=i(t),s(T.$$.fragment,t),S=i(t),s(H.$$.fragment,t),P=i(t),s(U.$$.fragment,t),M=i(t),s(B.$$.fragment,t),z=i(t),s(W.$$.fragment,t),K=i(t),_=h(t,"DIV",{class:!0});var r=x(_);J=v(r,"* Required"),r.forEach(E),Q=i(t),s(X.$$.fragment,t),Z=i(t),s(tt.$$.fragment,t),et=i(t),s(rt.$$.fragment,t),st=i(t),s(at.$$.fragment,t),ot=i(t),s(ct.$$.fragment,t),ft=i(t),s(lt.$$.fragment,t),pt=i(t),s(mt.$$.fragment,t),gt=i(t),s(dt.$$.fragment,t),ut=i(t),s(it.$$.fragment,t),ht=i(t),s(xt.$$.fragment,t),vt=i(t),s(Et.$$.fragment,t),this.h()},h(){w(_,"class","required")},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(D,t,r),y(t,O,r),a(T,t,r),y(t,S,r),a(H,t,r),y(t,P,r),a(U,t,r),y(t,M,r),a(B,t,r),y(t,z,r),a(W,t,r),y(t,K,r),y(t,_,r),b(_,J),y(t,Q,r),a(X,t,r),y(t,Z,r),a(tt,t,r),y(t,et,r),a(rt,t,r),y(t,st,r),a(at,t,r),y(t,ot,r),a(ct,t,r),y(t,ft,r),a(lt,t,r),y(t,pt,r),a(mt,t,r),y(t,gt,r),a(dt,t,r),y(t,ut,r),a(it,t,r),y(t,ht,r),a(xt,t,r),y(t,vt,r),a(Et,t,r),wt=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),D.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),T.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),H.$set(c);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),U.$set(f);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),B.$set(l);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),W.$set(p);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),X.$set(m);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),tt.$set(g);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),rt.$set(d);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),at.$set(u);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),ct.$set(i);const h={};2&$&&(h.$$scope={dirty:$,ctx:t}),lt.$set(h);const x={};2&$&&(x.$$scope={dirty:$,ctx:t}),mt.$set(x);const v={};2&$&&(v.$$scope={dirty:$,ctx:t}),dt.$set(v);const E={};2&$&&(E.$$scope={dirty:$,ctx:t}),it.$set(E);const w={};2&$&&(w.$$scope={dirty:$,ctx:t}),xt.$set(w);const y={};2&$&&(y.$$scope={dirty:$,ctx:t}),Et.$set(y)},i(t){wt||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(D.$$.fragment,t),f(T.$$.fragment,t),f(H.$$.fragment,t),f(U.$$.fragment,t),f(B.$$.fragment,t),f(W.$$.fragment,t),f(X.$$.fragment,t),f(tt.$$.fragment,t),f(rt.$$.fragment,t),f(at.$$.fragment,t),f(ct.$$.fragment,t),f(lt.$$.fragment,t),f(mt.$$.fragment,t),f(dt.$$.fragment,t),f(it.$$.fragment,t),f(xt.$$.fragment,t),f(Et.$$.fragment,t),wt=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(D.$$.fragment,t),l(T.$$.fragment,t),l(H.$$.fragment,t),l(U.$$.fragment,t),l(B.$$.fragment,t),l(W.$$.fragment,t),l(X.$$.fragment,t),l(tt.$$.fragment,t),l(rt.$$.fragment,t),l(at.$$.fragment,t),l(ct.$$.fragment,t),l(lt.$$.fragment,t),l(mt.$$.fragment,t),l(dt.$$.fragment,t),l(it.$$.fragment,t),l(xt.$$.fragment,t),l(Et.$$.fragment,t),wt=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(D,t),t&&E(O),p(T,t),t&&E(S),p(H,t),t&&E(P),p(U,t),t&&E(M),p(B,t),t&&E(z),p(W,t),t&&E(K),t&&E(_),t&&E(Q),p(X,t),t&&E(Z),p(tt,t),t&&E(et),p(rt,t),t&&E(st),p(at,t),t&&E(ot),p(ct,t),t&&E(ft),p(lt,t),t&&E(pt),p(mt,t),t&&E(gt),p(dt,t),t&&E(ut),p(it,t),t&&E(ht),p(xt,t),t&&E(vt),p(Et,t)}}}function We(t){let e,$;const m=[t[0],Ke];let g={$$slots:{default:[ze]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)g=n(g,m[t]);return e=new O({props:g}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){a(e,t,n),$=!0},p(t,[$]){const n=1&$?o(m,[1&$&&c(t[0]),0&$&&c(Ke)]):{};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}const Ke={name:"Tab",relatedComponents:[{name:"Tabs",link:"./docs/components/tabs"}]},{name:_e,relatedComponents:Je}=Ke;function Qe(t,e,$){return t.$$set=t=>{$(0,e=n(n({},e),m(t)))},[e=m(e)]}class Xe extends t{constructor(t){super(),e(this,t,Qe,We,$,{})}}export{Xe as default,Ke as metadata};
diff --git a/376/client/legacy/tab.d157e8e5.js b/376/client/legacy/tab.d157e8e5.js
new file mode 100644
index 000000000..f873def9b
--- /dev/null
+++ b/376/client/legacy/tab.d157e8e5.js
@@ -0,0 +1 @@
+import{S as s,i as a,s as l,K as e,M as n,a3 as t,h as c,u as i,k as u,b as o,w as p,d,N as r,O as v,e as m,X as h,f as b,g as f,o as g,P as C,U as $,Q as _,R as x,T as R,V as k,t as E,p as j,W as y,I,J as L,L as T,v as A,x as N,A as P}from"./client.583c6e60.js";import{r as U}from"./button.863c0adf.js";import{c as V}from"./classes.a7d1a9eb.js";function w(s){let a,l,I,L,T,w,B,D,J,K,M,O,Q=[{__value:s[4]},{name:s[5]},{type:"radio"},{class:I=V(s[2])},{disabled:s[6]},s[9]],S={};for(let s=0;s<Q.length;s+=1)S=e(S,Q[s]);const W=s[11].default,X=n(W,s,s[10],null),q=X||function(s){let a;return{c(){a=A(s[4])},l(l){a=N(l,s[4])},m(s,l){b(s,a,l)},p(s,l){16&l&&P(a,s[4])},d(s){s&&d(a)}}}(s);return K=t(s[13][0]),{c(){a=c("label"),l=c("input"),L=i(),T=c("div"),q&&q.c(),this.h()},l(s){a=u(s,"LABEL",{class:!0});var e=o(a);l=u(e,"INPUT",{name:!0,type:!0,class:!0}),L=p(e),T=u(e,"DIV",{class:!0});var n=o(T);q&&q.l(n),n.forEach(d),e.forEach(d),this.h()},h(){r(l,S),v(l,"svelte-xi6tc3",!0),m(T,"class",w=h(V("content",s[3]))+" svelte-xi6tc3"),m(a,"class",D=h(V("tab",s[1]))+" svelte-xi6tc3"),K.p(l)},m(e,n){b(e,a,n),f(a,l),l.autofocus&&l.focus(),l.checked=l.__value===s[0],f(a,L),f(a,T),q&&q.m(T,null),J=!0,M||(O=[g(l,"change",s[12]),g(l,"change",s[14]),g(l,"click",s[15]),C(B=U.call(null,T,{disabled:s[7]||s[6]}))],M=!0)},p(s,e){let[n]=e;r(l,S=$(Q,[(!J||16&n)&&{__value:s[4]},(!J||32&n)&&{name:s[5]},{type:"radio"},(!J||4&n&&I!==(I=V(s[2])))&&{class:I},(!J||64&n)&&{disabled:s[6]},512&n&&s[9]])),1&n&&(l.checked=l.__value===s[0]),v(l,"svelte-xi6tc3",!0),X?X.p&&(!J||1024&n)&&_(X,W,s,s[10],J?R(W,s[10],n,null):x(s[10]),null):q&&q.p&&(!J||16&n)&&q.p(s,J?n:-1),(!J||8&n&&w!==(w=h(V("content",s[3]))+" svelte-xi6tc3"))&&m(T,"class",w),B&&k(B.update)&&192&n&&B.update.call(null,{disabled:s[7]||s[6]}),(!J||2&n&&D!==(D=h(V("tab",s[1]))+" svelte-xi6tc3"))&&m(a,"class",D)},i(s){J||(E(q,s),J=!0)},o(s){j(q,s),J=!1},d(s){s&&d(a),q&&q.d(s),K.r(),M=!1,y(O)}}}function B(s,a,l){const n=["class","inputClass","contentClass","value","name","group","disabled","noRipple"];let t=I(a,n),{$$slots:c={},$$scope:i}=a,{class:u=null}=a,{inputClass:o=null}=a,{contentClass:p=null}=a,{value:d}=a,{name:r=null}=a,{group:v=null}=a,{disabled:m=!1}=a,{noRipple:h=!1}=a;const b=L();return s.$$set=s=>{a=e(e({},a),T(s)),l(9,t=I(a,n)),"class"in s&&l(1,u=s.class),"inputClass"in s&&l(2,o=s.inputClass),"contentClass"in s&&l(3,p=s.contentClass),"value"in s&&l(4,d=s.value),"name"in s&&l(5,r=s.name),"group"in s&&l(0,v=s.group),"disabled"in s&&l(6,m=s.disabled),"noRipple"in s&&l(7,h=s.noRipple),"$$scope"in s&&l(10,i=s.$$scope)},[v,u,o,p,d,r,m,h,b,t,i,c,function(){v=this.__value,l(0,v)},[[]],s=>b("change",{value:d,nativeEvent:s}),s=>b("click",{nativeEvent:s})]}var D=class extends s{constructor(s){super(),a(this,s,B,w,l,{class:1,inputClass:2,contentClass:3,value:4,name:5,group:0,disabled:6,noRipple:7})}};export{D as T};
diff --git a/376/client/legacy/table-4b993a74.css b/376/client/legacy/table-4b993a74.css
new file mode 100644
index 000000000..4edc0b09a
--- /dev/null
+++ b/376/client/legacy/table-4b993a74.css
@@ -0,0 +1,4 @@
+td.svelte-2jo25p{border:0 solid rgba(67, 0, 176, 0.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}
+tr.svelte-1mf82y5:nth-child(even){background:rgba(67, 0, 176, 0.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:0.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:0.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:0.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:0.5em}
+th.svelte-pwzfgs{padding:0.5em 1em;text-align:left}
+table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}
diff --git a/376/client/legacy/table-5fc11a35.css b/376/client/legacy/table-5fc11a35.css
new file mode 100644
index 000000000..6d0c4f01e
--- /dev/null
+++ b/376/client/legacy/table-5fc11a35.css
@@ -0,0 +1 @@
+table.svelte-81z2q2.svelte-81z2q2.svelte-81z2q2{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}table.svelte-81z2q2 th.svelte-81z2q2.svelte-81z2q2{padding:0.5em 1em;text-align:start}table.svelte-81z2q2 th.center.svelte-81z2q2.svelte-81z2q2{text-align:center}table.svelte-81z2q2 th.end.svelte-81z2q2.svelte-81z2q2{text-align:end}table.svelte-81z2q2 tr.alternating.svelte-81z2q2.svelte-81z2q2:nth-child(even){background:rgba(67, 0, 176, 0.03)}table.svelte-81z2q2 tr.svelte-81z2q2:first-child>td.svelte-81z2q2:first-child{border-top-left-radius:0.5em}table.svelte-81z2q2 tr.svelte-81z2q2:first-child>td.svelte-81z2q2:last-child{border-top-right-radius:0.5em}table.svelte-81z2q2 tr.svelte-81z2q2:last-child>td.svelte-81z2q2{border-bottom-width:1px}table.svelte-81z2q2 tr.svelte-81z2q2:last-child>td.svelte-81z2q2:first-child{border-bottom-left-radius:0.5em}table.svelte-81z2q2 tr.svelte-81z2q2:last-child>td.svelte-81z2q2:last-child{border-bottom-right-radius:0.5em}table.svelte-81z2q2 td.svelte-81z2q2.svelte-81z2q2{border:0 solid rgba(67, 0, 176, 0.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em;text-align:start}table.svelte-81z2q2 td.center.svelte-81z2q2.svelte-81z2q2{text-align:center}table.svelte-81z2q2 td.end.svelte-81z2q2.svelte-81z2q2{text-align:end}table.svelte-81z2q2 td.svelte-81z2q2.svelte-81z2q2:last-child{border-right-width:1px}
diff --git a/376/client/legacy/table.0ae2d7ee.js b/376/client/legacy/table.0ae2d7ee.js
new file mode 100644
index 000000000..7529ed585
--- /dev/null
+++ b/376/client/legacy/table.0ae2d7ee.js
@@ -0,0 +1 @@
+import{S as e,i as t,s as l,K as n,h as s,u as a,k as r,b as o,d as c,w as i,N as h,O as f,f as g,g as u,y as d,Z as m,z as p,t as $,U as v,p as w,a9 as E,I as T,L as R,M as x,e as q,Q as z,R as b,T as y,_ as j,j as k,l as A,m as B,q as D,v as L,x as M,A as H}from"./client.583c6e60.js";import{L as O}from"./label.d533579b.js";function I(e,t,l){const n=e.slice();return n[6]=t[l],n}function K(e,t,l){const n=e.slice();return n[9]=t[l],n}const N=e=>({header:1&e,item:2&e}),Q=e=>({header:e[9],item:e[6]});function S(e,t,l){const n=e.slice();return n[9]=t[l],n}const U=e=>({header:1&e}),Y=e=>({header:e[9]});function Z(e){let t,l=e[9].text+"";return{c(){t=L(l)},l(e){t=M(e,l)},m(e,l){g(e,t,l)},p(e,n){1&n&&l!==(l=e[9].text+"")&&H(t,l)},d(e){e&&c(t)}}}function _(e,t){let l,n,h;const d=t[4]["header-item"],m=x(d,t,t[5],Y),p=m||function(e){let t,l;return t=new O({props:{$$slots:{default:[Z]},$$scope:{ctx:e}}}),{c(){k(t.$$.fragment)},l(e){A(t.$$.fragment,e)},m(e,n){B(t,e,n),l=!0},p(e,l){const n={};33&l&&(n.$$scope={dirty:l,ctx:e}),t.$set(n)},i(e){l||($(t.$$.fragment,e),l=!0)},o(e){w(t.$$.fragment,e),l=!1},d(e){D(t,e)}}}(t);return{key:e,first:null,c(){l=s("th"),p&&p.c(),n=a(),this.h()},l(e){l=r(e,"TH",{class:!0});var t=o(l);p&&p.l(t),n=i(t),t.forEach(c),this.h()},h(){q(l,"class","svelte-81z2q2"),f(l,"center","center"===t[9].align),f(l,"end","end"===t[9].align),this.first=l},m(e,t){g(e,l,t),p&&p.m(l,null),u(l,n),h=!0},p(e,n){t=e,m?m.p&&(!h||33&n)&&z(m,d,t,t[5],h?y(d,t[5],n,U):b(t[5]),Y):p&&p.p&&(!h||1&n)&&p.p(t,h?n:-1),(!h||1&n)&&f(l,"center","center"===t[9].align),(!h||1&n)&&f(l,"end","end"===t[9].align)},i(e){h||($(p,e),h=!0)},o(e){w(p,e),h=!1},d(e){e&&c(l),p&&p.d(e)}}}function C(e,t){let l,n;const a=t[4].item,i=x(a,t,t[5],Q),h=i||function(e){let t,l=e[6][e[9].value]+"";return{c(){t=L(l)},l(e){t=M(e,l)},m(e,l){g(e,t,l)},p(e,n){3&n&&l!==(l=e[6][e[9].value]+"")&&H(t,l)},d(e){e&&c(t)}}}(t);return{key:e,first:null,c(){l=s("td"),h&&h.c(),this.h()},l(e){l=r(e,"TD",{class:!0});var t=o(l);h&&h.l(t),t.forEach(c),this.h()},h(){q(l,"class","svelte-81z2q2"),f(l,"center","center"===t[9].align),f(l,"end","end"===t[9].align),this.first=l},m(e,t){g(e,l,t),h&&h.m(l,null),n=!0},p(e,s){t=e,i?i.p&&(!n||35&s)&&z(i,a,t,t[5],n?y(a,t[5],s,N):b(t[5]),Q):h&&h.p&&(!n||3&s)&&h.p(t,n?s:-1),(!n||1&s)&&f(l,"center","center"===t[9].align),(!n||1&s)&&f(l,"end","end"===t[9].align)},i(e){n||($(h,e),n=!0)},o(e){w(h,e),n=!1},d(e){e&&c(l),h&&h.d(e)}}}function F(e){let t,l,n,h=[],v=new Map,E=e[0];const T=e=>e[9].value;for(let t=0;t<E.length;t+=1){let l=K(e,E,t),n=T(l);v.set(n,h[t]=C(n,l))}return{c(){t=s("tr");for(let e=0;e<h.length;e+=1)h[e].c();l=a(),this.h()},l(e){t=r(e,"TR",{class:!0});var n=o(t);for(let e=0;e<h.length;e+=1)h[e].l(n);l=i(n),n.forEach(c),this.h()},h(){q(t,"class","svelte-81z2q2"),f(t,"alternating",e[2])},m(e,s){g(e,t,s);for(let e=0;e<h.length;e+=1)h[e]&&h[e].m(t,null);u(t,l),n=!0},p(e,s){35&s&&(E=e[0],d(),h=m(h,s,T,1,e,E,v,t,j,C,l,K),p()),(!n||4&s)&&f(t,"alternating",e[2])},i(e){if(!n){for(let e=0;e<E.length;e+=1)$(h[e]);n=!0}},o(e){for(let e=0;e<h.length;e+=1)w(h[e]);n=!1},d(e){e&&c(t);for(let e=0;e<h.length;e+=1)h[e].d()}}}function G(e){let t,l,T,R,x,q,z=[],b=new Map,y=e[0];const k=e=>e[9].value;for(let t=0;t<y.length;t+=1){let l=S(e,y,t),n=k(l);b.set(n,z[t]=_(n,l))}let A=e[1],B=[];for(let t=0;t<A.length;t+=1)B[t]=F(I(e,A,t));const D=e=>w(B[e],1,1,(()=>{B[e]=null}));let L=[e[3]],M={};for(let e=0;e<L.length;e+=1)M=n(M,L[e]);return{c(){t=s("table"),l=s("thead"),T=s("tr");for(let e=0;e<z.length;e+=1)z[e].c();R=a(),x=s("tbody");for(let e=0;e<B.length;e+=1)B[e].c();this.h()},l(e){t=r(e,"TABLE",{});var n=o(t);l=r(n,"THEAD",{});var s=o(l);T=r(s,"TR",{});var a=o(T);for(let e=0;e<z.length;e+=1)z[e].l(a);a.forEach(c),s.forEach(c),R=i(n),x=r(n,"TBODY",{});var h=o(x);for(let e=0;e<B.length;e+=1)B[e].l(h);h.forEach(c),n.forEach(c),this.h()},h(){h(t,M),f(t,"svelte-81z2q2",!0)},m(e,n){g(e,t,n),u(t,l),u(l,T);for(let e=0;e<z.length;e+=1)z[e]&&z[e].m(T,null);u(t,R),u(t,x);for(let e=0;e<B.length;e+=1)B[e]&&B[e].m(x,null);q=!0},p(e,l){let[n]=l;if(33&n&&(y=e[0],d(),z=m(z,n,k,1,e,y,b,T,j,_,null,S),p()),39&n){let t;for(A=e[1],t=0;t<A.length;t+=1){const l=I(e,A,t);B[t]?(B[t].p(l,n),$(B[t],1)):(B[t]=F(l),B[t].c(),$(B[t],1),B[t].m(x,null))}for(d(),t=A.length;t<B.length;t+=1)D(t);p()}h(t,M=v(L,[8&n&&e[3]])),f(t,"svelte-81z2q2",!0)},i(e){if(!q){for(let e=0;e<y.length;e+=1)$(z[e]);for(let e=0;e<A.length;e+=1)$(B[e]);q=!0}},o(e){for(let e=0;e<z.length;e+=1)w(z[e]);B=B.filter(Boolean);for(let e=0;e<B.length;e+=1)w(B[e]);q=!1},d(e){e&&c(t);for(let e=0;e<z.length;e+=1)z[e].d();E(B,e)}}}function J(e,t,l){const s=["headers","items","alternatingRows"];let a=T(t,s),{$$slots:r={},$$scope:o}=t,{headers:c=[]}=t,{items:i=[]}=t,{alternatingRows:h=!0}=t;return e.$$set=e=>{t=n(n({},t),R(e)),l(3,a=T(t,s)),"headers"in e&&l(0,c=e.headers),"items"in e&&l(1,i=e.items),"alternatingRows"in e&&l(2,h=e.alternatingRows),"$$scope"in e&&l(5,o=e.$$scope)},[c,i,h,a,r,o]}var P=class extends e{constructor(e){super(),t(this,e,J,G,l,{headers:0,items:1,alternatingRows:2})}};export{P as T};
diff --git a/376/client/legacy/table.111dfada.js b/376/client/legacy/table.111dfada.js
new file mode 100644
index 000000000..79161d150
--- /dev/null
+++ b/376/client/legacy/table.111dfada.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as a,j as s,l as $,m as r,U as o,a0 as c,t as p,p as l,q as f,L as m,u as i,w as u,f as g,d,v as h,x,h as y,k,b as w,e as E,n as v,g as b}from"./client.583c6e60.js";import{L as D,H as O,P as T}from"./layout.47c81311.js";import{T as C}from"./table.0ae2d7ee.js";import{S as N}from"./showcase.759e7149.js";import{C as j}from"./color-preview.9db6af61.js";import{H as S}from"./h2.0da05151.js";import{H as L}from"./h3.c9a49f62.js";import{T as R,a as P,b as A,c as G}from"./table.c1711529.js";import"./label.d533579b.js";import"./classes.a7d1a9eb.js";import"./copyable-code.ce778425.js";import"./button.863c0adf.js";function H(t){let e;return{c(){e=h("Table")},l(t){e=x(t,"Table")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function B(t){let e;return{c(){e=h("Simple data table.")},l(t){e=x(t,"Simple data table.")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function I(t){let e,n,a;return n=new C({props:{headers:t[0],items:t[1]}}),{c(){e=y("div"),s(n.$$.fragment),this.h()},l(t){e=k(t,"DIV",{slot:!0,class:!0});var a=w(e);$(n.$$.fragment,a),a.forEach(d),this.h()},h(){E(e,"slot","showcase"),E(e,"class","padded")},m(t,s){g(t,e,s),r(n,e,null),a=!0},p:v,i(t){a||(p(n.$$.fragment,t),a=!0)},o(t){l(n.$$.fragment,t),a=!1},d(t){t&&d(e),f(n)}}}function Y(t){let e,n;return{c(){e=y("div"),n=y("pre"),this.h()},l(t){e=k(t,"DIV",{slot:!0});var a=w(e);n=k(a,"PRE",{class:!0}),w(n).forEach(d),a.forEach(d),this.h()},h(){E(n,"class","language-svelte"),E(e,"slot","source")},m(t,a){g(t,e,a),b(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">const</span> headers <span class="token operator">=</span> <span class="token punctuation">[</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">\'First Name\'</span><span class="token punctuation">,</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'firstName\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">\'Last Name\'</span><span class="token punctuation">,</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'lastName\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">\'Age\'</span><span class="token punctuation">,</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'age\'</span><span class="token punctuation">,</span> <span class="token literal-property property">align</span><span class="token operator">:</span> <span class="token string">\'end\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">;</span>\n  <span class="token keyword">const</span> items <span class="token operator">=</span> <span class="token punctuation">[</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">firstName</span><span class="token operator">:</span> <span class="token string">\'John\'</span><span class="token punctuation">,</span> <span class="token literal-property property">lastName</span><span class="token operator">:</span> <span class="token string">\'Doe\'</span><span class="token punctuation">,</span> <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">694</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">firstName</span><span class="token operator">:</span> <span class="token string">\'Leo\'</span><span class="token punctuation">,</span> <span class="token literal-property property">lastName</span><span class="token operator">:</span> <span class="token string">\'Tolstoy\'</span><span class="token punctuation">,</span> <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">Date</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">getFullYear</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">-</span> <span class="token number">1828</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">firstName</span><span class="token operator">:</span> <span class="token string">\'فلان\'</span><span class="token punctuation">,</span> <span class="token literal-property property">lastName</span><span class="token operator">:</span> <span class="token string">\'الفلاني\'</span><span class="token punctuation">,</span> <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">42</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">firstName</span><span class="token operator">:</span> <span class="token string">\'Иван\'</span><span class="token punctuation">,</span> <span class="token literal-property property">lastName</span><span class="token operator">:</span> <span class="token string">\'Иванов\'</span><span class="token punctuation">,</span> <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">69</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Table</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>headers<span class="token punctuation">&#125;</span></span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>items<span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span></code>'},p:v,d(t){t&&d(e)}}}function F(t){let e;return{c(){e=h("Properties")},l(t){e=x(t,"Properties")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function U(t){let e;return{c(){e=h("Style Properties")},l(t){e=x(t,"Style Properties")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function z(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function V(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function J(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function q(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function K(t){let e,n,a,o,c,m,h,x;return e=new A({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),a=new A({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),c=new A({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),h=new A({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s(a.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(a.$$.fragment,t),o=u(t),$(c.$$.fragment,t),m=u(t),$(h.$$.fragment,t)},m(t,s){r(e,t,s),g(t,n,s),r(a,t,s),g(t,o,s),r(c,t,s),g(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};32&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),a.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(p(e.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){f(e,t),t&&d(n),f(a,t),t&&d(o),f(c,t),t&&d(m),f(h,t)}}}function M(t){let e,n,a;return{c(){e=y("strong"),n=y("code"),a=h("alternatingRows")},l(t){e=k(t,"STRONG",{});var s=w(e);n=k(s,"CODE",{});var $=w(n);a=x($,"alternatingRows"),$.forEach(d),s.forEach(d)},m(t,s){g(t,e,s),b(e,n),b(n,a)},p:v,d(t){t&&d(e)}}}function Q(t){let e,n;return{c(){e=y("code"),n=h("true")},l(t){e=k(t,"CODE",{});var a=w(e);n=x(a,"true"),a.forEach(d)},m(t,a){g(t,e,a),b(e,n)},p:v,d(t){t&&d(e)}}}function W(t){let e,n;return{c(){e=y("code"),n=h("boolean")},l(t){e=k(t,"CODE",{});var a=w(e);n=x(a,"boolean"),a.forEach(d)},m(t,a){g(t,e,a),b(e,n)},p:v,d(t){t&&d(e)}}}function X(t){let e;return{c(){e=h("Controls whether rows will have an alternating background color.")},l(t){e=x(t,"Controls whether rows will have an alternating background color.")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function Z(t){let e,n,a,o,c,m,h,x;return e=new G({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s(a.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(a.$$.fragment,t),o=u(t),$(c.$$.fragment,t),m=u(t),$(h.$$.fragment,t)},m(t,s){r(e,t,s),g(t,n,s),r(a,t,s),g(t,o,s),r(c,t,s),g(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};32&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),a.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(p(e.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){f(e,t),t&&d(n),f(a,t),t&&d(o),f(c,t),t&&d(m),f(h,t)}}}function _(t){let e,n,a,o,c,m;return n=new P({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s(n.$$.fragment),a=i(),o=y("tbody"),s(c.$$.fragment)},l(t){e=k(t,"THEAD",{});var s=w(e);$(n.$$.fragment,s),s.forEach(d),a=u(t),o=k(t,"TBODY",{});var r=w(o);$(c.$$.fragment,r),r.forEach(d)},m(t,s){g(t,e,s),r(n,e,null),g(t,a,s),g(t,o,s),r(c,o,null),m=!0},p(t,e){const a={};32&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&d(e),f(n),t&&d(a),t&&d(o),f(c)}}}function tt(t){let e;return{c(){e=h("Functional Properties")},l(t){e=x(t,"Functional Properties")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function et(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function nt(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function at(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function st(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function $t(t){let e,n,a,o,c,m,h,x;return e=new A({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),a=new A({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),c=new A({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),h=new A({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s(a.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(a.$$.fragment,t),o=u(t),$(c.$$.fragment,t),m=u(t),$(h.$$.fragment,t)},m(t,s){r(e,t,s),g(t,n,s),r(a,t,s),g(t,o,s),r(c,t,s),g(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};32&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),a.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(p(e.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){f(e,t),t&&d(n),f(a,t),t&&d(o),f(c,t),t&&d(m),f(h,t)}}}function rt(t){let e,n,a;return{c(){e=y("strong"),n=y("code"),a=h("headers")},l(t){e=k(t,"STRONG",{});var s=w(e);n=k(s,"CODE",{});var $=w(n);a=x($,"headers"),$.forEach(d),s.forEach(d)},m(t,s){g(t,e,s),b(e,n),b(n,a)},p:v,d(t){t&&d(e)}}}function ot(t){let e,n;return{c(){e=y("code"),n=h("[]")},l(t){e=k(t,"CODE",{});var a=w(e);n=x(a,"[]"),a.forEach(d)},m(t,a){g(t,e,a),b(e,n)},p:v,d(t){t&&d(e)}}}function ct(t){let e,n;return{c(){e=y("code"),n=h(t[2])},l(a){e=k(a,"CODE",{});var s=w(e);n=x(s,t[2]),s.forEach(d)},m(t,a){g(t,e,a),b(e,n)},p:v,d(t){t&&d(e)}}}function pt(t){let e,n,a,s,$,r,o,c,p,l,f,m,i,u,E,D,O,T,C,N,j,S,L,R;return{c(){e=h("The labels for the column headers. Each column header is an object with the following fields:"),n=y("br"),a=y("ul"),s=y("li"),$=y("code"),r=h("text"),o=h(" is the text to display;"),c=y("li"),p=y("code"),l=h("value"),f=h(" is the name of the field to take from each object in "),m=y("code"),i=h("items"),u=h(" to put in this column;"),E=y("li"),D=y("code"),O=h("align"),T=h(" is the alignment of the text in the column ("),C=y("code"),N=h('"start" | "center" | "end"'),j=h("), defaulting to "),S=y("code"),L=h('"start"'),R=h(".")},l(t){e=x(t,"The labels for the column headers. Each column header is an object with the following fields:"),n=k(t,"BR",{}),a=k(t,"UL",{});var g=w(a);s=k(g,"LI",{});var h=w(s);$=k(h,"CODE",{});var y=w($);r=x(y,"text"),y.forEach(d),o=x(h," is the text to display;"),h.forEach(d),c=k(g,"LI",{});var v=w(c);p=k(v,"CODE",{});var b=w(p);l=x(b,"value"),b.forEach(d),f=x(v," is the name of the field to take from each object in "),m=k(v,"CODE",{});var P=w(m);i=x(P,"items"),P.forEach(d),u=x(v," to put in this column;"),v.forEach(d),E=k(g,"LI",{});var A=w(E);D=k(A,"CODE",{});var G=w(D);O=x(G,"align"),G.forEach(d),T=x(A," is the alignment of the text in the column ("),C=k(A,"CODE",{});var H=w(C);N=x(H,'"start" | "center" | "end"'),H.forEach(d),j=x(A,"), defaulting to "),S=k(A,"CODE",{});var B=w(S);L=x(B,'"start"'),B.forEach(d),R=x(A,"."),A.forEach(d),g.forEach(d)},m(t,d){g(t,e,d),g(t,n,d),g(t,a,d),b(a,s),b(s,$),b($,r),b(s,o),b(a,c),b(c,p),b(p,l),b(c,f),b(c,m),b(m,i),b(c,u),b(a,E),b(E,D),b(D,O),b(E,T),b(E,C),b(C,N),b(E,j),b(E,S),b(S,L),b(E,R)},p:v,d(t){t&&d(e),t&&d(n),t&&d(a)}}}function lt(t){let e,n,a,o,c,m,h,x;return e=new G({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s(a.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(a.$$.fragment,t),o=u(t),$(c.$$.fragment,t),m=u(t),$(h.$$.fragment,t)},m(t,s){r(e,t,s),g(t,n,s),r(a,t,s),g(t,o,s),r(c,t,s),g(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};32&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),a.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(p(e.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){f(e,t),t&&d(n),f(a,t),t&&d(o),f(c,t),t&&d(m),f(h,t)}}}function ft(t){let e,n,a;return{c(){e=y("strong"),n=y("code"),a=h("items")},l(t){e=k(t,"STRONG",{});var s=w(e);n=k(s,"CODE",{});var $=w(n);a=x($,"items"),$.forEach(d),s.forEach(d)},m(t,s){g(t,e,s),b(e,n),b(n,a)},p:v,d(t){t&&d(e)}}}function mt(t){let e,n;return{c(){e=y("code"),n=h("[]")},l(t){e=k(t,"CODE",{});var a=w(e);n=x(a,"[]"),a.forEach(d)},m(t,a){g(t,e,a),b(e,n)},p:v,d(t){t&&d(e)}}}function it(t){let e,n;return{c(){e=y("code"),n=h(t[3])},l(a){e=k(a,"CODE",{});var s=w(e);n=x(s,t[3]),s.forEach(d)},m(t,a){g(t,e,a),b(e,n)},p:v,d(t){t&&d(e)}}}function ut(t){let e,n,a,s;return{c(){e=h("The actual rows of data to be displayed. It is an array of objects, where each object must have as its keys the content of the "),n=y("code"),a=h("value"),s=h(" property of the headers, and the value is the text to be displayed.")},l(t){e=x(t,"The actual rows of data to be displayed. It is an array of objects, where each object must have as its keys the content of the "),n=k(t,"CODE",{});var $=w(n);a=x($,"value"),$.forEach(d),s=x(t," property of the headers, and the value is the text to be displayed.")},m(t,$){g(t,e,$),g(t,n,$),b(n,a),g(t,s,$)},p:v,d(t){t&&d(e),t&&d(n),t&&d(s)}}}function gt(t){let e,n,a,o,c,m,h,x;return e=new G({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s(a.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(a.$$.fragment,t),o=u(t),$(c.$$.fragment,t),m=u(t),$(h.$$.fragment,t)},m(t,s){r(e,t,s),g(t,n,s),r(a,t,s),g(t,o,s),r(c,t,s),g(t,m,s),r(h,t,s),x=!0},p(t,n){const s={};32&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),a.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(p(e.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){f(e,t),t&&d(n),f(a,t),t&&d(o),f(c,t),t&&d(m),f(h,t)}}}function dt(t){let e,n,a;return{c(){e=y("strong"),n=y("code"),a=h("...")},l(t){e=k(t,"STRONG",{});var s=w(e);n=k(s,"CODE",{});var $=w(n);a=x($,"..."),$.forEach(d),s.forEach(d)},m(t,s){g(t,e,s),b(e,n),b(n,a)},p:v,d(t){t&&d(e)}}}function ht(t){let e,n;return{c(){e=y("code"),n=h("any")},l(t){e=k(t,"CODE",{});var a=w(e);n=x(a,"any"),a.forEach(d)},m(t,a){g(t,e,a),b(e,n)},p:v,d(t){t&&d(e)}}}function xt(t){let e,n,a,s;return{c(){e=h("Everything else will be passed to the underlying "),n=y("code"),a=h("<table>"),s=h(" element.")},l(t){e=x(t,"Everything else will be passed to the underlying "),n=k(t,"CODE",{});var $=w(n);a=x($,"<table>"),$.forEach(d),s=x(t," element.")},m(t,$){g(t,e,$),g(t,n,$),b(n,a),g(t,s,$)},p:v,d(t){t&&d(e),t&&d(n),t&&d(s)}}}function yt(t){let e,n,a,o,c,m,h,x;return e=new G({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),a=new G({}),c=new G({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s(a.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(a.$$.fragment,t),o=u(t),$(c.$$.fragment,t),m=u(t),$(h.$$.fragment,t)},m(t,s){r(e,t,s),g(t,n,s),r(a,t,s),g(t,o,s),r(c,t,s),g(t,m,s),r(h,t,s),x=!0},p(t,n){const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};32&n&&(s.$$scope={dirty:n,ctx:t}),c.$set(s);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),h.$set($)},i(t){x||(p(e.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){f(e,t),t&&d(n),f(a,t),t&&d(o),f(c,t),t&&d(m),f(h,t)}}}function kt(t){let e,n,a,o,c,m,h,x,E,v;return n=new P({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),E=new P({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s(n.$$.fragment),a=i(),o=y("tbody"),s(c.$$.fragment),m=i(),s(h.$$.fragment),x=i(),s(E.$$.fragment)},l(t){e=k(t,"THEAD",{});var s=w(e);$(n.$$.fragment,s),s.forEach(d),a=u(t),o=k(t,"TBODY",{});var r=w(o);$(c.$$.fragment,r),m=u(r),$(h.$$.fragment,r),x=u(r),$(E.$$.fragment,r),r.forEach(d)},m(t,s){g(t,e,s),r(n,e,null),g(t,a,s),g(t,o,s),r(c,o,null),b(o,m),r(h,o,null),b(o,x),r(E,o,null),v=!0},p(t,e){const a={};32&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const $={};32&e&&($.$$scope={dirty:e,ctx:t}),h.$set($);const r={};32&e&&(r.$$scope={dirty:e,ctx:t}),E.$set(r)},i(t){v||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),p(E.$$.fragment,t),v=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(E.$$.fragment,t),v=!1},d(t){t&&d(e),f(n),t&&d(a),t&&d(o),f(c),f(h),f(E)}}}function wt(t){let e;return{c(){e=h("Slots")},l(t){e=x(t,"Slots")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function Et(t){let e,n,a;return{c(){e=y("code"),n=h("header-item"),a=h(" slot")},l(t){e=k(t,"CODE",{});var s=w(e);n=x(s,"header-item"),s.forEach(d),a=x(t," slot")},m(t,s){g(t,e,s),b(e,n),g(t,a,s)},p:v,d(t){t&&d(e),t&&d(a)}}}function vt(t){let e,n,a,s,$,r,o;return{c(){e=h("Customizes the content of the "),n=y("code"),a=h("<th>"),s=h(" elements. Defaults to a "),$=y("code"),r=h("<Label>"),o=h(" component with the text content of the header.")},l(t){e=x(t,"Customizes the content of the "),n=k(t,"CODE",{});var c=w(n);a=x(c,"<th>"),c.forEach(d),s=x(t," elements. Defaults to a "),$=k(t,"CODE",{});var p=w($);r=x(p,"<Label>"),p.forEach(d),o=x(t," component with the text content of the header.")},m(t,c){g(t,e,c),g(t,n,c),b(n,a),g(t,s,c),g(t,$,c),b($,r),g(t,o,c)},p:v,d(t){t&&d(e),t&&d(n),t&&d(s),t&&d($),t&&d(o)}}}function bt(t){let e;return{c(){e=h("Prop Name")},l(t){e=x(t,"Prop Name")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function Dt(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function Ot(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function Tt(t){let e,n,a,o,c,m;return e=new A({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),a=new A({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),c=new A({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s(a.$$.fragment),o=i(),s(c.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(a.$$.fragment,t),o=u(t),$(c.$$.fragment,t)},m(t,s){r(e,t,s),g(t,n,s),r(a,t,s),g(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};32&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),a.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&d(n),f(a,t),t&&d(o),f(c,t)}}}function Ct(t){let e,n,a;return{c(){e=y("strong"),n=y("code"),a=h("header")},l(t){e=k(t,"STRONG",{});var s=w(e);n=k(s,"CODE",{});var $=w(n);a=x($,"header"),$.forEach(d),s.forEach(d)},m(t,s){g(t,e,s),b(e,n),b(n,a)},p:v,d(t){t&&d(e)}}}function Nt(t){let e,n;return{c(){e=y("code"),n=h(fe)},l(t){e=k(t,"CODE",{});var a=w(e);n=x(a,fe),a.forEach(d)},m(t,a){g(t,e,a),b(e,n)},p:v,d(t){t&&d(e)}}}function jt(t){let e,n,a,s;return{c(){e=h("The header object passed as part of the "),n=y("code"),a=h("headers"),s=h(" array.")},l(t){e=x(t,"The header object passed as part of the "),n=k(t,"CODE",{});var $=w(n);a=x($,"headers"),$.forEach(d),s=x(t," array.")},m(t,$){g(t,e,$),g(t,n,$),b(n,a),g(t,s,$)},p:v,d(t){t&&d(e),t&&d(n),t&&d(s)}}}function St(t){let e,n,a,o,c,m;return e=new G({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s(a.$$.fragment),o=i(),s(c.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(a.$$.fragment,t),o=u(t),$(c.$$.fragment,t)},m(t,s){r(e,t,s),g(t,n,s),r(a,t,s),g(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};32&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),a.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&d(n),f(a,t),t&&d(o),f(c,t)}}}function Lt(t){let e,n,a,o,c,m;return n=new P({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s(n.$$.fragment),a=i(),o=y("tbody"),s(c.$$.fragment)},l(t){e=k(t,"THEAD",{});var s=w(e);$(n.$$.fragment,s),s.forEach(d),a=u(t),o=k(t,"TBODY",{});var r=w(o);$(c.$$.fragment,r),r.forEach(d)},m(t,s){g(t,e,s),r(n,e,null),g(t,a,s),g(t,o,s),r(c,o,null),m=!0},p(t,e){const a={};32&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&d(e),f(n),t&&d(a),t&&d(o),f(c)}}}function Rt(t){let e,n,a;return{c(){e=y("code"),n=h("item"),a=h(" slot")},l(t){e=k(t,"CODE",{});var s=w(e);n=x(s,"item"),s.forEach(d),a=x(t," slot")},m(t,s){g(t,e,s),b(e,n),g(t,a,s)},p:v,d(t){t&&d(e),t&&d(a)}}}function Pt(t){let e,n,a,s,$,r,o,c,p,l;return{c(){e=h("Used to customize each data cell (contents of "),n=y("code"),a=h("<td>"),s=h(") on its own.\nThe intersection of "),$=y("code"),r=h("header"),o=h(" and "),c=y("code"),p=h("item"),l=h(" can be used to identify the data cell.")},l(t){e=x(t,"Used to customize each data cell (contents of "),n=k(t,"CODE",{});var f=w(n);a=x(f,"<td>"),f.forEach(d),s=x(t,") on its own.\nThe intersection of "),$=k(t,"CODE",{});var m=w($);r=x(m,"header"),m.forEach(d),o=x(t," and "),c=k(t,"CODE",{});var i=w(c);p=x(i,"item"),i.forEach(d),l=x(t," can be used to identify the data cell.")},m(t,f){g(t,e,f),g(t,n,f),b(n,a),g(t,s,f),g(t,$,f),b($,r),g(t,o,f),g(t,c,f),b(c,p),g(t,l,f)},p:v,d(t){t&&d(e),t&&d(n),t&&d(s),t&&d($),t&&d(o),t&&d(c),t&&d(l)}}}function At(t){let e;return{c(){e=h("Prop Name")},l(t){e=x(t,"Prop Name")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function Gt(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function Ht(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function Bt(t){let e,n,a,o,c,m;return e=new A({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),a=new A({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),c=new A({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s(a.$$.fragment),o=i(),s(c.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(a.$$.fragment,t),o=u(t),$(c.$$.fragment,t)},m(t,s){r(e,t,s),g(t,n,s),r(a,t,s),g(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};32&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),a.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&d(n),f(a,t),t&&d(o),f(c,t)}}}function It(t){let e,n,a;return{c(){e=y("strong"),n=y("code"),a=h("header")},l(t){e=k(t,"STRONG",{});var s=w(e);n=k(s,"CODE",{});var $=w(n);a=x($,"header"),$.forEach(d),s.forEach(d)},m(t,s){g(t,e,s),b(e,n),b(n,a)},p:v,d(t){t&&d(e)}}}function Yt(t){let e,n;return{c(){e=y("code"),n=h(fe)},l(t){e=k(t,"CODE",{});var a=w(e);n=x(a,fe),a.forEach(d)},m(t,a){g(t,e,a),b(e,n)},p:v,d(t){t&&d(e)}}}function Ft(t){let e,n,a,s;return{c(){e=h("The header object passed as part of the "),n=y("code"),a=h("headers"),s=h(" array.")},l(t){e=x(t,"The header object passed as part of the "),n=k(t,"CODE",{});var $=w(n);a=x($,"headers"),$.forEach(d),s=x(t," array.")},m(t,$){g(t,e,$),g(t,n,$),b(n,a),g(t,s,$)},p:v,d(t){t&&d(e),t&&d(n),t&&d(s)}}}function Ut(t){let e,n,a,o,c,m;return e=new G({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s(a.$$.fragment),o=i(),s(c.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(a.$$.fragment,t),o=u(t),$(c.$$.fragment,t)},m(t,s){r(e,t,s),g(t,n,s),r(a,t,s),g(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};32&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),a.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&d(n),f(a,t),t&&d(o),f(c,t)}}}function zt(t){let e,n,a;return{c(){e=y("strong"),n=y("code"),a=h("item")},l(t){e=k(t,"STRONG",{});var s=w(e);n=k(s,"CODE",{});var $=w(n);a=x($,"item"),$.forEach(d),s.forEach(d)},m(t,s){g(t,e,s),b(e,n),b(n,a)},p:v,d(t){t&&d(e)}}}function Vt(t){let e,n;return{c(){e=y("code"),n=h(me)},l(t){e=k(t,"CODE",{});var a=w(e);n=x(a,me),a.forEach(d)},m(t,a){g(t,e,a),b(e,n)},p:v,d(t){t&&d(e)}}}function Jt(t){let e,n,a,s;return{c(){e=h("The row object passed as part of the "),n=y("code"),a=h("items"),s=h(" array.")},l(t){e=x(t,"The row object passed as part of the "),n=k(t,"CODE",{});var $=w(n);a=x($,"items"),$.forEach(d),s=x(t," array.")},m(t,$){g(t,e,$),g(t,n,$),b(n,a),g(t,s,$)},p:v,d(t){t&&d(e),t&&d(n),t&&d(s)}}}function qt(t){let e,n,a,o,c,m;return e=new G({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s(a.$$.fragment),o=i(),s(c.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(a.$$.fragment,t),o=u(t),$(c.$$.fragment,t)},m(t,s){r(e,t,s),g(t,n,s),r(a,t,s),g(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};32&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),a.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&d(n),f(a,t),t&&d(o),f(c,t)}}}function Kt(t){let e,n,a,o,c,m,h,x;return n=new P({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s(n.$$.fragment),a=i(),o=y("tbody"),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){e=k(t,"THEAD",{});var s=w(e);$(n.$$.fragment,s),s.forEach(d),a=u(t),o=k(t,"TBODY",{});var r=w(o);$(c.$$.fragment,r),m=u(r),$(h.$$.fragment,r),r.forEach(d)},m(t,s){g(t,e,s),r(n,e,null),g(t,a,s),g(t,o,s),r(c,o,null),b(o,m),r(h,o,null),x=!0},p(t,e){const a={};32&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const $={};32&e&&($.$$scope={dirty:e,ctx:t}),h.$set($)},i(t){x||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){t&&d(e),f(n),t&&d(a),t&&d(o),f(c),f(h)}}}function Mt(t){let e;return{c(){e=h("SCSS Variables")},l(t){e=x(t,"SCSS Variables")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function Qt(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function Wt(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function Xt(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function Zt(t){let e,n,a,o,c,m;return e=new A({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),a=new A({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),c=new A({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s(a.$$.fragment),o=i(),s(c.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(a.$$.fragment,t),o=u(t),$(c.$$.fragment,t)},m(t,s){r(e,t,s),g(t,n,s),r(a,t,s),g(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};32&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),a.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&d(n),f(a,t),t&&d(o),f(c,t)}}}function _t(t){let e,n,a;return{c(){e=y("strong"),n=y("code"),a=h("$main")},l(t){e=k(t,"STRONG",{});var s=w(e);n=k(s,"CODE",{});var $=w(n);a=x($,"$main"),$.forEach(d),s.forEach(d)},m(t,s){g(t,e,s),b(e,n),b(n,a)},p:v,d(t){t&&d(e)}}}function te(t){let e;return{c(){e=h("Used for the border color and the background color of alternating rows.")},l(t){e=x(t,"Used for the border color and the background color of alternating rows.")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function ee(t){let e,n;return e=new j({props:{value:"#4300B0"}}),{c(){s(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,a){r(e,t,a),n=!0},p:v,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function ne(t){let e,n,a,o,c,m;return e=new G({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s(a.$$.fragment),o=i(),s(c.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(a.$$.fragment,t),o=u(t),$(c.$$.fragment,t)},m(t,s){r(e,t,s),g(t,n,s),r(a,t,s),g(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};32&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),a.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&d(n),f(a,t),t&&d(o),f(c,t)}}}function ae(t){let e,n,a;return{c(){e=y("strong"),n=y("code"),a=h("$table-radius")},l(t){e=k(t,"STRONG",{});var s=w(e);n=k(s,"CODE",{});var $=w(n);a=x($,"$table-radius"),$.forEach(d),s.forEach(d)},m(t,s){g(t,e,s),b(e,n),b(n,a)},p:v,d(t){t&&d(e)}}}function se(t){let e;return{c(){e=h("The border radius of the table body.")},l(t){e=x(t,"The border radius of the table body.")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function $e(t){let e,n;return{c(){e=y("code"),n=h("0.5em")},l(t){e=k(t,"CODE",{});var a=w(e);n=x(a,"0.5em"),a.forEach(d)},m(t,a){g(t,e,a),b(e,n)},p:v,d(t){t&&d(e)}}}function re(t){let e,n,a,o,c,m;return e=new G({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s(a.$$.fragment),o=i(),s(c.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(a.$$.fragment,t),o=u(t),$(c.$$.fragment,t)},m(t,s){r(e,t,s),g(t,n,s),r(a,t,s),g(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};32&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),a.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&d(n),f(a,t),t&&d(o),f(c,t)}}}function oe(t){let e,n,a,o,c,m,h,x;return n=new P({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s(n.$$.fragment),a=i(),o=y("tbody"),s(c.$$.fragment),m=i(),s(h.$$.fragment)},l(t){e=k(t,"THEAD",{});var s=w(e);$(n.$$.fragment,s),s.forEach(d),a=u(t),o=k(t,"TBODY",{});var r=w(o);$(c.$$.fragment,r),m=u(r),$(h.$$.fragment,r),r.forEach(d)},m(t,s){g(t,e,s),r(n,e,null),g(t,a,s),g(t,o,s),r(c,o,null),b(o,m),r(h,o,null),x=!0},p(t,e){const a={};32&e&&(a.$$scope={dirty:e,ctx:t}),n.$set(a);const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const $={};32&e&&($.$$scope={dirty:e,ctx:t}),h.$set($)},i(t){x||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){t&&d(e),f(n),t&&d(a),t&&d(o),f(c),f(h)}}}function ce(t){let e,n,a,o,c,m,h,x,y,k,w,E,v,b,D,C,j,P,A,G,z,V,J,q,K,M,Q,W,X,Z,et,nt,at,st;return e=new O({props:{$$slots:{default:[H]},$$scope:{ctx:t}}}),a=new T({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),c=new N({props:{$$slots:{source:[Y],showcase:[I]},$$scope:{ctx:t}}}),h=new S({props:{id:"properties",$$slots:{default:[F]},$$scope:{ctx:t}}}),y=new L({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),w=new R({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),v=new L({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),D=new R({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),j=new S({props:{id:"slots",$$slots:{default:[wt]},$$scope:{ctx:t}}}),A=new L({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),z=new T({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),J=new R({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),K=new L({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),Q=new T({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),X=new R({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),et=new S({props:{id:"scss-variables",$$slots:{default:[Mt]},$$scope:{ctx:t}}}),at=new R({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=i(),s(a.$$.fragment),o=i(),s(c.$$.fragment),m=i(),s(h.$$.fragment),x=i(),s(y.$$.fragment),k=i(),s(w.$$.fragment),E=i(),s(v.$$.fragment),b=i(),s(D.$$.fragment),C=i(),s(j.$$.fragment),P=i(),s(A.$$.fragment),G=i(),s(z.$$.fragment),V=i(),s(J.$$.fragment),q=i(),s(K.$$.fragment),M=i(),s(Q.$$.fragment),W=i(),s(X.$$.fragment),Z=i(),s(et.$$.fragment),nt=i(),s(at.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(a.$$.fragment,t),o=u(t),$(c.$$.fragment,t),m=u(t),$(h.$$.fragment,t),x=u(t),$(y.$$.fragment,t),k=u(t),$(w.$$.fragment,t),E=u(t),$(v.$$.fragment,t),b=u(t),$(D.$$.fragment,t),C=u(t),$(j.$$.fragment,t),P=u(t),$(A.$$.fragment,t),G=u(t),$(z.$$.fragment,t),V=u(t),$(J.$$.fragment,t),q=u(t),$(K.$$.fragment,t),M=u(t),$(Q.$$.fragment,t),W=u(t),$(X.$$.fragment,t),Z=u(t),$(et.$$.fragment,t),nt=u(t),$(at.$$.fragment,t)},m(t,s){r(e,t,s),g(t,n,s),r(a,t,s),g(t,o,s),r(c,t,s),g(t,m,s),r(h,t,s),g(t,x,s),r(y,t,s),g(t,k,s),r(w,t,s),g(t,E,s),r(v,t,s),g(t,b,s),r(D,t,s),g(t,C,s),r(j,t,s),g(t,P,s),r(A,t,s),g(t,G,s),r(z,t,s),g(t,V,s),r(J,t,s),g(t,q,s),r(K,t,s),g(t,M,s),r(Q,t,s),g(t,W,s),r(X,t,s),g(t,Z,s),r(et,t,s),g(t,nt,s),r(at,t,s),st=!0},p(t,n){const s={};32&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),a.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o);const p={};32&n&&(p.$$scope={dirty:n,ctx:t}),y.$set(p);const l={};32&n&&(l.$$scope={dirty:n,ctx:t}),w.$set(l);const f={};32&n&&(f.$$scope={dirty:n,ctx:t}),v.$set(f);const m={};32&n&&(m.$$scope={dirty:n,ctx:t}),D.$set(m);const i={};32&n&&(i.$$scope={dirty:n,ctx:t}),j.$set(i);const u={};32&n&&(u.$$scope={dirty:n,ctx:t}),A.$set(u);const g={};32&n&&(g.$$scope={dirty:n,ctx:t}),z.$set(g);const d={};32&n&&(d.$$scope={dirty:n,ctx:t}),J.$set(d);const x={};32&n&&(x.$$scope={dirty:n,ctx:t}),K.$set(x);const k={};32&n&&(k.$$scope={dirty:n,ctx:t}),Q.$set(k);const E={};32&n&&(E.$$scope={dirty:n,ctx:t}),X.$set(E);const b={};32&n&&(b.$$scope={dirty:n,ctx:t}),et.$set(b);const O={};32&n&&(O.$$scope={dirty:n,ctx:t}),at.$set(O)},i(t){st||(p(e.$$.fragment,t),p(a.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),p(y.$$.fragment,t),p(w.$$.fragment,t),p(v.$$.fragment,t),p(D.$$.fragment,t),p(j.$$.fragment,t),p(A.$$.fragment,t),p(z.$$.fragment,t),p(J.$$.fragment,t),p(K.$$.fragment,t),p(Q.$$.fragment,t),p(X.$$.fragment,t),p(et.$$.fragment,t),p(at.$$.fragment,t),st=!0)},o(t){l(e.$$.fragment,t),l(a.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(y.$$.fragment,t),l(w.$$.fragment,t),l(v.$$.fragment,t),l(D.$$.fragment,t),l(j.$$.fragment,t),l(A.$$.fragment,t),l(z.$$.fragment,t),l(J.$$.fragment,t),l(K.$$.fragment,t),l(Q.$$.fragment,t),l(X.$$.fragment,t),l(et.$$.fragment,t),l(at.$$.fragment,t),st=!1},d(t){f(e,t),t&&d(n),f(a,t),t&&d(o),f(c,t),t&&d(m),f(h,t),t&&d(x),f(y,t),t&&d(k),f(w,t),t&&d(E),f(v,t),t&&d(b),f(D,t),t&&d(C),f(j,t),t&&d(P),f(A,t),t&&d(G),f(z,t),t&&d(V),f(J,t),t&&d(q),f(K,t),t&&d(M),f(Q,t),t&&d(W),f(X,t),t&&d(Z),f(et,t),t&&d(nt),f(at,t)}}}function pe(t){let e,n;const m=[t[4],le];let i={$$slots:{default:[ce]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=a(i,m[t]);return e=new D({props:i}),{c(){s(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,a){r(e,t,a),n=!0},p(t,[n]){const a=16&n?o(m,[16&n&&c(t[4]),0&n&&c(le)]):{};32&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}const le={name:"Table"},fe="{ text: string; value: string}",me="{ [key: string]: string | number }";function ie(t,e,n){const s=[{firstName:"John",lastName:"Doe",age:694},{firstName:"Leo",lastName:"Tolstoy",age:(new Date).getFullYear()-1828},{firstName:"فلان",lastName:"الفلاني",age:42},{firstName:"Иван",lastName:"Иванов",age:69}],$=`Array<${me}>`;return t.$$set=t=>{n(4,e=a(a({},e),m(t)))},[[{text:"First Name",value:"firstName"},{text:"Last Name",value:"lastName"},{text:"Age",value:"age",align:"end"}],s,'Array<{\n  text: string;\n  value: string;\n  align?: "start" | "center" | "end"\n}>',$,e=m(e)]}class ue extends t{constructor(t){super(),e(this,t,ie,pe,n,{})}}export{ue as default,le as metadata};
diff --git a/376/client/legacy/table.c1711529.js b/376/client/legacy/table.c1711529.js
new file mode 100644
index 000000000..fa3b25798
--- /dev/null
+++ b/376/client/legacy/table.c1711529.js
@@ -0,0 +1 @@
+import{S as s,i as t,s as l,M as e,h as c,k as n,b as o,d as a,e as $,f as r,Q as u,R as i,T as p,t as h,p as f,j as d,l as m,m as v,q as x}from"./client.583c6e60.js";import{L as T}from"./label.d533579b.js";function b(s){let t,l;const d=s[1].default,m=e(d,s,s[0],null);return{c(){t=c("td"),m&&m.c(),this.h()},l(s){t=n(s,"TD",{class:!0});var l=o(t);m&&m.l(l),l.forEach(a),this.h()},h(){$(t,"class","svelte-2jo25p")},m(s,e){r(s,t,e),m&&m.m(t,null),l=!0},p(s,t){let[e]=t;m&&m.p&&(!l||1&e)&&u(m,d,s,s[0],l?p(d,s[0],e,null):i(s[0]),null)},i(s){l||(h(m,s),l=!0)},o(s){f(m,s),l=!1},d(s){s&&a(t),m&&m.d(s)}}}function g(s,t,l){let{$$slots:e={},$$scope:c}=t;return s.$$set=s=>{"$$scope"in s&&l(0,c=s.$$scope)},[c,e]}class E extends s{constructor(s){super(),t(this,s,g,b,l,{})}}function j(s){let t,l;const d=s[1].default,m=e(d,s,s[0],null);return{c(){t=c("tr"),m&&m.c(),this.h()},l(s){t=n(s,"TR",{class:!0});var l=o(t);m&&m.l(l),l.forEach(a),this.h()},h(){$(t,"class","svelte-1mf82y5")},m(s,e){r(s,t,e),m&&m.m(t,null),l=!0},p(s,t){let[e]=t;m&&m.p&&(!l||1&e)&&u(m,d,s,s[0],l?p(d,s[0],e,null):i(s[0]),null)},i(s){l||(h(m,s),l=!0)},o(s){f(m,s),l=!1},d(s){s&&a(t),m&&m.d(s)}}}function w(s,t,l){let{$$slots:e={},$$scope:c}=t;return s.$$set=s=>{"$$scope"in s&&l(0,c=s.$$scope)},[c,e]}class y extends s{constructor(s){super(),t(this,s,w,j,l,{})}}function L(s){let t;const l=s[0].default,c=e(l,s,s[1],null);return{c(){c&&c.c()},l(s){c&&c.l(s)},m(s,l){c&&c.m(s,l),t=!0},p(s,e){c&&c.p&&(!t||2&e)&&u(c,l,s,s[1],t?p(l,s[1],e,null):i(s[1]),null)},i(s){t||(h(c,s),t=!0)},o(s){f(c,s),t=!1},d(s){c&&c.d(s)}}}function R(s){let t,l,e;return l=new T({props:{$$slots:{default:[L]},$$scope:{ctx:s}}}),{c(){t=c("th"),d(l.$$.fragment),this.h()},l(s){t=n(s,"TH",{class:!0});var e=o(t);m(l.$$.fragment,e),e.forEach(a),this.h()},h(){$(t,"class","svelte-pwzfgs")},m(s,c){r(s,t,c),v(l,t,null),e=!0},p(s,t){let[e]=t;const c={};2&e&&(c.$$scope={dirty:e,ctx:s}),l.$set(c)},i(s){e||(h(l.$$.fragment,s),e=!0)},o(s){f(l.$$.fragment,s),e=!1},d(s){s&&a(t),x(l)}}}function k(s,t,l){let{$$slots:e={},$$scope:c}=t;return s.$$set=s=>{"$$scope"in s&&l(1,c=s.$$scope)},[e,c]}class q extends s{constructor(s){super(),t(this,s,k,R,l,{})}}function z(s){let t,l;const d=s[1].default,m=e(d,s,s[0],null);return{c(){t=c("table"),m&&m.c(),this.h()},l(s){t=n(s,"TABLE",{class:!0});var l=o(t);m&&m.l(l),l.forEach(a),this.h()},h(){$(t,"class","svelte-174o5ul")},m(s,e){r(s,t,e),m&&m.m(t,null),l=!0},p(s,t){let[e]=t;m&&m.p&&(!l||1&e)&&u(m,d,s,s[0],l?p(d,s[0],e,null):i(s[0]),null)},i(s){l||(h(m,s),l=!0)},o(s){f(m,s),l=!1},d(s){s&&a(t),m&&m.d(s)}}}function A(s,t,l){let{$$slots:e={},$$scope:c}=t;return s.$$set=s=>{"$$scope"in s&&l(0,c=s.$$scope)},[c,e]}class B extends s{constructor(s){super(),t(this,s,A,z,l,{})}}export{B as T,y as a,q as b,E as c};
diff --git a/376/client/legacy/tabs-0c50dbbb.css b/376/client/legacy/tabs-0c50dbbb.css
new file mode 100644
index 000000000..5b98ab8e0
--- /dev/null
+++ b/376/client/legacy/tabs-0c50dbbb.css
@@ -0,0 +1 @@
+nav.svelte-nmqube{display:flex;justify-content:space-between}
diff --git a/376/client/legacy/tabs.6ac2017f.js b/376/client/legacy/tabs.6ac2017f.js
new file mode 100644
index 000000000..209471bf7
--- /dev/null
+++ b/376/client/legacy/tabs.6ac2017f.js
@@ -0,0 +1 @@
+import{S as s,i as a,s as e,h as t,k as l,b as n,d as r,e as o,X as i,f as c,y as u,Z as f,z as m,t as h,p as g,Y as p,$,H as v,j as b,l as d,m as j,a1 as C,q,_ as k,a2 as w}from"./client.583c6e60.js";import{c as x}from"./classes.a7d1a9eb.js";import{T as y}from"./tab.d157e8e5.js";function T(s,a,e){const t=s.slice();return t[7]=a[e],t}function z(s,a){let e,t,l,n;function o(s){a[5](s)}let i={class:x(a[2]),value:a[7],name:a[4]};return void 0!==a[0]&&(i.group=a[0]),t=new y({props:i}),p.push((()=>$(t,"group",o))),t.$on("change",a[6]),{key:s,first:null,c(){e=v(),b(t.$$.fragment),this.h()},l(s){e=v(),d(t.$$.fragment,s),this.h()},h(){this.first=e},m(s,a){c(s,e,a),j(t,s,a),n=!0},p(s,e){a=s;const n={};4&e&&(n.class=x(a[2])),8&e&&(n.value=a[7]),16&e&&(n.name=a[4]),!l&&1&e&&(l=!0,n.group=a[0],C((()=>l=!1))),t.$set(n)},i(s){n||(h(t.$$.fragment,s),n=!0)},o(s){g(t.$$.fragment,s),n=!1},d(s){s&&r(e),q(t,s)}}}function A(s){let a,e,p,$=[],v=new Map,b=s[3];const d=s=>s[7];for(let a=0;a<b.length;a+=1){let e=T(s,b,a),t=d(e);v.set(t,$[a]=z(t,e))}return{c(){a=t("nav");for(let s=0;s<$.length;s+=1)$[s].c();this.h()},l(s){a=l(s,"NAV",{class:!0,role:!0});var e=n(a);for(let s=0;s<$.length;s+=1)$[s].l(e);e.forEach(r),this.h()},h(){o(a,"class",e=i(x(s[1]))+" svelte-nmqube"),o(a,"role","group")},m(s,e){c(s,a,e);for(let s=0;s<$.length;s+=1)$[s]&&$[s].m(a,null);p=!0},p(s,t){let[l]=t;29&l&&(b=s[3],u(),$=f($,l,d,1,s,b,v,a,k,z,null,T),m()),(!p||2&l&&e!==(e=i(x(s[1]))+" svelte-nmqube"))&&o(a,"class",e)},i(s){if(!p){for(let s=0;s<b.length;s+=1)h($[s]);p=!0}},o(s){for(let s=0;s<$.length;s+=1)g($[s]);p=!1},d(s){s&&r(a);for(let s=0;s<$.length;s+=1)$[s].d()}}}function E(s,a,e){let{class:t=null}=a,{tabClass:l=null}=a,{value:n=null}=a,{items:r}=a,{name:o}=a;return s.$$set=s=>{"class"in s&&e(1,t=s.class),"tabClass"in s&&e(2,l=s.tabClass),"value"in s&&e(0,n=s.value),"items"in s&&e(3,r=s.items),"name"in s&&e(4,o=s.name)},[n,t,l,r,o,function(s){n=s,e(0,n)},function(a){w.call(this,s,a)}]}var H=class extends s{constructor(s){super(),a(this,s,E,A,e,{class:1,tabClass:2,value:0,items:3,name:4})}};export{H as T};
diff --git a/376/client/legacy/tabs.b133d610.js b/376/client/legacy/tabs.b133d610.js
new file mode 100644
index 000000000..5206772c9
--- /dev/null
+++ b/376/client/legacy/tabs.b133d610.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as s,l as a,m as r,U as o,a0 as c,t as f,p as l,q as p,L as m,u as g,h as i,v as d,w as u,k as h,b as x,x as v,d as E,e as w,f as y,g as b,Y as D,$ as T,a1 as O,n as k}from"./client.583c6e60.js";import{L as C,H as A,P as S}from"./layout.47c81311.js";import{T as N}from"./tabs.6ac2017f.js";import{S as j}from"./showcase.759e7149.js";import{C as R}from"./color-preview.9db6af61.js";import{R as F}from"./related-components.9fddec4f.js";import{H as L}from"./h2.0da05151.js";import{H as M}from"./h3.c9a49f62.js";import{T as G,a as H,b as P,c as q}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./tab.d157e8e5.js";import"./button.863c0adf.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";import"./card.113fcab4.js";function z(t){let e;return{c(){e=d("Tabs")},l(t){e=v(t,"Tabs")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function B(t){let e;return{c(){e=d("Tabs are used to organize content and navigate between it.")},l(t){e=v(t,"Tabs are used to organize content and navigate between it.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function U(t){let e,$,n,o;function c(e){t[2](e)}let m={name:"menu",items:["Appetizers","Main dishes","Drinks"]};return void 0!==t[0]&&(m.value=t[0]),$=new N({props:m}),D.push((()=>T($,"value",c))),{c(){e=i("div"),s($.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var n=x(e);a($.$$.fragment,n),n.forEach(E),this.h()},h(){w(e,"slot","showcase"),w(e,"class","padded")},m(t,n){y(t,e,n),r($,e,null),o=!0},p(t,e){const s={};!n&&1&e&&(n=!0,s.value=t[0],O((()=>n=!1))),$.$set(s)},i(t){o||(f($.$$.fragment,t),o=!0)},o(t){l($.$$.fragment,t),o=!1},d(t){t&&E(e),p($)}}}function V(t){let e,$;return{c(){e=i("div"),$=i("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var n=x(e);$=h(n,"PRE",{class:!0}),x($).forEach(E),n.forEach(E),this.h()},h(){w($,"class","language-svelte"),w(e,"slot","source")},m(t,n){y(t,e,n),b(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">let</span> selectedTab <span class="token operator">=</span> <span class="token string">\'Main dishes\'</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Tabs</span>\n  <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>menu<span class="token punctuation">"</span></span>\n  <span class="token attr-name">items=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token punctuation">[</span><span class="token string">\'Appetizers\'</span><span class="token punctuation">,</span> <span class="token string">\'Main dishes\'</span><span class="token punctuation">,</span> <span class="token string">\'Drinks\'</span><span class="token punctuation">]</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name"><span class="token namespace">bind:</span>value=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>selectedTab<span class="token punctuation">&#125;</span></span>\n<span class="token punctuation">/></span></span></code>'},p:k,d(t){t&&E(e)}}}function Y(t){let e;return{c(){e=d("Properties")},l(t){e=v(t,"Properties")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function I(t){let e;return{c(){e=d("Functional Properties")},l(t){e=v(t,"Functional Properties")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function K(t){let e;return{c(){e=d("Name")},l(t){e=v(t,"Name")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function W(t){let e;return{c(){e=d("Default")},l(t){e=v(t,"Default")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function _(t){let e;return{c(){e=d("Type")},l(t){e=v(t,"Type")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function J(t){let e;return{c(){e=d("Description")},l(t){e=v(t,"Description")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Q(t){let e,$,n,o,c,m,i,d;return e=new P({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),i=new P({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t),m=u(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),y(t,$,s),r(n,t,s),y(t,o,s),r(c,t,s),y(t,m,s),r(i,t,s),d=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),i.$set(o)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(i,t)}}}function X(t){let e,$,n,s,a,r,o;return{c(){e=i("mark"),$=i("strong"),n=i("code"),s=d("name"),a=d(" "),r=i("span"),o=d("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);n=h(f,"CODE",{});var l=x(n);s=v(l,"name"),l.forEach(E),f.forEach(E),c.forEach(E),a=v(t," "),r=h(t,"SPAN",{class:!0});var p=x(r);o=v(p,"*"),p.forEach(E),this.h()},h(){w(r,"class","required")},m(t,c){y(t,e,c),b(e,$),b($,n),b(n,s),y(t,a,c),y(t,r,c),b(r,o)},p:k,d(t){t&&E(e),t&&E(a),t&&E(r)}}}function Z(t){let e,$;return{c(){e=i("code"),$=d("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"string"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:k,d(t){t&&E(e)}}}function tt(t){let e,$,n,s,a,r,o,c,f,l,p,m;return{c(){e=d("The name passed to each of the underlying "),$=i("code"),n=d("<Tab>"),s=d("s, which in turn becomes assigned to the "),a=i("code"),r=d('<input type="radio">'),o=d("s' "),c=i("a"),f=i("code"),l=d("name"),p=d(" attribute"),m=d("."),this.h()},l(t){e=v(t,"The name passed to each of the underlying "),$=h(t,"CODE",{});var g=x($);n=v(g,"<Tab>"),g.forEach(E),s=v(t,"s, which in turn becomes assigned to the "),a=h(t,"CODE",{});var i=x(a);r=v(i,'<input type="radio">'),i.forEach(E),o=v(t,"s' "),c=h(t,"A",{href:!0,rel:!0});var d=x(c);f=h(d,"CODE",{});var u=x(f);l=v(u,"name"),u.forEach(E),p=v(d," attribute"),d.forEach(E),m=v(t,"."),this.h()},h(){w(c,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname"),w(c,"rel","nofollow")},m(t,g){y(t,e,g),y(t,$,g),b($,n),y(t,s,g),y(t,a,g),b(a,r),y(t,o,g),y(t,c,g),b(c,f),b(f,l),b(c,p),y(t,m,g)},p:k,d(t){t&&E(e),t&&E($),t&&E(s),t&&E(a),t&&E(o),t&&E(c),t&&E(m)}}}function et(t){let e,$,n,o,c,m,i,d;return e=new q({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),n=new q({}),c=new q({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),i=new q({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t),m=u(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),y(t,$,s),r(n,t,s),y(t,o,s),r(c,t,s),y(t,m,s),r(i,t,s),d=!0},p(t,$){const n={};8&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(i,t)}}}function $t(t){let e,$,n,s,a,r,o;return{c(){e=i("mark"),$=i("strong"),n=i("code"),s=d("items"),a=d(" "),r=i("span"),o=d("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);n=h(f,"CODE",{});var l=x(n);s=v(l,"items"),l.forEach(E),f.forEach(E),c.forEach(E),a=v(t," "),r=h(t,"SPAN",{class:!0});var p=x(r);o=v(p,"*"),p.forEach(E),this.h()},h(){w(r,"class","required")},m(t,c){y(t,e,c),b(e,$),b($,n),b(n,s),y(t,a,c),y(t,r,c),b(r,o)},p:k,d(t){t&&E(e),t&&E(a),t&&E(r)}}}function nt(t){let e,$;return{c(){e=i("code"),$=d("Array")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"Array"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:k,d(t){t&&E(e)}}}function st(t){let e;return{c(){e=d("An array of strings that act as the labels of the tabs.")},l(t){e=v(t,"An array of strings that act as the labels of the tabs.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function at(t){let e,$,n,o,c,m,i,d;return e=new q({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),n=new q({}),c=new q({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),i=new q({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t),m=u(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),y(t,$,s),r(n,t,s),y(t,o,s),r(c,t,s),y(t,m,s),r(i,t,s),d=!0},p(t,$){const n={};8&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),i.$set(a)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(i,t)}}}function rt(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=d("value")},l(t){e=h(t,"STRONG",{});var s=x(e);$=h(s,"CODE",{});var a=x($);n=v(a,"value"),a.forEach(E),s.forEach(E)},m(t,s){y(t,e,s),b(e,$),b($,n)},p:k,d(t){t&&E(e)}}}function ot(t){let e,$;return{c(){e=i("code"),$=d("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"null"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:k,d(t){t&&E(e)}}}function ct(t){let e,$;return{c(){e=i("code"),$=d("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"string"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:k,d(t){t&&E(e)}}}function ft(t){let e;return{c(){e=d("The currently selected tab.")},l(t){e=v(t,"The currently selected tab.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function lt(t){let e,$,n,o,c,m,i,d;return e=new q({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),n=new q({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),i=new q({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t),m=u(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),y(t,$,s),r(n,t,s),y(t,o,s),r(c,t,s),y(t,m,s),r(i,t,s),d=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),i.$set(o)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(i,t)}}}function pt(t){let e,$,n,o,c,m,d,v,w,D;return $=new H({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),d=new H({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),w=new H({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),{c(){e=i("thead"),s($.$$.fragment),n=g(),o=i("tbody"),s(c.$$.fragment),m=g(),s(d.$$.fragment),v=g(),s(w.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a($.$$.fragment,s),s.forEach(E),n=u(t),o=h(t,"TBODY",{});var r=x(o);a(c.$$.fragment,r),m=u(r),a(d.$$.fragment,r),v=u(r),a(w.$$.fragment,r),r.forEach(E)},m(t,s){y(t,e,s),r($,e,null),y(t,n,s),y(t,o,s),r(c,o,null),b(o,m),r(d,o,null),b(o,v),r(w,o,null),D=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),d.$set(a);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),w.$set(r)},i(t){D||(f($.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),f(w.$$.fragment,t),D=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),l(w.$$.fragment,t),D=!1},d(t){t&&E(e),p($),t&&E(n),t&&E(o),p(c),p(d),p(w)}}}function mt(t){let e;return{c(){e=d("Class Properties")},l(t){e=v(t,"Class Properties")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function gt(t){let e;return{c(){e=d("Falsy values passed to classes will be disregarded.")},l(t){e=v(t,"Falsy values passed to classes will be disregarded.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function it(t){let e;return{c(){e=d("Name")},l(t){e=v(t,"Name")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function dt(t){let e;return{c(){e=d("Default")},l(t){e=v(t,"Default")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function ut(t){let e;return{c(){e=d("Type")},l(t){e=v(t,"Type")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function ht(t){let e;return{c(){e=d("Description")},l(t){e=v(t,"Description")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function xt(t){let e,$,n,o,c,m,i,d;return e=new P({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),i=new P({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t),m=u(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),y(t,$,s),r(n,t,s),y(t,o,s),r(c,t,s),y(t,m,s),r(i,t,s),d=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),i.$set(o)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(i,t)}}}function vt(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=d("class")},l(t){e=h(t,"STRONG",{});var s=x(e);$=h(s,"CODE",{});var a=x($);n=v(a,"class"),a.forEach(E),s.forEach(E)},m(t,s){y(t,e,s),b(e,$),b($,n)},p:k,d(t){t&&E(e)}}}function Et(t){let e,$;return{c(){e=i("code"),$=d("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"null"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:k,d(t){t&&E(e)}}}function wt(t){let e,$;return{c(){e=i("code"),$=d("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"string"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:k,d(t){t&&E(e)}}}function yt(t){let e,$,n,s;return{c(){e=d("A class string to assign to the root "),$=i("code"),n=d("<nav>"),s=d(" element.")},l(t){e=v(t,"A class string to assign to the root "),$=h(t,"CODE",{});var a=x($);n=v(a,"<nav>"),a.forEach(E),s=v(t," element.")},m(t,a){y(t,e,a),y(t,$,a),b($,n),y(t,s,a)},p:k,d(t){t&&E(e),t&&E($),t&&E(s)}}}function bt(t){let e,$,n,o,c,m,i,d;return e=new q({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),n=new q({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),i=new q({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t),m=u(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),y(t,$,s),r(n,t,s),y(t,o,s),r(c,t,s),y(t,m,s),r(i,t,s),d=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),i.$set(o)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(i,t)}}}function Dt(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=d("tabClass")},l(t){e=h(t,"STRONG",{});var s=x(e);$=h(s,"CODE",{});var a=x($);n=v(a,"tabClass"),a.forEach(E),s.forEach(E)},m(t,s){y(t,e,s),b(e,$),b($,n)},p:k,d(t){t&&E(e)}}}function Tt(t){let e,$;return{c(){e=i("code"),$=d("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"null"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:k,d(t){t&&E(e)}}}function Ot(t){let e,$;return{c(){e=i("code"),$=d("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"string"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:k,d(t){t&&E(e)}}}function kt(t){let e,$,n,s;return{c(){e=d("A class string to pass to each "),$=i("code"),n=d("<Tab>"),s=d(" component.")},l(t){e=v(t,"A class string to pass to each "),$=h(t,"CODE",{});var a=x($);n=v(a,"<Tab>"),a.forEach(E),s=v(t," component.")},m(t,a){y(t,e,a),y(t,$,a),b($,n),y(t,s,a)},p:k,d(t){t&&E(e),t&&E($),t&&E(s)}}}function Ct(t){let e,$,n,o,c,m,i,d;return e=new q({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),n=new q({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),i=new q({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t),m=u(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),y(t,$,s),r(n,t,s),y(t,o,s),r(c,t,s),y(t,m,s),r(i,t,s),d=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),i.$set(o)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(i,t)}}}function At(t){let e,$,n,o,c,m,d,v;return $=new H({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),d=new H({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){e=i("thead"),s($.$$.fragment),n=g(),o=i("tbody"),s(c.$$.fragment),m=g(),s(d.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a($.$$.fragment,s),s.forEach(E),n=u(t),o=h(t,"TBODY",{});var r=x(o);a(c.$$.fragment,r),m=u(r),a(d.$$.fragment,r),r.forEach(E)},m(t,s){y(t,e,s),r($,e,null),y(t,n,s),y(t,o,s),r(c,o,null),b(o,m),r(d,o,null),v=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),d.$set(a)},i(t){v||(f($.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),v=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),v=!1},d(t){t&&E(e),p($),t&&E(n),t&&E(o),p(c),p(d)}}}function St(t){let e;return{c(){e=d("Events")},l(t){e=v(t,"Events")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Nt(t){let e;return{c(){e=d("Name")},l(t){e=v(t,"Name")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function jt(t){let e;return{c(){e=d("Event Detail")},l(t){e=v(t,"Event Detail")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Rt(t){let e;return{c(){e=d("Description")},l(t){e=v(t,"Description")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Ft(t){let e,$,n,o,c,m;return e=new P({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),y(t,$,s),r(n,t,s),y(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function Lt(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=d("change")},l(t){e=h(t,"STRONG",{});var s=x(e);$=h(s,"CODE",{});var a=x($);n=v(a,"change"),a.forEach(E),s.forEach(E)},m(t,s){y(t,e,s),b(e,$),b($,n)},p:k,d(t){t&&E(e)}}}function Mt(t){let e,$;return{c(){e=i("code"),$=d("{ value, nativeEvent }")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"{ value, nativeEvent }"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:k,d(t){t&&E(e)}}}function Gt(t){let e,$,n,s,a,r,o,c,f,l,p,m,g,u,D,T;return{c(){e=d("Fired when selecting a different tab. The "),$=i("code"),n=d("value"),s=d(" contains the tab's "),a=i("code"),r=d("value"),o=d(" (from the "),c=i("code"),f=d("items"),l=d(" prop) and "),p=i("code"),m=d("nativeEvent"),g=d(" has the "),u=i("a"),D=d("native change event"),T=d("."),this.h()},l(t){e=v(t,"Fired when selecting a different tab. The "),$=h(t,"CODE",{});var i=x($);n=v(i,"value"),i.forEach(E),s=v(t," contains the tab's "),a=h(t,"CODE",{});var d=x(a);r=v(d,"value"),d.forEach(E),o=v(t," (from the "),c=h(t,"CODE",{});var w=x(c);f=v(w,"items"),w.forEach(E),l=v(t," prop) and "),p=h(t,"CODE",{});var y=x(p);m=v(y,"nativeEvent"),y.forEach(E),g=v(t," has the "),u=h(t,"A",{href:!0,rel:!0});var b=x(u);D=v(b,"native change event"),b.forEach(E),T=v(t,"."),this.h()},h(){w(u,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),w(u,"rel","nofollow")},m(t,i){y(t,e,i),y(t,$,i),b($,n),y(t,s,i),y(t,a,i),b(a,r),y(t,o,i),y(t,c,i),b(c,f),y(t,l,i),y(t,p,i),b(p,m),y(t,g,i),y(t,u,i),b(u,D),y(t,T,i)},p:k,d(t){t&&E(e),t&&E($),t&&E(s),t&&E(a),t&&E(o),t&&E(c),t&&E(l),t&&E(p),t&&E(g),t&&E(u),t&&E(T)}}}function Ht(t){let e,$,n,o,c,m;return e=new q({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),n=new q({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),y(t,$,s),r(n,t,s),y(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function Pt(t){let e,$,n,o,c,m;return $=new H({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),{c(){e=i("thead"),s($.$$.fragment),n=g(),o=i("tbody"),s(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a($.$$.fragment,s),s.forEach(E),n=u(t),o=h(t,"TBODY",{});var r=x(o);a(c.$$.fragment,r),r.forEach(E)},m(t,s){y(t,e,s),r($,e,null),y(t,n,s),y(t,o,s),r(c,o,null),m=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&E(e),p($),t&&E(n),t&&E(o),p(c)}}}function qt(t){let e;return{c(){e=d("SCSS Variables")},l(t){e=v(t,"SCSS Variables")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function zt(t){let e;return{c(){e=d("Name")},l(t){e=v(t,"Name")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Bt(t){let e;return{c(){e=d("Description")},l(t){e=v(t,"Description")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Ut(t){let e;return{c(){e=d("Default")},l(t){e=v(t,"Default")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Vt(t){let e,$,n,o,c,m;return e=new P({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),y(t,$,s),r(n,t,s),y(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function Yt(t){let e,$,n,s,a,r,o,c,f;return{c(){e=i("strong"),$=i("code"),n=d("$main"),s=g(),a=i("small"),r=d("From "),o=i("a"),c=i("code"),f=d("Tab"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var p=x($);n=v(p,"$main"),p.forEach(E),l.forEach(E),s=u(t),a=h(t,"SMALL",{});var m=x(a);r=v(m,"From "),o=h(m,"A",{href:!0});var g=x(o);c=h(g,"CODE",{});var i=x(c);f=v(i,"Tab"),i.forEach(E),g.forEach(E),m.forEach(E),this.h()},h(){w(o,"href","./docs/components/tab")},m(t,l){y(t,e,l),b(e,$),b($,n),y(t,s,l),y(t,a,l),b(a,r),b(a,o),b(o,c),b(c,f)},p:k,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function It(t){let e;return{c(){e=d("Affects the color of the ripple background, border color of the selected tab, and text color.")},l(t){e=v(t,"Affects the color of the ripple background, border color of the selected tab, and text color.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Kt(t){let e,$;return e=new R({props:{value:"#4300B0"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){r(e,t,n),$=!0},p:k,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Wt(t){let e,$,n,o,c,m;return e=new q({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),n=new q({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),y(t,$,s),r(n,t,s),y(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function _t(t){let e,$,n,s,a,r,o,c,f;return{c(){e=i("strong"),$=i("code"),n=d("$disabled"),s=g(),a=i("small"),r=d("From "),o=i("a"),c=i("code"),f=d("Tab"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var p=x($);n=v(p,"$disabled"),p.forEach(E),l.forEach(E),s=u(t),a=h(t,"SMALL",{});var m=x(a);r=v(m,"From "),o=h(m,"A",{href:!0});var g=x(o);c=h(g,"CODE",{});var i=x(c);f=v(i,"Tab"),i.forEach(E),g.forEach(E),m.forEach(E),this.h()},h(){w(o,"href","./docs/components/tab")},m(t,l){y(t,e,l),b(e,$),b($,n),y(t,s,l),y(t,a,l),b(a,r),b(a,o),b(o,c),b(c,f)},p:k,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function Jt(t){let e;return{c(){e=d("The text color of disabled tabs.")},l(t){e=v(t,"The text color of disabled tabs.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Qt(t){let e,$;return e=new R({props:{value:"#888888"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){r(e,t,n),$=!0},p:k,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Xt(t){let e,$,n,o,c,m;return e=new q({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),n=new q({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),y(t,$,s),r(n,t,s),y(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function Zt(t){let e,$,n,s,a,r,o,c,f;return{c(){e=i("strong"),$=i("code"),n=d("$off-state"),s=g(),a=i("small"),r=d("From "),o=i("a"),c=i("code"),f=d("Tab"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var p=x($);n=v(p,"$off-state"),p.forEach(E),l.forEach(E),s=u(t),a=h(t,"SMALL",{});var m=x(a);r=v(m,"From "),o=h(m,"A",{href:!0});var g=x(o);c=h(g,"CODE",{});var i=x(c);f=v(i,"Tab"),i.forEach(E),g.forEach(E),m.forEach(E),this.h()},h(){w(o,"href","./docs/components/tab")},m(t,l){y(t,e,l),b(e,$),b($,n),y(t,s,l),y(t,a,l),b(a,r),b(a,o),b(o,c),b(c,f)},p:k,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function te(t){let e;return{c(){e=d("Affects the background color of the tab when focused or hovered on and the default border color.")},l(t){e=v(t,"Affects the background color of the tab when focused or hovered on and the default border color.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function ee(t){let e,$;return e=new R({props:{value:"#AAAAAA"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){r(e,t,n),$=!0},p:k,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function $e(t){let e,$,n,o,c,m;return e=new q({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),n=new q({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),y(t,$,s),r(n,t,s),y(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function ne(t){let e,$,n,s,a,r,o,c,f;return{c(){e=i("strong"),$=i("code"),n=d("$font"),s=g(),a=i("small"),r=d("From "),o=i("a"),c=i("code"),f=d("Tab"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var p=x($);n=v(p,"$font"),p.forEach(E),l.forEach(E),s=u(t),a=h(t,"SMALL",{});var m=x(a);r=v(m,"From "),o=h(m,"A",{href:!0});var g=x(o);c=h(g,"CODE",{});var i=x(c);f=v(i,"Tab"),i.forEach(E),g.forEach(E),m.forEach(E),this.h()},h(){w(o,"href","./docs/components/tab")},m(t,l){y(t,e,l),b(e,$),b($,n),y(t,s,l),y(t,a,l),b(a,r),b(a,o),b(o,c),b(c,f)},p:k,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function se(t){let e;return{c(){e=d("The font family of the content text.")},l(t){e=v(t,"The font family of the content text.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function ae(t){let e,$;return{c(){e=i("code"),$=d("'Ubuntu'")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"'Ubuntu'"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:k,d(t){t&&E(e)}}}function re(t){let e,$,n,o,c,m;return e=new q({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),n=new q({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),y(t,$,s),r(n,t,s),y(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function oe(t){let e,$,n,s,a,r,o,c,f;return{c(){e=i("strong"),$=i("code"),n=d("$bold-font-weight"),s=g(),a=i("small"),r=d("From "),o=i("a"),c=i("code"),f=d("Tab"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var p=x($);n=v(p,"$bold-font-weight"),p.forEach(E),l.forEach(E),s=u(t),a=h(t,"SMALL",{});var m=x(a);r=v(m,"From "),o=h(m,"A",{href:!0});var g=x(o);c=h(g,"CODE",{});var i=x(c);f=v(i,"Tab"),i.forEach(E),g.forEach(E),m.forEach(E),this.h()},h(){w(o,"href","./docs/components/tab")},m(t,l){y(t,e,l),b(e,$),b($,n),y(t,s,l),y(t,a,l),b(a,r),b(a,o),b(o,c),b(c,f)},p:k,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function ce(t){let e;return{c(){e=d("The font weight of the content text.")},l(t){e=v(t,"The font weight of the content text.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function fe(t){let e,$;return{c(){e=i("code"),$=d("500")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"500"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:k,d(t){t&&E(e)}}}function le(t){let e,$,n,o,c,m;return e=new q({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),n=new q({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),y(t,$,s),r(n,t,s),y(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function pe(t){let e,$,n,o,c,m,d,v,w,D,T,O,k,C;return $=new H({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),d=new H({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),w=new H({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),T=new H({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),k=new H({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),{c(){e=i("thead"),s($.$$.fragment),n=g(),o=i("tbody"),s(c.$$.fragment),m=g(),s(d.$$.fragment),v=g(),s(w.$$.fragment),D=g(),s(T.$$.fragment),O=g(),s(k.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a($.$$.fragment,s),s.forEach(E),n=u(t),o=h(t,"TBODY",{});var r=x(o);a(c.$$.fragment,r),m=u(r),a(d.$$.fragment,r),v=u(r),a(w.$$.fragment,r),D=u(r),a(T.$$.fragment,r),O=u(r),a(k.$$.fragment,r),r.forEach(E)},m(t,s){y(t,e,s),r($,e,null),y(t,n,s),y(t,o,s),r(c,o,null),b(o,m),r(d,o,null),b(o,v),r(w,o,null),b(o,D),r(T,o,null),b(o,O),r(k,o,null),C=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),d.$set(a);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),w.$set(r);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),T.$set(o);const f={};8&e&&(f.$$scope={dirty:e,ctx:t}),k.$set(f)},i(t){C||(f($.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),f(w.$$.fragment,t),f(T.$$.fragment,t),f(k.$$.fragment,t),C=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),l(w.$$.fragment,t),l(T.$$.fragment,t),l(k.$$.fragment,t),C=!1},d(t){t&&E(e),p($),t&&E(n),t&&E(o),p(c),p(d),p(w),p(T),p(k)}}}function me(t){let e,$,n,o,c,m,D,T,O,k,C,N,R,H,P,q,K,W,_,J,Q,X,Z,tt,et,$t,nt,st,at,rt,ot;return e=new A({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),n=new S({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),c=new F({props:{components:ue}}),D=new j({props:{$$slots:{source:[V],showcase:[U]},$$scope:{ctx:t}}}),O=new L({props:{id:"properties",$$slots:{default:[Y]},$$scope:{ctx:t}}}),C=new M({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),R=new G({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),W=new M({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),J=new S({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),X=new G({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),tt=new L({props:{id:"events",$$slots:{default:[St]},$$scope:{ctx:t}}}),$t=new G({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),st=new L({props:{id:"scss-variables",$$slots:{default:[qt]},$$scope:{ctx:t}}}),rt=new G({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(D.$$.fragment),T=g(),s(O.$$.fragment),k=g(),s(C.$$.fragment),N=g(),s(R.$$.fragment),H=g(),P=i("div"),q=d("* Required"),K=g(),s(W.$$.fragment),_=g(),s(J.$$.fragment),Q=g(),s(X.$$.fragment),Z=g(),s(tt.$$.fragment),et=g(),s($t.$$.fragment),nt=g(),s(st.$$.fragment),at=g(),s(rt.$$.fragment),this.h()},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t),m=u(t),a(D.$$.fragment,t),T=u(t),a(O.$$.fragment,t),k=u(t),a(C.$$.fragment,t),N=u(t),a(R.$$.fragment,t),H=u(t),P=h(t,"DIV",{class:!0});var s=x(P);q=v(s,"* Required"),s.forEach(E),K=u(t),a(W.$$.fragment,t),_=u(t),a(J.$$.fragment,t),Q=u(t),a(X.$$.fragment,t),Z=u(t),a(tt.$$.fragment,t),et=u(t),a($t.$$.fragment,t),nt=u(t),a(st.$$.fragment,t),at=u(t),a(rt.$$.fragment,t),this.h()},h(){w(P,"class","required")},m(t,s){r(e,t,s),y(t,$,s),r(n,t,s),y(t,o,s),r(c,t,s),y(t,m,s),r(D,t,s),y(t,T,s),r(O,t,s),y(t,k,s),r(C,t,s),y(t,N,s),r(R,t,s),y(t,H,s),y(t,P,s),b(P,q),y(t,K,s),r(W,t,s),y(t,_,s),r(J,t,s),y(t,Q,s),r(X,t,s),y(t,Z,s),r(tt,t,s),y(t,et,s),r($t,t,s),y(t,nt,s),r(st,t,s),y(t,at,s),r(rt,t,s),ot=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};9&$&&(r.$$scope={dirty:$,ctx:t}),D.$set(r);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),O.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),C.$set(c);const f={};8&$&&(f.$$scope={dirty:$,ctx:t}),R.$set(f);const l={};8&$&&(l.$$scope={dirty:$,ctx:t}),W.$set(l);const p={};8&$&&(p.$$scope={dirty:$,ctx:t}),J.$set(p);const m={};8&$&&(m.$$scope={dirty:$,ctx:t}),X.$set(m);const g={};8&$&&(g.$$scope={dirty:$,ctx:t}),tt.$set(g);const i={};8&$&&(i.$$scope={dirty:$,ctx:t}),$t.$set(i);const d={};8&$&&(d.$$scope={dirty:$,ctx:t}),st.$set(d);const u={};8&$&&(u.$$scope={dirty:$,ctx:t}),rt.$set(u)},i(t){ot||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(D.$$.fragment,t),f(O.$$.fragment,t),f(C.$$.fragment,t),f(R.$$.fragment,t),f(W.$$.fragment,t),f(J.$$.fragment,t),f(X.$$.fragment,t),f(tt.$$.fragment,t),f($t.$$.fragment,t),f(st.$$.fragment,t),f(rt.$$.fragment,t),ot=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(D.$$.fragment,t),l(O.$$.fragment,t),l(C.$$.fragment,t),l(R.$$.fragment,t),l(W.$$.fragment,t),l(J.$$.fragment,t),l(X.$$.fragment,t),l(tt.$$.fragment,t),l($t.$$.fragment,t),l(st.$$.fragment,t),l(rt.$$.fragment,t),ot=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(D,t),t&&E(T),p(O,t),t&&E(k),p(C,t),t&&E(N),p(R,t),t&&E(H),t&&E(P),t&&E(K),p(W,t),t&&E(_),p(J,t),t&&E(Q),p(X,t),t&&E(Z),p(tt,t),t&&E(et),p($t,t),t&&E(nt),p(st,t),t&&E(at),p(rt,t)}}}function ge(t){let e,$;const m=[t[1],ie];let g={$$slots:{default:[me]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)g=n(g,m[t]);return e=new C({props:g}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){r(e,t,n),$=!0},p(t,[$]){const n=2&$?o(m,[2&$&&c(t[1]),0&$&&c(ie)]):{};9&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}const ie={name:"Tabs",relatedComponents:[{name:"Tab",link:"./docs/components/tab"}]},{name:de,relatedComponents:ue}=ie;function he(t,e,$){let s="Main dishes";return t.$$set=t=>{$(1,e=n(n({},e),m(t)))},e=m(e),[s,e,function(t){s=t,$(0,s)}]}class xe extends t{constructor(t){super(),e(this,t,he,ge,$,{})}}export{xe as default,ie as metadata};
diff --git a/376/client/legacy/text-field-02b3c03b.css b/376/client/legacy/text-field-02b3c03b.css
new file mode 100644
index 000000000..a6269e17f
--- /dev/null
+++ b/376/client/legacy/text-field-02b3c03b.css
@@ -0,0 +1 @@
+.text-field.svelte-fxvd28 input[type=search].svelte-fxvd28.svelte-fxvd28::-webkit-search-cancel-button{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");background-size:contain;border:0.1875em solid transparent;border-radius:50%;cursor:pointer;height:1.25em;position:relative;top:1px;width:1.25em}.text-field.svelte-fxvd28 input[type=search].svelte-fxvd28.svelte-fxvd28::-webkit-search-cancel-button:hover{background-color:rgba(51, 51, 51, 0.1)}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{background-color:#f5f5f5;border:0 solid rgba(0, 0, 0, 0.42);border-bottom-width:0.0625em;border-top-left-radius:0.375em;border-top-right-radius:0.375em;box-sizing:border-box;padding:0 0.625em 0.0625em;width:100%;font-family:"Ubuntu", sans-serif;font-size:1rem;font-weight:300;height:2.8em;outline:none}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:hover,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:hover{background-color:#eeeeee}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:focus,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:focus{background-color:#e1e1e1;border-bottom-width:0.125em;border-color:#4800bd;padding-bottom:0}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:disabled,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:disabled{background-color:#f7f7f7;border-color:rgba(51, 51, 51, 0.3);color:#888}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:disabled:hover,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:disabled:hover{background-color:#f7f7f7}.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{height:6em;padding:0.75em 0.625em 0.0625em}.text-field.with-item.svelte-fxvd28.svelte-fxvd28.svelte-fxvd28{position:relative}.text-field.with-item.left.svelte-fxvd28.svelte-fxvd28.svelte-fxvd28{flex-direction:row-reverse}.text-field.with-item.left.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28,.text-field.with-item.left.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{padding-left:3rem}.text-field.with-item.left.svelte-fxvd28 input[type=search].svelte-fxvd28.svelte-fxvd28{padding-left:2.2em}.text-field.with-item.left.svelte-fxvd28>.item{font-weight:500;left:0.625em}.text-field.with-item.right.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28,.text-field.with-item.right.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{padding-right:1.875em;text-align:right}.text-field.with-item.right.svelte-fxvd28>.item{right:0.625em}.text-field.with-item.svelte-fxvd28>.item{color:#7a7a7a;height:1.1em;position:absolute;top:0.85em}.text-field.with-item.svelte-fxvd28>input.svelte-fxvd28:focus+.item{color:#4300b0;stroke:#4300b0}.text-field.with-item.svelte-fxvd28>input.svelte-fxvd28:focus+.item svg{stroke:#4300b0}.text-field.with-item.right-align.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28{text-align:right}.text-field.with-item.svelte-fxvd28 input[type=number].svelte-fxvd28.svelte-fxvd28{appearance:textfield}.text-field.with-item.svelte-fxvd28 input[type=number].svelte-fxvd28.svelte-fxvd28::-webkit-outer-spin-button,.text-field.with-item.svelte-fxvd28 input[type=number].svelte-fxvd28.svelte-fxvd28::-webkit-inner-spin-button{appearance:none;margin:0}.text-field.with-item.svelte-fxvd28>svg.item{height:1em;top:0.9em}.text-field.with-item.svelte-fxvd28 input.svelte-fxvd28:invalid+svg.item{stroke:#b80000}.text-field.outline.svelte-fxvd28.svelte-fxvd28.svelte-fxvd28{margin-top:0.65em;position:relative}.text-field.outline.svelte-fxvd28 label.svelte-fxvd28.svelte-fxvd28{background-color:#fff;border-radius:0.3125em;color:rgba(0, 0, 0, 0.42);font-family:"Ubuntu", sans-serif;left:1.4em;padding:0 0.25em;position:absolute;top:0;transform:translate(-0.25em, -55%)}.text-field.outline.with-item.left.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28{padding-left:2.2em}.text-field.outline.with-item.left.svelte-fxvd28 label.svelte-fxvd28.svelte-fxvd28{left:2.2em}.text-field.outline.with-item.left.svelte-fxvd28 svg{stroke:#888}.text-field.outline.with-item.left.svelte-fxvd28>input.svelte-fxvd28:focus~.item{color:#4300b0}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28{background-color:transparent;border:1px solid rgba(0, 0, 0, 0.42);border-radius:1.5625em;padding:0 1.4em}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:hover{border-color:rgba(0, 0, 0, 0.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:hover+label.svelte-fxvd28{color:rgba(0, 0, 0, 0.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:focus{border-color:#4300b0}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:focus+label.svelte-fxvd28{color:#4300b0}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:invalid{border-color:rgba(184, 0, 0, 0.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:invalid+label.svelte-fxvd28{color:rgba(184, 0, 0, 0.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:invalid~svg.item{stroke:rgba(184, 0, 0, 0.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:invalid:focus~svg.item{stroke:rgba(184, 0, 0, 0.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:focus~svg.item{stroke:#4300b0}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:invalid{background:#fbeeee;border-bottom-color:#b80000;box-shadow:none}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:not(.outline):invalid{background-color:#fbeeee}.text-field.svelte-fxvd28 .svelte-fxvd28.svelte-fxvd28:-moz-ui-invalid{box-shadow:none}.text-field.svelte-fxvd28>.error.svelte-fxvd28.svelte-fxvd28{color:rgba(184, 0, 0, 0.7);font-size:0.8rem;font-weight:500}.text-field.no-spinner.svelte-fxvd28>input[type=number].svelte-fxvd28.svelte-fxvd28{appearance:textfield}.text-field.no-spinner.svelte-fxvd28>input[type=number].svelte-fxvd28.svelte-fxvd28::-webkit-inner-spin-button,.text-field.no-spinner.svelte-fxvd28>input[type=number].svelte-fxvd28.svelte-fxvd28::-webkit-outer-spin-button{appearance:none;margin:0}
diff --git a/376/client/legacy/text-field-140b4d4d.css b/376/client/legacy/text-field-140b4d4d.css
new file mode 100644
index 000000000..6bb9d8c07
--- /dev/null
+++ b/376/client/legacy/text-field-140b4d4d.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-1icg9h5 .text-field.outline{margin-top:1.5em}[slot=showcase].svelte-1icg9h5 .dollar{font-weight:500;top:0.8em !important}
diff --git a/376/client/legacy/text-field.9796cb98.js b/376/client/legacy/text-field.9796cb98.js
new file mode 100644
index 000000000..6e40d895f
--- /dev/null
+++ b/376/client/legacy/text-field.9796cb98.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,a as n,c as r,b as s,d as a,e as o,f as c,g as f,n as l,K as p,j as m,l as i,m as d,U as g,a0 as u,t as h,p as x,q as v,L as E,u as w,w as y,v as k,x as O,Y as D,$ as b,h as C,k as T,a1 as S}from"./client.583c6e60.js";import{L as R,H as N,P as A}from"./layout.47c81311.js";import{T as G}from"./text-field.f9cea8ef.js";import{S as F}from"./showcase.759e7149.js";import{C as W}from"./color-preview.9db6af61.js";import{H as I}from"./h2.0da05151.js";import{H as j}from"./h3.c9a49f62.js";import{T as P,a as B,b as U,c as z}from"./table.c1711529.js";import"./button.863c0adf.js";import"./classes.a7d1a9eb.js";import"./label.d533579b.js";import"./copyable-code.ce778425.js";function H(t){let e,$,p,m;return{c(){e=n("svg"),$=n("circle"),p=n("path"),this.h()},l(t){e=r(t,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var n=s(e);$=r(n,"circle",{cx:!0,cy:!0,r:!0}),s($).forEach(a),p=r(n,"path",{d:!0}),s(p).forEach(a),n.forEach(a),this.h()},h(){o($,"cx","12"),o($,"cy","12"),o($,"r","4"),o(p,"d","M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"),o(e,"xmlns","http://www.w3.org/2000/svg"),o(e,"width",t[0]),o(e,"height",t[0]),o(e,"fill","none"),o(e,"viewBox","0 0 24 24"),o(e,"stroke","currentColor"),o(e,"stroke-width",t[1]),o(e,"stroke-linecap","round"),o(e,"stroke-linejoin","round"),o(e,"class",m="feather feather-at-sign "+t[2])},m(t,n){c(t,e,n),f(e,$),f(e,p)},p(t,$){let[n]=$;1&n&&o(e,"width",t[0]),1&n&&o(e,"height",t[0]),2&n&&o(e,"stroke-width",t[1]),4&n&&m!==(m="feather feather-at-sign "+t[2])&&o(e,"class",m)},i:l,o:l,d(t){t&&a(e)}}}function L(t,e,$){let{size:n="100%"}=e,{strokeWidth:r=2}=e,{class:s=""}=e;return"100%"!==n&&(n="x"===n.slice(-1)?n.slice(0,n.length-1)+"em":parseInt(n)+"px"),t.$$set=t=>{"size"in t&&$(0,n=t.size),"strokeWidth"in t&&$(1,r=t.strokeWidth),"class"in t&&$(2,s=t.class)},[n,r,s]}class M extends t{constructor(t){super(),e(this,t,L,H,$,{size:0,strokeWidth:1,class:2})}}function K(t){let e;return{c(){e=k("TextField")},l(t){e=O(t,"TextField")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Y(t){let e;return{c(){e=k("The most basic form element – taking text input.")},l(t){e=O(t,"The most basic form element – taking text input.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function _(t){let e,$;return{c(){e=C("span"),$=k("$"),this.h()},l(t){e=T(t,"SPAN",{class:!0});var n=s(e);$=O(n,"$"),n.forEach(a),this.h()},h(){o(e,"class","item dollar")},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function V(t){let e,$;return e=new M({props:{size:"24",class:"item"}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,n){d(e,t,n),$=!0},p:l,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){v(e,t)}}}function X(t){let e,$,n,r,l,p,g,u,E,k;function O(e){t[2](e)}let R={placeholder:"1234 5678 9012 3456",error:t[0].startsWith("2")&&"We do not serve your bank."};return void 0!==t[0]&&(R.value=t[0]),$=new G({props:R}),D.push((()=>b($,"value",O))),l=new G({props:{withItem:!0,itemRight:!0,type:"number",noSpinner:!0,$$slots:{default:[_]},$$scope:{ctx:t}}}),g=new G({props:{outline:!0,label:"Username",withItem:!0,$$slots:{default:[V]},$$scope:{ctx:t}}}),E=new G({props:{type:"search"}}),{c(){e=C("div"),m($.$$.fragment),r=w(),m(l.$$.fragment),p=w(),m(g.$$.fragment),u=w(),m(E.$$.fragment),this.h()},l(t){e=T(t,"DIV",{slot:!0,class:!0});var n=s(e);i($.$$.fragment,n),r=y(n),i(l.$$.fragment,n),p=y(n),i(g.$$.fragment,n),u=y(n),i(E.$$.fragment,n),n.forEach(a),this.h()},h(){o(e,"slot","showcase"),o(e,"class","padded svelte-1icg9h5")},m(t,n){c(t,e,n),d($,e,null),f(e,r),d(l,e,null),f(e,p),d(g,e,null),f(e,u),d(E,e,null),k=!0},p(t,e){const r={};1&e&&(r.error=t[0].startsWith("2")&&"We do not serve your bank."),!n&&1&e&&(n=!0,r.value=t[0],S((()=>n=!1))),$.$set(r);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),l.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),g.$set(a)},i(t){k||(h($.$$.fragment,t),h(l.$$.fragment,t),h(g.$$.fragment,t),h(E.$$.fragment,t),k=!0)},o(t){x($.$$.fragment,t),x(l.$$.fragment,t),x(g.$$.fragment,t),x(E.$$.fragment,t),k=!1},d(t){t&&a(e),v($),v(l),v(g),v(E)}}}function q(t){let e,$;return{c(){e=C("div"),$=C("pre"),this.h()},l(t){e=T(t,"DIV",{slot:!0});var n=s(e);$=T(n,"PRE",{class:!0}),s($).forEach(a),n.forEach(a),this.h()},h(){o($,"class","language-svelte"),o(e,"slot","source")},m(t,n){c(t,e,n),f(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">let</span> cardNumber <span class="token operator">=</span> <span class="token string">\'\'</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TextField</span>\n  <span class="token attr-name">placeholder</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>1234 5678 9012 3456<span class="token punctuation">"</span></span>\n  <span class="token attr-name"><span class="token namespace">bind:</span>value=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>cardNumber<span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">error=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>cardNumber<span class="token punctuation">.</span><span class="token function">startsWith</span><span class="token punctuation">(</span><span class="token string">\'2\'</span><span class="token punctuation">)</span> <span class="token operator">&amp;&amp;</span> <span class="token string">\'We do not serve your bank.\'</span><span class="token punctuation">&#125;</span></span>\n<span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TextField</span> <span class="token attr-name">withItem</span> <span class="token attr-name">itemRight</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>number<span class="token punctuation">"</span></span> <span class="token attr-name">noSpinner</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>item dollar<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>$<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>TextField</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TextField</span> <span class="token attr-name">outline</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Username<span class="token punctuation">"</span></span> <span class="token attr-name">withItem</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AtSignIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>item<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>TextField</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TextField</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>search<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code>'},p:l,d(t){t&&a(e)}}}function J(t){let e;return{c(){e=k("Properties")},l(t){e=O(t,"Properties")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Q(t){let e;return{c(){e=k("Style Properties")},l(t){e=O(t,"Style Properties")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Z(t){let e;return{c(){e=k("Name")},l(t){e=O(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function tt(t){let e;return{c(){e=k("Default")},l(t){e=O(t,"Default")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function et(t){let e;return{c(){e=k("Type")},l(t){e=O(t,"Type")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function $t(t){let e;return{c(){e=k("Description")},l(t){e=O(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function nt(t){let e,$,n,r,s,o,f,l;return e=new U({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),s=new U({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),f=new U({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function rt(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("outline")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"outline"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function st(t){let e,$;return{c(){e=C("code"),$=k("false")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"false"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function at(t){let e,$;return{c(){e=C("code"),$=k("boolean")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"boolean"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function ot(t){let e;return{c(){e=k("Whether the text field should have outline styling.")},l(t){e=O(t,"Whether the text field should have outline styling.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function ct(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function ft(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("withItem")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"withItem"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function lt(t){let e,$;return{c(){e=C("code"),$=k("false")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"false"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function pt(t){let e,$;return{c(){e=C("code"),$=k("boolean")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"boolean"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function mt(t){let e;return{c(){e=k("Whether there will be something permanent inside the field like an icon. By default, this item is placed to the left of the input area.")},l(t){e=O(t,"Whether there will be something permanent inside the field like an icon. By default, this item is placed to the left of the input area.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function it(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function dt(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("itemRight")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"itemRight"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function gt(t){let e,$;return{c(){e=C("code"),$=k("false")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"false"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function ut(t){let e,$;return{c(){e=C("code"),$=k("boolean")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"boolean"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function ht(t){let e;return{c(){e=k("Whether the item should be placed to the right of the input area.")},l(t){e=O(t,"Whether the item should be placed to the right of the input area.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function xt(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function vt(t){let e,$,n,r,o,l,p,g,u,E;return $=new B({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),o=new B({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),p=new B({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),u=new B({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){e=C("thead"),m($.$$.fragment),n=w(),r=C("tbody"),m(o.$$.fragment),l=w(),m(p.$$.fragment),g=w(),m(u.$$.fragment)},l(t){e=T(t,"THEAD",{});var c=s(e);i($.$$.fragment,c),c.forEach(a),n=y(t),r=T(t,"TBODY",{});var f=s(r);i(o.$$.fragment,f),l=y(f),i(p.$$.fragment,f),g=y(f),i(u.$$.fragment,f),f.forEach(a)},m(t,s){c(t,e,s),d($,e,null),c(t,n,s),c(t,r,s),d(o,r,null),f(r,l),d(p,r,null),f(r,g),d(u,r,null),E=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),o.$set(r);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),p.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),u.$set(a)},i(t){E||(h($.$$.fragment,t),h(o.$$.fragment,t),h(p.$$.fragment,t),h(u.$$.fragment,t),E=!0)},o(t){x($.$$.fragment,t),x(o.$$.fragment,t),x(p.$$.fragment,t),x(u.$$.fragment,t),E=!1},d(t){t&&a(e),v($),t&&a(n),t&&a(r),v(o),v(p),v(u)}}}function Et(t){let e;return{c(){e=k("Functional Properties")},l(t){e=O(t,"Functional Properties")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function wt(t){let e;return{c(){e=k("Name")},l(t){e=O(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function yt(t){let e;return{c(){e=k("Default")},l(t){e=O(t,"Default")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function kt(t){let e;return{c(){e=k("Type")},l(t){e=O(t,"Type")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Ot(t){let e;return{c(){e=k("Description")},l(t){e=O(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Dt(t){let e,$,n,r,s,o,f,l;return e=new U({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),s=new U({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),f=new U({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function bt(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("value")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"value"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function Ct(t){let e,$;return{c(){e=C("code"),$=k("null")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"null"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Tt(t){let e,$,n,r,o;return{c(){e=C("code"),$=k("string"),n=k(" or "),r=C("code"),o=k("number")},l(t){e=T(t,"CODE",{});var c=s(e);$=O(c,"string"),c.forEach(a),n=O(t," or "),r=T(t,"CODE",{});var f=s(r);o=O(f,"number"),f.forEach(a)},m(t,s){c(t,e,s),f(e,$),c(t,n,s),c(t,r,s),f(r,o)},p:l,d(t){t&&a(e),t&&a(n),t&&a(r)}}}function St(t){let e,$,n,r;return{c(){e=k("The current value of the text field. Converted to a number if "),$=C("code"),n=k('type="number"'),r=k(".")},l(t){e=O(t,"The current value of the text field. Converted to a number if "),$=T(t,"CODE",{});var o=s($);n=O(o,'type="number"'),o.forEach(a),r=O(t,".")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r)}}}function Rt(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function Nt(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("multiline")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"multiline"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function At(t){let e,$;return{c(){e=C("code"),$=k("false")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"false"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Gt(t){let e,$;return{c(){e=C("code"),$=k("boolean")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"boolean"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Ft(t){let e,$,n,r,o,p,m;return{c(){e=k("Whether the text field should allow multiple lines ("),$=C("code"),n=k("<textarea>"),r=k(" will be used instead of the "),o=C("code"),p=k("<input>"),m=k(").")},l(t){e=O(t,"Whether the text field should allow multiple lines ("),$=T(t,"CODE",{});var c=s($);n=O(c,"<textarea>"),c.forEach(a),r=O(t," will be used instead of the "),o=T(t,"CODE",{});var f=s(o);p=O(f,"<input>"),f.forEach(a),m=O(t,").")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s),c(t,o,s),f(o,p),c(t,m,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r),t&&a(o),t&&a(m)}}}function Wt(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function It(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("id")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"id"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function jt(t){let e,$;return{c(){e=C("code"),$=k("null")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"null"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Pt(t){let e,$;return{c(){e=C("code"),$=k("string")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"string"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Bt(t){let e;return{c(){e=k("The ID to assign to the input.")},l(t){e=O(t,"The ID to assign to the input.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Ut(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function zt(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("noSpinner")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"noSpinner"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function Ht(t){let e,$;return{c(){e=C("code"),$=k("false")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"false"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Lt(t){let e,$;return{c(){e=C("code"),$=k("boolean")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"boolean"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Mt(t){let e,$,n,r;return{c(){e=k("Whether to hide the spinner (arrow buttons inside "),$=C("code"),n=k('<input type="number">'),r=k(").")},l(t){e=O(t,"Whether to hide the spinner (arrow buttons inside "),$=T(t,"CODE",{});var o=s($);n=O(o,'<input type="number">'),o.forEach(a),r=O(t,").")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r)}}}function Kt(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function Yt(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("label")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"label"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function _t(t){let e,$;return{c(){e=C("code"),$=k("null")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"null"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Vt(t){let e,$;return{c(){e=C("code"),$=k("string")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"string"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Xt(t){let e,$,n,r,o;return{c(){e=k("The label to show above the text field. Only works with "),$=C("mark"),n=C("code"),r=k("outline"),o=k(" text fields.")},l(t){e=O(t,"The label to show above the text field. Only works with "),$=T(t,"MARK",{});var c=s($);n=T(c,"CODE",{});var f=s(n);r=O(f,"outline"),f.forEach(a),c.forEach(a),o=O(t," text fields.")},m(t,s){c(t,e,s),c(t,$,s),f($,n),f(n,r),c(t,o,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(o)}}}function qt(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function Jt(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("error")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"error"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function Qt(t){let e,$;return{c(){e=C("code"),$=k("null")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"null"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Zt(t){let e,$;return{c(){e=C("code"),$=k("string")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"string"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function te(t){let e;return{c(){e=k("The error message to show under the text field.")},l(t){e=O(t,"The error message to show under the text field.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function ee(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function $e(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("autofocus")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"autofocus"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function ne(t){let e,$;return{c(){e=C("code"),$=k("false")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"false"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function re(t){let e,$;return{c(){e=C("code"),$=k("boolean")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"boolean"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function se(t){let e;return{c(){e=k("Whether the field should be focused on mount.")},l(t){e=O(t,"Whether the field should be focused on mount.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function ae(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function oe(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("events")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"events"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function ce(t){let e,$;return{c(){e=C("code"),$=k("[]")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"[]"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function fe(t){let e,$;return{c(){e=C("code"),$=k("Array")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"Array"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function le(t){let e,$,n,r,p,m,i;return{c(){e=k("List of handlers for the "),$=C("a"),n=k("Events action"),r=k(": "),p=C("code"),m=k("[{ name, handler }]"),i=k("."),this.h()},l(t){e=O(t,"List of handlers for the "),$=T(t,"A",{href:!0});var o=s($);n=O(o,"Events action"),o.forEach(a),r=O(t,": "),p=T(t,"CODE",{});var c=s(p);m=O(c,"[{ name, handler }]"),c.forEach(a),i=O(t,"."),this.h()},h(){o($,"href","./docs/utilities")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s),c(t,p,s),f(p,m),c(t,i,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r),t&&a(p),t&&a(i)}}}function pe(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function me(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("...")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"..."),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function ie(t){let e,$;return{c(){e=C("code"),$=k("any")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"any"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function de(t){let e,$,n,r,o,p,m;return{c(){e=k("Everything else will be passed to the underlying "),$=C("code"),n=k("<input>"),r=k(" or "),o=C("code"),p=k("<textarea>"),m=k(" element.")},l(t){e=O(t,"Everything else will be passed to the underlying "),$=T(t,"CODE",{});var c=s($);n=O(c,"<input>"),c.forEach(a),r=O(t," or "),o=T(t,"CODE",{});var f=s(o);p=O(f,"<textarea>"),f.forEach(a),m=O(t," element.")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s),c(t,o,s),f(o,p),c(t,m,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r),t&&a(o),t&&a(m)}}}function ge(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),n=new z({}),s=new z({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const n={};8&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),s.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),f.$set(a)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function ue(t){let e,$,n,r,o,l,p,g,u,E,k,O,D,b,S,R,N,A,G,F,W,I;return $=new B({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),o=new B({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),p=new B({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),u=new B({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),k=new B({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),D=new B({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),S=new B({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),N=new B({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),G=new B({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),W=new B({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),{c(){e=C("thead"),m($.$$.fragment),n=w(),r=C("tbody"),m(o.$$.fragment),l=w(),m(p.$$.fragment),g=w(),m(u.$$.fragment),E=w(),m(k.$$.fragment),O=w(),m(D.$$.fragment),b=w(),m(S.$$.fragment),R=w(),m(N.$$.fragment),A=w(),m(G.$$.fragment),F=w(),m(W.$$.fragment)},l(t){e=T(t,"THEAD",{});var c=s(e);i($.$$.fragment,c),c.forEach(a),n=y(t),r=T(t,"TBODY",{});var f=s(r);i(o.$$.fragment,f),l=y(f),i(p.$$.fragment,f),g=y(f),i(u.$$.fragment,f),E=y(f),i(k.$$.fragment,f),O=y(f),i(D.$$.fragment,f),b=y(f),i(S.$$.fragment,f),R=y(f),i(N.$$.fragment,f),A=y(f),i(G.$$.fragment,f),F=y(f),i(W.$$.fragment,f),f.forEach(a)},m(t,s){c(t,e,s),d($,e,null),c(t,n,s),c(t,r,s),d(o,r,null),f(r,l),d(p,r,null),f(r,g),d(u,r,null),f(r,E),d(k,r,null),f(r,O),d(D,r,null),f(r,b),d(S,r,null),f(r,R),d(N,r,null),f(r,A),d(G,r,null),f(r,F),d(W,r,null),I=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),o.$set(r);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),p.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),u.$set(a);const c={};8&e&&(c.$$scope={dirty:e,ctx:t}),k.$set(c);const f={};8&e&&(f.$$scope={dirty:e,ctx:t}),D.$set(f);const l={};8&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l);const m={};8&e&&(m.$$scope={dirty:e,ctx:t}),N.$set(m);const i={};8&e&&(i.$$scope={dirty:e,ctx:t}),G.$set(i);const d={};8&e&&(d.$$scope={dirty:e,ctx:t}),W.$set(d)},i(t){I||(h($.$$.fragment,t),h(o.$$.fragment,t),h(p.$$.fragment,t),h(u.$$.fragment,t),h(k.$$.fragment,t),h(D.$$.fragment,t),h(S.$$.fragment,t),h(N.$$.fragment,t),h(G.$$.fragment,t),h(W.$$.fragment,t),I=!0)},o(t){x($.$$.fragment,t),x(o.$$.fragment,t),x(p.$$.fragment,t),x(u.$$.fragment,t),x(k.$$.fragment,t),x(D.$$.fragment,t),x(S.$$.fragment,t),x(N.$$.fragment,t),x(G.$$.fragment,t),x(W.$$.fragment,t),I=!1},d(t){t&&a(e),v($),t&&a(n),t&&a(r),v(o),v(p),v(u),v(k),v(D),v(S),v(N),v(G),v(W)}}}function he(t){let e;return{c(){e=k("Class Properties")},l(t){e=O(t,"Class Properties")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function xe(t){let e,$,n,r,o,p,m;return{c(){e=k("All "),$=C("code"),n=k("<TextField>"),r=k(" components use the "),o=C("code"),p=k(".text-field"),m=k(" class.")},l(t){e=O(t,"All "),$=T(t,"CODE",{});var c=s($);n=O(c,"<TextField>"),c.forEach(a),r=O(t," components use the "),o=T(t,"CODE",{});var f=s(o);p=O(f,".text-field"),f.forEach(a),m=O(t," class.")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s),c(t,o,s),f(o,p),c(t,m,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r),t&&a(o),t&&a(m)}}}function ve(t){let e;return{c(){e=k("Falsy values passed to classes will be disregarded.")},l(t){e=O(t,"Falsy values passed to classes will be disregarded.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Ee(t){let e;return{c(){e=k("Name")},l(t){e=O(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function we(t){let e;return{c(){e=k("Default")},l(t){e=O(t,"Default")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function ye(t){let e;return{c(){e=k("Type")},l(t){e=O(t,"Type")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function ke(t){let e;return{c(){e=k("Description")},l(t){e=O(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Oe(t){let e,$,n,r,s,o,f,l;return e=new U({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),s=new U({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),f=new U({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function De(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("class")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"class"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function be(t){let e,$;return{c(){e=C("code"),$=k("null")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"null"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Ce(t){let e,$;return{c(){e=C("code"),$=k("string")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"string"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Te(t){let e;return{c(){e=k("A class string to add to the component.")},l(t){e=O(t,"A class string to add to the component.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Se(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function Re(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("inputClass")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"inputClass"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function Ne(t){let e,$;return{c(){e=C("code"),$=k("null")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"null"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Ae(t){let e,$;return{c(){e=C("code"),$=k("string")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"string"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Ge(t){let e,$,n,r,o,p,m;return{c(){e=k("A class string to assign to the "),$=C("code"),n=k("<input>"),r=k(" or "),o=C("code"),p=k("<textarea>"),m=k(" element.")},l(t){e=O(t,"A class string to assign to the "),$=T(t,"CODE",{});var c=s($);n=O(c,"<input>"),c.forEach(a),r=O(t," or "),o=T(t,"CODE",{});var f=s(o);p=O(f,"<textarea>"),f.forEach(a),m=O(t," element.")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s),c(t,o,s),f(o,p),c(t,m,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r),t&&a(o),t&&a(m)}}}function Fe(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function We(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("labelClass")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"labelClass"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function Ie(t){let e,$;return{c(){e=C("code"),$=k("null")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"null"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function je(t){let e,$;return{c(){e=C("code"),$=k("string")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"string"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Pe(t){let e,$,n,r;return{c(){e=k("A class string to assign to the "),$=C("code"),n=k("<label>"),r=k(" for the outline text fields.")},l(t){e=O(t,"A class string to assign to the "),$=T(t,"CODE",{});var o=s($);n=O(o,"<label>"),o.forEach(a),r=O(t," for the outline text fields.")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r)}}}function Be(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function Ue(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("errorClass")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"errorClass"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function ze(t){let e,$;return{c(){e=C("code"),$=k("null")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"null"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function He(t){let e,$;return{c(){e=C("code"),$=k("string")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"string"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Le(t){let e;return{c(){e=k("A class string to add to the error message under the text field.")},l(t){e=O(t,"A class string to add to the error message under the text field.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Me(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function Ke(t){let e,$,n,r,o,l,p,g,u,E,k,O;return $=new B({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),o=new B({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),p=new B({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),u=new B({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),k=new B({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),{c(){e=C("thead"),m($.$$.fragment),n=w(),r=C("tbody"),m(o.$$.fragment),l=w(),m(p.$$.fragment),g=w(),m(u.$$.fragment),E=w(),m(k.$$.fragment)},l(t){e=T(t,"THEAD",{});var c=s(e);i($.$$.fragment,c),c.forEach(a),n=y(t),r=T(t,"TBODY",{});var f=s(r);i(o.$$.fragment,f),l=y(f),i(p.$$.fragment,f),g=y(f),i(u.$$.fragment,f),E=y(f),i(k.$$.fragment,f),f.forEach(a)},m(t,s){c(t,e,s),d($,e,null),c(t,n,s),c(t,r,s),d(o,r,null),f(r,l),d(p,r,null),f(r,g),d(u,r,null),f(r,E),d(k,r,null),O=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),o.$set(r);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),p.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),u.$set(a);const c={};8&e&&(c.$$scope={dirty:e,ctx:t}),k.$set(c)},i(t){O||(h($.$$.fragment,t),h(o.$$.fragment,t),h(p.$$.fragment,t),h(u.$$.fragment,t),h(k.$$.fragment,t),O=!0)},o(t){x($.$$.fragment,t),x(o.$$.fragment,t),x(p.$$.fragment,t),x(u.$$.fragment,t),x(k.$$.fragment,t),O=!1},d(t){t&&a(e),v($),t&&a(n),t&&a(r),v(o),v(p),v(u),v(k)}}}function Ye(t){let e;return{c(){e=k("Events")},l(t){e=O(t,"Events")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function _e(t){let e;return{c(){e=k("Name")},l(t){e=O(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Ve(t){let e;return{c(){e=k("Event Detail")},l(t){e=O(t,"Event Detail")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Xe(t){let e;return{c(){e=k("Description")},l(t){e=O(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function qe(t){let e,$,n,r,s,o;return e=new U({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),s=new U({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function Je(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("input")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"input"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function Qe(t){let e,$;return{c(){e=C("code"),$=k("{ value, nativeEvent }")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"{ value, nativeEvent }"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Ze(t){let e,$,n,r,p,m,i,d,g,u,h,x,v,E;return{c(){e=k("Fired when any character is added or removed in the text field. The "),$=C("code"),n=k("value"),r=k(" has the current value of the "),p=C("mark"),m=C("code"),i=k("value"),d=k(" property and "),g=C("code"),u=k("nativeEvent"),h=k(" holds the "),x=C("a"),v=k("native input event"),E=k("."),this.h()},l(t){e=O(t,"Fired when any character is added or removed in the text field. The "),$=T(t,"CODE",{});var o=s($);n=O(o,"value"),o.forEach(a),r=O(t," has the current value of the "),p=T(t,"MARK",{});var c=s(p);m=T(c,"CODE",{});var f=s(m);i=O(f,"value"),f.forEach(a),c.forEach(a),d=O(t," property and "),g=T(t,"CODE",{});var l=s(g);u=O(l,"nativeEvent"),l.forEach(a),h=O(t," holds the "),x=T(t,"A",{href:!0,rel:!0});var w=s(x);v=O(w,"native input event"),w.forEach(a),E=O(t,"."),this.h()},h(){o(x,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event"),o(x,"rel","nofollow")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s),c(t,p,s),f(p,m),f(m,i),c(t,d,s),c(t,g,s),f(g,u),c(t,h,s),c(t,x,s),f(x,v),c(t,E,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r),t&&a(p),t&&a(d),t&&a(g),t&&a(h),t&&a(x),t&&a(E)}}}function t$(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[Qe]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[Ze]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function e$(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("change")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"change"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function $$(t){let e,$;return{c(){e=C("code"),$=k("{ value, nativeEvent }")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"{ value, nativeEvent }"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function n$(t){let e,$,n,r,p,m,i,d,g,u,h,x,v,E;return{c(){e=k("Fired when a change to the field's value is confirmed (with Enter or by unfocusing). The "),$=C("code"),n=k("value"),r=k(" has the current value of the "),p=C("mark"),m=C("code"),i=k("value"),d=k(" property and "),g=C("code"),u=k("nativeEvent"),h=k(" holds the "),x=C("a"),v=k("native change event"),E=k("."),this.h()},l(t){e=O(t,"Fired when a change to the field's value is confirmed (with Enter or by unfocusing). The "),$=T(t,"CODE",{});var o=s($);n=O(o,"value"),o.forEach(a),r=O(t," has the current value of the "),p=T(t,"MARK",{});var c=s(p);m=T(c,"CODE",{});var f=s(m);i=O(f,"value"),f.forEach(a),c.forEach(a),d=O(t," property and "),g=T(t,"CODE",{});var l=s(g);u=O(l,"nativeEvent"),l.forEach(a),h=O(t," holds the "),x=T(t,"A",{href:!0,rel:!0});var w=s(x);v=O(w,"native change event"),w.forEach(a),E=O(t,"."),this.h()},h(){o(x,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),o(x,"rel","nofollow")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s),c(t,p,s),f(p,m),f(m,i),c(t,d,s),c(t,g,s),f(g,u),c(t,h,s),c(t,x,s),f(x,v),c(t,E,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r),t&&a(p),t&&a(d),t&&a(g),t&&a(h),t&&a(x),t&&a(E)}}}function r$(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[n$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function s$(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("focus")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"focus"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function a$(t){let e,$;return{c(){e=C("code"),$=k("{ nativeEvent }")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"{ nativeEvent }"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function o$(t){let e,$,n,r,p,m,i;return{c(){e=k("Fired when the field gains focus. The "),$=C("code"),n=k("nativeEvent"),r=k(" holds the "),p=C("a"),m=k("native focus event"),i=k("."),this.h()},l(t){e=O(t,"Fired when the field gains focus. The "),$=T(t,"CODE",{});var o=s($);n=O(o,"nativeEvent"),o.forEach(a),r=O(t," holds the "),p=T(t,"A",{href:!0,rel:!0});var c=s(p);m=O(c,"native focus event"),c.forEach(a),i=O(t,"."),this.h()},h(){o(p,"href","https://developer.mozilla.org/en-US/docs/Web/API/Element/focus_event"),o(p,"rel","nofollow")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s),c(t,p,s),f(p,m),c(t,i,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r),t&&a(p),t&&a(i)}}}function c$(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[s$]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[a$]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[o$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function f$(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("blur")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"blur"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function l$(t){let e,$;return{c(){e=C("code"),$=k("{ nativeEvent }")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"{ nativeEvent }"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function p$(t){let e,$,n,r,p,m,i;return{c(){e=k("Fired when the field loses focus. The "),$=C("code"),n=k("nativeEvent"),r=k(" holds the "),p=C("a"),m=k("native blur event"),i=k("."),this.h()},l(t){e=O(t,"Fired when the field loses focus. The "),$=T(t,"CODE",{});var o=s($);n=O(o,"nativeEvent"),o.forEach(a),r=O(t," holds the "),p=T(t,"A",{href:!0,rel:!0});var c=s(p);m=O(c,"native blur event"),c.forEach(a),i=O(t,"."),this.h()},h(){o(p,"href","https://developer.mozilla.org/en-US/docs/Web/API/Element/blur_event"),o(p,"rel","nofollow")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s),c(t,p,s),f(p,m),c(t,i,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r),t&&a(p),t&&a(i)}}}function m$(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[f$]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[l$]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[p$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function i$(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("keydown")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"keydown"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function d$(t){let e,$;return{c(){e=C("code"),$=k("{ nativeEvent }")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"{ nativeEvent }"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function g$(t){let e,$,n,r,p,m,i;return{c(){e=k("Fired when any key is pressed inside the text field (not necessarily printable). Can be used to handle Enter key presses. The "),$=C("code"),n=k("nativeEvent"),r=k(" holds the "),p=C("a"),m=k("native keydown event"),i=k("."),this.h()},l(t){e=O(t,"Fired when any key is pressed inside the text field (not necessarily printable). Can be used to handle Enter key presses. The "),$=T(t,"CODE",{});var o=s($);n=O(o,"nativeEvent"),o.forEach(a),r=O(t," holds the "),p=T(t,"A",{href:!0,rel:!0});var c=s(p);m=O(c,"native keydown event"),c.forEach(a),i=O(t,"."),this.h()},h(){o(p,"href","https://developer.mozilla.org/en-US/docs/Web/API/Element/keydown_event"),o(p,"rel","nofollow")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s),c(t,p,s),f(p,m),c(t,i,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r),t&&a(p),t&&a(i)}}}function u$(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[i$]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[d$]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[g$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function h$(t){let e,$,n,r,o,l,p,g,u,E,k,O,D,b;return $=new B({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),o=new B({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),p=new B({props:{$$slots:{default:[r$]},$$scope:{ctx:t}}}),u=new B({props:{$$slots:{default:[c$]},$$scope:{ctx:t}}}),k=new B({props:{$$slots:{default:[m$]},$$scope:{ctx:t}}}),D=new B({props:{$$slots:{default:[u$]},$$scope:{ctx:t}}}),{c(){e=C("thead"),m($.$$.fragment),n=w(),r=C("tbody"),m(o.$$.fragment),l=w(),m(p.$$.fragment),g=w(),m(u.$$.fragment),E=w(),m(k.$$.fragment),O=w(),m(D.$$.fragment)},l(t){e=T(t,"THEAD",{});var c=s(e);i($.$$.fragment,c),c.forEach(a),n=y(t),r=T(t,"TBODY",{});var f=s(r);i(o.$$.fragment,f),l=y(f),i(p.$$.fragment,f),g=y(f),i(u.$$.fragment,f),E=y(f),i(k.$$.fragment,f),O=y(f),i(D.$$.fragment,f),f.forEach(a)},m(t,s){c(t,e,s),d($,e,null),c(t,n,s),c(t,r,s),d(o,r,null),f(r,l),d(p,r,null),f(r,g),d(u,r,null),f(r,E),d(k,r,null),f(r,O),d(D,r,null),b=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),o.$set(r);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),p.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),u.$set(a);const c={};8&e&&(c.$$scope={dirty:e,ctx:t}),k.$set(c);const f={};8&e&&(f.$$scope={dirty:e,ctx:t}),D.$set(f)},i(t){b||(h($.$$.fragment,t),h(o.$$.fragment,t),h(p.$$.fragment,t),h(u.$$.fragment,t),h(k.$$.fragment,t),h(D.$$.fragment,t),b=!0)},o(t){x($.$$.fragment,t),x(o.$$.fragment,t),x(p.$$.fragment,t),x(u.$$.fragment,t),x(k.$$.fragment,t),x(D.$$.fragment,t),b=!1},d(t){t&&a(e),v($),t&&a(n),t&&a(r),v(o),v(p),v(u),v(k),v(D)}}}function x$(t){let e;return{c(){e=k("Slots")},l(t){e=O(t,"Slots")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function v$(t){let e;return{c(){e=k("Default slot")},l(t){e=O(t,"Default slot")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function E$(t){let e,$,n,r,o,p,m,i,d;return{c(){e=k("If the "),$=C("mark"),n=C("code"),r=k("withItem"),o=k(" property is specified, this holds the item for the text field. By default it is positioned to the left of the input area, but can be moved to the right with the "),p=C("mark"),m=C("code"),i=k("itemRight"),d=k(" property.")},l(t){e=O(t,"If the "),$=T(t,"MARK",{});var c=s($);n=T(c,"CODE",{});var f=s(n);r=O(f,"withItem"),f.forEach(a),c.forEach(a),o=O(t," property is specified, this holds the item for the text field. By default it is positioned to the left of the input area, but can be moved to the right with the "),p=T(t,"MARK",{});var l=s(p);m=T(l,"CODE",{});var g=s(m);i=O(g,"itemRight"),g.forEach(a),l.forEach(a),d=O(t," property.")},m(t,s){c(t,e,s),c(t,$,s),f($,n),f(n,r),c(t,o,s),c(t,p,s),f(p,m),f(m,i),c(t,d,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(o),t&&a(p),t&&a(d)}}}function w$(t){let e,$,n,r,o,p;return{c(){e=C("strong"),$=k("Important"),n=k(": for correct positioning, the element that is placed inside this slot should have the "),r=C("code"),o=k(".icon"),p=k(" class.")},l(t){e=T(t,"STRONG",{});var c=s(e);$=O(c,"Important"),c.forEach(a),n=O(t,": for correct positioning, the element that is placed inside this slot should have the "),r=T(t,"CODE",{});var f=s(r);o=O(f,".icon"),f.forEach(a),p=O(t," class.")},m(t,s){c(t,e,s),f(e,$),c(t,n,s),c(t,r,s),f(r,o),c(t,p,s)},p:l,d(t){t&&a(e),t&&a(n),t&&a(r),t&&a(p)}}}function y$(t){let e;return{c(){e=k("SCSS Variables")},l(t){e=O(t,"SCSS Variables")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function k$(t){let e;return{c(){e=k("Name")},l(t){e=O(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function O$(t){let e;return{c(){e=k("Description")},l(t){e=O(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function D$(t){let e;return{c(){e=k("Default")},l(t){e=O(t,"Default")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function b$(t){let e,$,n,r,s,o;return e=new U({props:{$$slots:{default:[k$]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[O$]},$$scope:{ctx:t}}}),s=new U({props:{$$slots:{default:[D$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function C$(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$main")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$main"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function T$(t){let e;return{c(){e=k("The color of the focused text field border.")},l(t){e=O(t,"The color of the focused text field border.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function S$(t){let e,$;return e=new W({props:{value:"#4300B0"}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,n){d(e,t,n),$=!0},p:l,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){v(e,t)}}}function R$(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[C$]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[T$]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[S$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function N$(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$textfield-border")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$textfield-border"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function A$(t){let e;return{c(){e=k("The border color of the unselected text field.")},l(t){e=O(t,"The border color of the unselected text field.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function G$(t){let e,$;return e=new W({props:{value:"rgba(0, 0, 0, .42)"}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,n){d(e,t,n),$=!0},p:l,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){v(e,t)}}}function F$(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[N$]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[A$]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[G$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function W$(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$textfield-bg")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$textfield-bg"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function I$(t){let e;return{c(){e=k("The background color of the text field.")},l(t){e=O(t,"The background color of the text field.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function j$(t){let e,$;return e=new W({props:{value:"#F5F5F5",bordered:!0}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,n){d(e,t,n),$=!0},p:l,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){v(e,t)}}}function P$(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[W$]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[I$]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[j$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function B$(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$textfield-item")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$textfield-item"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function U$(t){let e;return{c(){e=k("The default color of the item inside the text field.")},l(t){e=O(t,"The default color of the item inside the text field.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function z$(t){let e,$;return e=new W({props:{value:"#7A7A7A"}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,n){d(e,t,n),$=!0},p:l,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){v(e,t)}}}function H$(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[B$]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[U$]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[z$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function L$(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$textfield-bg-error")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$textfield-bg-error"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function M$(t){let e;return{c(){e=k("The background color of the text field when an invalid value is entered.")},l(t){e=O(t,"The background color of the text field when an invalid value is entered.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function K$(t){let e,$;return e=new W({props:{value:"#FBEEEE"}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,n){d(e,t,n),$=!0},p:l,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){v(e,t)}}}function Y$(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[L$]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[M$]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[K$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function _$(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$danger")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$danger"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function V$(t){let e;return{c(){e=k("The color of the item and the field border when an invalid value is entered.")},l(t){e=O(t,"The color of the item and the field border when an invalid value is entered.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function X$(t){let e,$;return e=new W({props:{value:"#B80000"}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,n){d(e,t,n),$=!0},p:l,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){v(e,t)}}}function q$(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[_$]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[V$]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[X$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function J$(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$dark")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$dark"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function Q$(t){let e;return{c(){e=k("The border color of the disabled text field (will be transparentized).")},l(t){e=O(t,"The border color of the disabled text field (will be transparentized).")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Z$(t){let e,$;return e=new W({props:{value:"#333333"}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,n){d(e,t,n),$=!0},p:l,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){v(e,t)}}}function tn(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[J$]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[Q$]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[Z$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function en(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$disabled")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$disabled"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function $n(t){let e;return{c(){e=k("The text color of the disabled text field.")},l(t){e=O(t,"The text color of the disabled text field.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function nn(t){let e,$;return e=new W({props:{value:"#888888"}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,n){d(e,t,n),$=!0},p:l,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){v(e,t)}}}function rn(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[en]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[$n]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[nn]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function sn(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$font")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$font"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function an(t){let e;return{c(){e=k("The font family of the text inside the text field.")},l(t){e=O(t,"The font family of the text inside the text field.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function on(t){let e,$;return{c(){e=C("code"),$=k("'Ubuntu'")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"'Ubuntu'"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function cn(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[sn]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[an]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[on]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function fn(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$thin-font-weight")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$thin-font-weight"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function ln(t){let e;return{c(){e=k("The thin font weight for the text inside the text field.")},l(t){e=O(t,"The thin font weight for the text inside the text field.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function pn(t){let e,$;return{c(){e=C("code"),$=k("300")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"300"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function mn(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[fn]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[ln]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[pn]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function dn(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$bold-font-weight")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$bold-font-weight"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function gn(t){let e;return{c(){e=k("The bold font weight for the error text and the item that's positioned to the left of the input area.")},l(t){e=O(t,"The bold font weight for the error text and the item that's positioned to the left of the input area.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function un(t){let e,$;return{c(){e=C("code"),$=k("500")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"500"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function hn(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[dn]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[gn]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[un]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function xn(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$x-icon")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$x-icon"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function vn(t){let e,$,n,r,o,p;return{c(){e=C("strong"),$=k("Only applicable to "),n=C("code"),r=k('<input type="search">'),o=k(" in WebKit browsers"),p=k(". If you wish to use a custom icon for the X that clears the field's value, supply a URL to the icon here.")},l(t){e=T(t,"STRONG",{});var c=s(e);$=O(c,"Only applicable to "),n=T(c,"CODE",{});var f=s(n);r=O(f,'<input type="search">'),f.forEach(a),o=O(c," in WebKit browsers"),c.forEach(a),p=O(t,". If you wish to use a custom icon for the X that clears the field's value, supply a URL to the icon here.")},m(t,s){c(t,e,s),f(e,$),f(e,n),f(n,r),f(e,o),c(t,p,s)},p:l,d(t){t&&a(e),t&&a(p)}}}function En(t){let e,$,n;return{c(){e=C("a"),$=k("Feather Icons' X"),n=k(" as a data URL"),this.h()},l(t){e=T(t,"A",{href:!0,rel:!0});var r=s(e);$=O(r,"Feather Icons' X"),r.forEach(a),n=O(t," as a data URL"),this.h()},h(){o(e,"href","https://feathericons.com/?query=x"),o(e,"rel","nofollow")},m(t,r){c(t,e,r),f(e,$),c(t,n,r)},p:l,d(t){t&&a(e),t&&a(n)}}}function wn(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[xn]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[vn]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[En]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function yn(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$textfield-outline-radius")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$textfield-outline-radius"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function kn(t){let e,$,n,r,o,p,m;return{c(){e=k("The "),$=C("code"),n=k("border-radius"),r=k(" of the text field when using the "),o=C("code"),p=k("outline"),m=k(" variant")},l(t){e=O(t,"The "),$=T(t,"CODE",{});var c=s($);n=O(c,"border-radius"),c.forEach(a),r=O(t," of the text field when using the "),o=T(t,"CODE",{});var f=s(o);p=O(f,"outline"),f.forEach(a),m=O(t," variant")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s),c(t,o,s),f(o,p),c(t,m,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r),t&&a(o),t&&a(m)}}}function On(t){let e,$;return{c(){e=C("code"),$=k("1.5625em")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"1.5625em"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Dn(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[yn]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[kn]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[On]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function bn(t){let e,$,n,r,o,l,p,g,u,E,k,O,D,b,S,R,N,A,G,F,W,I,j,P,U,z,H,L,M,K;return $=new B({props:{$$slots:{default:[b$]},$$scope:{ctx:t}}}),o=new B({props:{$$slots:{default:[R$]},$$scope:{ctx:t}}}),p=new B({props:{$$slots:{default:[F$]},$$scope:{ctx:t}}}),u=new B({props:{$$slots:{default:[P$]},$$scope:{ctx:t}}}),k=new B({props:{$$slots:{default:[H$]},$$scope:{ctx:t}}}),D=new B({props:{$$slots:{default:[Y$]},$$scope:{ctx:t}}}),S=new B({props:{$$slots:{default:[q$]},$$scope:{ctx:t}}}),N=new B({props:{$$slots:{default:[tn]},$$scope:{ctx:t}}}),G=new B({props:{$$slots:{default:[rn]},$$scope:{ctx:t}}}),W=new B({props:{$$slots:{default:[cn]},$$scope:{ctx:t}}}),j=new B({props:{$$slots:{default:[mn]},$$scope:{ctx:t}}}),U=new B({props:{$$slots:{default:[hn]},$$scope:{ctx:t}}}),H=new B({props:{$$slots:{default:[wn]},$$scope:{ctx:t}}}),M=new B({props:{$$slots:{default:[Dn]},$$scope:{ctx:t}}}),{c(){e=C("thead"),m($.$$.fragment),n=w(),r=C("tbody"),m(o.$$.fragment),l=w(),m(p.$$.fragment),g=w(),m(u.$$.fragment),E=w(),m(k.$$.fragment),O=w(),m(D.$$.fragment),b=w(),m(S.$$.fragment),R=w(),m(N.$$.fragment),A=w(),m(G.$$.fragment),F=w(),m(W.$$.fragment),I=w(),m(j.$$.fragment),P=w(),m(U.$$.fragment),z=w(),m(H.$$.fragment),L=w(),m(M.$$.fragment)},l(t){e=T(t,"THEAD",{});var c=s(e);i($.$$.fragment,c),c.forEach(a),n=y(t),r=T(t,"TBODY",{});var f=s(r);i(o.$$.fragment,f),l=y(f),i(p.$$.fragment,f),g=y(f),i(u.$$.fragment,f),E=y(f),i(k.$$.fragment,f),O=y(f),i(D.$$.fragment,f),b=y(f),i(S.$$.fragment,f),R=y(f),i(N.$$.fragment,f),A=y(f),i(G.$$.fragment,f),F=y(f),i(W.$$.fragment,f),I=y(f),i(j.$$.fragment,f),P=y(f),i(U.$$.fragment,f),z=y(f),i(H.$$.fragment,f),L=y(f),i(M.$$.fragment,f),f.forEach(a)},m(t,s){c(t,e,s),d($,e,null),c(t,n,s),c(t,r,s),d(o,r,null),f(r,l),d(p,r,null),f(r,g),d(u,r,null),f(r,E),d(k,r,null),f(r,O),d(D,r,null),f(r,b),d(S,r,null),f(r,R),d(N,r,null),f(r,A),d(G,r,null),f(r,F),d(W,r,null),f(r,I),d(j,r,null),f(r,P),d(U,r,null),f(r,z),d(H,r,null),f(r,L),d(M,r,null),K=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),o.$set(r);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),p.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),u.$set(a);const c={};8&e&&(c.$$scope={dirty:e,ctx:t}),k.$set(c);const f={};8&e&&(f.$$scope={dirty:e,ctx:t}),D.$set(f);const l={};8&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l);const m={};8&e&&(m.$$scope={dirty:e,ctx:t}),N.$set(m);const i={};8&e&&(i.$$scope={dirty:e,ctx:t}),G.$set(i);const d={};8&e&&(d.$$scope={dirty:e,ctx:t}),W.$set(d);const g={};8&e&&(g.$$scope={dirty:e,ctx:t}),j.$set(g);const h={};8&e&&(h.$$scope={dirty:e,ctx:t}),U.$set(h);const x={};8&e&&(x.$$scope={dirty:e,ctx:t}),H.$set(x);const v={};8&e&&(v.$$scope={dirty:e,ctx:t}),M.$set(v)},i(t){K||(h($.$$.fragment,t),h(o.$$.fragment,t),h(p.$$.fragment,t),h(u.$$.fragment,t),h(k.$$.fragment,t),h(D.$$.fragment,t),h(S.$$.fragment,t),h(N.$$.fragment,t),h(G.$$.fragment,t),h(W.$$.fragment,t),h(j.$$.fragment,t),h(U.$$.fragment,t),h(H.$$.fragment,t),h(M.$$.fragment,t),K=!0)},o(t){x($.$$.fragment,t),x(o.$$.fragment,t),x(p.$$.fragment,t),x(u.$$.fragment,t),x(k.$$.fragment,t),x(D.$$.fragment,t),x(S.$$.fragment,t),x(N.$$.fragment,t),x(G.$$.fragment,t),x(W.$$.fragment,t),x(j.$$.fragment,t),x(U.$$.fragment,t),x(H.$$.fragment,t),x(M.$$.fragment,t),K=!1},d(t){t&&a(e),v($),t&&a(n),t&&a(r),v(o),v(p),v(u),v(k),v(D),v(S),v(N),v(G),v(W),v(j),v(U),v(H),v(M)}}}function Cn(t){let e,$,n,r,s,o,f,l,p,g,u,E,k,O,D,b,C,T,S,R,G,W,B,U,z,H,L,M,_,V,Z,tt,et,$t,nt,rt,st,at,ot,ct;return e=new N({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),n=new A({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),s=new F({props:{$$slots:{source:[q],showcase:[X]},$$scope:{ctx:t}}}),f=new I({props:{id:"properties",$$slots:{default:[J]},$$scope:{ctx:t}}}),p=new j({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),k=new j({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),D=new P({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),C=new j({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),S=new A({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),G=new A({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),B=new P({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),z=new I({props:{id:"events",$$slots:{default:[Ye]},$$scope:{ctx:t}}}),L=new P({props:{$$slots:{default:[h$]},$$scope:{ctx:t}}}),_=new I({props:{id:"slots",$$slots:{default:[x$]},$$scope:{ctx:t}}}),Z=new j({props:{$$slots:{default:[v$]},$$scope:{ctx:t}}}),et=new A({props:{$$slots:{default:[E$]},$$scope:{ctx:t}}}),nt=new A({props:{$$slots:{default:[w$]},$$scope:{ctx:t}}}),st=new I({props:{id:"scss-variables",$$slots:{default:[y$]},$$scope:{ctx:t}}}),ot=new P({props:{$$slots:{default:[bn]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment),l=w(),m(p.$$.fragment),g=w(),m(u.$$.fragment),E=w(),m(k.$$.fragment),O=w(),m(D.$$.fragment),b=w(),m(C.$$.fragment),T=w(),m(S.$$.fragment),R=w(),m(G.$$.fragment),W=w(),m(B.$$.fragment),U=w(),m(z.$$.fragment),H=w(),m(L.$$.fragment),M=w(),m(_.$$.fragment),V=w(),m(Z.$$.fragment),tt=w(),m(et.$$.fragment),$t=w(),m(nt.$$.fragment),rt=w(),m(st.$$.fragment),at=w(),m(ot.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t),l=y(t),i(p.$$.fragment,t),g=y(t),i(u.$$.fragment,t),E=y(t),i(k.$$.fragment,t),O=y(t),i(D.$$.fragment,t),b=y(t),i(C.$$.fragment,t),T=y(t),i(S.$$.fragment,t),R=y(t),i(G.$$.fragment,t),W=y(t),i(B.$$.fragment,t),U=y(t),i(z.$$.fragment,t),H=y(t),i(L.$$.fragment,t),M=y(t),i(_.$$.fragment,t),V=y(t),i(Z.$$.fragment,t),tt=y(t),i(et.$$.fragment,t),$t=y(t),i(nt.$$.fragment,t),rt=y(t),i(st.$$.fragment,t),at=y(t),i(ot.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),c(t,l,a),d(p,t,a),c(t,g,a),d(u,t,a),c(t,E,a),d(k,t,a),c(t,O,a),d(D,t,a),c(t,b,a),d(C,t,a),c(t,T,a),d(S,t,a),c(t,R,a),d(G,t,a),c(t,W,a),d(B,t,a),c(t,U,a),d(z,t,a),c(t,H,a),d(L,t,a),c(t,M,a),d(_,t,a),c(t,V,a),d(Z,t,a),c(t,tt,a),d(et,t,a),c(t,$t,a),d(nt,t,a),c(t,rt,a),d(st,t,a),c(t,at,a),d(ot,t,a),ct=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};9&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c);const l={};8&$&&(l.$$scope={dirty:$,ctx:t}),p.$set(l);const m={};8&$&&(m.$$scope={dirty:$,ctx:t}),u.$set(m);const i={};8&$&&(i.$$scope={dirty:$,ctx:t}),k.$set(i);const d={};8&$&&(d.$$scope={dirty:$,ctx:t}),D.$set(d);const g={};8&$&&(g.$$scope={dirty:$,ctx:t}),C.$set(g);const h={};8&$&&(h.$$scope={dirty:$,ctx:t}),S.$set(h);const x={};8&$&&(x.$$scope={dirty:$,ctx:t}),G.$set(x);const v={};8&$&&(v.$$scope={dirty:$,ctx:t}),B.$set(v);const E={};8&$&&(E.$$scope={dirty:$,ctx:t}),z.$set(E);const w={};8&$&&(w.$$scope={dirty:$,ctx:t}),L.$set(w);const y={};8&$&&(y.$$scope={dirty:$,ctx:t}),_.$set(y);const O={};8&$&&(O.$$scope={dirty:$,ctx:t}),Z.$set(O);const b={};8&$&&(b.$$scope={dirty:$,ctx:t}),et.$set(b);const T={};8&$&&(T.$$scope={dirty:$,ctx:t}),nt.$set(T);const R={};8&$&&(R.$$scope={dirty:$,ctx:t}),st.$set(R);const N={};8&$&&(N.$$scope={dirty:$,ctx:t}),ot.$set(N)},i(t){ct||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),h(p.$$.fragment,t),h(u.$$.fragment,t),h(k.$$.fragment,t),h(D.$$.fragment,t),h(C.$$.fragment,t),h(S.$$.fragment,t),h(G.$$.fragment,t),h(B.$$.fragment,t),h(z.$$.fragment,t),h(L.$$.fragment,t),h(_.$$.fragment,t),h(Z.$$.fragment,t),h(et.$$.fragment,t),h(nt.$$.fragment,t),h(st.$$.fragment,t),h(ot.$$.fragment,t),ct=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),x(p.$$.fragment,t),x(u.$$.fragment,t),x(k.$$.fragment,t),x(D.$$.fragment,t),x(C.$$.fragment,t),x(S.$$.fragment,t),x(G.$$.fragment,t),x(B.$$.fragment,t),x(z.$$.fragment,t),x(L.$$.fragment,t),x(_.$$.fragment,t),x(Z.$$.fragment,t),x(et.$$.fragment,t),x(nt.$$.fragment,t),x(st.$$.fragment,t),x(ot.$$.fragment,t),ct=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t),t&&a(l),v(p,t),t&&a(g),v(u,t),t&&a(E),v(k,t),t&&a(O),v(D,t),t&&a(b),v(C,t),t&&a(T),v(S,t),t&&a(R),v(G,t),t&&a(W),v(B,t),t&&a(U),v(z,t),t&&a(H),v(L,t),t&&a(M),v(_,t),t&&a(V),v(Z,t),t&&a(tt),v(et,t),t&&a($t),v(nt,t),t&&a(rt),v(st,t),t&&a(at),v(ot,t)}}}function Tn(t){let e,$;const n=[t[1],Sn];let r={$$slots:{default:[Cn]},$$scope:{ctx:t}};for(let t=0;t<n.length;t+=1)r=p(r,n[t]);return e=new R({props:r}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,n){d(e,t,n),$=!0},p(t,[$]){const r=2&$?g(n,[2&$&&u(t[1]),0&$&&u(Sn)]):{};9&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r)},i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){v(e,t)}}}const Sn={name:"TextField"};function Rn(t,e,$){let n="";return t.$$set=t=>{$(1,e=p(p({},e),E(t)))},e=E(e),[n,e,function(t){n=t,$(0,n)}]}class Nn extends t{constructor(t){super(),e(this,t,Rn,Tn,$,{})}}export{Nn as default,Sn as metadata};
diff --git a/376/client/legacy/text-field.f9cea8ef.js b/376/client/legacy/text-field.f9cea8ef.js
new file mode 100644
index 000000000..f5e5efd1d
--- /dev/null
+++ b/376/client/legacy/text-field.f9cea8ef.js
@@ -0,0 +1 @@
+import{S as l,i as e,s,h as t,k as n,b as a,d as u,e as i,X as r,O as o,f as c,y as v,p as f,z as d,t as h,I as p,E as m,J as b,K as g,L as x,Y as E,u as C,H as w,w as $,N as I,o as S,P as y,U as R,V as T,W as N,n as k,v as A,x as L,g as j,A as P,M as U,Q as V,R as X,T as z}from"./client.583c6e60.js";import{e as B}from"./button.863c0adf.js";import{c as D}from"./classes.a7d1a9eb.js";const F=l=>({}),H=l=>({});function J(l){let e,s,a,i,r,p,m,b,x,E,k,A=[{id:l[8]},{value:s=Y(l[0])},{class:a=D(l[2])},l[17]],L={};for(let l=0;l<A.length;l+=1)L=g(L,A[l]);let j=l[5]&&null!=l[10]&&M(l),P=l[6]&&O(l),U=l[11]&&Q(l);return{c(){e=t("input"),r=C(),j&&j.c(),p=C(),P&&P.c(),m=C(),U&&U.c(),b=w(),this.h()},l(l){e=n(l,"INPUT",{id:!0,class:!0}),r=$(l),j&&j.l(l),p=$(l),P&&P.l(l),m=$(l),U&&U.l(l),b=w(),this.h()},h(){I(e,L),o(e,"svelte-fxvd28",!0)},m(s,t){c(s,e,t),"value"in L&&(e.value=L.value),e.autofocus&&e.focus(),l[26](e),c(s,r,t),j&&j.m(s,t),c(s,p,t),P&&P.m(s,t),c(s,m,t),U&&U.m(s,t),c(s,b,t),x=!0,E||(k=[S(e,"input",l[15]),S(e,"change",l[27]),S(e,"focus",l[28]),S(e,"keydown",l[29]),S(e,"blur",l[30]),y(i=B.call(null,e,l[13]))],E=!0)},p(l,t){I(e,L=R(A,[(!x||256&t)&&{id:l[8]},(!x||1&t&&s!==(s=Y(l[0]))&&e.value!==s)&&{value:s},(!x||4&t&&a!==(a=D(l[2])))&&{class:a},131072&t&&l[17]])),"value"in L&&(e.value=L.value),i&&T(i.update)&&8192&t&&i.update.call(null,l[13]),o(e,"svelte-fxvd28",!0),l[5]&&null!=l[10]?j?j.p(l,t):(j=M(l),j.c(),j.m(p.parentNode,p)):j&&(j.d(1),j=null),l[6]?P?(P.p(l,t),64&t&&h(P,1)):(P=O(l),P.c(),h(P,1),P.m(m.parentNode,m)):P&&(v(),f(P,1,1,(()=>{P=null})),d()),l[11]?U?(U.p(l,t),2048&t&&h(U,1)):(U=Q(l),U.c(),h(U,1),U.m(b.parentNode,b)):U&&(v(),f(U,1,1,(()=>{U=null})),d())},i(l){x||(h(P),h(U),x=!0)},o(l){f(P),f(U),x=!1},d(s){s&&u(e),l[26](null),s&&u(r),j&&j.d(s),s&&u(p),P&&P.d(s),s&&u(m),U&&U.d(s),s&&u(b),E=!1,N(k)}}}function K(l){let e,s,i,r,v,f=[{id:l[8]},{value:l[0]},{class:s=D(l[2])},l[17]],d={};for(let l=0;l<f.length;l+=1)d=g(d,f[l]);return{c(){e=t("textarea"),this.h()},l(l){e=n(l,"TEXTAREA",{id:!0,class:!0}),a(e).forEach(u),this.h()},h(){I(e,d),o(e,"svelte-fxvd28",!0)},m(s,t){c(s,e,t),e.autofocus&&e.focus(),l[21](e),r||(v=[S(e,"input",l[15]),S(e,"change",l[22]),S(e,"focus",l[23]),S(e,"keydown",l[24]),S(e,"blur",l[25]),y(i=B.call(null,e,l[13]))],r=!0)},p(l,t){I(e,d=R(f,[256&t&&{id:l[8]},1&t&&{value:l[0]},4&t&&s!==(s=D(l[2]))&&{class:s},131072&t&&l[17]])),i&&T(i.update)&&8192&t&&i.update.call(null,l[13]),o(e,"svelte-fxvd28",!0)},i:k,o:k,d(s){s&&u(e),l[21](null),r=!1,N(v)}}}function M(l){let e,s,o;return{c(){e=t("label"),s=A(l[10]),this.h()},l(t){e=n(t,"LABEL",{for:!0,class:!0});var i=a(e);s=L(i,l[10]),i.forEach(u),this.h()},h(){i(e,"for",l[8]),i(e,"class",o=r(D(l[3]))+" svelte-fxvd28")},m(l,t){c(l,e,t),j(e,s)},p(l,t){1024&t&&P(s,l[10]),256&t&&i(e,"for",l[8]),8&t&&o!==(o=r(D(l[3]))+" svelte-fxvd28")&&i(e,"class",o)},d(l){l&&u(e)}}}function O(l){let e;const s=l[20].default,t=U(s,l,l[19],null);return{c(){t&&t.c()},l(l){t&&t.l(l)},m(l,s){t&&t.m(l,s),e=!0},p(l,n){t&&t.p&&(!e||524288&n)&&V(t,s,l,l[19],e?z(s,l[19],n,null):X(l[19]),null)},i(l){e||(h(t,l),e=!0)},o(l){f(t,l),e=!1},d(l){t&&t.d(l)}}}function Q(l){let e,s,o;const v=l[20].error,d=U(v,l,l[19],H),p=d||function(l){let e;return{c(){e=A(l[11])},l(s){e=L(s,l[11])},m(l,s){c(l,e,s)},p(l,s){2048&s&&P(e,l[11])},d(l){l&&u(e)}}}(l);return{c(){e=t("span"),p&&p.c(),this.h()},l(l){e=n(l,"SPAN",{class:!0});var s=a(e);p&&p.l(s),s.forEach(u),this.h()},h(){i(e,"class",s=r(D("error",l[4]))+" svelte-fxvd28")},m(l,s){c(l,e,s),p&&p.m(e,null),o=!0},p(l,t){d?d.p&&(!o||524288&t)&&V(d,v,l,l[19],o?z(v,l[19],t,F):X(l[19]),H):p&&p.p&&(!o||2048&t)&&p.p(l,o?t:-1),(!o||16&t&&s!==(s=r(D("error",l[4]))+" svelte-fxvd28"))&&i(e,"class",s)},i(l){o||(h(p,l),o=!0)},o(l){f(p,l),o=!1},d(l){l&&u(e),p&&p.d(l)}}}function W(l){let e,s,p,m,b;const g=[K,J],x=[];function E(l,e){return l[12]?0:1}return s=E(l),p=x[s]=g[s](l),{c(){e=t("div"),p.c(),this.h()},l(l){e=n(l,"DIV",{class:!0});var s=a(e);p.l(s),s.forEach(u),this.h()},h(){i(e,"class",m=r(D("text-field",l[1]))+" svelte-fxvd28"),o(e,"outline",l[5]),o(e,"with-item",l[6]),o(e,"left",l[6]&&!l[7]),o(e,"right",l[6]&&l[7]),o(e,"no-spinner",l[9])},m(l,t){c(l,e,t),x[s].m(e,null),b=!0},p(l,t){let[n]=t,a=s;s=E(l),s===a?x[s].p(l,n):(v(),f(x[a],1,1,(()=>{x[a]=null})),d(),p=x[s],p?p.p(l,n):(p=x[s]=g[s](l),p.c()),h(p,1),p.m(e,null)),(!b||2&n&&m!==(m=r(D("text-field",l[1]))+" svelte-fxvd28"))&&i(e,"class",m),(!b||34&n)&&o(e,"outline",l[5]),(!b||66&n)&&o(e,"with-item",l[6]),(!b||194&n)&&o(e,"left",l[6]&&!l[7]),(!b||194&n)&&o(e,"right",l[6]&&l[7]),(!b||514&n)&&o(e,"no-spinner",l[9])},i(l){b||(h(p),b=!0)},o(l){f(p),b=!1},d(l){l&&u(e),x[s].d()}}}function Y(l){return null==l?"":l.toString()}function q(l,e,s){const t=["class","inputClass","labelClass","errorClass","outline","withItem","itemRight","id","noSpinner","label","error","multiline","autofocus","value","events"];let n=p(e,t),{$$slots:a={},$$scope:u}=e,{class:i=null}=e,{inputClass:r=null}=e,{labelClass:o=null}=e,{errorClass:c=null}=e,{outline:v=!1}=e,{withItem:f=!1}=e,{itemRight:d=!1}=e,{id:h=null}=e,{noSpinner:C=!1}=e,{label:w=null}=e,{error:$=null}=e,{multiline:I=!1}=e,{autofocus:S=!1}=e;v||null==w||console.error("Labels are only available for outlined text fields");let y,{value:R=null}=e,{events:T=[]}=e;m((()=>S&&y.focus()));const N=b();return l.$$set=l=>{e=g(g({},e),x(l)),s(17,n=p(e,t)),"class"in l&&s(1,i=l.class),"inputClass"in l&&s(2,r=l.inputClass),"labelClass"in l&&s(3,o=l.labelClass),"errorClass"in l&&s(4,c=l.errorClass),"outline"in l&&s(5,v=l.outline),"withItem"in l&&s(6,f=l.withItem),"itemRight"in l&&s(7,d=l.itemRight),"id"in l&&s(8,h=l.id),"noSpinner"in l&&s(9,C=l.noSpinner),"label"in l&&s(10,w=l.label),"error"in l&&s(11,$=l.error),"multiline"in l&&s(12,I=l.multiline),"autofocus"in l&&s(18,S=l.autofocus),"value"in l&&s(0,R=l.value),"events"in l&&s(13,T=l.events),"$$scope"in l&&s(19,u=l.$$scope)},[R,i,r,o,c,v,f,d,h,C,w,$,I,T,y,function(l){var e;s(0,R="number"===n.type?""===(e=l.currentTarget.value)?null:parseFloat(e):l.currentTarget.value),N("input",{value:R,nativeEvent:l})},N,n,S,u,a,function(l){E[l?"unshift":"push"]((()=>{y=l,s(14,y)}))},l=>N("change",{value:R,nativeEvent:l}),l=>N("focus",{nativeEvent:l}),l=>N("keydown",{nativeEvent:l}),l=>N("blur",{nativeEvent:l}),function(l){E[l?"unshift":"push"]((()=>{y=l,s(14,y)}))},l=>N("change",{value:R,nativeEvent:l}),l=>N("focus",{nativeEvent:l}),l=>N("keydown",{nativeEvent:l}),l=>N("blur",{nativeEvent:l})]}var G=class extends l{constructor(l){super(),e(this,l,q,W,s,{class:1,inputClass:2,labelClass:3,errorClass:4,outline:5,withItem:6,itemRight:7,id:8,noSpinner:9,label:10,error:11,multiline:12,autofocus:18,value:0,events:13})}};export{G as T};
diff --git a/376/client/legacy/theming.57151886.js b/376/client/legacy/theming.57151886.js
new file mode 100644
index 000000000..a06a77c84
--- /dev/null
+++ b/376/client/legacy/theming.57151886.js
@@ -0,0 +1 @@
+import{S as n,i as s,s as a,K as t,j as e,l as o,m as p,U as c,a0 as r,t as l,p as i,q as u,L as $,u as f,w as m,f as k,d as h,v as d,x as g,h as y,k as v,b as w,g as x,n as b,e as E}from"./client.583c6e60.js";import{L as S,H as j,P as _}from"./layout.47c81311.js";import{C}from"./copyable-code.ce778425.js";import{H as I}from"./h2.0da05151.js";import"./button.863c0adf.js";import"./classes.a7d1a9eb.js";function P(n){let s;return{c(){s=d("Theming with Sass")},l(n){s=g(n,"Theming with Sass")},m(n,a){k(n,s,a)},d(n){n&&h(s)}}}function T(n){let s,a,t,e;return{c(){s=d("If you'd like to access/customize the Sass variables of the library or your "),a=y("code"),t=d("node_modules"),e=d(" folder is not in the root of your project, then you'll need a Sass importer. No stress though! We already built one for you.")},l(n){s=g(n,"If you'd like to access/customize the Sass variables of the library or your "),a=v(n,"CODE",{});var o=w(a);t=g(o,"node_modules"),o.forEach(h),e=g(n," folder is not in the root of your project, then you'll need a Sass importer. No stress though! We already built one for you.")},m(n,o){k(n,s,o),k(n,a,o),x(a,t),k(n,e,o)},p:b,d(n){n&&h(s),n&&h(a),n&&h(e)}}}function O(n){let s,a,t,e,o,p,c,r,l,i;return{c(){s=d("In your "),a=y("code"),t=d("svelte.config.js"),e=d(" (or wherever you configured "),o=y("code"),p=d("svelte-preprocess"),c=d("), import the "),r=y("code"),l=d("makeAttractionsImporter"),i=d(" function:")},l(n){s=g(n,"In your "),a=v(n,"CODE",{});var u=w(a);t=g(u,"svelte.config.js"),u.forEach(h),e=g(n," (or wherever you configured "),o=v(n,"CODE",{});var $=w(o);p=g($,"svelte-preprocess"),$.forEach(h),c=g(n,"), import the "),r=v(n,"CODE",{});var f=w(r);l=g(f,"makeAttractionsImporter"),f.forEach(h),i=g(n," function:")},m(n,u){k(n,s,u),k(n,a,u),x(a,t),k(n,e,u),k(n,o,u),x(o,p),k(n,c,u),k(n,r,u),x(r,l),k(n,i,u)},p:b,d(n){n&&h(s),n&&h(a),n&&h(e),n&&h(o),n&&h(c),n&&h(r),n&&h(i)}}}function A(n){let s;return{c(){s=y("pre"),this.h()},l(n){s=v(n,"PRE",{class:!0}),w(s).forEach(h),this.h()},h(){E(s,"class","language-js")},m(n,a){k(n,s,a),s.innerHTML='<code class="language-js"><span class="token keyword">const</span> sveltePreprocess <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">\'svelte-preprocess\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n<span class="token keyword">const</span> makeAttractionsImporter <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">\'attractions/importer.js\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code>'},p:b,d(n){n&&h(s)}}}function D(n){let s,a,t,e;return{c(){s=d("This function can be called with no arguments to create an importer that allows importing Sass stuff from Attractions or with an option object to override the default theme and/or the "),a=y("code"),t=d("node_modules"),e=d(" path.")},l(n){s=g(n,"This function can be called with no arguments to create an importer that allows importing Sass stuff from Attractions or with an option object to override the default theme and/or the "),a=v(n,"CODE",{});var o=w(a);t=g(o,"node_modules"),o.forEach(h),e=g(n," path.")},m(n,o){k(n,s,o),k(n,a,o),x(a,t),k(n,e,o)},p:b,d(n){n&&h(s),n&&h(a),n&&h(e)}}}function M(n){let s;return{c(){s=d("Importing Sass stuff")},l(n){s=g(n,"Importing Sass stuff")},m(n,a){k(n,s,a)},d(n){n&&h(s)}}}function H(n){let s;return{c(){s=d("What is there to import in Sass? Variables, mostly, however, if you ever have a need to mimic some component from Attractions with different functionality, you also have access to the mixins that are used internally. Feel free to explore the source code for more information.")},l(n){s=g(n,"What is there to import in Sass? Variables, mostly, however, if you ever have a need to mimic some component from Attractions with different functionality, you also have access to the mixins that are used internally. Feel free to explore the source code for more information.")},m(n,a){k(n,s,a)},d(n){n&&h(s)}}}function L(n){let s,a,t,e;return{c(){s=d("Create a default importer in your "),a=y("code"),t=d("svelte.config.js"),e=d(":")},l(n){s=g(n,"Create a default importer in your "),a=v(n,"CODE",{});var o=w(a);t=g(o,"svelte.config.js"),o.forEach(h),e=g(n,":")},m(n,o){k(n,s,o),k(n,a,o),x(a,t),k(n,e,o)},p:b,d(n){n&&h(s),n&&h(a),n&&h(e)}}}function R(n){let s;return{c(){s=y("pre"),this.h()},l(n){s=v(n,"PRE",{class:!0}),w(s).forEach(h),this.h()},h(){E(s,"class","language-js")},m(n,a){k(n,s,a),s.innerHTML='<code class="language-js">module<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">&#123;</span>\n  <span class="token literal-property property">preprocess</span><span class="token operator">:</span> <span class="token punctuation">[</span>\n    <span class="token function">sveltePreprocess</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n      <span class="token literal-property property">scss</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n        <span class="token literal-property property">importer</span><span class="token operator">:</span> <span class="token function">makeAttractionsImporter</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n      <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">,</span>\n<span class="token punctuation">&#125;</span><span class="token punctuation">;</span></code>'},p:b,d(n){n&&h(s)}}}function F(n){let s,a,t,e;return{c(){s=d("Then in SCSS files you'll have "),a=y("code"),t=d("~attractions/*"),e=d(" imports:")},l(n){s=g(n,"Then in SCSS files you'll have "),a=v(n,"CODE",{});var o=w(a);t=g(o,"~attractions/*"),o.forEach(h),e=g(n," imports:")},m(n,o){k(n,s,o),k(n,a,o),x(a,t),k(n,e,o)},p:b,d(n){n&&h(s),n&&h(a),n&&h(e)}}}function W(n){let s;return{c(){s=y("pre"),this.h()},l(n){s=v(n,"PRE",{class:!0}),w(s).forEach(h),this.h()},h(){E(s,"class","language-scss")},m(n,a){k(n,s,a),s.innerHTML='<code class="language-scss"><span class="token keyword">@use</span> <span class="token string">\'~attractions/_variables\'</span><span class="token punctuation">;</span>\n<span class="token keyword">@use</span> <span class="token string">\'~attractions/_mixins\'</span><span class="token punctuation">;</span>\n<span class="token keyword">@use</span> <span class="token string">\'~attractions/_appearances\'</span><span class="token punctuation">;</span>\n\n<span class="token selector">.something </span><span class="token punctuation">&#123;</span>\n  <span class="token property">color</span><span class="token punctuation">:</span> variables.<span class="token variable">$main</span><span class="token punctuation">;</span>\n\n  <span class="token comment">// See the source code to discover these internal mixins:</span>\n  <span class="token keyword">@include</span> appearances.button<span class="token punctuation">;</span>\n  <span class="token keyword">@include</span> mixins.<span class="token module-modifier keyword">show</span>-on-focus<span class="token punctuation">;</span>\n<span class="token punctuation">&#125;</span></code>'},p:b,d(n){n&&h(s)}}}function q(n){let s;return{c(){s=d("For a list of variables to customize, refer to the documentation of each component, there's a table with all the variables that this component uses.")},l(n){s=g(n,"For a list of variables to customize, refer to the documentation of each component, there's a table with all the variables that this component uses.")},m(n,a){k(n,s,a)},d(n){n&&h(s)}}}function z(n){let s;return{c(){s=d("Overriding Sass variables")},l(n){s=g(n,"Overriding Sass variables")},m(n,a){k(n,s,a)},d(n){n&&h(s)}}}function N(n){let s,a,t,e;return{c(){s=d("If you want to tweak the appearance of components to your liking, you can override any SCSS variable in Attractions by configuring the "),a=y("code"),t=d("_variables"),e=d(" module. We suggest you create a separate SCSS file for that.")},l(n){s=g(n,"If you want to tweak the appearance of components to your liking, you can override any SCSS variable in Attractions by configuring the "),a=v(n,"CODE",{});var o=w(a);t=g(o,"_variables"),o.forEach(h),e=g(n," module. We suggest you create a separate SCSS file for that.")},m(n,o){k(n,s,o),k(n,a,o),x(a,t),k(n,e,o)},p:b,d(n){n&&h(s),n&&h(a),n&&h(e)}}}function V(n){let s;return{c(){s=y("pre"),this.h()},l(n){s=v(n,"PRE",{class:!0}),w(s).forEach(h),this.h()},h(){E(s,"class","language-scss")},m(n,a){k(n,s,a),s.innerHTML='<code class="language-scss"><span class="token keyword">@forward</span> <span class="token string">\'~attractions/_variables\'</span> <span class="token module-modifier keyword">with</span> <span class="token punctuation">(</span>\n  <span class="token property"><span class="token variable">$main</span></span><span class="token punctuation">:</span> green<span class="token punctuation">,</span>\n  <span class="token property"><span class="token variable">$font</span></span><span class="token punctuation">:</span> <span class="token string">"\'Open Sans\', sans-serif"</span><span class="token punctuation">,</span>\n<span class="token punctuation">)</span><span class="token punctuation">;</span>\n<span class="token property"><span class="token variable">$something-else</span></span><span class="token punctuation">:</span> red<span class="token punctuation">;</span></code>'},p:b,d(n){n&&h(s)}}}function K(n){let s;return{c(){s=y("pre"),this.h()},l(n){s=v(n,"PRE",{class:!0}),w(s).forEach(h),this.h()},h(){E(s,"class","language-js")},m(n,a){k(n,s,a),s.innerHTML='<code class="language-js"><span class="token keyword">const</span> path <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">\'path\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n\nmodule<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">&#123;</span>\n  <span class="token literal-property property">preprocess</span><span class="token operator">:</span> <span class="token punctuation">[</span>\n    <span class="token function">sveltePreprocess</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n      <span class="token literal-property property">scss</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n        <span class="token literal-property property">importer</span><span class="token operator">:</span> <span class="token function">makeAttractionsImporter</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n          <span class="token comment">// specify the path to your theme file, relative to this file</span>\n          <span class="token literal-property property">themeFile</span><span class="token operator">:</span> path<span class="token punctuation">.</span><span class="token function">join</span><span class="token punctuation">(</span>__dirname<span class="token punctuation">,</span> <span class="token string">\'static/css/theme.scss\'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n        <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n        <span class="token comment">// not mandatory but nice to have for concise imports</span>\n        <span class="token literal-property property">includePaths</span><span class="token operator">:</span> <span class="token punctuation">[</span>path<span class="token punctuation">.</span><span class="token function">join</span><span class="token punctuation">(</span>__dirname<span class="token punctuation">,</span> <span class="token string">\'./static/css\'</span><span class="token punctuation">)</span><span class="token punctuation">]</span><span class="token punctuation">,</span>\n      <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">,</span>\n<span class="token punctuation">&#125;</span><span class="token punctuation">;</span></code>'},p:b,d(n){n&&h(s)}}}function U(n){let s;return{c(){s=y("pre"),this.h()},l(n){s=v(n,"PRE",{class:!0}),w(s).forEach(h),this.h()},h(){E(s,"class","language-svelte")},m(n,a){k(n,s,a),s.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>style</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>scss<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token style"><span class="token language-css">\n  <span class="token comment">/* because the directory of &#96;theme.scss&#96; is in &#96;includePaths&#96; */</span>\n  <span class="token atrule"><span class="token rule">@use</span> <span class="token string">\'theme.scss\'</span><span class="token punctuation">;</span></span>\n\n  <span class="token selector">div</span> <span class="token punctuation">&#123;</span>\n    <span class="token property">color</span><span class="token punctuation">:</span> theme.$main<span class="token punctuation">;</span>\n  <span class="token punctuation">&#125;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>style</span><span class="token punctuation">></span></span></code>'},p:b,d(n){n&&h(s)}}}function B(n){let s,a,t,e;return{c(){s=d("Changing the "),a=y("code"),t=d("node_modules"),e=d(" location")},l(n){s=g(n,"Changing the "),a=v(n,"CODE",{});var o=w(a);t=g(o,"node_modules"),o.forEach(h),e=g(n," location")},m(n,o){k(n,s,o),k(n,a,o),x(a,t),k(n,e,o)},p:b,d(n){n&&h(s),n&&h(a),n&&h(e)}}}function G(n){let s,a,t,e;return{c(){s=d("There might be cases where you would have your "),a=y("code"),t=d("node_modules"),e=d(" be in some other place than the project root (such as when you're using workspaces).")},l(n){s=g(n,"There might be cases where you would have your "),a=v(n,"CODE",{});var o=w(a);t=g(o,"node_modules"),o.forEach(h),e=g(n," be in some other place than the project root (such as when you're using workspaces).")},m(n,o){k(n,s,o),k(n,a,o),x(a,t),k(n,e,o)},p:b,d(n){n&&h(s),n&&h(a),n&&h(e)}}}function J(n){let s,a,t,e;return{c(){s=d("In that case, you should inform the importer of the correct location with the "),a=y("code"),t=d("nodeModulesPath"),e=d(" option:")},l(n){s=g(n,"In that case, you should inform the importer of the correct location with the "),a=v(n,"CODE",{});var o=w(a);t=g(o,"nodeModulesPath"),o.forEach(h),e=g(n," option:")},m(n,o){k(n,s,o),k(n,a,o),x(a,t),k(n,e,o)},p:b,d(n){n&&h(s),n&&h(a),n&&h(e)}}}function Q(n){let s;return{c(){s=y("pre"),this.h()},l(n){s=v(n,"PRE",{class:!0}),w(s).forEach(h),this.h()},h(){E(s,"class","language-js")},m(n,a){k(n,s,a),s.innerHTML='<code class="language-js"><span class="token keyword">const</span> path <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">\'path\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n\nmodule<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">&#123;</span>\n  <span class="token literal-property property">preprocess</span><span class="token operator">:</span> <span class="token punctuation">[</span>\n    <span class="token function">sveltePreprocess</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n      <span class="token literal-property property">scss</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n        <span class="token literal-property property">importer</span><span class="token operator">:</span> <span class="token function">makeAttractionsImporter</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n          <span class="token literal-property property">themeFile</span><span class="token operator">:</span> path<span class="token punctuation">.</span><span class="token function">join</span><span class="token punctuation">(</span>__dirname<span class="token punctuation">,</span> <span class="token string">\'static/css/theme.scss\'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n          <span class="token literal-property property">nodeModulesPath</span><span class="token operator">:</span> path<span class="token punctuation">.</span><span class="token function">join</span><span class="token punctuation">(</span>__dirname<span class="token punctuation">,</span> <span class="token string">\'../node_modules\'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n        <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n      <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">,</span>\n<span class="token punctuation">&#125;</span><span class="token punctuation">;</span></code>'},p:b,d(n){n&&h(s)}}}function X(n){let s,a,t,c,r,$,d,g,y,v,w,x,b,E,S,X,Y,Z,nn,sn,an,tn,en,on,pn,cn,rn,ln,un,$n,fn,mn,kn,hn,dn,gn,yn,vn,wn,xn,bn,En;return s=new j({props:{$$slots:{default:[P]},$$scope:{ctx:n}}}),t=new _({props:{$$slots:{default:[T]},$$scope:{ctx:n}}}),r=new _({props:{$$slots:{default:[O]},$$scope:{ctx:n}}}),d=new C({props:{filename:"svelte.config.js",$$slots:{default:[A]},$$scope:{ctx:n}}}),y=new _({props:{$$slots:{default:[D]},$$scope:{ctx:n}}}),w=new I({props:{$$slots:{default:[M]},$$scope:{ctx:n}}}),b=new _({props:{$$slots:{default:[H]},$$scope:{ctx:n}}}),S=new _({props:{$$slots:{default:[L]},$$scope:{ctx:n}}}),Y=new C({props:{filename:"svelte.config.js",$$slots:{default:[R]},$$scope:{ctx:n}}}),nn=new _({props:{$$slots:{default:[F]},$$scope:{ctx:n}}}),an=new C({props:{$$slots:{default:[W]},$$scope:{ctx:n}}}),en=new _({props:{$$slots:{default:[q]},$$scope:{ctx:n}}}),pn=new I({props:{$$slots:{default:[z]},$$scope:{ctx:n}}}),rn=new _({props:{$$slots:{default:[N]},$$scope:{ctx:n}}}),un=new C({props:{filename:"static/css/theme.scss",$$slots:{default:[V]},$$scope:{ctx:n}}}),fn=new C({props:{filename:"svelte.config.js",$$slots:{default:[K]},$$scope:{ctx:n}}}),kn=new C({props:{filename:"some-component.svelte",$$slots:{default:[U]},$$scope:{ctx:n}}}),dn=new I({props:{$$slots:{default:[B]},$$scope:{ctx:n}}}),yn=new _({props:{$$slots:{default:[G]},$$scope:{ctx:n}}}),wn=new _({props:{$$slots:{default:[J]},$$scope:{ctx:n}}}),bn=new C({props:{filename:"svelte.config.js",$$slots:{default:[Q]},$$scope:{ctx:n}}}),{c(){e(s.$$.fragment),a=f(),e(t.$$.fragment),c=f(),e(r.$$.fragment),$=f(),e(d.$$.fragment),g=f(),e(y.$$.fragment),v=f(),e(w.$$.fragment),x=f(),e(b.$$.fragment),E=f(),e(S.$$.fragment),X=f(),e(Y.$$.fragment),Z=f(),e(nn.$$.fragment),sn=f(),e(an.$$.fragment),tn=f(),e(en.$$.fragment),on=f(),e(pn.$$.fragment),cn=f(),e(rn.$$.fragment),ln=f(),e(un.$$.fragment),$n=f(),e(fn.$$.fragment),mn=f(),e(kn.$$.fragment),hn=f(),e(dn.$$.fragment),gn=f(),e(yn.$$.fragment),vn=f(),e(wn.$$.fragment),xn=f(),e(bn.$$.fragment)},l(n){o(s.$$.fragment,n),a=m(n),o(t.$$.fragment,n),c=m(n),o(r.$$.fragment,n),$=m(n),o(d.$$.fragment,n),g=m(n),o(y.$$.fragment,n),v=m(n),o(w.$$.fragment,n),x=m(n),o(b.$$.fragment,n),E=m(n),o(S.$$.fragment,n),X=m(n),o(Y.$$.fragment,n),Z=m(n),o(nn.$$.fragment,n),sn=m(n),o(an.$$.fragment,n),tn=m(n),o(en.$$.fragment,n),on=m(n),o(pn.$$.fragment,n),cn=m(n),o(rn.$$.fragment,n),ln=m(n),o(un.$$.fragment,n),$n=m(n),o(fn.$$.fragment,n),mn=m(n),o(kn.$$.fragment,n),hn=m(n),o(dn.$$.fragment,n),gn=m(n),o(yn.$$.fragment,n),vn=m(n),o(wn.$$.fragment,n),xn=m(n),o(bn.$$.fragment,n)},m(n,e){p(s,n,e),k(n,a,e),p(t,n,e),k(n,c,e),p(r,n,e),k(n,$,e),p(d,n,e),k(n,g,e),p(y,n,e),k(n,v,e),p(w,n,e),k(n,x,e),p(b,n,e),k(n,E,e),p(S,n,e),k(n,X,e),p(Y,n,e),k(n,Z,e),p(nn,n,e),k(n,sn,e),p(an,n,e),k(n,tn,e),p(en,n,e),k(n,on,e),p(pn,n,e),k(n,cn,e),p(rn,n,e),k(n,ln,e),p(un,n,e),k(n,$n,e),p(fn,n,e),k(n,mn,e),p(kn,n,e),k(n,hn,e),p(dn,n,e),k(n,gn,e),p(yn,n,e),k(n,vn,e),p(wn,n,e),k(n,xn,e),p(bn,n,e),En=!0},p(n,a){const e={};2&a&&(e.$$scope={dirty:a,ctx:n}),s.$set(e);const o={};2&a&&(o.$$scope={dirty:a,ctx:n}),t.$set(o);const p={};2&a&&(p.$$scope={dirty:a,ctx:n}),r.$set(p);const c={};2&a&&(c.$$scope={dirty:a,ctx:n}),d.$set(c);const l={};2&a&&(l.$$scope={dirty:a,ctx:n}),y.$set(l);const i={};2&a&&(i.$$scope={dirty:a,ctx:n}),w.$set(i);const u={};2&a&&(u.$$scope={dirty:a,ctx:n}),b.$set(u);const $={};2&a&&($.$$scope={dirty:a,ctx:n}),S.$set($);const f={};2&a&&(f.$$scope={dirty:a,ctx:n}),Y.$set(f);const m={};2&a&&(m.$$scope={dirty:a,ctx:n}),nn.$set(m);const k={};2&a&&(k.$$scope={dirty:a,ctx:n}),an.$set(k);const h={};2&a&&(h.$$scope={dirty:a,ctx:n}),en.$set(h);const g={};2&a&&(g.$$scope={dirty:a,ctx:n}),pn.$set(g);const v={};2&a&&(v.$$scope={dirty:a,ctx:n}),rn.$set(v);const x={};2&a&&(x.$$scope={dirty:a,ctx:n}),un.$set(x);const E={};2&a&&(E.$$scope={dirty:a,ctx:n}),fn.$set(E);const j={};2&a&&(j.$$scope={dirty:a,ctx:n}),kn.$set(j);const _={};2&a&&(_.$$scope={dirty:a,ctx:n}),dn.$set(_);const C={};2&a&&(C.$$scope={dirty:a,ctx:n}),yn.$set(C);const I={};2&a&&(I.$$scope={dirty:a,ctx:n}),wn.$set(I);const P={};2&a&&(P.$$scope={dirty:a,ctx:n}),bn.$set(P)},i(n){En||(l(s.$$.fragment,n),l(t.$$.fragment,n),l(r.$$.fragment,n),l(d.$$.fragment,n),l(y.$$.fragment,n),l(w.$$.fragment,n),l(b.$$.fragment,n),l(S.$$.fragment,n),l(Y.$$.fragment,n),l(nn.$$.fragment,n),l(an.$$.fragment,n),l(en.$$.fragment,n),l(pn.$$.fragment,n),l(rn.$$.fragment,n),l(un.$$.fragment,n),l(fn.$$.fragment,n),l(kn.$$.fragment,n),l(dn.$$.fragment,n),l(yn.$$.fragment,n),l(wn.$$.fragment,n),l(bn.$$.fragment,n),En=!0)},o(n){i(s.$$.fragment,n),i(t.$$.fragment,n),i(r.$$.fragment,n),i(d.$$.fragment,n),i(y.$$.fragment,n),i(w.$$.fragment,n),i(b.$$.fragment,n),i(S.$$.fragment,n),i(Y.$$.fragment,n),i(nn.$$.fragment,n),i(an.$$.fragment,n),i(en.$$.fragment,n),i(pn.$$.fragment,n),i(rn.$$.fragment,n),i(un.$$.fragment,n),i(fn.$$.fragment,n),i(kn.$$.fragment,n),i(dn.$$.fragment,n),i(yn.$$.fragment,n),i(wn.$$.fragment,n),i(bn.$$.fragment,n),En=!1},d(n){u(s,n),n&&h(a),u(t,n),n&&h(c),u(r,n),n&&h($),u(d,n),n&&h(g),u(y,n),n&&h(v),u(w,n),n&&h(x),u(b,n),n&&h(E),u(S,n),n&&h(X),u(Y,n),n&&h(Z),u(nn,n),n&&h(sn),u(an,n),n&&h(tn),u(en,n),n&&h(on),u(pn,n),n&&h(cn),u(rn,n),n&&h(ln),u(un,n),n&&h($n),u(fn,n),n&&h(mn),u(kn,n),n&&h(hn),u(dn,n),n&&h(gn),u(yn,n),n&&h(vn),u(wn,n),n&&h(xn),u(bn,n)}}}function Y(n){let s,a;const $=[n[0],Z];let f={$$slots:{default:[X]},$$scope:{ctx:n}};for(let n=0;n<$.length;n+=1)f=t(f,$[n]);return s=new S({props:f}),{c(){e(s.$$.fragment)},l(n){o(s.$$.fragment,n)},m(n,t){p(s,n,t),a=!0},p(n,[a]){const t=1&a?c($,[1&a&&r(n[0]),0&a&&r(Z)]):{};2&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(l(s.$$.fragment,n),a=!0)},o(n){i(s.$$.fragment,n),a=!1},d(n){u(s,n)}}}const Z={name:"Theming with Sass"};function nn(n,s,a){return n.$$set=n=>{a(0,s=t(t({},s),$(n)))},[s=$(s)]}class sn extends n{constructor(n){super(),s(this,n,nn,Y,a,{})}}export{sn as default,Z as metadata};
diff --git a/376/client/legacy/time-picker-0982fd05.css b/376/client/legacy/time-picker-0982fd05.css
new file mode 100644
index 000000000..078e1f928
--- /dev/null
+++ b/376/client/legacy/time-picker-0982fd05.css
@@ -0,0 +1 @@
+.time-picker.svelte-68zps1{display:inline-block}.time-picker.svelte-68zps1 .dropdown-shell .handle{align-items:center;display:flex}.time-picker.svelte-68zps1 .dropdown-shell .handle>span{margin:1em}.time-picker.svelte-68zps1 .dropdown-shell .handle .text-field.in-focus input{background-color:#e1e1e1;border-bottom-width:0.125em;border-color:#4800bd;padding-bottom:0}.time-picker.svelte-68zps1 .text-field{width:4.8em}.time-picker.svelte-68zps1 .barrel{display:grid;gap:0.5em 1em;grid-template-columns:repeat(2, 4em);justify-items:center;padding:1em 1em 0.5em}.time-picker.svelte-68zps1 .barrel>.label{grid-row:2;margin:0 1em}.time-picker.svelte-68zps1 .barrel>.column{border:0 solid #ddd;border-bottom-width:0.0625em;border-top-width:0.0625em;list-style:none;max-height:10em;overflow-x:hidden;overflow-y:scroll;overscroll-behavior:none}.time-picker.svelte-68zps1 .barrel>.column::-webkit-scrollbar{background:none;height:0.5em;margin:1em 0;width:0.3125em}.time-picker.svelte-68zps1 .barrel>.column::-webkit-scrollbar-thumb{background:#ddd;border-radius:0.3125em}.time-picker.svelte-68zps1 .barrel>.column::-webkit-scrollbar-thumb:hover{background:#c7c7c7}@media only screen and (min-height: 620px){.time-picker.svelte-68zps1 .barrel>.column{max-height:15em}}.time-picker.svelte-68zps1 .barrel .am-pm-tabs{display:flex}.time-picker.svelte-68zps1 .barrel .am-pm-tabs .tab{margin:0 1em}.time-picker.svelte-68zps1 .barrel .shown-on-focus>.btn{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.time-picker.svelte-68zps1 .barrel .shown-on-focus>.btn:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.time-picker.svelte-68zps1 .barrel .btn,.time-picker.svelte-68zps1 .barrel .am-pm-tabs,.time-picker.svelte-68zps1 .barrel .shown-on-focus{grid-column:1/-1;justify-self:center}.time-picker.svelte-68zps1 .barrel .btn>svg{margin-right:0.4em}.time-picker.f12hours.svelte-68zps1 .text-field{width:6.5em}.time-picker.f12hours.seconds.svelte-68zps1 .text-field{width:7.7em}.time-picker.seconds.svelte-68zps1 .text-field{width:6em}.time-picker.seconds.svelte-68zps1 .barrel{grid-template-columns:repeat(3, 4em)}
diff --git a/376/client/legacy/time-picker-a6acbd1d.css b/376/client/legacy/time-picker-a6acbd1d.css
new file mode 100644
index 000000000..0732ff5b2
--- /dev/null
+++ b/376/client/legacy/time-picker-a6acbd1d.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-11fgjo{align-items:flex-start;display:flex;flex-direction:column;overflow:visible !important}
diff --git a/376/client/legacy/time-picker.4f09e57d.js b/376/client/legacy/time-picker.4f09e57d.js
new file mode 100644
index 000000000..759818cf1
--- /dev/null
+++ b/376/client/legacy/time-picker.4f09e57d.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,a as s,c as o,b as l,d as r,e as c,f as a,g as i,n as $,Y as u,$ as f,h as m,j as p,k as g,l as d,X as h,m as v,a1 as w,t as x,p as S,q as k,J as y,u as M,w as b,M as H,H as D,Q as E,R as j,T as N,y as P,z as T,a9 as C,v as I,x as V,A as B}from"./client.583c6e60.js";import{c as A}from"./classes.a7d1a9eb.js";import{B as z}from"./button.863c0adf.js";import{L}from"./label.d533579b.js";import{T as R}from"./text-field.f9cea8ef.js";import{D as q,a as J}from"./dropdown.9218bde6.js";import{T as Q}from"./tab.d157e8e5.js";import{c as X,h as Y,p as F,f as G}from"./datetime-utils.1be0c3c8.js";import{r as K}from"./range.e5e7391f.js";function O(t){let e,n,u;return{c(){e=s("svg"),n=s("circle"),u=s("polyline"),this.h()},l(t){e=o(t,"svg",{xmlns:!0,width:!0,height:!0,viewBox:!0,fill:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0});var s=l(e);n=o(s,"circle",{cx:!0,cy:!0,r:!0}),l(n).forEach(r),u=o(s,"polyline",{points:!0}),l(u).forEach(r),s.forEach(r),this.h()},h(){c(n,"cx","12"),c(n,"cy","12"),c(n,"r","10"),c(u,"points","12 6 12 12 16 14"),c(e,"xmlns","http://www.w3.org/2000/svg"),c(e,"width","24"),c(e,"height","24"),c(e,"viewBox","0 0 24 24"),c(e,"fill","none"),c(e,"stroke","currentColor"),c(e,"stroke-width","2"),c(e,"stroke-linecap","round"),c(e,"stroke-linejoin","round")},m(t,s){a(t,e,s),i(e,n),i(e,u)},p:$,i:$,o:$,d(t){t&&r(e)}}}var U=class extends t{constructor(t){super(),e(this,t,null,O,n,{})}};const W=t=>({}),Z=t=>({}),_=t=>({}),tt=t=>({});function et(t,e,n){const s=t.slice();return s[36]=e[n],s}const nt=t=>({}),st=t=>({});function ot(t,e,n){const s=t.slice();return s[39]=e[n],s}const lt=t=>({}),rt=t=>({});function ct(t,e,n){const s=t.slice();return s[42]=e[n],s}const at=t=>({}),it=t=>({});function $t(t){let e;return{c(){e=I("close the time picker")},l(t){e=V(t,"close the time picker")},m(t,n){a(t,e,n)},d(t){t&&r(e)}}}function ut(t){let e;return{c(){e=I("Hours")},l(t){e=V(t,"Hours")},m(t,n){a(t,e,n)},d(t){t&&r(e)}}}function ft(t){let e,n,s=t[42].toString().padStart(2,"0")+"";return{c(){e=I(s),n=M()},l(t){e=V(t,s),n=b(t)},m(t,s){a(t,e,s),a(t,n,s)},p(t,n){256&n[0]&&s!==(s=t[42].toString().padStart(2,"0")+"")&&B(e,s)},d(t){t&&r(e),t&&r(n)}}}function mt(t){let e,n;return e=new z({props:{selected:t[21](t[42],t[0]),$$slots:{default:[ft]},$$scope:{ctx:t}}}),e.$on("click",(function(){return t[27](t[42])})),{c(){p(e.$$.fragment)},l(t){d(e.$$.fragment,t)},m(t,s){v(e,t,s),n=!0},p(n,s){t=n;const o={};257&s[0]&&(o.selected=t[21](t[42],t[0])),256&s[0]|4&s[1]&&(o.$$scope={dirty:s,ctx:t}),e.$set(o)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){S(e.$$.fragment,t),n=!1},d(t){k(e,t)}}}function pt(t){let e;return{c(){e=I("Minutes")},l(t){e=V(t,"Minutes")},m(t,n){a(t,e,n)},d(t){t&&r(e)}}}function gt(t){let e,n,s=t[39].toString().padStart(2,"0")+"";return{c(){e=I(s),n=M()},l(t){e=V(t,s),n=b(t)},m(t,s){a(t,e,s),a(t,n,s)},p(t,n){512&n[0]&&s!==(s=t[39].toString().padStart(2,"0")+"")&&B(e,s)},d(t){t&&r(e),t&&r(n)}}}function dt(t){let e,n;return e=new z({props:{selected:t[0]&&t[39]===t[0].getMinutes()||void 0,$$slots:{default:[gt]},$$scope:{ctx:t}}}),e.$on("click",(function(){return t[28](t[39])})),{c(){p(e.$$.fragment)},l(t){d(e.$$.fragment,t)},m(t,s){v(e,t,s),n=!0},p(n,s){t=n;const o={};513&s[0]&&(o.selected=t[0]&&t[39]===t[0].getMinutes()||void 0),512&s[0]|4&s[1]&&(o.$$scope={dirty:s,ctx:t}),e.$set(o)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){S(e.$$.fragment,t),n=!1},d(t){k(e,t)}}}function ht(t){let e,n,s;const o=t[23]["seconds-label"],i=H(o,t,t[33],st),$=i||function(t){let e,n;return e=new L({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){p(e.$$.fragment)},l(t){d(e.$$.fragment,t)},m(t,s){v(e,t,s),n=!0},p(t,n){const s={};4&n[1]&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){S(e.$$.fragment,t),n=!1},d(t){k(e,t)}}}(t);let u=t[10],f=[];for(let e=0;e<u.length;e+=1)f[e]=xt(et(t,u,e));const h=t=>S(f[t],1,1,(()=>{f[t]=null}));return{c(){$&&$.c(),e=M(),n=m("div");for(let t=0;t<f.length;t+=1)f[t].c();this.h()},l(t){$&&$.l(t),e=b(t),n=g(t,"DIV",{class:!0});var s=l(n);for(let t=0;t<f.length;t+=1)f[t].l(s);s.forEach(r),this.h()},h(){c(n,"class","column")},m(t,o){$&&$.m(t,o),a(t,e,o),a(t,n,o);for(let t=0;t<f.length;t+=1)f[t]&&f[t].m(n,null);s=!0},p(t,e){if(i&&i.p&&(!s||4&e[1])&&E(i,o,t,t[33],s?N(o,t[33],e,nt):j(t[33]),st),263169&e[0]){let s;for(u=t[10],s=0;s<u.length;s+=1){const o=et(t,u,s);f[s]?(f[s].p(o,e),x(f[s],1)):(f[s]=xt(o),f[s].c(),x(f[s],1),f[s].m(n,null))}for(P(),s=u.length;s<f.length;s+=1)h(s);T()}},i(t){if(!s){x($,t);for(let t=0;t<u.length;t+=1)x(f[t]);s=!0}},o(t){S($,t),f=f.filter(Boolean);for(let t=0;t<f.length;t+=1)S(f[t]);s=!1},d(t){$&&$.d(t),t&&r(e),t&&r(n),C(f,t)}}}function vt(t){let e;return{c(){e=I("Seconds")},l(t){e=V(t,"Seconds")},m(t,n){a(t,e,n)},d(t){t&&r(e)}}}function wt(t){let e,n,s=t[36].toString().padStart(2,"0")+"";return{c(){e=I(s),n=M()},l(t){e=V(t,s),n=b(t)},m(t,s){a(t,e,s),a(t,n,s)},p(t,n){1024&n[0]&&s!==(s=t[36].toString().padStart(2,"0")+"")&&B(e,s)},d(t){t&&r(e),t&&r(n)}}}function xt(t){let e,n;return e=new z({props:{selected:t[0]&&t[36]===t[0].getSeconds()||void 0,$$slots:{default:[wt]},$$scope:{ctx:t}}}),e.$on("click",(function(){return t[29](t[36])})),{c(){p(e.$$.fragment)},l(t){d(e.$$.fragment,t)},m(t,s){v(e,t,s),n=!0},p(n,s){t=n;const o={};1025&s[0]&&(o.selected=t[0]&&t[36]===t[0].getSeconds()||void 0),1024&s[0]|4&s[1]&&(o.$$scope={dirty:s,ctx:t}),e.$set(o)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){S(e.$$.fragment,t),n=!1},d(t){k(e,t)}}}function St(t){let e,n;return e=new z({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),e.$on("click",t[19]),{c(){p(e.$$.fragment)},l(t){d(e.$$.fragment,t)},m(t,s){v(e,t,s),n=!0},p(t,n){const s={};4&n[1]&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){S(e.$$.fragment,t),n=!1},d(t){k(e,t)}}}function kt(t){let e,n;const s=t[23]["now-icon"],o=H(s,t,t[33],tt),l=o||function(t){let e,n;return e=new U({}),{c(){p(e.$$.fragment)},l(t){d(e.$$.fragment,t)},m(t,s){v(e,t,s),n=!0},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){S(e.$$.fragment,t),n=!1},d(t){k(e,t)}}}(),c=t[23]["now-label"],i=H(c,t,t[33],Z),$=i||function(t){let e;return{c(){e=I("now")},l(t){e=V(t,"now")},m(t,n){a(t,e,n)},d(t){t&&r(e)}}}();return{c(){l&&l.c(),e=M(),$&&$.c()},l(t){l&&l.l(t),e=b(t),$&&$.l(t)},m(t,s){l&&l.m(t,s),a(t,e,s),$&&$.m(t,s),n=!0},p(t,e){o&&o.p&&(!n||4&e[1])&&E(o,s,t,t[33],n?N(s,t[33],e,_):j(t[33]),tt),i&&i.p&&(!n||4&e[1])&&E(i,c,t,t[33],n?N(c,t[33],e,W):j(t[33]),Z)},i(t){n||(x(l,t),x($,t),n=!0)},o(t){S(l,t),S($,t),n=!1},d(t){l&&l.d(t),t&&r(e),$&&$.d(t)}}}function yt(t){let e,n,s,o,$,h,y,I,V,B,A,R,q;n=new z({props:{noRipple:!0,$$slots:{default:[$t]},$$scope:{ctx:t}}}),n.$on("click",t[26]);const J=t[23]["hours-label"],X=H(J,t,t[33],it),Y=X||function(t){let e,n;return e=new L({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),{c(){p(e.$$.fragment)},l(t){d(e.$$.fragment,t)},m(t,s){v(e,t,s),n=!0},p(t,n){const s={};4&n[1]&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){S(e.$$.fragment,t),n=!1},d(t){k(e,t)}}}(t);let F=t[8],G=[];for(let e=0;e<F.length;e+=1)G[e]=mt(ct(t,F,e));const K=t=>S(G[t],1,1,(()=>{G[t]=null})),O=t[23]["minutes-label"],U=H(O,t,t[33],rt),W=U||function(t){let e,n;return e=new L({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){p(e.$$.fragment)},l(t){d(e.$$.fragment,t)},m(t,s){v(e,t,s),n=!0},p(t,n){const s={};4&n[1]&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){S(e.$$.fragment,t),n=!1},d(t){k(e,t)}}}(t);let Z=t[9],_=[];for(let e=0;e<Z.length;e+=1)_[e]=dt(ot(t,Z,e));const tt=t=>S(_[t],1,1,(()=>{_[t]=null}));let et=t[15]&&ht(t),nt=t[14]&&function(t){let e,n,s,o,$,h,y;function H(e){t[30](e)}let D={value:"AM",name:t[7]};function E(e){t[31](e)}void 0!==t[12]&&(D.group=t[12]),n=new Q({props:D}),u.push((()=>f(n,"group",H))),n.$on("change",t[20]);let j={value:"PM",name:t[7]};return void 0!==t[12]&&(j.group=t[12]),$=new Q({props:j}),u.push((()=>f($,"group",E))),$.$on("change",t[20]),{c(){e=m("div"),p(n.$$.fragment),o=M(),p($.$$.fragment),this.h()},l(t){e=g(t,"DIV",{class:!0});var s=l(e);d(n.$$.fragment,s),o=b(s),d($.$$.fragment,s),s.forEach(r),this.h()},h(){c(e,"class","am-pm-tabs")},m(t,s){a(t,e,s),v(n,e,null),i(e,o),v($,e,null),y=!0},p(t,e){const o={};128&e[0]&&(o.name=t[7]),!s&&4096&e[0]&&(s=!0,o.group=t[12],w((()=>s=!1))),n.$set(o);const l={};128&e[0]&&(l.name=t[7]),!h&&4096&e[0]&&(h=!0,l.group=t[12],w((()=>h=!1))),$.$set(l)},i(t){y||(x(n.$$.fragment,t),x($.$$.fragment,t),y=!0)},o(t){S(n.$$.fragment,t),S($.$$.fragment,t),y=!1},d(t){t&&r(e),k(n),k($)}}}(t),st=!t[3]&&St(t);return{c(){e=m("div"),p(n.$$.fragment),s=M(),Y&&Y.c(),o=M(),$=m("div");for(let t=0;t<G.length;t+=1)G[t].c();h=M(),W&&W.c(),y=M(),I=m("div");for(let t=0;t<_.length;t+=1)_[t].c();V=M(),et&&et.c(),B=M(),nt&&nt.c(),A=M(),st&&st.c(),R=D(),this.h()},l(t){e=g(t,"DIV",{class:!0});var c=l(e);d(n.$$.fragment,c),c.forEach(r),s=b(t),Y&&Y.l(t),o=b(t),$=g(t,"DIV",{class:!0});var a=l($);for(let t=0;t<G.length;t+=1)G[t].l(a);a.forEach(r),h=b(t),W&&W.l(t),y=b(t),I=g(t,"DIV",{class:!0});var i=l(I);for(let t=0;t<_.length;t+=1)_[t].l(i);i.forEach(r),V=b(t),et&&et.l(t),B=b(t),nt&&nt.l(t),A=b(t),st&&st.l(t),R=D(),this.h()},h(){c(e,"class","shown-on-focus"),c($,"class","column"),c(I,"class","column")},m(t,l){a(t,e,l),v(n,e,null),a(t,s,l),Y&&Y.m(t,l),a(t,o,l),a(t,$,l);for(let t=0;t<G.length;t+=1)G[t]&&G[t].m($,null);a(t,h,l),W&&W.m(t,l),a(t,y,l),a(t,I,l);for(let t=0;t<_.length;t+=1)_[t]&&_[t].m(I,null);a(t,V,l),et&&et.m(t,l),a(t,B,l),nt&&nt.m(t,l),a(t,A,l),st&&st.m(t,l),a(t,R,l),q=!0},p(t,e){const s={};if(4&e[1]&&(s.$$scope={dirty:e,ctx:t}),n.$set(s),X&&X.p&&(!q||4&e[1])&&E(X,J,t,t[33],q?N(J,t[33],e,at):j(t[33]),it),2183425&e[0]){let n;for(F=t[8],n=0;n<F.length;n+=1){const s=ct(t,F,n);G[n]?(G[n].p(s,e),x(G[n],1)):(G[n]=mt(s),G[n].c(),x(G[n],1),G[n].m($,null))}for(P(),n=F.length;n<G.length;n+=1)K(n);T()}if(U&&U.p&&(!q||4&e[1])&&E(U,O,t,t[33],q?N(O,t[33],e,lt):j(t[33]),rt),131585&e[0]){let n;for(Z=t[9],n=0;n<Z.length;n+=1){const s=ot(t,Z,n);_[n]?(_[n].p(s,e),x(_[n],1)):(_[n]=dt(s),_[n].c(),x(_[n],1),_[n].m(I,null))}for(P(),n=Z.length;n<_.length;n+=1)tt(n);T()}t[15]&&et.p(t,e),t[14]&&nt.p(t,e),t[3]?st&&(P(),S(st,1,1,(()=>{st=null})),T()):st?(st.p(t,e),8&e[0]&&x(st,1)):(st=St(t),st.c(),x(st,1),st.m(R.parentNode,R))},i(t){if(!q){x(n.$$.fragment,t),x(Y,t);for(let t=0;t<F.length;t+=1)x(G[t]);x(W,t);for(let t=0;t<Z.length;t+=1)x(_[t]);x(et),x(nt),x(st),q=!0}},o(t){S(n.$$.fragment,t),S(Y,t),G=G.filter(Boolean);for(let t=0;t<G.length;t+=1)S(G[t]);S(W,t),_=_.filter(Boolean);for(let t=0;t<_.length;t+=1)S(_[t]);S(et),S(nt),S(st),q=!1},d(t){t&&r(e),k(n),t&&r(s),Y&&Y.d(t),t&&r(o),t&&r($),C(G,t),t&&r(h),W&&W.d(t),t&&r(y),t&&r(I),C(_,t),t&&r(V),et&&et.d(t),t&&r(B),nt&&nt.d(t),t&&r(A),st&&st.d(t),t&&r(R)}}}function Mt(t){let e,n,s,o,i;return n=new R({props:{placeholder:t[13],value:G(t[0],t[6]),class:A(t[11]&&"in-focus"),inputClass:t[2]}}),n.$on("focus",t[24]),n.$on("change",t[25]),o=new J({props:{class:"barrel",top:t[4],right:t[5],$$slots:{default:[yt]},$$scope:{ctx:t}}}),{c(){e=m("div"),p(n.$$.fragment),s=M(),p(o.$$.fragment),this.h()},l(t){e=g(t,"DIV",{class:!0});var c=l(e);d(n.$$.fragment,c),c.forEach(r),s=b(t),d(o.$$.fragment,t),this.h()},h(){c(e,"class","handle")},m(t,l){a(t,e,l),v(n,e,null),a(t,s,l),v(o,t,l),i=!0},p(t,e){const s={};8192&e[0]&&(s.placeholder=t[13]),65&e[0]&&(s.value=G(t[0],t[6])),2048&e[0]&&(s.class=A(t[11]&&"in-focus")),4&e[0]&&(s.inputClass=t[2]),n.$set(s);const l={};16&e[0]&&(l.top=t[4]),32&e[0]&&(l.right=t[5]),8073&e[0]|4&e[1]&&(l.$$scope={dirty:e,ctx:t}),o.$set(l)},i(t){i||(x(n.$$.fragment,t),x(o.$$.fragment,t),i=!0)},o(t){S(n.$$.fragment,t),S(o.$$.fragment,t),i=!1},d(t){t&&r(e),k(n),t&&r(s),k(o,t)}}}function bt(t){let e,n,s,o,i;function $(e){t[32](e)}let y={$$slots:{default:[Mt]},$$scope:{ctx:t}};return void 0!==t[11]&&(y.open=t[11]),n=new q({props:y}),u.push((()=>f(n,"open",$))),n.$on("change",t[22]),{c(){e=m("div"),p(n.$$.fragment),this.h()},l(t){e=g(t,"DIV",{class:!0});var s=l(e);d(n.$$.fragment,s),s.forEach(r),this.h()},h(){c(e,"class",o=h(A("time-picker",t[1],t[14]&&"f12hours",t[15]&&"seconds"))+" svelte-68zps1")},m(t,s){a(t,e,s),v(n,e,null),i=!0},p(t,l){const r={};16381&l[0]|4&l[1]&&(r.$$scope={dirty:l,ctx:t}),!s&&2048&l[0]&&(s=!0,r.open=t[11],w((()=>s=!1))),n.$set(r),(!i||2&l[0]&&o!==(o=h(A("time-picker",t[1],t[14]&&"f12hours",t[15]&&"seconds"))+" svelte-68zps1"))&&c(e,"class",o)},i(t){i||(x(n.$$.fragment,t),i=!0)},o(t){S(n.$$.fragment,t),i=!1},d(t){t&&r(e),k(n)}}}function Ht(t,e,n){let s,o,{$$slots:l={},$$scope:r}=e,{class:c=null}=e,{inputClass:a=null}=e,{hideNow:i=!1}=e,{top:$=!1}=e,{right:u=!1}=e,{value:f=null}=e,{format:m="%H:%M"}=e,{amPmTabName:p="am-pm"}=e;const g=/%p/i.test(m),d=/%S/.test(m);let h=!1,{hours:v=[...K(g?1:0,g?13:24)]}=e,{minutes:w=[...K(0,60,5)]}=e,{seconds:x=(d?[...K(0,60,5)]:[])}=e;function S(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;t%=24,n(0,f=null==f?new Date(0):X(f)),null!=e&&null!=s?f.setHours(t,e,s):f.setHours(t),n(0,f),H("change",{value:f})}function k(t){n(0,f=null==f?new Date(0):X(f)),f.setMinutes(t),n(0,f),H("change",{value:f})}function M(t){n(0,f=null==f?new Date(0):X(f)),f.setSeconds(t),n(0,f),H("change",{value:f})}function b(t){"Enter"===t.key&&(t.preventDefault(),n(11,h=!h))}const H=y();return t.$$set=t=>{"class"in t&&n(1,c=t.class),"inputClass"in t&&n(2,a=t.inputClass),"hideNow"in t&&n(3,i=t.hideNow),"top"in t&&n(4,$=t.top),"right"in t&&n(5,u=t.right),"value"in t&&n(0,f=t.value),"format"in t&&n(6,m=t.format),"amPmTabName"in t&&n(7,p=t.amPmTabName),"hours"in t&&n(8,v=t.hours),"minutes"in t&&n(9,w=t.minutes),"seconds"in t&&n(10,x=t.seconds),"$$scope"in t&&n(33,r=t.$$scope)},t.$$.update=()=>{64&t.$$.dirty[0]&&n(13,s=m.replace("%H","HH").replace("%M","MM").replace("%S","SS").replace("%P","AM").replace("%p","am").replace("%%","%")),1&t.$$.dirty[0]&&n(12,o=f&&(f.getHours()<12?"AM":"PM"))},[f,c,a,i,$,u,m,p,v,w,x,h,o,s,g,d,S,k,M,function(){const t=new Date;S(t.getHours(),t.getMinutes(),t.getSeconds())},function(t){let{detail:e}=t;null==f?"PM"===e.value?S(12):S(0):"PM"===e.value&&f.getHours()<12?S(f.getHours()+12):"AM"===e.value&&f.getHours()>=12&&S(f.getHours()-12)},function(t,e){return!!f&&t===(g?(e.getHours()+11)%12+1:e.getHours())},function(t){let{detail:e}=t;e.value?document.addEventListener("keydown",b):document.removeEventListener("keydown",b)},l,()=>n(11,h=!0),t=>{let{detail:e}=t;n(0,f=Y(F(e.value,m,f),f))},()=>n(11,h=!1),t=>S(t+12*Number((g&&"PM"===o)!==(12===f))),t=>k(t),t=>M(t),function(t){o=t,n(12,o),n(0,f)},function(t){o=t,n(12,o),n(0,f)},function(t){h=t,n(11,h)},r]}var Dt=class extends t{constructor(t){super(),e(this,t,Ht,bt,n,{class:1,inputClass:2,hideNow:3,top:4,right:5,value:0,format:6,amPmTabName:7,hours:8,minutes:9,seconds:10},null,[-1,-1])}};export{Dt as T};
diff --git a/376/client/legacy/time-picker.fb7528dd.js b/376/client/legacy/time-picker.fb7528dd.js
new file mode 100644
index 000000000..a90c9cf12
--- /dev/null
+++ b/376/client/legacy/time-picker.fb7528dd.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as r,j as n,l as o,m as s,U as c,a0 as a,t as f,p as m,q as l,L as p,u as d,w as g,f as u,d as i,v as h,x,h as w,k as E,b as v,e as y,g as b,n as D}from"./client.583c6e60.js";import{L as O,H as C,P as T}from"./layout.47c81311.js";import{T as k}from"./time-picker.4f09e57d.js";import{S}from"./showcase.759e7149.js";import{C as A}from"./color-preview.9db6af61.js";import{S as F}from"./shadow-preview.487038f8.js";import{R as N}from"./related-components.9fddec4f.js";import{H as L}from"./h2.0da05151.js";import{H as P}from"./h3.c9a49f62.js";import{T as R,a as M,b as j,c as G}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./button.863c0adf.js";import"./label.d533579b.js";import"./text-field.f9cea8ef.js";import"./dropdown.9218bde6.js";import"./tab.d157e8e5.js";import"./datetime-utils.1be0c3c8.js";import"./range.e5e7391f.js";import"./copyable-code.ce778425.js";import"./popover.3a24cfa5.js";import"./card.113fcab4.js";function H(t){let e;return{c(){e=h("TimePicker")},l(t){e=x(t,"TimePicker")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function B(t){let e;return{c(){e=h("A time picker that supports both the text input and a dropdown with buttons.")},l(t){e=x(t,"A time picker that supports both the text input and a dropdown with buttons.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function I(t){let e,$,r,c,a,p,h;return $=new k({props:{right:!0}}),c=new k({props:{format:"%H.%M.%S %P"}}),p=new k({props:{hideNow:!0}}),{c(){e=w("div"),n($.$$.fragment),r=d(),n(c.$$.fragment),a=d(),n(p.$$.fragment),this.h()},l(t){e=E(t,"DIV",{slot:!0,class:!0});var n=v(e);o($.$$.fragment,n),r=g(n),o(c.$$.fragment,n),a=g(n),o(p.$$.fragment,n),n.forEach(i),this.h()},h(){y(e,"slot","showcase"),y(e,"class","padded svelte-11fgjo")},m(t,n){u(t,e,n),s($,e,null),b(e,r),s(c,e,null),b(e,a),s(p,e,null),h=!0},p:D,i(t){h||(f($.$$.fragment,t),f(c.$$.fragment,t),f(p.$$.fragment,t),h=!0)},o(t){m($.$$.fragment,t),m(c.$$.fragment,t),m(p.$$.fragment,t),h=!1},d(t){t&&i(e),l($),l(c),l(p)}}}function Y(t){let e,$;return{c(){e=w("div"),$=w("pre"),this.h()},l(t){e=E(t,"DIV",{slot:!0});var r=v(e);$=E(r,"PRE",{class:!0}),v($).forEach(i),r.forEach(i),this.h()},h(){y($,"class","language-svelte"),y(e,"slot","source")},m(t,r){u(t,e,r),b(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TimePicker</span> <span class="token attr-name">right</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TimePicker</span> <span class="token attr-name">format</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>%H.%M.%S %P<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TimePicker</span> <span class="token attr-name">hideNow</span> <span class="token punctuation">/></span></span></code>'},p:D,d(t){t&&i(e)}}}function K(t){let e;return{c(){e=h("Properties")},l(t){e=x(t,"Properties")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function V(t){let e;return{c(){e=h("Style Properties")},l(t){e=x(t,"Style Properties")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function W(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function U(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function q(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function z(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function J(t){let e,$,r,c,a,p,h,x;return e=new j({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),r=new j({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),a=new j({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),h=new j({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function Q(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("hideNow")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"hideNow"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function X(t){let e,$;return{c(){e=w("code"),$=h("false")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"false"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function Z(t){let e,$;return{c(){e=w("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"boolean"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function _(t){let e,$,r,n;return{c(){e=h("Hides the "),$=w("code"),r=h("now"),n=h(" button from the component.")},l(t){e=x(t,"Hides the "),$=E(t,"CODE",{});var o=v($);r=x(o,"now"),o.forEach(i),n=x(t," button from the component.")},m(t,o){u(t,e,o),u(t,$,o),b($,r),u(t,n,o)},p:D,d(t){t&&i(e),t&&i($),t&&i(n)}}}function tt(t){let e,$,r,c,a,p,h,x;return e=new G({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function et(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("right")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"right"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function $t(t){let e,$;return{c(){e=w("code"),$=h("false")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"false"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function rt(t){let e,$;return{c(){e=w("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"boolean"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function nt(t){let e;return{c(){e=h("Aligns the dropdown with the right edge of the text field.")},l(t){e=x(t,"Aligns the dropdown with the right edge of the text field.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function ot(t){let e,$,r,c,a,p,h,x;return e=new G({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function st(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("top")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"top"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function ct(t){let e,$;return{c(){e=w("code"),$=h("false")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"false"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function at(t){let e,$;return{c(){e=w("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"boolean"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function ft(t){let e;return{c(){e=h("Aligns the dropdown content such that it opens to the top of the text field, extending up.")},l(t){e=x(t,"Aligns the dropdown content such that it opens to the top of the text field, extending up.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function mt(t){let e,$,r,c,a,p,h,x;return e=new G({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function lt(t){let e,$,r,c,a,p,h,x,y,D;return $=new M({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),a=new M({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),y=new M({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){e=w("thead"),n($.$$.fragment),r=d(),c=w("tbody"),n(a.$$.fragment),p=d(),n(h.$$.fragment),x=d(),n(y.$$.fragment)},l(t){e=E(t,"THEAD",{});var n=v(e);o($.$$.fragment,n),n.forEach(i),r=g(t),c=E(t,"TBODY",{});var s=v(c);o(a.$$.fragment,s),p=g(s),o(h.$$.fragment,s),x=g(s),o(y.$$.fragment,s),s.forEach(i)},m(t,n){u(t,e,n),s($,e,null),u(t,r,n),u(t,c,n),s(a,c,null),b(c,p),s(h,c,null),b(c,x),s(y,c,null),D=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),a.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),y.$set(s)},i(t){D||(f($.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),f(y.$$.fragment,t),D=!0)},o(t){m($.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),m(y.$$.fragment,t),D=!1},d(t){t&&i(e),l($),t&&i(r),t&&i(c),l(a),l(h),l(y)}}}function pt(t){let e;return{c(){e=h("Functional Properties")},l(t){e=x(t,"Functional Properties")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function dt(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function gt(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function ut(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function it(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function ht(t){let e,$,r,c,a,p,h,x;return e=new j({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),r=new j({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),a=new j({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),h=new j({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function xt(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("value")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"value"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function wt(t){let e,$;return{c(){e=w("code"),$=h("null")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"null"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function Et(t){let e,$;return{c(){e=w("code"),$=h("Date")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"Date"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function vt(t){let e,$,r,n;return{c(){e=h("The currently selected time value. Even though a whole "),$=w("code"),r=h("Date"),n=h(" object is needed, only the time part will be considered.")},l(t){e=x(t,"The currently selected time value. Even though a whole "),$=E(t,"CODE",{});var o=v($);r=x(o,"Date"),o.forEach(i),n=x(t," object is needed, only the time part will be considered.")},m(t,o){u(t,e,o),u(t,$,o),b($,r),u(t,n,o)},p:D,d(t){t&&i(e),t&&i($),t&&i(n)}}}function yt(t){let e,$,r,c,a,p,h,x;return e=new G({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function bt(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("format")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"format"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function Dt(t){let e,$;return{c(){e=w("code"),$=h("'%H:%M'")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"'%H:%M'"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function Ot(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"string"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function Ct(t){let e,$,r,n,o,s,c,a,f,m,l,p,d,g,O,C,T,k,S,A,F,N,L,P,R,M,j,G;return{c(){e=h("The format used to display time and consume input. The "),$=w("code"),r=h("%"),n=h("-specifiers are a subset of "),o=w("a"),s=h("C date format specifiers"),c=h(", with only "),a=w("code"),f=h("%H"),m=h(", "),l=w("code"),p=h("%M"),d=h(", "),g=w("code"),O=h("%S"),C=h(", "),T=w("code"),k=h("%P"),S=h(" and "),A=w("code"),F=h("%p"),N=h(" allowed. "),L=w("code"),P=h("%P"),R=h(" stands for AM/PM, while "),M=w("code"),j=h("%p"),G=h(" stands for am/pm."),this.h()},l(t){e=x(t,"The format used to display time and consume input. The "),$=E(t,"CODE",{});var u=v($);r=x(u,"%"),u.forEach(i),n=x(t,"-specifiers are a subset of "),o=E(t,"A",{href:!0,rel:!0});var h=v(o);s=x(h,"C date format specifiers"),h.forEach(i),c=x(t,", with only "),a=E(t,"CODE",{});var w=v(a);f=x(w,"%H"),w.forEach(i),m=x(t,", "),l=E(t,"CODE",{});var y=v(l);p=x(y,"%M"),y.forEach(i),d=x(t,", "),g=E(t,"CODE",{});var b=v(g);O=x(b,"%S"),b.forEach(i),C=x(t,", "),T=E(t,"CODE",{});var D=v(T);k=x(D,"%P"),D.forEach(i),S=x(t," and "),A=E(t,"CODE",{});var H=v(A);F=x(H,"%p"),H.forEach(i),N=x(t," allowed. "),L=E(t,"CODE",{});var B=v(L);P=x(B,"%P"),B.forEach(i),R=x(t," stands for AM/PM, while "),M=E(t,"CODE",{});var I=v(M);j=x(I,"%p"),I.forEach(i),G=x(t," stands for am/pm."),this.h()},h(){y(o,"href","http://www.cplusplus.com/reference/ctime/strftime/"),y(o,"rel","nofollow")},m(t,i){u(t,e,i),u(t,$,i),b($,r),u(t,n,i),u(t,o,i),b(o,s),u(t,c,i),u(t,a,i),b(a,f),u(t,m,i),u(t,l,i),b(l,p),u(t,d,i),u(t,g,i),b(g,O),u(t,C,i),u(t,T,i),b(T,k),u(t,S,i),u(t,A,i),b(A,F),u(t,N,i),u(t,L,i),b(L,P),u(t,R,i),u(t,M,i),b(M,j),u(t,G,i)},p:D,d(t){t&&i(e),t&&i($),t&&i(n),t&&i(o),t&&i(c),t&&i(a),t&&i(m),t&&i(l),t&&i(d),t&&i(g),t&&i(C),t&&i(T),t&&i(S),t&&i(A),t&&i(N),t&&i(L),t&&i(R),t&&i(M),t&&i(G)}}}function Tt(t){let e,$,r,c,a,p,h,x;return e=new G({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function kt(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("amPmTabName")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"amPmTabName"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function St(t){let e,$;return{c(){e=w("code"),$=h("'am-pm'")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"'am-pm'"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function At(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"string"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function Ft(t){let e,$,r,n,o,s,c;return{c(){e=h("If the "),$=w("code"),r=h("%P"),n=h(" or "),o=w("code"),s=h("%p"),c=h(" modifier is used in the format, the dropdown will contain tabs to switch between AM and PM. You may change the name of the radio group for these tabs to avoid collisions.")},l(t){e=x(t,"If the "),$=E(t,"CODE",{});var a=v($);r=x(a,"%P"),a.forEach(i),n=x(t," or "),o=E(t,"CODE",{});var f=v(o);s=x(f,"%p"),f.forEach(i),c=x(t," modifier is used in the format, the dropdown will contain tabs to switch between AM and PM. You may change the name of the radio group for these tabs to avoid collisions.")},m(t,a){u(t,e,a),u(t,$,a),b($,r),u(t,n,a),u(t,o,a),b(o,s),u(t,c,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(n),t&&i(o),t&&i(c)}}}function Nt(t){let e,$,r,c,a,p,h,x;return e=new G({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function Lt(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("hours")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"hours"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function Pt(t){let e,$,r,n,o,s;return{c(){e=w("code"),$=h("[1..12]"),r=h(" (12 hours mode) or "),n=w("code"),o=h("[0..23]"),s=h(" (24 hours mode)")},l(t){e=E(t,"CODE",{});var c=v(e);$=x(c,"[1..12]"),c.forEach(i),r=x(t," (12 hours mode) or "),n=E(t,"CODE",{});var a=v(n);o=x(a,"[0..23]"),a.forEach(i),s=x(t," (24 hours mode)")},m(t,c){u(t,e,c),b(e,$),u(t,r,c),u(t,n,c),b(n,o),u(t,s,c)},p:D,d(t){t&&i(e),t&&i(r),t&&i(n),t&&i(s)}}}function Rt(t){let e,$;return{c(){e=w("code"),$=h("number[]")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"number[]"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function Mt(t){let e;return{c(){e=h("The list of possible hours to choose from.")},l(t){e=x(t,"The list of possible hours to choose from.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function jt(t){let e,$,r,c,a,p,h,x;return e=new G({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function Gt(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("minutes")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"minutes"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function Ht(t){let e,$;return{c(){e=w("code"),$=h("[0, 5, ..., 55]")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"[0, 5, ..., 55]"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function Bt(t){let e,$;return{c(){e=w("code"),$=h("number[]")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"number[]"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function It(t){let e;return{c(){e=h("The list of possible minutes to choose from.")},l(t){e=x(t,"The list of possible minutes to choose from.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function Yt(t){let e,$,r,c,a,p,h,x;return e=new G({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function Kt(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("seconds")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"seconds"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function Vt(t){let e,$,r,n,o,s;return{c(){e=w("code"),$=h("[0, 5, ..., 55]"),r=h(" if using seconds or "),n=w("code"),o=h("[]"),s=h(" otherwise")},l(t){e=E(t,"CODE",{});var c=v(e);$=x(c,"[0, 5, ..., 55]"),c.forEach(i),r=x(t," if using seconds or "),n=E(t,"CODE",{});var a=v(n);o=x(a,"[]"),a.forEach(i),s=x(t," otherwise")},m(t,c){u(t,e,c),b(e,$),u(t,r,c),u(t,n,c),b(n,o),u(t,s,c)},p:D,d(t){t&&i(e),t&&i(r),t&&i(n),t&&i(s)}}}function Wt(t){let e,$;return{c(){e=w("code"),$=h("number[]")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"number[]"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function Ut(t){let e;return{c(){e=h("The list of possible seconds to choose from.")},l(t){e=x(t,"The list of possible seconds to choose from.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function qt(t){let e,$,r,c,a,p,h,x;return e=new G({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function zt(t){let e,$,r,c,a,p,h,x,y,D,O,C,T,k,S,A;return $=new M({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),a=new M({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),y=new M({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),O=new M({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),T=new M({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),S=new M({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){e=w("thead"),n($.$$.fragment),r=d(),c=w("tbody"),n(a.$$.fragment),p=d(),n(h.$$.fragment),x=d(),n(y.$$.fragment),D=d(),n(O.$$.fragment),C=d(),n(T.$$.fragment),k=d(),n(S.$$.fragment)},l(t){e=E(t,"THEAD",{});var n=v(e);o($.$$.fragment,n),n.forEach(i),r=g(t),c=E(t,"TBODY",{});var s=v(c);o(a.$$.fragment,s),p=g(s),o(h.$$.fragment,s),x=g(s),o(y.$$.fragment,s),D=g(s),o(O.$$.fragment,s),C=g(s),o(T.$$.fragment,s),k=g(s),o(S.$$.fragment,s),s.forEach(i)},m(t,n){u(t,e,n),s($,e,null),u(t,r,n),u(t,c,n),s(a,c,null),b(c,p),s(h,c,null),b(c,x),s(y,c,null),b(c,D),s(O,c,null),b(c,C),s(T,c,null),b(c,k),s(S,c,null),A=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),a.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),y.$set(s);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),O.$set(c);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),T.$set(f);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),S.$set(m)},i(t){A||(f($.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),f(y.$$.fragment,t),f(O.$$.fragment,t),f(T.$$.fragment,t),f(S.$$.fragment,t),A=!0)},o(t){m($.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),m(y.$$.fragment,t),m(O.$$.fragment,t),m(T.$$.fragment,t),m(S.$$.fragment,t),A=!1},d(t){t&&i(e),l($),t&&i(r),t&&i(c),l(a),l(h),l(y),l(O),l(T),l(S)}}}function Jt(t){let e,$,r,n,o,s,c,a,f;return{c(){e=w("em"),$=h("Hint"),r=h(": use "),n=w("code"),o=h("range"),s=h(" from the "),c=w("a"),a=h("utils"),f=h(" to generate a range of numbers."),this.h()},l(t){e=E(t,"EM",{});var m=v(e);$=x(m,"Hint"),m.forEach(i),r=x(t,": use "),n=E(t,"CODE",{});var l=v(n);o=x(l,"range"),l.forEach(i),s=x(t," from the "),c=E(t,"A",{href:!0});var p=v(c);a=x(p,"utils"),p.forEach(i),f=x(t," to generate a range of numbers."),this.h()},h(){y(c,"href","/docs/utilities")},m(t,m){u(t,e,m),b(e,$),u(t,r,m),u(t,n,m),b(n,o),u(t,s,m),u(t,c,m),b(c,a),u(t,f,m)},p:D,d(t){t&&i(e),t&&i(r),t&&i(n),t&&i(s),t&&i(c),t&&i(f)}}}function Qt(t){let e;return{c(){e=h("Class Properties")},l(t){e=x(t,"Class Properties")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function Xt(t){let e,$,r,n,o,s,c;return{c(){e=h("All "),$=w("code"),r=h("<TimePicker>"),n=h(" components use the "),o=w("code"),s=h(".time-picker"),c=h(" class.")},l(t){e=x(t,"All "),$=E(t,"CODE",{});var a=v($);r=x(a,"<TimePicker>"),a.forEach(i),n=x(t," components use the "),o=E(t,"CODE",{});var f=v(o);s=x(f,".time-picker"),f.forEach(i),c=x(t," class.")},m(t,a){u(t,e,a),u(t,$,a),b($,r),u(t,n,a),u(t,o,a),b(o,s),u(t,c,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(n),t&&i(o),t&&i(c)}}}function Zt(t){let e;return{c(){e=h("Falsy values passed to classes will be disregarded.")},l(t){e=x(t,"Falsy values passed to classes will be disregarded.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function _t(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function te(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function ee(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function $e(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function re(t){let e,$,r,c,a,p,h,x;return e=new j({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),r=new j({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),a=new j({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),h=new j({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function ne(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("class")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"class"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function oe(t){let e,$;return{c(){e=w("code"),$=h("null")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"null"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function se(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"string"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function ce(t){let e;return{c(){e=h("A class string to add to the component.")},l(t){e=x(t,"A class string to add to the component.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function ae(t){let e,$,r,c,a,p,h,x;return e=new G({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function fe(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("inputClass")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"inputClass"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function me(t){let e,$;return{c(){e=w("code"),$=h("null")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"null"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function le(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"string"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function pe(t){let e,$,r,n;return{c(){e=h("A class string to pass down to the "),$=w("code"),r=h("TextField"),n=h(".")},l(t){e=x(t,"A class string to pass down to the "),$=E(t,"CODE",{});var o=v($);r=x(o,"TextField"),o.forEach(i),n=x(t,".")},m(t,o){u(t,e,o),u(t,$,o),b($,r),u(t,n,o)},p:D,d(t){t&&i(e),t&&i($),t&&i(n)}}}function de(t){let e,$,r,c,a,p,h,x;return e=new G({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function ge(t){let e,$,r,c,a,p,h,x;return $=new M({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),a=new M({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),{c(){e=w("thead"),n($.$$.fragment),r=d(),c=w("tbody"),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){e=E(t,"THEAD",{});var n=v(e);o($.$$.fragment,n),n.forEach(i),r=g(t),c=E(t,"TBODY",{});var s=v(c);o(a.$$.fragment,s),p=g(s),o(h.$$.fragment,s),s.forEach(i)},m(t,n){u(t,e,n),s($,e,null),u(t,r,n),u(t,c,n),s(a,c,null),b(c,p),s(h,c,null),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),a.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o)},i(t){x||(f($.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m($.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){t&&i(e),l($),t&&i(r),t&&i(c),l(a),l(h)}}}function ue(t){let e;return{c(){e=h("Events")},l(t){e=x(t,"Events")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function ie(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function he(t){let e;return{c(){e=h("Event Detail")},l(t){e=x(t,"Event Detail")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function xe(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function we(t){let e,$,r,c,a,p;return e=new j({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),r=new j({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),a=new j({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function Ee(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("change")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"change"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function ve(t){let e,$;return{c(){e=w("code"),$=h("{ value }")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"{ value }"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function ye(t){let e;return{c(){e=h("Fired when the value of the picker changes.")},l(t){e=x(t,"Fired when the value of the picker changes.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function be(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function De(t){let e,$,r,c,a,p;return $=new M({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),a=new M({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),{c(){e=w("thead"),n($.$$.fragment),r=d(),c=w("tbody"),n(a.$$.fragment)},l(t){e=E(t,"THEAD",{});var n=v(e);o($.$$.fragment,n),n.forEach(i),r=g(t),c=E(t,"TBODY",{});var s=v(c);o(a.$$.fragment,s),s.forEach(i)},m(t,n){u(t,e,n),s($,e,null),u(t,r,n),u(t,c,n),s(a,c,null),p=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),a.$set(n)},i(t){p||(f($.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m($.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){t&&i(e),l($),t&&i(r),t&&i(c),l(a)}}}function Oe(t){let e;return{c(){e=h("Slots")},l(t){e=x(t,"Slots")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function Ce(t){let e,$,r;return{c(){e=w("code"),$=h("hours-label"),r=h(" slot")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"hours-label"),n.forEach(i),r=x(t," slot")},m(t,n){u(t,e,n),b(e,$),u(t,r,n)},p:D,d(t){t&&i(e),t&&i(r)}}}function Te(t){let e,$,r,n,o,s,c;return{c(){e=h("Label for hour selector. Defaults to the "),$=w("code"),r=h("<Label />"),n=h(' component with the text "'),o=w("code"),s=h("Hours"),c=h('".')},l(t){e=x(t,"Label for hour selector. Defaults to the "),$=E(t,"CODE",{});var a=v($);r=x(a,"<Label />"),a.forEach(i),n=x(t,' component with the text "'),o=E(t,"CODE",{});var f=v(o);s=x(f,"Hours"),f.forEach(i),c=x(t,'".')},m(t,a){u(t,e,a),u(t,$,a),b($,r),u(t,n,a),u(t,o,a),b(o,s),u(t,c,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(n),t&&i(o),t&&i(c)}}}function ke(t){let e,$,r;return{c(){e=w("code"),$=h("minutes-label"),r=h(" slot")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"minutes-label"),n.forEach(i),r=x(t," slot")},m(t,n){u(t,e,n),b(e,$),u(t,r,n)},p:D,d(t){t&&i(e),t&&i(r)}}}function Se(t){let e,$,r,n,o,s,c;return{c(){e=h("Label for the minutes selector. Defaults to the "),$=w("code"),r=h("<Label />"),n=h(' component with the text "'),o=w("code"),s=h("Minutes"),c=h('".')},l(t){e=x(t,"Label for the minutes selector. Defaults to the "),$=E(t,"CODE",{});var a=v($);r=x(a,"<Label />"),a.forEach(i),n=x(t,' component with the text "'),o=E(t,"CODE",{});var f=v(o);s=x(f,"Minutes"),f.forEach(i),c=x(t,'".')},m(t,a){u(t,e,a),u(t,$,a),b($,r),u(t,n,a),u(t,o,a),b(o,s),u(t,c,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(n),t&&i(o),t&&i(c)}}}function Ae(t){let e,$,r;return{c(){e=w("code"),$=h("seconds-label"),r=h(" slot")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"seconds-label"),n.forEach(i),r=x(t," slot")},m(t,n){u(t,e,n),b(e,$),u(t,r,n)},p:D,d(t){t&&i(e),t&&i(r)}}}function Fe(t){let e,$,r,n,o,s,c;return{c(){e=h("Label for the seconds selector. Defaults to the "),$=w("code"),r=h("<Label />"),n=h(' component with the text "'),o=w("code"),s=h("Seconds"),c=h('".')},l(t){e=x(t,"Label for the seconds selector. Defaults to the "),$=E(t,"CODE",{});var a=v($);r=x(a,"<Label />"),a.forEach(i),n=x(t,' component with the text "'),o=E(t,"CODE",{});var f=v(o);s=x(f,"Seconds"),f.forEach(i),c=x(t,'".')},m(t,a){u(t,e,a),u(t,$,a),b($,r),u(t,n,a),u(t,o,a),b(o,s),u(t,c,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(n),t&&i(o),t&&i(c)}}}function Ne(t){let e,$,r;return{c(){e=w("code"),$=h("now-icon"),r=h(" slot")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"now-icon"),n.forEach(i),r=x(t," slot")},m(t,n){u(t,e,n),b(e,$),u(t,r,n)},p:D,d(t){t&&i(e),t&&i(r)}}}function Le(t){let e,$,r,n,o,s,c;return{c(){e=h("Icon on button to select the current time. Defaults to the "),$=w("code"),r=h("<Clock />"),n=h(" icon from "),o=w("a"),s=h("Feather Icons"),c=h("."),this.h()},l(t){e=x(t,"Icon on button to select the current time. Defaults to the "),$=E(t,"CODE",{});var a=v($);r=x(a,"<Clock />"),a.forEach(i),n=x(t," icon from "),o=E(t,"A",{href:!0,rel:!0});var f=v(o);s=x(f,"Feather Icons"),f.forEach(i),c=x(t,"."),this.h()},h(){y(o,"href","https://feathericons.com/"),y(o,"rel","nofollow")},m(t,a){u(t,e,a),u(t,$,a),b($,r),u(t,n,a),u(t,o,a),b(o,s),u(t,c,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(n),t&&i(o),t&&i(c)}}}function Pe(t){let e,$,r;return{c(){e=w("code"),$=h("now-label"),r=h(" slot")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"now-label"),n.forEach(i),r=x(t," slot")},m(t,n){u(t,e,n),b(e,$),u(t,r,n)},p:D,d(t){t&&i(e),t&&i(r)}}}function Re(t){let e,$,r,n;return{c(){e=h('Text on button to select the current time. Defaults to the text "'),$=w("code"),r=h("now"),n=h('".')},l(t){e=x(t,'Text on button to select the current time. Defaults to the text "'),$=E(t,"CODE",{});var o=v($);r=x(o,"now"),o.forEach(i),n=x(t,'".')},m(t,o){u(t,e,o),u(t,$,o),b($,r),u(t,n,o)},p:D,d(t){t&&i(e),t&&i($),t&&i(n)}}}function Me(t){let e;return{c(){e=h("SCSS Variables")},l(t){e=x(t,"SCSS Variables")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function je(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function Ge(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function He(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function Be(t){let e,$,r,c,a,p;return e=new j({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),r=new j({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),a=new j({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function Ie(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("$textfield-bg")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"$textfield-bg"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function Ye(t){let e;return{c(){e=h("The background color of the text field.")},l(t){e=x(t,"The background color of the text field.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function Ke(t){let e,$;return e=new A({props:{value:"#F5F5F5"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){m(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function Ve(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function We(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("$main")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"$main"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function Ue(t){let e;return{c(){e=h("The color of the bottom border of the focused text field border, the buttons, the selected tab and the labels.")},l(t){e=x(t,"The color of the bottom border of the focused text field border, the buttons, the selected tab and the labels.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function qe(t){let e,$;return e=new A({props:{value:"#4300B0"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){m(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function ze(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function Je(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("$light-contrast")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"$light-contrast"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function Qe(t){let e;return{c(){e=h("The color of borders and WebKit scrollbars inside the dropdown.")},l(t){e=x(t,"The color of borders and WebKit scrollbars inside the dropdown.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function Xe(t){let e,$;return e=new A({props:{value:"#DDDDDD"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){m(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function Ze(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Qe]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function _e(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("$background")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"$background"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function t$(t){let e;return{c(){e=h("The background of the WebKit scrollbars, to ensure they don'y stand out from the background.")},l(t){e=x(t,"The background of the WebKit scrollbars, to ensure they don'y stand out from the background.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function e$(t){let e,$;return e=new A({props:{value:"#FFFFFF",bordered:!0}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){m(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function $$(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function r$(t){let e,$,r,n,o,s,c,a,f;return{c(){e=w("strong"),$=w("code"),r=h("$font"),n=d(),o=w("small"),s=h("From "),c=w("a"),a=w("code"),f=h("Button"),this.h()},l(t){e=E(t,"STRONG",{});var m=v(e);$=E(m,"CODE",{});var l=v($);r=x(l,"$font"),l.forEach(i),m.forEach(i),n=g(t),o=E(t,"SMALL",{});var p=v(o);s=x(p,"From "),c=E(p,"A",{href:!0});var d=v(c);a=E(d,"CODE",{});var u=v(a);f=x(u,"Button"),u.forEach(i),d.forEach(i),p.forEach(i),this.h()},h(){y(c,"href","./docs/components/button")},m(t,m){u(t,e,m),b(e,$),b($,r),u(t,n,m),u(t,o,m),b(o,s),b(o,c),b(c,a),b(a,f)},p:D,d(t){t&&i(e),t&&i(n),t&&i(o)}}}function n$(t){let e;return{c(){e=h("The font of the buttons' text and the text fields.")},l(t){e=x(t,"The font of the buttons' text and the text fields.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function o$(t){let e,$;return{c(){e=w("code"),$=h("'Ubuntu'")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"'Ubuntu'"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function s$(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[r$]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[n$]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[o$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function c$(t){let e,$,r,n,o,s,c,a,f;return{c(){e=w("strong"),$=w("code"),r=h("$button-radius"),n=d(),o=w("small"),s=h("From "),c=w("a"),a=w("code"),f=h("Button"),this.h()},l(t){e=E(t,"STRONG",{});var m=v(e);$=E(m,"CODE",{});var l=v($);r=x(l,"$button-radius"),l.forEach(i),m.forEach(i),n=g(t),o=E(t,"SMALL",{});var p=v(o);s=x(p,"From "),c=E(p,"A",{href:!0});var d=v(c);a=E(d,"CODE",{});var u=v(a);f=x(u,"Button"),u.forEach(i),d.forEach(i),p.forEach(i),this.h()},h(){y(c,"href","./docs/components/button")},m(t,m){u(t,e,m),b(e,$),b($,r),u(t,n,m),u(t,o,m),b(o,s),b(o,c),b(c,a),b(a,f)},p:D,d(t){t&&i(e),t&&i(n),t&&i(o)}}}function a$(t){let e;return{c(){e=h("The curvature radius of buttons.")},l(t){e=x(t,"The curvature radius of buttons.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function f$(t){let e,$;return{c(){e=w("code"),$=h("1.5625em")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"1.5625em"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function m$(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[c$]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[a$]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[f$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function l$(t){let e,$,r,n,o,s,c,a,f;return{c(){e=w("strong"),$=w("code"),r=h("$bold-font-weight"),n=d(),o=w("small"),s=h("From "),c=w("a"),a=w("code"),f=h("Button"),this.h()},l(t){e=E(t,"STRONG",{});var m=v(e);$=E(m,"CODE",{});var l=v($);r=x(l,"$bold-font-weight"),l.forEach(i),m.forEach(i),n=g(t),o=E(t,"SMALL",{});var p=v(o);s=x(p,"From "),c=E(p,"A",{href:!0});var d=v(c);a=E(d,"CODE",{});var u=v(a);f=x(u,"Button"),u.forEach(i),d.forEach(i),p.forEach(i),this.h()},h(){y(c,"href","./docs/components/button")},m(t,m){u(t,e,m),b(e,$),b($,r),u(t,n,m),u(t,o,m),b(o,s),b(o,c),b(c,a),b(a,f)},p:D,d(t){t&&i(e),t&&i(n),t&&i(o)}}}function p$(t){let e;return{c(){e=h("The font weight of the buttons and the labels.")},l(t){e=x(t,"The font weight of the buttons and the labels.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function d$(t){let e,$;return{c(){e=w("code"),$=h("500")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"500"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function g$(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[l$]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[p$]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[d$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function u$(t){let e,$,r,n,o,s,c,a,f;return{c(){e=w("strong"),$=w("code"),r=h("$background"),n=d(),o=w("small"),s=h("From "),c=w("a"),a=w("code"),f=h("Dropdown"),this.h()},l(t){e=E(t,"STRONG",{});var m=v(e);$=E(m,"CODE",{});var l=v($);r=x(l,"$background"),l.forEach(i),m.forEach(i),n=g(t),o=E(t,"SMALL",{});var p=v(o);s=x(p,"From "),c=E(p,"A",{href:!0});var d=v(c);a=E(d,"CODE",{});var u=v(a);f=x(u,"Dropdown"),u.forEach(i),d.forEach(i),p.forEach(i),this.h()},h(){y(c,"href","./docs/components/dropdown")},m(t,m){u(t,e,m),b(e,$),b($,r),u(t,n,m),u(t,o,m),b(o,s),b(o,c),b(c,a),b(a,f)},p:D,d(t){t&&i(e),t&&i(n),t&&i(o)}}}function i$(t){let e;return{c(){e=h("The background color of the dropdown content")},l(t){e=x(t,"The background color of the dropdown content")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function h$(t){let e,$;return e=new A({props:{value:"#FFFFFF",bordered:!0}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){m(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function x$(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[u$]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[i$]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[h$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function w$(t){let e,$,r,n,o,s,c,a,f;return{c(){e=w("strong"),$=w("code"),r=h("$shadow-raised"),n=d(),o=w("small"),s=h("From "),c=w("a"),a=w("code"),f=h("Dropdown"),this.h()},l(t){e=E(t,"STRONG",{});var m=v(e);$=E(m,"CODE",{});var l=v($);r=x(l,"$shadow-raised"),l.forEach(i),m.forEach(i),n=g(t),o=E(t,"SMALL",{});var p=v(o);s=x(p,"From "),c=E(p,"A",{href:!0});var d=v(c);a=E(d,"CODE",{});var u=v(a);f=x(u,"Dropdown"),u.forEach(i),d.forEach(i),p.forEach(i),this.h()},h(){y(c,"href","./docs/components/dropdown")},m(t,m){u(t,e,m),b(e,$),b($,r),u(t,n,m),u(t,o,m),b(o,s),b(o,c),b(c,a),b(a,f)},p:D,d(t){t&&i(e),t&&i(n),t&&i(o)}}}function E$(t){let e;return{c(){e=h("The shadow of the dropdown.")},l(t){e=x(t,"The shadow of the dropdown.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function v$(t){let e,$;return e=new F({props:{value:W$}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){m(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function y$(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[w$]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[E$]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[v$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function b$(t){let e,$,r,n,o,s,c,a,f;return{c(){e=w("strong"),$=w("code"),r=h("$card-radius"),n=d(),o=w("small"),s=h("From "),c=w("a"),a=w("code"),f=h("Dropdown"),this.h()},l(t){e=E(t,"STRONG",{});var m=v(e);$=E(m,"CODE",{});var l=v($);r=x(l,"$card-radius"),l.forEach(i),m.forEach(i),n=g(t),o=E(t,"SMALL",{});var p=v(o);s=x(p,"From "),c=E(p,"A",{href:!0});var d=v(c);a=E(d,"CODE",{});var u=v(a);f=x(u,"Dropdown"),u.forEach(i),d.forEach(i),p.forEach(i),this.h()},h(){y(c,"href","./docs/components/dropdown")},m(t,m){u(t,e,m),b(e,$),b($,r),u(t,n,m),u(t,o,m),b(o,s),b(o,c),b(c,a),b(a,f)},p:D,d(t){t&&i(e),t&&i(n),t&&i(o)}}}function D$(t){let e;return{c(){e=h("The curvature radius of the dropdown.")},l(t){e=x(t,"The curvature radius of the dropdown.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function O$(t){let e,$;return{c(){e=w("code"),$=h("1.25em")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"1.25em"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function C$(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[b$]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[D$]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[O$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function T$(t){let e,$,r,n,o,s,c,a,f;return{c(){e=w("strong"),$=w("code"),r=h("$textfield-border"),n=d(),o=w("small"),s=h("From "),c=w("a"),a=w("code"),f=h("TextField"),this.h()},l(t){e=E(t,"STRONG",{});var m=v(e);$=E(m,"CODE",{});var l=v($);r=x(l,"$textfield-border"),l.forEach(i),m.forEach(i),n=g(t),o=E(t,"SMALL",{});var p=v(o);s=x(p,"From "),c=E(p,"A",{href:!0});var d=v(c);a=E(d,"CODE",{});var u=v(a);f=x(u,"TextField"),u.forEach(i),d.forEach(i),p.forEach(i),this.h()},h(){y(c,"href","./docs/components/text-field")},m(t,m){u(t,e,m),b(e,$),b($,r),u(t,n,m),u(t,o,m),b(o,s),b(o,c),b(c,a),b(a,f)},p:D,d(t){t&&i(e),t&&i(n),t&&i(o)}}}function k$(t){let e;return{c(){e=h("The border color of the unselected text field.")},l(t){e=x(t,"The border color of the unselected text field.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function S$(t){let e,$;return e=new A({props:{value:"rgba(0, 0, 0, .42)"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){m(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function A$(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[T$]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[k$]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[S$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function F$(t){let e,$,r,n,o,s,c,a,f;return{c(){e=w("strong"),$=w("code"),r=h("$thin-font-weight"),n=d(),o=w("small"),s=h("From "),c=w("a"),a=w("code"),f=h("TextField"),this.h()},l(t){e=E(t,"STRONG",{});var m=v(e);$=E(m,"CODE",{});var l=v($);r=x(l,"$thin-font-weight"),l.forEach(i),m.forEach(i),n=g(t),o=E(t,"SMALL",{});var p=v(o);s=x(p,"From "),c=E(p,"A",{href:!0});var d=v(c);a=E(d,"CODE",{});var u=v(a);f=x(u,"TextField"),u.forEach(i),d.forEach(i),p.forEach(i),this.h()},h(){y(c,"href","./docs/components/text-field")},m(t,m){u(t,e,m),b(e,$),b($,r),u(t,n,m),u(t,o,m),b(o,s),b(o,c),b(c,a),b(a,f)},p:D,d(t){t&&i(e),t&&i(n),t&&i(o)}}}function N$(t){let e;return{c(){e=h("The thin font weight for the text inside the text field.")},l(t){e=x(t,"The thin font weight for the text inside the text field.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function L$(t){let e,$;return{c(){e=w("code"),$=h("300")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"300"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function P$(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[F$]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[N$]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[L$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function R$(t){let e,$,r,n,o,s,c,a,f;return{c(){e=w("strong"),$=w("code"),r=h("$off-state"),n=d(),o=w("small"),s=h("From "),c=w("a"),a=w("code"),f=h("Tab"),this.h()},l(t){e=E(t,"STRONG",{});var m=v(e);$=E(m,"CODE",{});var l=v($);r=x(l,"$off-state"),l.forEach(i),m.forEach(i),n=g(t),o=E(t,"SMALL",{});var p=v(o);s=x(p,"From "),c=E(p,"A",{href:!0});var d=v(c);a=E(d,"CODE",{});var u=v(a);f=x(u,"Tab"),u.forEach(i),d.forEach(i),p.forEach(i),this.h()},h(){y(c,"href","./docs/components/tab")},m(t,m){u(t,e,m),b(e,$),b($,r),u(t,n,m),u(t,o,m),b(o,s),b(o,c),b(c,a),b(a,f)},p:D,d(t){t&&i(e),t&&i(n),t&&i(o)}}}function M$(t){let e;return{c(){e=h("Affects the background color of the unselected tab.")},l(t){e=x(t,"Affects the background color of the unselected tab.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function j$(t){let e,$;return e=new A({props:{value:"#AAAAAA"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){m(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function G$(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[R$]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[M$]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[j$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function H$(t){let e,$,r,c,a,p,h,x,y,D,O,C,T,k,S,A,F,N,L,P,R,j,G,H,B,I,Y,K,V,W;return $=new M({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),a=new M({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),y=new M({props:{$$slots:{default:[Ze]},$$scope:{ctx:t}}}),O=new M({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),T=new M({props:{$$slots:{default:[s$]},$$scope:{ctx:t}}}),S=new M({props:{$$slots:{default:[m$]},$$scope:{ctx:t}}}),F=new M({props:{$$slots:{default:[g$]},$$scope:{ctx:t}}}),L=new M({props:{$$slots:{default:[x$]},$$scope:{ctx:t}}}),R=new M({props:{$$slots:{default:[y$]},$$scope:{ctx:t}}}),G=new M({props:{$$slots:{default:[C$]},$$scope:{ctx:t}}}),B=new M({props:{$$slots:{default:[A$]},$$scope:{ctx:t}}}),Y=new M({props:{$$slots:{default:[P$]},$$scope:{ctx:t}}}),V=new M({props:{$$slots:{default:[G$]},$$scope:{ctx:t}}}),{c(){e=w("thead"),n($.$$.fragment),r=d(),c=w("tbody"),n(a.$$.fragment),p=d(),n(h.$$.fragment),x=d(),n(y.$$.fragment),D=d(),n(O.$$.fragment),C=d(),n(T.$$.fragment),k=d(),n(S.$$.fragment),A=d(),n(F.$$.fragment),N=d(),n(L.$$.fragment),P=d(),n(R.$$.fragment),j=d(),n(G.$$.fragment),H=d(),n(B.$$.fragment),I=d(),n(Y.$$.fragment),K=d(),n(V.$$.fragment)},l(t){e=E(t,"THEAD",{});var n=v(e);o($.$$.fragment,n),n.forEach(i),r=g(t),c=E(t,"TBODY",{});var s=v(c);o(a.$$.fragment,s),p=g(s),o(h.$$.fragment,s),x=g(s),o(y.$$.fragment,s),D=g(s),o(O.$$.fragment,s),C=g(s),o(T.$$.fragment,s),k=g(s),o(S.$$.fragment,s),A=g(s),o(F.$$.fragment,s),N=g(s),o(L.$$.fragment,s),P=g(s),o(R.$$.fragment,s),j=g(s),o(G.$$.fragment,s),H=g(s),o(B.$$.fragment,s),I=g(s),o(Y.$$.fragment,s),K=g(s),o(V.$$.fragment,s),s.forEach(i)},m(t,n){u(t,e,n),s($,e,null),u(t,r,n),u(t,c,n),s(a,c,null),b(c,p),s(h,c,null),b(c,x),s(y,c,null),b(c,D),s(O,c,null),b(c,C),s(T,c,null),b(c,k),s(S,c,null),b(c,A),s(F,c,null),b(c,N),s(L,c,null),b(c,P),s(R,c,null),b(c,j),s(G,c,null),b(c,H),s(B,c,null),b(c,I),s(Y,c,null),b(c,K),s(V,c,null),W=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),a.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),y.$set(s);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),O.$set(c);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),T.$set(f);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),S.$set(m);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),F.$set(l);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),L.$set(p);const d={};2&e&&(d.$$scope={dirty:e,ctx:t}),R.$set(d);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),G.$set(g);const u={};2&e&&(u.$$scope={dirty:e,ctx:t}),B.$set(u);const i={};2&e&&(i.$$scope={dirty:e,ctx:t}),Y.$set(i);const x={};2&e&&(x.$$scope={dirty:e,ctx:t}),V.$set(x)},i(t){W||(f($.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),f(y.$$.fragment,t),f(O.$$.fragment,t),f(T.$$.fragment,t),f(S.$$.fragment,t),f(F.$$.fragment,t),f(L.$$.fragment,t),f(R.$$.fragment,t),f(G.$$.fragment,t),f(B.$$.fragment,t),f(Y.$$.fragment,t),f(V.$$.fragment,t),W=!0)},o(t){m($.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),m(y.$$.fragment,t),m(O.$$.fragment,t),m(T.$$.fragment,t),m(S.$$.fragment,t),m(F.$$.fragment,t),m(L.$$.fragment,t),m(R.$$.fragment,t),m(G.$$.fragment,t),m(B.$$.fragment,t),m(Y.$$.fragment,t),m(V.$$.fragment,t),W=!1},d(t){t&&i(e),l($),t&&i(r),t&&i(c),l(a),l(h),l(y),l(O),l(T),l(S),l(F),l(L),l(R),l(G),l(B),l(Y),l(V)}}}function B$(t){let e,$,r,c,a,p,h,x,w,E,v,y,b,D,O,k,A,F,M,j,G,W,U,q,z,J,Q,X,Z,_,tt,et,$t,rt,nt,ot,st,ct,at,ft,mt,dt,gt,ut,it,ht,xt,wt,Et,vt,yt,bt,Dt,Ot,Ct,Tt,kt,St;return e=new C({props:{$$slots:{default:[H]},$$scope:{ctx:t}}}),r=new T({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),a=new N({props:{components:V$}}),h=new S({props:{$$slots:{source:[Y],showcase:[I]},$$scope:{ctx:t}}}),w=new L({props:{id:"properties",$$slots:{default:[K]},$$scope:{ctx:t}}}),v=new P({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),b=new R({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),O=new P({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),A=new R({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),M=new T({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),G=new P({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),U=new T({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),z=new T({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),Q=new R({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),Z=new L({props:{id:"events",$$slots:{default:[ue]},$$scope:{ctx:t}}}),tt=new R({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),$t=new L({props:{id:"slots",$$slots:{default:[Oe]},$$scope:{ctx:t}}}),nt=new P({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),st=new T({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),at=new P({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),mt=new T({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),gt=new P({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),it=new T({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),xt=new P({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),Et=new T({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),yt=new P({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),Dt=new T({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),Ct=new L({props:{id:"scss-variables",$$slots:{default:[Me]},$$scope:{ctx:t}}}),kt=new R({props:{$$slots:{default:[H$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment),x=d(),n(w.$$.fragment),E=d(),n(v.$$.fragment),y=d(),n(b.$$.fragment),D=d(),n(O.$$.fragment),k=d(),n(A.$$.fragment),F=d(),n(M.$$.fragment),j=d(),n(G.$$.fragment),W=d(),n(U.$$.fragment),q=d(),n(z.$$.fragment),J=d(),n(Q.$$.fragment),X=d(),n(Z.$$.fragment),_=d(),n(tt.$$.fragment),et=d(),n($t.$$.fragment),rt=d(),n(nt.$$.fragment),ot=d(),n(st.$$.fragment),ct=d(),n(at.$$.fragment),ft=d(),n(mt.$$.fragment),dt=d(),n(gt.$$.fragment),ut=d(),n(it.$$.fragment),ht=d(),n(xt.$$.fragment),wt=d(),n(Et.$$.fragment),vt=d(),n(yt.$$.fragment),bt=d(),n(Dt.$$.fragment),Ot=d(),n(Ct.$$.fragment),Tt=d(),n(kt.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t),x=g(t),o(w.$$.fragment,t),E=g(t),o(v.$$.fragment,t),y=g(t),o(b.$$.fragment,t),D=g(t),o(O.$$.fragment,t),k=g(t),o(A.$$.fragment,t),F=g(t),o(M.$$.fragment,t),j=g(t),o(G.$$.fragment,t),W=g(t),o(U.$$.fragment,t),q=g(t),o(z.$$.fragment,t),J=g(t),o(Q.$$.fragment,t),X=g(t),o(Z.$$.fragment,t),_=g(t),o(tt.$$.fragment,t),et=g(t),o($t.$$.fragment,t),rt=g(t),o(nt.$$.fragment,t),ot=g(t),o(st.$$.fragment,t),ct=g(t),o(at.$$.fragment,t),ft=g(t),o(mt.$$.fragment,t),dt=g(t),o(gt.$$.fragment,t),ut=g(t),o(it.$$.fragment,t),ht=g(t),o(xt.$$.fragment,t),wt=g(t),o(Et.$$.fragment,t),vt=g(t),o(yt.$$.fragment,t),bt=g(t),o(Dt.$$.fragment,t),Ot=g(t),o(Ct.$$.fragment,t),Tt=g(t),o(kt.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),u(t,x,n),s(w,t,n),u(t,E,n),s(v,t,n),u(t,y,n),s(b,t,n),u(t,D,n),s(O,t,n),u(t,k,n),s(A,t,n),u(t,F,n),s(M,t,n),u(t,j,n),s(G,t,n),u(t,W,n),s(U,t,n),u(t,q,n),s(z,t,n),u(t,J,n),s(Q,t,n),u(t,X,n),s(Z,t,n),u(t,_,n),s(tt,t,n),u(t,et,n),s($t,t,n),u(t,rt,n),s(nt,t,n),u(t,ot,n),s(st,t,n),u(t,ct,n),s(at,t,n),u(t,ft,n),s(mt,t,n),u(t,dt,n),s(gt,t,n),u(t,ut,n),s(it,t,n),u(t,ht,n),s(xt,t,n),u(t,wt,n),s(Et,t,n),u(t,vt,n),s(yt,t,n),u(t,bt,n),s(Dt,t,n),u(t,Ot,n),s(Ct,t,n),u(t,Tt,n),s(kt,t,n),St=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),w.$set(c);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),v.$set(a);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),b.$set(f);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),O.$set(m);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),A.$set(l);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),M.$set(p);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),G.$set(d);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),U.$set(g);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),z.$set(u);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),Q.$set(i);const x={};2&$&&(x.$$scope={dirty:$,ctx:t}),Z.$set(x);const E={};2&$&&(E.$$scope={dirty:$,ctx:t}),tt.$set(E);const y={};2&$&&(y.$$scope={dirty:$,ctx:t}),$t.$set(y);const D={};2&$&&(D.$$scope={dirty:$,ctx:t}),nt.$set(D);const C={};2&$&&(C.$$scope={dirty:$,ctx:t}),st.$set(C);const T={};2&$&&(T.$$scope={dirty:$,ctx:t}),at.$set(T);const k={};2&$&&(k.$$scope={dirty:$,ctx:t}),mt.$set(k);const S={};2&$&&(S.$$scope={dirty:$,ctx:t}),gt.$set(S);const F={};2&$&&(F.$$scope={dirty:$,ctx:t}),it.$set(F);const N={};2&$&&(N.$$scope={dirty:$,ctx:t}),xt.$set(N);const L={};2&$&&(L.$$scope={dirty:$,ctx:t}),Et.$set(L);const P={};2&$&&(P.$$scope={dirty:$,ctx:t}),yt.$set(P);const R={};2&$&&(R.$$scope={dirty:$,ctx:t}),Dt.$set(R);const j={};2&$&&(j.$$scope={dirty:$,ctx:t}),Ct.$set(j);const H={};2&$&&(H.$$scope={dirty:$,ctx:t}),kt.$set(H)},i(t){St||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),f(w.$$.fragment,t),f(v.$$.fragment,t),f(b.$$.fragment,t),f(O.$$.fragment,t),f(A.$$.fragment,t),f(M.$$.fragment,t),f(G.$$.fragment,t),f(U.$$.fragment,t),f(z.$$.fragment,t),f(Q.$$.fragment,t),f(Z.$$.fragment,t),f(tt.$$.fragment,t),f($t.$$.fragment,t),f(nt.$$.fragment,t),f(st.$$.fragment,t),f(at.$$.fragment,t),f(mt.$$.fragment,t),f(gt.$$.fragment,t),f(it.$$.fragment,t),f(xt.$$.fragment,t),f(Et.$$.fragment,t),f(yt.$$.fragment,t),f(Dt.$$.fragment,t),f(Ct.$$.fragment,t),f(kt.$$.fragment,t),St=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),m(w.$$.fragment,t),m(v.$$.fragment,t),m(b.$$.fragment,t),m(O.$$.fragment,t),m(A.$$.fragment,t),m(M.$$.fragment,t),m(G.$$.fragment,t),m(U.$$.fragment,t),m(z.$$.fragment,t),m(Q.$$.fragment,t),m(Z.$$.fragment,t),m(tt.$$.fragment,t),m($t.$$.fragment,t),m(nt.$$.fragment,t),m(st.$$.fragment,t),m(at.$$.fragment,t),m(mt.$$.fragment,t),m(gt.$$.fragment,t),m(it.$$.fragment,t),m(xt.$$.fragment,t),m(Et.$$.fragment,t),m(yt.$$.fragment,t),m(Dt.$$.fragment,t),m(Ct.$$.fragment,t),m(kt.$$.fragment,t),St=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t),t&&i(x),l(w,t),t&&i(E),l(v,t),t&&i(y),l(b,t),t&&i(D),l(O,t),t&&i(k),l(A,t),t&&i(F),l(M,t),t&&i(j),l(G,t),t&&i(W),l(U,t),t&&i(q),l(z,t),t&&i(J),l(Q,t),t&&i(X),l(Z,t),t&&i(_),l(tt,t),t&&i(et),l($t,t),t&&i(rt),l(nt,t),t&&i(ot),l(st,t),t&&i(ct),l(at,t),t&&i(ft),l(mt,t),t&&i(dt),l(gt,t),t&&i(ut),l(it,t),t&&i(ht),l(xt,t),t&&i(wt),l(Et,t),t&&i(vt),l(yt,t),t&&i(bt),l(Dt,t),t&&i(Ot),l(Ct,t),t&&i(Tt),l(kt,t)}}}function I$(t){let e,$;const p=[t[0],Y$];let d={$$slots:{default:[B$]},$$scope:{ctx:t}};for(let t=0;t<p.length;t+=1)d=r(d,p[t]);return e=new O({props:d}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p(t,[$]){const r=1&$?c(p,[1&$&&a(t[0]),0&$&&a(Y$)]):{};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){m(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}const Y$={name:"TimePicker",relatedComponents:[{name:"DatePicker",link:"./docs/components/date-picker"}],shadowRaised:"0 2px 4px -1px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);"},{name:K$,relatedComponents:V$,shadowRaised:W$}=Y$;function U$(t,e,$){return t.$$set=t=>{$(0,e=r(r({},e),p(t)))},[e=p(e)]}class q$ extends t{constructor(t){super(),e(this,t,U$,I$,$,{})}}export{q$ as default,Y$ as metadata};
diff --git a/376/client/legacy/typography.ff555a1f.js b/376/client/legacy/typography.ff555a1f.js
new file mode 100644
index 000000000..564e40eec
--- /dev/null
+++ b/376/client/legacy/typography.ff555a1f.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as s,l as a,m as r,U as o,a0 as c,t as l,p,q as f,L as m,u as g,w as u,f as d,d as i,v as x,x as h,h as y,k as w,b as E,e as k,g as b,n as v}from"./client.583c6e60.js";import{L as D,H as T,P as O}from"./layout.47c81311.js";import{c as H,S as C,H as S,a as L,b as N}from"./subhead.f4e04db3.js";import{L as j}from"./label.d533579b.js";import{S as M}from"./showcase.759e7149.js";import{C as P}from"./color-preview.9db6af61.js";import{H as A}from"./h2.0da05151.js";import{H as R}from"./h3.c9a49f62.js";import{T as G,a as B,b as F,c as V}from"./table.c1711529.js";import"./classes.a7d1a9eb.js";import"./copyable-code.ce778425.js";import"./button.863c0adf.js";function Y(t){let e;return{c(){e=x("Typography")},l(t){e=h(t,"Typography")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function I(t){let e;return{c(){e=x("Typography elements with embedded responsive styles.")},l(t){e=h(t,"Typography elements with embedded responsive styles.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function q(t){let e;return{c(){e=x("Main stuff!")},l(t){e=h(t,"Main stuff!")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function K(t){let e;return{c(){e=x("Make sure you don't miss out!")},l(t){e=h(t,"Make sure you don't miss out!")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function U(t){let e;return{c(){e=x("Heading 1")},l(t){e=h(t,"Heading 1")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function z(t){let e;return{c(){e=x("Heading 2")},l(t){e=h(t,"Heading 2")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function J(t){let e;return{c(){e=x("Heading 3")},l(t){e=h(t,"Heading 3")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Q(t){let e;return{c(){e=x("label")},l(t){e=h(t,"label")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function W(t){let e;return{c(){e=x("smaller label")},l(t){e=h(t,"smaller label")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function X(t){let e,$,n,o,c,m,x,h,v,D,T,O,M,P,A;return $=new H({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),o=new C({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),m=new S({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),h=new L({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),D=new N({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),O=new j({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),P=new j({props:{small:!0,$$slots:{default:[W]},$$scope:{ctx:t}}}),{c(){e=y("div"),s($.$$.fragment),n=g(),s(o.$$.fragment),c=g(),s(m.$$.fragment),x=g(),s(h.$$.fragment),v=g(),s(D.$$.fragment),T=g(),s(O.$$.fragment),M=g(),s(P.$$.fragment),this.h()},l(t){e=w(t,"DIV",{slot:!0,class:!0});var s=E(e);a($.$$.fragment,s),n=u(s),a(o.$$.fragment,s),c=u(s),a(m.$$.fragment,s),x=u(s),a(h.$$.fragment,s),v=u(s),a(D.$$.fragment,s),T=u(s),a(O.$$.fragment,s),M=u(s),a(P.$$.fragment,s),s.forEach(i),this.h()},h(){k(e,"slot","showcase"),k(e,"class","padded")},m(t,s){d(t,e,s),r($,e,null),b(e,n),r(o,e,null),b(e,c),r(m,e,null),b(e,x),r(h,e,null),b(e,v),r(D,e,null),b(e,T),r(O,e,null),b(e,M),r(P,e,null),A=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),o.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),m.$set(a);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),h.$set(r);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),D.$set(c);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),O.$set(l);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),P.$set(p)},i(t){A||(l($.$$.fragment,t),l(o.$$.fragment,t),l(m.$$.fragment,t),l(h.$$.fragment,t),l(D.$$.fragment,t),l(O.$$.fragment,t),l(P.$$.fragment,t),A=!0)},o(t){p($.$$.fragment,t),p(o.$$.fragment,t),p(m.$$.fragment,t),p(h.$$.fragment,t),p(D.$$.fragment,t),p(O.$$.fragment,t),p(P.$$.fragment,t),A=!1},d(t){t&&i(e),f($),f(o),f(m),f(h),f(D),f(O),f(P)}}}function Z(t){let e,$;return{c(){e=y("div"),$=y("pre"),this.h()},l(t){e=w(t,"DIV",{slot:!0});var n=E(e);$=w(n,"PRE",{class:!0}),E($).forEach(i),n.forEach(i),this.h()},h(){k($,"class","language-svelte"),k(e,"slot","source")},m(t,n){d(t,e,n),b(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Headline</span><span class="token punctuation">></span></span>Main stuff!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Headline</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Subhead</span><span class="token punctuation">></span></span>Make sure you don\'t miss out!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Subhead</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>H1</span><span class="token punctuation">></span></span>Heading 1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>H1</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>H2</span><span class="token punctuation">></span></span>Heading 2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>H2</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>H3</span><span class="token punctuation">></span></span>Heading 3<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>H3</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Label</span><span class="token punctuation">></span></span>label<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Label</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Label</span> <span class="token attr-name">small</span><span class="token punctuation">></span></span>smaller label<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Label</span><span class="token punctuation">></span></span></code>'},p:v,d(t){t&&i(e)}}}function _(t){let e;return{c(){e=x("Properties")},l(t){e=h(t,"Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function tt(t){let e;return{c(){e=x("Style Properties")},l(t){e=h(t,"Style Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function et(t){let e,$,n,s,a;return{c(){e=y("em"),$=x("This property only applies to "),n=y("code"),s=x("<Label>"),a=x(".")},l(t){e=w(t,"EM",{});var r=E(e);$=h(r,"This property only applies to "),n=w(r,"CODE",{});var o=E(n);s=h(o,"<Label>"),o.forEach(i),r.forEach(i),a=h(t,".")},m(t,r){d(t,e,r),b(e,$),b(e,n),b(n,s),d(t,a,r)},p:v,d(t){t&&i(e),t&&i(a)}}}function $t(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function nt(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function st(t){let e;return{c(){e=x("Type")},l(t){e=h(t,"Type")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function at(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function rt(t){let e,$,n,o,c,m,x,h;return e=new F({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),x=new F({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){r(e,t,s),d(t,$,s),r(n,t,s),d(t,o,s),r(c,t,s),d(t,m,s),r(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),x.$set(o)},i(t){h||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(o),f(c,t),t&&i(m),f(x,t)}}}function ot(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("small")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"small"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),b(e,$),b($,n)},p:v,d(t){t&&i(e)}}}function ct(t){let e,$;return{c(){e=y("code"),$=x("false")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"false"),n.forEach(i)},m(t,n){d(t,e,n),b(e,$)},p:v,d(t){t&&i(e)}}}function lt(t){let e,$;return{c(){e=y("code"),$=x("boolean")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"boolean"),n.forEach(i)},m(t,n){d(t,e,n),b(e,$)},p:v,d(t){t&&i(e)}}}function pt(t){let e,$,n,s;return{c(){e=x("Makes the "),$=y("code"),n=x("<Label>"),s=x(" smaller.")},l(t){e=h(t,"Makes the "),$=w(t,"CODE",{});var a=E($);n=h(a,"<Label>"),a.forEach(i),s=h(t," smaller.")},m(t,a){d(t,e,a),d(t,$,a),b($,n),d(t,s,a)},p:v,d(t){t&&i(e),t&&i($),t&&i(s)}}}function ft(t){let e,$,n,o,c,m,x,h;return e=new V({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),n=new V({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),x=new V({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){r(e,t,s),d(t,$,s),r(n,t,s),d(t,o,s),r(c,t,s),d(t,m,s),r(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),x.$set(o)},i(t){h||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(o),f(c,t),t&&i(m),f(x,t)}}}function mt(t){let e,$,n,o,c,m;return $=new B({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),o=y("tbody"),s(c.$$.fragment)},l(t){e=w(t,"THEAD",{});var s=E(e);a($.$$.fragment,s),s.forEach(i),n=u(t),o=w(t,"TBODY",{});var r=E(o);a(c.$$.fragment,r),r.forEach(i)},m(t,s){d(t,e,s),r($,e,null),d(t,n,s),d(t,o,s),r(c,o,null),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(l($.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&i(e),f($),t&&i(n),t&&i(o),f(c)}}}function gt(t){let e;return{c(){e=x("Functional Properties")},l(t){e=h(t,"Functional Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function ut(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function dt(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function it(t){let e;return{c(){e=x("Type")},l(t){e=h(t,"Type")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function xt(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function ht(t){let e,$,n,o,c,m,x,h;return e=new F({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),x=new F({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){r(e,t,s),d(t,$,s),r(n,t,s),d(t,o,s),r(c,t,s),d(t,m,s),r(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),x.$set(o)},i(t){h||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(o),f(c,t),t&&i(m),f(x,t)}}}function yt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("...")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"..."),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),b(e,$),b($,n)},p:v,d(t){t&&i(e)}}}function wt(t){let e,$;return{c(){e=y("code"),$=x("any")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"any"),n.forEach(i)},m(t,n){d(t,e,n),b(e,$)},p:v,d(t){t&&i(e)}}}function Et(t){let e;return{c(){e=x("Everything will be passed to the underlying element.")},l(t){e=h(t,"Everything will be passed to the underlying element.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function kt(t){let e,$,n,o,c,m,x,h;return e=new V({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),n=new V({}),c=new V({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),x=new V({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){r(e,t,s),d(t,$,s),r(n,t,s),d(t,o,s),r(c,t,s),d(t,m,s),r(x,t,s),h=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),x.$set(a)},i(t){h||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(o),f(c,t),t&&i(m),f(x,t)}}}function bt(t){let e,$,n,o,c,m;return $=new B({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),o=y("tbody"),s(c.$$.fragment)},l(t){e=w(t,"THEAD",{});var s=E(e);a($.$$.fragment,s),s.forEach(i),n=u(t),o=w(t,"TBODY",{});var r=E(o);a(c.$$.fragment,r),r.forEach(i)},m(t,s){d(t,e,s),r($,e,null),d(t,n,s),d(t,o,s),r(c,o,null),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(l($.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&i(e),f($),t&&i(n),t&&i(o),f(c)}}}function vt(t){let e;return{c(){e=x("Class Properties")},l(t){e=h(t,"Class Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Dt(t){let e,$,n,s,a,r,o,c,l,p,f,m,g,u,k,D,T,O,H;return{c(){e=x("All "),$=y("code"),n=x("<Headline>"),s=x(" components use the "),a=y("code"),r=x(".headline"),o=x(" class, all "),c=y("code"),l=x("<Subhead>"),p=x(" components use the "),f=y("code"),m=x(".subhead"),g=x(" class, and all "),u=y("code"),k=x("<Label>"),D=x(" components use the "),T=y("code"),O=x(".label"),H=x(" class.")},l(t){e=h(t,"All "),$=w(t,"CODE",{});var d=E($);n=h(d,"<Headline>"),d.forEach(i),s=h(t," components use the "),a=w(t,"CODE",{});var x=E(a);r=h(x,".headline"),x.forEach(i),o=h(t," class, all "),c=w(t,"CODE",{});var y=E(c);l=h(y,"<Subhead>"),y.forEach(i),p=h(t," components use the "),f=w(t,"CODE",{});var b=E(f);m=h(b,".subhead"),b.forEach(i),g=h(t," class, and all "),u=w(t,"CODE",{});var v=E(u);k=h(v,"<Label>"),v.forEach(i),D=h(t," components use the "),T=w(t,"CODE",{});var C=E(T);O=h(C,".label"),C.forEach(i),H=h(t," class.")},m(t,i){d(t,e,i),d(t,$,i),b($,n),d(t,s,i),d(t,a,i),b(a,r),d(t,o,i),d(t,c,i),b(c,l),d(t,p,i),d(t,f,i),b(f,m),d(t,g,i),d(t,u,i),b(u,k),d(t,D,i),d(t,T,i),b(T,O),d(t,H,i)},p:v,d(t){t&&i(e),t&&i($),t&&i(s),t&&i(a),t&&i(o),t&&i(c),t&&i(p),t&&i(f),t&&i(g),t&&i(u),t&&i(D),t&&i(T),t&&i(H)}}}function Tt(t){let e;return{c(){e=x("Falsy values passed to classes will be disregarded.")},l(t){e=h(t,"Falsy values passed to classes will be disregarded.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Ot(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Ht(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Ct(t){let e;return{c(){e=x("Type")},l(t){e=h(t,"Type")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function St(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Lt(t){let e,$,n,o,c,m,x,h;return e=new F({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),x=new F({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){r(e,t,s),d(t,$,s),r(n,t,s),d(t,o,s),r(c,t,s),d(t,m,s),r(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),x.$set(o)},i(t){h||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(o),f(c,t),t&&i(m),f(x,t)}}}function Nt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("class")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"class"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),b(e,$),b($,n)},p:v,d(t){t&&i(e)}}}function jt(t){let e,$;return{c(){e=y("code"),$=x("null")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"null"),n.forEach(i)},m(t,n){d(t,e,n),b(e,$)},p:v,d(t){t&&i(e)}}}function Mt(t){let e,$;return{c(){e=y("code"),$=x("string")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"string"),n.forEach(i)},m(t,n){d(t,e,n),b(e,$)},p:v,d(t){t&&i(e)}}}function Pt(t){let e;return{c(){e=x("A class string to add to the component.")},l(t){e=h(t,"A class string to add to the component.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function At(t){let e,$,n,o,c,m,x,h;return e=new V({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),n=new V({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),x=new V({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){r(e,t,s),d(t,$,s),r(n,t,s),d(t,o,s),r(c,t,s),d(t,m,s),r(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),x.$set(o)},i(t){h||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(o),f(c,t),t&&i(m),f(x,t)}}}function Rt(t){let e,$,n,o,c,m;return $=new B({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),o=y("tbody"),s(c.$$.fragment)},l(t){e=w(t,"THEAD",{});var s=E(e);a($.$$.fragment,s),s.forEach(i),n=u(t),o=w(t,"TBODY",{});var r=E(o);a(c.$$.fragment,r),r.forEach(i)},m(t,s){d(t,e,s),r($,e,null),d(t,n,s),d(t,o,s),r(c,o,null),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(l($.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&i(e),f($),t&&i(n),t&&i(o),f(c)}}}function Gt(t){let e;return{c(){e=x("Slots")},l(t){e=h(t,"Slots")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Bt(t){let e;return{c(){e=x("Default slot")},l(t){e=h(t,"Default slot")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Ft(t){let e;return{c(){e=x("The content of the typographic element.")},l(t){e=h(t,"The content of the typographic element.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Vt(t){let e;return{c(){e=x("SCSS Variables")},l(t){e=h(t,"SCSS Variables")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Yt(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function It(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function qt(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Kt(t){let e,$,n,o,c,m;return e=new F({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),d(t,$,s),r(n,t,s),d(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(o),f(c,t)}}}function Ut(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("$main")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"$main"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),b(e,$),b($,n)},p:v,d(t){t&&i(e)}}}function zt(t){let e;return{c(){e=x("The color of some headings, the headline and the label.")},l(t){e=h(t,"The color of some headings, the headline and the label.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Jt(t){let e,$;return e=new P({props:{value:"#4300B0"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){r(e,t,n),$=!0},p:v,i(t){$||(l(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){f(e,t)}}}function Qt(t){let e,$,n,o,c,m;return e=new V({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),n=new V({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),d(t,$,s),r(n,t,s),d(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(o),f(c,t)}}}function Wt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("$bold-font-weight")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"$bold-font-weight"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),b(e,$),b($,n)},p:v,d(t){t&&i(e)}}}function Xt(t){let e;return{c(){e=x("The bold font weight of headings.")},l(t){e=h(t,"The bold font weight of headings.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Zt(t){let e,$;return{c(){e=y("code"),$=x("500")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"500"),n.forEach(i)},m(t,n){d(t,e,n),b(e,$)},p:v,d(t){t&&i(e)}}}function _t(t){let e,$,n,o,c,m;return e=new V({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),n=new V({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),d(t,$,s),r(n,t,s),d(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(o),f(c,t)}}}function te(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("$thin-font-weight")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"$thin-font-weight"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),b(e,$),b($,n)},p:v,d(t){t&&i(e)}}}function ee(t){let e;return{c(){e=x("The thin font weight of the subhead.")},l(t){e=h(t,"The thin font weight of the subhead.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function $e(t){let e,$;return{c(){e=y("code"),$=x("300")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"300"),n.forEach(i)},m(t,n){d(t,e,n),b(e,$)},p:v,d(t){t&&i(e)}}}function ne(t){let e,$,n,o,c,m;return e=new V({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),n=new V({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),d(t,$,s),r(n,t,s),d(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(o),f(c,t)}}}function se(t){let e,$,n,o,c,m,x,h,k,v;return $=new B({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),x=new B({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),k=new B({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),o=y("tbody"),s(c.$$.fragment),m=g(),s(x.$$.fragment),h=g(),s(k.$$.fragment)},l(t){e=w(t,"THEAD",{});var s=E(e);a($.$$.fragment,s),s.forEach(i),n=u(t),o=w(t,"TBODY",{});var r=E(o);a(c.$$.fragment,r),m=u(r),a(x.$$.fragment,r),h=u(r),a(k.$$.fragment,r),r.forEach(i)},m(t,s){d(t,e,s),r($,e,null),d(t,n,s),d(t,o,s),r(c,o,null),b(o,m),r(x,o,null),b(o,h),r(k,o,null),v=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),x.$set(a);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),k.$set(r)},i(t){v||(l($.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),l(k.$$.fragment,t),v=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),p(k.$$.fragment,t),v=!1},d(t){t&&i(e),f($),t&&i(n),t&&i(o),f(c),f(x),f(k)}}}function ae(t){let e,$,n,o,c,m,x,h,y,w,E,k,b,v,D,H,C,S,L,N,j,P,B,F,V,q,K,U,z,J,Q,W,$t,nt,st,at;return e=new T({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),n=new O({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{source:[Z],showcase:[X]},$$scope:{ctx:t}}}),x=new A({props:{id:"properties",$$slots:{default:[_]},$$scope:{ctx:t}}}),y=new R({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),E=new O({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),b=new G({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),D=new R({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),C=new G({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),L=new R({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),j=new O({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),B=new O({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),V=new G({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),K=new A({props:{id:"slots",$$slots:{default:[Gt]},$$scope:{ctx:t}}}),z=new R({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),Q=new O({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),$t=new A({props:{id:"scss-variables",$$slots:{default:[Vt]},$$scope:{ctx:t}}}),st=new G({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment),h=g(),s(y.$$.fragment),w=g(),s(E.$$.fragment),k=g(),s(b.$$.fragment),v=g(),s(D.$$.fragment),H=g(),s(C.$$.fragment),S=g(),s(L.$$.fragment),N=g(),s(j.$$.fragment),P=g(),s(B.$$.fragment),F=g(),s(V.$$.fragment),q=g(),s(K.$$.fragment),U=g(),s(z.$$.fragment),J=g(),s(Q.$$.fragment),W=g(),s($t.$$.fragment),nt=g(),s(st.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t),h=u(t),a(y.$$.fragment,t),w=u(t),a(E.$$.fragment,t),k=u(t),a(b.$$.fragment,t),v=u(t),a(D.$$.fragment,t),H=u(t),a(C.$$.fragment,t),S=u(t),a(L.$$.fragment,t),N=u(t),a(j.$$.fragment,t),P=u(t),a(B.$$.fragment,t),F=u(t),a(V.$$.fragment,t),q=u(t),a(K.$$.fragment,t),U=u(t),a(z.$$.fragment,t),J=u(t),a(Q.$$.fragment,t),W=u(t),a($t.$$.fragment,t),nt=u(t),a(st.$$.fragment,t)},m(t,s){r(e,t,s),d(t,$,s),r(n,t,s),d(t,o,s),r(c,t,s),d(t,m,s),r(x,t,s),d(t,h,s),r(y,t,s),d(t,w,s),r(E,t,s),d(t,k,s),r(b,t,s),d(t,v,s),r(D,t,s),d(t,H,s),r(C,t,s),d(t,S,s),r(L,t,s),d(t,N,s),r(j,t,s),d(t,P,s),r(B,t,s),d(t,F,s),r(V,t,s),d(t,q,s),r(K,t,s),d(t,U,s),r(z,t,s),d(t,J,s),r(Q,t,s),d(t,W,s),r($t,t,s),d(t,nt,s),r(st,t,s),at=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),x.$set(o);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),y.$set(l);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),E.$set(p);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),b.$set(f);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),D.$set(m);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),C.$set(g);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),L.$set(u);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),j.$set(d);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),B.$set(i);const h={};2&$&&(h.$$scope={dirty:$,ctx:t}),V.$set(h);const w={};2&$&&(w.$$scope={dirty:$,ctx:t}),K.$set(w);const k={};2&$&&(k.$$scope={dirty:$,ctx:t}),z.$set(k);const v={};2&$&&(v.$$scope={dirty:$,ctx:t}),Q.$set(v);const T={};2&$&&(T.$$scope={dirty:$,ctx:t}),$t.$set(T);const O={};2&$&&(O.$$scope={dirty:$,ctx:t}),st.$set(O)},i(t){at||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),l(y.$$.fragment,t),l(E.$$.fragment,t),l(b.$$.fragment,t),l(D.$$.fragment,t),l(C.$$.fragment,t),l(L.$$.fragment,t),l(j.$$.fragment,t),l(B.$$.fragment,t),l(V.$$.fragment,t),l(K.$$.fragment,t),l(z.$$.fragment,t),l(Q.$$.fragment,t),l($t.$$.fragment,t),l(st.$$.fragment,t),at=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),p(y.$$.fragment,t),p(E.$$.fragment,t),p(b.$$.fragment,t),p(D.$$.fragment,t),p(C.$$.fragment,t),p(L.$$.fragment,t),p(j.$$.fragment,t),p(B.$$.fragment,t),p(V.$$.fragment,t),p(K.$$.fragment,t),p(z.$$.fragment,t),p(Q.$$.fragment,t),p($t.$$.fragment,t),p(st.$$.fragment,t),at=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(o),f(c,t),t&&i(m),f(x,t),t&&i(h),f(y,t),t&&i(w),f(E,t),t&&i(k),f(b,t),t&&i(v),f(D,t),t&&i(H),f(C,t),t&&i(S),f(L,t),t&&i(N),f(j,t),t&&i(P),f(B,t),t&&i(F),f(V,t),t&&i(q),f(K,t),t&&i(U),f(z,t),t&&i(J),f(Q,t),t&&i(W),f($t,t),t&&i(nt),f(st,t)}}}function re(t){let e,$;const m=[t[0],oe];let g={$$slots:{default:[ae]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)g=n(g,m[t]);return e=new D({props:g}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){r(e,t,n),$=!0},p(t,[$]){const n=1&$?o(m,[1&$&&c(t[0]),0&$&&c(oe)]):{};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(l(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){f(e,t)}}}const oe={name:"Typography"};function ce(t,e,$){return t.$$set=t=>{$(0,e=n(n({},e),m(t)))},[e=m(e)]}class le extends t{constructor(t){super(),e(this,t,ce,re,$,{})}}export{le as default,oe as metadata};
diff --git a/376/client/legacy/ul-82208b9a.css b/376/client/legacy/ul-82208b9a.css
new file mode 100644
index 000000000..aed42d67b
--- /dev/null
+++ b/376/client/legacy/ul-82208b9a.css
@@ -0,0 +1,2 @@
+li.svelte-puza06{margin-bottom:0.25em}
+ul.svelte-zjwdhv{padding-left:1.8em}
diff --git a/376/client/legacy/ul.ce467381.js b/376/client/legacy/ul.ce467381.js
new file mode 100644
index 000000000..4e5baafc0
--- /dev/null
+++ b/376/client/legacy/ul.ce467381.js
@@ -0,0 +1 @@
+import{S as s,i as l,s as t,M as e,h as a,k as c,b as n,d as o,e as u,f as r,Q as $,R as i,T as h,t as p,p as d}from"./client.583c6e60.js";function f(s){let l,t;const f=s[1].default,m=e(f,s,s[0],null);return{c(){l=a("li"),m&&m.c(),this.h()},l(s){l=c(s,"LI",{class:!0});var t=n(l);m&&m.l(t),t.forEach(o),this.h()},h(){u(l,"class","svelte-puza06")},m(s,e){r(s,l,e),m&&m.m(l,null),t=!0},p(s,l){let[e]=l;m&&m.p&&(!t||1&e)&&$(m,f,s,s[0],t?h(f,s[0],e,null):i(s[0]),null)},i(s){t||(p(m,s),t=!0)},o(s){d(m,s),t=!1},d(s){s&&o(l),m&&m.d(s)}}}function m(s,l,t){let{$$slots:e={},$$scope:a}=l;return s.$$set=s=>{"$$scope"in s&&t(0,a=s.$$scope)},[a,e]}class v extends s{constructor(s){super(),l(this,s,m,f,t,{})}}function x(s){let l,t;const f=s[1].default,m=e(f,s,s[0],null);return{c(){l=a("ul"),m&&m.c(),this.h()},l(s){l=c(s,"UL",{class:!0});var t=n(l);m&&m.l(t),t.forEach(o),this.h()},h(){u(l,"class","svelte-zjwdhv")},m(s,e){r(s,l,e),m&&m.m(l,null),t=!0},p(s,l){let[e]=l;m&&m.p&&(!t||1&e)&&$(m,f,s,s[0],t?h(f,s[0],e,null):i(s[0]),null)},i(s){t||(p(m,s),t=!0)},o(s){d(m,s),t=!1},d(s){s&&o(l),m&&m.d(s)}}}function L(s,l,t){let{$$slots:e={},$$scope:a}=l;return s.$$set=s=>{"$$scope"in s&&t(0,a=s.$$scope)},[a,e]}class j extends s{constructor(s){super(),l(this,s,L,x,t,{})}}export{v as L,j as U};
diff --git a/376/client/legacy/utilities.615ab55b.js b/376/client/legacy/utilities.615ab55b.js
new file mode 100644
index 000000000..8111ef21b
--- /dev/null
+++ b/376/client/legacy/utilities.615ab55b.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as r,K as $,j as n,l as o,m as a,U as s,a0 as c,t as f,p as l,q as i,L as p,u as m,w as d,f as g,d as u,v as h,x,h as E,k as y,b as v,g as w,n as b,e as O}from"./client.583c6e60.js";import{L as C,H as D,P as T}from"./layout.47c81311.js";import{T as S,a as R,b as k,c as G}from"./table.c1711529.js";import"./label.d533579b.js";import"./classes.a7d1a9eb.js";function N(t){let e;return{c(){e=h("Utility functions")},l(t){e=x(t,"Utility functions")},m(t,r){g(t,e,r)},d(t){t&&u(e)}}}function A(t){let e,r,$,n,o,a;return{c(){e=h("A collection of helper functions that can be imported by name from "),r=E("code"),$=h("attractions/utils"),n=h(". For example: "),o=E("code"),a=h("import { classes } from 'attractions/utils';")},l(t){e=x(t,"A collection of helper functions that can be imported by name from "),r=y(t,"CODE",{});var s=v(r);$=x(s,"attractions/utils"),s.forEach(u),n=x(t,". For example: "),o=y(t,"CODE",{});var c=v(o);a=x(c,"import { classes } from 'attractions/utils';"),c.forEach(u)},m(t,s){g(t,e,s),g(t,r,s),w(r,$),g(t,n,s),g(t,o,s),w(o,a)},p:b,d(t){t&&u(e),t&&u(r),t&&u(n),t&&u(o)}}}function F(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,r){g(t,e,r)},d(t){t&&u(e)}}}function z(t){let e;return{c(){e=h("Signature")},l(t){e=x(t,"Signature")},m(t,r){g(t,e,r)},d(t){t&&u(e)}}}function L(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,r){g(t,e,r)},d(t){t&&u(e)}}}function I(t){let e,r,$,s,c,p;return e=new k({props:{$$slots:{default:[F]},$$scope:{ctx:t}}}),$=new k({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),c=new k({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function j(t){let e,r,$;return{c(){e=E("strong"),r=E("code"),$=h("callOnSight")},l(t){e=y(t,"STRONG",{});var n=v(e);r=y(n,"CODE",{});var o=v(r);$=x(o,"callOnSight"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),w(e,r),w(r,$)},p:b,d(t){t&&u(e)}}}function P(t){let e,r;return{c(){e=E("code"),r=h("(node, { callback, args }) => { destroy }")},l(t){e=y(t,"CODE",{});var $=v(e);r=x($,"(node, { callback, args }) => { destroy }"),$.forEach(u)},m(t,$){g(t,e,$),w(e,r)},p:b,d(t){t&&u(e)}}}function U(t){let e,r,$,n,o,a,s,c,f,l,i,p,m;return{c(){e=h("An "),r=E("a"),$=h("action"),n=h(" that is intended to be used with the "),o=E("code"),a=h("use"),s=h(" directive. Calls the provided "),c=E("code"),f=h("callback"),l=h(" with the given "),i=E("code"),p=h("args"),m=h(" (spreaded) once the component appears on the screen."),this.h()},l(t){e=x(t,"An "),r=y(t,"A",{href:!0,rel:!0});var d=v(r);$=x(d,"action"),d.forEach(u),n=x(t," that is intended to be used with the "),o=y(t,"CODE",{});var g=v(o);a=x(g,"use"),g.forEach(u),s=x(t," directive. Calls the provided "),c=y(t,"CODE",{});var h=v(c);f=x(h,"callback"),h.forEach(u),l=x(t," with the given "),i=y(t,"CODE",{});var E=v(i);p=x(E,"args"),E.forEach(u),m=x(t," (spreaded) once the component appears on the screen."),this.h()},h(){O(r,"href","https://svelte.dev/tutorial/actions"),O(r,"rel","nofollow")},m(t,d){g(t,e,d),g(t,r,d),w(r,$),g(t,n,d),g(t,o,d),w(o,a),g(t,s,d),g(t,c,d),w(c,f),g(t,l,d),g(t,i,d),w(i,p),g(t,m,d)},p:b,d(t){t&&u(e),t&&u(r),t&&u(n),t&&u(o),t&&u(s),t&&u(c),t&&u(l),t&&u(i),t&&u(m)}}}function B(t){let e,r,$,s,c,p;return e=new G({props:{$$slots:{default:[j]},$$scope:{ctx:t}}}),$=new G({props:{$$slots:{default:[P]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function H(t){let e,r,$;return{c(){e=E("strong"),r=E("code"),$=h("classes")},l(t){e=y(t,"STRONG",{});var n=v(e);r=y(n,"CODE",{});var o=v(r);$=x(o,"classes"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),w(e,r),w(r,$)},p:b,d(t){t&&u(e)}}}function M(t){let e,r;return{c(){e=E("code"),r=h("(...args) => string")},l(t){e=y(t,"CODE",{});var $=v(e);r=x($,"(...args) => string"),$.forEach(u)},m(t,$){g(t,e,$),w(e,r)},p:b,d(t){t&&u(e)}}}function q(t){let e;return{c(){e=h("Filters the falsey values from the given arguments and concatenates the rest in one string.")},l(t){e=x(t,"Filters the falsey values from the given arguments and concatenates the rest in one string.")},m(t,r){g(t,e,r)},d(t){t&&u(e)}}}function J(t){let e,r,$,s,c,p;return e=new G({props:{$$slots:{default:[H]},$$scope:{ctx:t}}}),$=new G({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function K(t){let e,r,$;return{c(){e=E("strong"),r=E("code"),$=h("getColorPickerStyles")},l(t){e=y(t,"STRONG",{});var n=v(e);r=y(n,"CODE",{});var o=v(r);$=x(o,"getColorPickerStyles"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),w(e,r),w(r,$)},p:b,d(t){t&&u(e)}}}function W(t){let e,r;return{c(){e=E("code"),r=h("(hexColor: string) => string")},l(t){e=y(t,"CODE",{});var $=v(e);r=x($,"(hexColor: string) => string"),$.forEach(u)},m(t,$){g(t,e,$),w(e,r)},p:b,d(t){t&&u(e)}}}function Y(t){let e;return{c(){e=h("Returns the styles needed for displaying a radiobutton or a checkbox with the given color.")},l(t){e=x(t,"Returns the styles needed for displaying a radiobutton or a checkbox with the given color.")},m(t,r){g(t,e,r)},d(t){t&&u(e)}}}function _(t){let e,r,$,s,c,p;return e=new G({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),$=new G({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function Q(t){let e,r,$;return{c(){e=E("strong"),r=E("code"),$=h("dynamicTransition")},l(t){e=y(t,"STRONG",{});var n=v(e);r=y(n,"CODE",{});var o=v(r);$=x(o,"dynamicTransition"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),w(e,r),w(r,$)},p:b,d(t){t&&u(e)}}}function V(t){let e,r;return{c(){e=E("code"),r=h("(node, { transition, options }) => Transition")},l(t){e=y(t,"CODE",{});var $=v(e);r=x($,"(node, { transition, options }) => Transition"),$.forEach(u)},m(t,$){g(t,e,$),w(e,r)},p:b,d(t){t&&u(e)}}}function X(t){let e,r,$,n,o;return{c(){e=h("Create a transition that allows specifying a transition programmatically or disable it altogether. To be used with the "),r=E("a"),$=E("code"),n=h("transition"),o=h(" directive."),this.h()},l(t){e=x(t,"Create a transition that allows specifying a transition programmatically or disable it altogether. To be used with the "),r=y(t,"A",{href:!0,rel:!0});var a=v(r);$=y(a,"CODE",{});var s=v($);n=x(s,"transition"),s.forEach(u),a.forEach(u),o=x(t," directive."),this.h()},h(){O(r,"href","https://svelte.dev/tutorial/transition"),O(r,"rel","nofollow")},m(t,a){g(t,e,a),g(t,r,a),w(r,$),w($,n),g(t,o,a)},p:b,d(t){t&&u(e),t&&u(r),t&&u(o)}}}function Z(t){let e,r,$,s,c,p;return e=new G({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),$=new G({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function tt(t){let e,r,$;return{c(){e=E("strong"),r=E("code"),$=h("escapeRegExp")},l(t){e=y(t,"STRONG",{});var n=v(e);r=y(n,"CODE",{});var o=v(r);$=x(o,"escapeRegExp"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),w(e,r),w(r,$)},p:b,d(t){t&&u(e)}}}function et(t){let e,r;return{c(){e=E("code"),r=h("(string: string) => string")},l(t){e=y(t,"CODE",{});var $=v(e);r=x($,"(string: string) => string"),$.forEach(u)},m(t,$){g(t,e,$),w(e,r)},p:b,d(t){t&&u(e)}}}function rt(t){let e,r,$,n;return{c(){e=h("A small function to escape the regexp characters in a string. Taken from "),r=E("a"),$=h("MDN"),n=h("."),this.h()},l(t){e=x(t,"A small function to escape the regexp characters in a string. Taken from "),r=y(t,"A",{href:!0,rel:!0});var o=v(r);$=x(o,"MDN"),o.forEach(u),n=x(t,"."),this.h()},h(){O(r,"href","https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping"),O(r,"rel","nofollow")},m(t,o){g(t,e,o),g(t,r,o),w(r,$),g(t,n,o)},p:b,d(t){t&&u(e),t&&u(r),t&&u(n)}}}function $t(t){let e,r,$,s,c,p;return e=new G({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),$=new G({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function nt(t){let e,r,$;return{c(){e=E("strong"),r=E("code"),$=h("events")},l(t){e=y(t,"STRONG",{});var n=v(e);r=y(n,"CODE",{});var o=v(r);$=x(o,"events"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),w(e,r),w(r,$)},p:b,d(t){t&&u(e)}}}function ot(t){let e,r;return{c(){e=E("code"),r=h("(node, args: {name, handler}[]) => { destroy }")},l(t){e=y(t,"CODE",{});var $=v(e);r=x($,"(node, args: {name, handler}[]) => { destroy }"),$.forEach(u)},m(t,$){g(t,e,$),w(e,r)},p:b,d(t){t&&u(e)}}}function at(t){let e;return{c(){e=h("An action to set up arbitrary event listeners dynamically. Can be used to define multiple handlers for the same event.")},l(t){e=x(t,"An action to set up arbitrary event listeners dynamically. Can be used to define multiple handlers for the same event.")},m(t,r){g(t,e,r)},d(t){t&&u(e)}}}function st(t){let e,r,$,s,c,p;return e=new G({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),$=new G({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function ct(t){let e,r,$;return{c(){e=E("strong"),r=E("code"),$=h("formatFileSize")},l(t){e=y(t,"STRONG",{});var n=v(e);r=y(n,"CODE",{});var o=v(r);$=x(o,"formatFileSize"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),w(e,r),w(r,$)},p:b,d(t){t&&u(e)}}}function ft(t){let e,r;return{c(){e=E("code"),r=h("(bytes: number) => string")},l(t){e=y(t,"CODE",{});var $=v(e);r=x($,"(bytes: number) => string"),$.forEach(u)},m(t,$){g(t,e,$),w(e,r)},p:b,d(t){t&&u(e)}}}function lt(t){let e;return{c(){e=h("Format the file size in bytes to a human-readable format.")},l(t){e=x(t,"Format the file size in bytes to a human-readable format.")},m(t,r){g(t,e,r)},d(t){t&&u(e)}}}function it(t){let e,r,$,s,c,p;return e=new G({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),$=new G({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function pt(t){let e,r,$;return{c(){e=E("strong"),r=E("code"),$=h("formatFileType")},l(t){e=y(t,"STRONG",{});var n=v(e);r=y(n,"CODE",{});var o=v(r);$=x(o,"formatFileType"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),w(e,r),w(r,$)},p:b,d(t){t&&u(e)}}}function mt(t){let e,r;return{c(){e=E("code"),r=h("(filename: string) => string")},l(t){e=y(t,"CODE",{});var $=v(e);r=x($,"(filename: string) => string"),$.forEach(u)},m(t,$){g(t,e,$),w(e,r)},p:b,d(t){t&&u(e)}}}function dt(t){let e;return{c(){e=h("Format the file type from the extension.")},l(t){e=x(t,"Format the file type from the extension.")},m(t,r){g(t,e,r)},d(t){t&&u(e)}}}function gt(t){let e,r,$,s,c,p;return e=new G({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),$=new G({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function ut(t){let e,r,$;return{c(){e=E("strong"),r=E("code"),$=h("s")},l(t){e=y(t,"STRONG",{});var n=v(e);r=y(n,"CODE",{});var o=v(r);$=x(o,"s"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),w(e,r),w(r,$)},p:b,d(t){t&&u(e)}}}function ht(t){let e,r;return{c(){e=E("code"),r=h("(amount: number) => string")},l(t){e=y(t,"CODE",{});var $=v(e);r=x($,"(amount: number) => string"),$.forEach(u)},m(t,$){g(t,e,$),w(e,r)},p:b,d(t){t&&u(e)}}}function xt(t){let e;return{c(){e=h("Returns an 's' character to use for pluralization if the amount is not one.")},l(t){e=x(t,"Returns an 's' character to use for pluralization if the amount is not one.")},m(t,r){g(t,e,r)},d(t){t&&u(e)}}}function Et(t){let e,r,$,s,c,p;return e=new G({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),$=new G({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function yt(t){let e,r,$;return{c(){e=E("strong"),r=E("code"),$=h("range")},l(t){e=y(t,"STRONG",{});var n=v(e);r=y(n,"CODE",{});var o=v(r);$=x(o,"range"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),w(e,r),w(r,$)},p:b,d(t){t&&u(e)}}}function vt(t){let e,r;return{c(){e=E("code"),r=h("(start, end, step) => Generator<number>")},l(t){e=y(t,"CODE",{});var $=v(e);r=x($,"(start, end, step) => Generator<number>"),$.forEach(u)},m(t,$){g(t,e,$),w(e,r)},p:b,d(t){t&&u(e)}}}function wt(t){let e;return{c(){e=h("Generates a (Python-like) semi-open range.")},l(t){e=x(t,"Generates a (Python-like) semi-open range.")},m(t,r){g(t,e,r)},d(t){t&&u(e)}}}function bt(t){let e,r,$,s,c,p;return e=new G({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),$=new G({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function Ot(t){let e,r,$;return{c(){e=E("strong"),r=E("code"),$=h("ripple")},l(t){e=y(t,"STRONG",{});var n=v(e);r=y(n,"CODE",{});var o=v(r);$=x(o,"ripple"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),w(e,r),w(r,$)},p:b,d(t){t&&u(e)}}}function Ct(t){let e,r;return{c(){e=E("code"),r=h("(node, options) => { destroy, update }")},l(t){e=y(t,"CODE",{});var $=v(e);r=x($,"(node, options) => { destroy, update }"),$.forEach(u)},m(t,$){g(t,e,$),w(e,r)},p:b,d(t){t&&u(e)}}}function Dt(t){let e,r,$,n,o,a,s,c,f,l,i,p,m,d,O,C,D,T,S,R,k,G,N,A,F,z,L,I,j,P,U,B,H,M,q,J,K,W;return{c(){e=h("An action that adds a ripple effect to the component on the specified event. Possible options are: "),r=E("br"),$=E("ul"),n=E("li"),o=E("code"),a=h("event"),s=h(" (defaults to "),c=E("code"),f=h("click"),l=h(")"),i=E("li"),p=E("code"),m=h("transition"),d=h(": specifies the transition time (defaults to "),O=E("code"),C=h("150"),D=h(")"),T=E("li"),S=E("code"),R=h("zIndex"),k=h(" (defaults to "),G=E("code"),N=h("'100'"),A=h(")"),F=E("li"),z=E("code"),L=h("bg"),I=h(": specifies the background color of the ripple (defaults to "),j=E("code"),P=h("null"),U=h(")"),B=E("li"),H=E("code"),M=h("disabled"),q=h(": disables the ripple (defaults to "),J=E("code"),K=h("false"),W=h(")")},l(t){e=x(t,"An action that adds a ripple effect to the component on the specified event. Possible options are: "),r=y(t,"BR",{}),$=y(t,"UL",{});var g=v($);n=y(g,"LI",{});var h=v(n);o=y(h,"CODE",{});var E=v(o);a=x(E,"event"),E.forEach(u),s=x(h," (defaults to "),c=y(h,"CODE",{});var w=v(c);f=x(w,"click"),w.forEach(u),l=x(h,")"),h.forEach(u),i=y(g,"LI",{});var b=v(i);p=y(b,"CODE",{});var Y=v(p);m=x(Y,"transition"),Y.forEach(u),d=x(b,": specifies the transition time (defaults to "),O=y(b,"CODE",{});var _=v(O);C=x(_,"150"),_.forEach(u),D=x(b,")"),b.forEach(u),T=y(g,"LI",{});var Q=v(T);S=y(Q,"CODE",{});var V=v(S);R=x(V,"zIndex"),V.forEach(u),k=x(Q," (defaults to "),G=y(Q,"CODE",{});var X=v(G);N=x(X,"'100'"),X.forEach(u),A=x(Q,")"),Q.forEach(u),F=y(g,"LI",{});var Z=v(F);z=y(Z,"CODE",{});var tt=v(z);L=x(tt,"bg"),tt.forEach(u),I=x(Z,": specifies the background color of the ripple (defaults to "),j=y(Z,"CODE",{});var et=v(j);P=x(et,"null"),et.forEach(u),U=x(Z,")"),Z.forEach(u),B=y(g,"LI",{});var rt=v(B);H=y(rt,"CODE",{});var $t=v(H);M=x($t,"disabled"),$t.forEach(u),q=x(rt,": disables the ripple (defaults to "),J=y(rt,"CODE",{});var nt=v(J);K=x(nt,"false"),nt.forEach(u),W=x(rt,")"),rt.forEach(u),g.forEach(u)},m(t,u){g(t,e,u),g(t,r,u),g(t,$,u),w($,n),w(n,o),w(o,a),w(n,s),w(n,c),w(c,f),w(n,l),w($,i),w(i,p),w(p,m),w(i,d),w(i,O),w(O,C),w(i,D),w($,T),w(T,S),w(S,R),w(T,k),w(T,G),w(G,N),w(T,A),w($,F),w(F,z),w(z,L),w(F,I),w(F,j),w(j,P),w(F,U),w($,B),w(B,H),w(H,M),w(B,q),w(B,J),w(J,K),w(B,W)},p:b,d(t){t&&u(e),t&&u(r),t&&u($)}}}function Tt(t){let e,r,$,s,c,p;return e=new G({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),$=new G({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function St(t){let e,r,$,s,c,p,h,x,b,O,C,D,T,S,k,G,N,A,F,z,L,j,P,U,H,M;return r=new R({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),c=new R({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),h=new R({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),b=new R({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),C=new R({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),T=new R({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),k=new R({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),N=new R({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),F=new R({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),L=new R({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),P=new R({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),H=new R({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),{c(){e=E("thead"),n(r.$$.fragment),$=m(),s=E("tbody"),n(c.$$.fragment),p=m(),n(h.$$.fragment),x=m(),n(b.$$.fragment),O=m(),n(C.$$.fragment),D=m(),n(T.$$.fragment),S=m(),n(k.$$.fragment),G=m(),n(N.$$.fragment),A=m(),n(F.$$.fragment),z=m(),n(L.$$.fragment),j=m(),n(P.$$.fragment),U=m(),n(H.$$.fragment)},l(t){e=y(t,"THEAD",{});var n=v(e);o(r.$$.fragment,n),n.forEach(u),$=d(t),s=y(t,"TBODY",{});var a=v(s);o(c.$$.fragment,a),p=d(a),o(h.$$.fragment,a),x=d(a),o(b.$$.fragment,a),O=d(a),o(C.$$.fragment,a),D=d(a),o(T.$$.fragment,a),S=d(a),o(k.$$.fragment,a),G=d(a),o(N.$$.fragment,a),A=d(a),o(F.$$.fragment,a),z=d(a),o(L.$$.fragment,a),j=d(a),o(P.$$.fragment,a),U=d(a),o(H.$$.fragment,a),a.forEach(u)},m(t,n){g(t,e,n),a(r,e,null),g(t,$,n),g(t,s,n),a(c,s,null),w(s,p),a(h,s,null),w(s,x),a(b,s,null),w(s,O),a(C,s,null),w(s,D),a(T,s,null),w(s,S),a(k,s,null),w(s,G),a(N,s,null),w(s,A),a(F,s,null),w(s,z),a(L,s,null),w(s,j),a(P,s,null),w(s,U),a(H,s,null),M=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),r.$set($);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),b.$set(a);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),C.$set(s);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),T.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),k.$set(l);const i={};2&e&&(i.$$scope={dirty:e,ctx:t}),N.$set(i);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),F.$set(p);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),L.$set(m);const d={};2&e&&(d.$$scope={dirty:e,ctx:t}),P.$set(d);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),H.$set(g)},i(t){M||(f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(b.$$.fragment,t),f(C.$$.fragment,t),f(T.$$.fragment,t),f(k.$$.fragment,t),f(N.$$.fragment,t),f(F.$$.fragment,t),f(L.$$.fragment,t),f(P.$$.fragment,t),f(H.$$.fragment,t),M=!0)},o(t){l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(b.$$.fragment,t),l(C.$$.fragment,t),l(T.$$.fragment,t),l(k.$$.fragment,t),l(N.$$.fragment,t),l(F.$$.fragment,t),l(L.$$.fragment,t),l(P.$$.fragment,t),l(H.$$.fragment,t),M=!1},d(t){t&&u(e),i(r),t&&u($),t&&u(s),i(c),i(h),i(b),i(C),i(T),i(k),i(N),i(F),i(L),i(P),i(H)}}}function Rt(t){let e,r,$,s,c,p;return e=new D({props:{$$slots:{default:[N]},$$scope:{ctx:t}}}),$=new T({props:{$$slots:{default:[A]},$$scope:{ctx:t}}}),c=new S({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function kt(t){let e,r;const p=[t[0],Gt];let m={$$slots:{default:[Rt]},$$scope:{ctx:t}};for(let t=0;t<p.length;t+=1)m=$(m,p[t]);return e=new C({props:m}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,$){a(e,t,$),r=!0},p(t,[r]){const $=1&r?s(p,[1&r&&c(t[0]),0&r&&c(Gt)]):{};2&r&&($.$$scope={dirty:r,ctx:t}),e.$set($)},i(t){r||(f(e.$$.fragment,t),r=!0)},o(t){l(e.$$.fragment,t),r=!1},d(t){i(e,t)}}}const Gt={name:"Utility functions"};function Nt(t,e,r){return t.$$set=t=>{r(0,e=$($({},e),p(t)))},[e=p(e)]}class At extends t{constructor(t){super(),e(this,t,Nt,kt,r,{})}}export{At as default,Gt as metadata};
diff --git a/376/client/legacy/x.6b71949c.js b/376/client/legacy/x.6b71949c.js
new file mode 100644
index 000000000..3f994c9cc
--- /dev/null
+++ b/376/client/legacy/x.6b71949c.js
@@ -0,0 +1 @@
+import{S as s,i as e,s as t,a as i,c as o,b as r,d as n,e as a,f as l,g as h,n as c}from"./client.583c6e60.js";function x(s){let e,t,x;return{c(){e=i("svg"),t=i("line"),x=i("line"),this.h()},l(s){e=o(s,"svg",{xmlns:!0,width:!0,height:!0,viewBox:!0,fill:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0});var i=r(e);t=o(i,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),r(t).forEach(n),x=o(i,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),r(x).forEach(n),i.forEach(n),this.h()},h(){a(t,"x1","18"),a(t,"y1","6"),a(t,"x2","6"),a(t,"y2","18"),a(x,"x1","6"),a(x,"y1","6"),a(x,"x2","18"),a(x,"y2","18"),a(e,"xmlns","http://www.w3.org/2000/svg"),a(e,"width","24"),a(e,"height","24"),a(e,"viewBox","0 0 24 24"),a(e,"fill","none"),a(e,"stroke","currentColor"),a(e,"stroke-width","2"),a(e,"stroke-linecap","round"),a(e,"stroke-linejoin","round")},m(s,i){l(s,e,i),h(e,t),h(e,x)},p:c,i:c,o:c,d(s){s&&n(e)}}}var w=class extends s{constructor(s){super(),e(this,s,null,x,t,{})}};export{w as X};
diff --git a/376/client/loading-0b856d23.css b/376/client/loading-0b856d23.css
new file mode 100644
index 000000000..d8bb92c79
--- /dev/null
+++ b/376/client/loading-0b856d23.css
@@ -0,0 +1 @@
+.spinner.svelte-5lyar3.svelte-5lyar3{align-items:center;color:#4300b0;display:flex;justify-content:center}.spinner.svelte-5lyar3>div.svelte-5lyar3{animation:svelte-5lyar3-sk-bouncedelay 1.2s infinite ease-in-out both;background:currentColor;border-radius:100%;display:inline-block;height:0.4em;margin:0 0.1em;width:0.4em}.spinner.svelte-5lyar3 .bounce1.svelte-5lyar3{animation-delay:-0.32s}.spinner.svelte-5lyar3 .bounce2.svelte-5lyar3{animation-delay:-0.16s}@keyframes svelte-5lyar3-sk-bouncedelay{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}
diff --git a/376/client/loading.13a3d6a1.js b/376/client/loading.13a3d6a1.js
new file mode 100644
index 000000000..55156b66e
--- /dev/null
+++ b/376/client/loading.13a3d6a1.js
@@ -0,0 +1 @@
+import{S as t,i as $,s as e,K as s,j as n,l as r,m as a,U as o,a0 as c,t as f,p as l,q as p,L as m,u as i,w as g,f as d,d as u,v as h,x,h as w,k as y,b,e as v,g as E,n as D}from"./client.0d36a0cf.js";import{L as j,H as A,P as S}from"./layout.b2760304.js";import{L as T}from"./loading.1713184d.js";import{S as C}from"./showcase.8eb3893d.js";import{C as L}from"./color-preview.278d2729.js";import{H as O}from"./h2.122c8b9f.js";import{H as k}from"./h3.1e03849b.js";import{T as H,a as N,b as P,c as V}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./button.743a388a.js";function B(t){let $;return{c(){$=h("Loading")},l(t){$=x(t,"Loading")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function K(t){let $;return{c(){$=h("An indeterminate loading spinner.")},l(t){$=x(t,"An indeterminate loading spinner.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function R(t){let $,e,s,n,r,a;return{c(){$=h("Adapted from SpinKit by "),e=w("a"),s=h("@tobiasahlin"),n=h(": "),r=w("a"),a=h("https://tobiasahlin.com/spinkit/"),this.h()},l(t){$=x(t,"Adapted from SpinKit by "),e=y(t,"A",{href:!0,rel:!0});var o=b(e);s=x(o,"@tobiasahlin"),o.forEach(u),n=x(t,": "),r=y(t,"A",{href:!0,rel:!0});var c=b(r);a=x(c,"https://tobiasahlin.com/spinkit/"),c.forEach(u),this.h()},h(){v(e,"href","https://github.com/tobiasahlin"),v(e,"rel","nofollow"),v(r,"href","https://tobiasahlin.com/spinkit/"),v(r,"rel","nofollow")},m(t,o){d(t,$,o),d(t,e,o),E(e,s),d(t,n,o),d(t,r,o),E(r,a)},p:D,d(t){t&&u($),t&&u(e),t&&u(n),t&&u(r)}}}function F(t){let $,e,s;return e=new T({}),{c(){$=w("div"),n(e.$$.fragment),this.h()},l(t){$=y(t,"DIV",{slot:!0,class:!0});var s=b($);r(e.$$.fragment,s),s.forEach(u),this.h()},h(){v($,"slot","showcase"),v($,"class","padded")},m(t,n){d(t,$,n),a(e,$,null),s=!0},p:D,i(t){s||(f(e.$$.fragment,t),s=!0)},o(t){l(e.$$.fragment,t),s=!1},d(t){t&&u($),p(e)}}}function G(t){let $,e;return{c(){$=w("div"),e=w("pre"),this.h()},l(t){$=y(t,"DIV",{slot:!0});var s=b($);e=y(s,"PRE",{class:!0}),b(e).forEach(u),s.forEach(u),this.h()},h(){v(e,"class","language-svelte"),v($,"slot","source")},m(t,s){d(t,$,s),E($,e),e.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Loading</span> <span class="token punctuation">/></span></span></code>'},p:D,d(t){t&&u($)}}}function I(t){let $;return{c(){$=h("Properties")},l(t){$=x(t,"Properties")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Y(t){let $;return{c(){$=h("Class Properties")},l(t){$=x(t,"Class Properties")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function q(t){let $,e,s,n,r,a,o;return{c(){$=h("All "),e=w("code"),s=h("<Loading>"),n=h(" components use the "),r=w("code"),a=h(".spinner"),o=h(" class.")},l(t){$=x(t,"All "),e=y(t,"CODE",{});var c=b(e);s=x(c,"<Loading>"),c.forEach(u),n=x(t," components use the "),r=y(t,"CODE",{});var f=b(r);a=x(f,".spinner"),f.forEach(u),o=x(t," class.")},m(t,c){d(t,$,c),d(t,e,c),E(e,s),d(t,n,c),d(t,r,c),E(r,a),d(t,o,c)},p:D,d(t){t&&u($),t&&u(e),t&&u(n),t&&u(r),t&&u(o)}}}function M(t){let $;return{c(){$=h("Falsy values passed to classes will be disregarded.")},l(t){$=x(t,"Falsy values passed to classes will be disregarded.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function U(t){let $;return{c(){$=h("Name")},l(t){$=x(t,"Name")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function z(t){let $;return{c(){$=h("Default")},l(t){$=x(t,"Default")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function J(t){let $;return{c(){$=h("Type")},l(t){$=x(t,"Type")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function Q(t){let $;return{c(){$=h("Description")},l(t){$=x(t,"Description")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function W(t){let $,e,s,o,c,m,h,x;return $=new P({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),s=new P({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),{c(){n($.$$.fragment),e=i(),n(s.$$.fragment),o=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){r($.$$.fragment,t),e=g(t),r(s.$$.fragment,t),o=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,n){a($,t,n),d(t,e,n),a(s,t,n),d(t,o,n),a(c,t,n),d(t,m,n),a(h,t,n),x=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),s.$set(r);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o)},i(t){x||(f($.$$.fragment,t),f(s.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&u(e),p(s,t),t&&u(o),p(c,t),t&&u(m),p(h,t)}}}function X(t){let $,e,s;return{c(){$=w("strong"),e=w("code"),s=h("class")},l(t){$=y(t,"STRONG",{});var n=b($);e=y(n,"CODE",{});var r=b(e);s=x(r,"class"),r.forEach(u),n.forEach(u)},m(t,n){d(t,$,n),E($,e),E(e,s)},p:D,d(t){t&&u($)}}}function Z(t){let $,e;return{c(){$=w("code"),e=h("null")},l(t){$=y(t,"CODE",{});var s=b($);e=x(s,"null"),s.forEach(u)},m(t,s){d(t,$,s),E($,e)},p:D,d(t){t&&u($)}}}function _(t){let $,e;return{c(){$=w("code"),e=h("string")},l(t){$=y(t,"CODE",{});var s=b($);e=x(s,"string"),s.forEach(u)},m(t,s){d(t,$,s),E($,e)},p:D,d(t){t&&u($)}}}function tt(t){let $;return{c(){$=h("A class string to add to the component.")},l(t){$=x(t,"A class string to add to the component.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function $t(t){let $,e,s,o,c,m,h,x;return $=new V({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),s=new V({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),h=new V({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),{c(){n($.$$.fragment),e=i(),n(s.$$.fragment),o=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment)},l(t){r($.$$.fragment,t),e=g(t),r(s.$$.fragment,t),o=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,n){a($,t,n),d(t,e,n),a(s,t,n),d(t,o,n),a(c,t,n),d(t,m,n),a(h,t,n),x=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),s.$set(r);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o)},i(t){x||(f($.$$.fragment,t),f(s.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&u(e),p(s,t),t&&u(o),p(c,t),t&&u(m),p(h,t)}}}function et(t){let $,e,s,o,c,m;return e=new N({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new N({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),{c(){$=w("thead"),n(e.$$.fragment),s=i(),o=w("tbody"),n(c.$$.fragment)},l(t){$=y(t,"THEAD",{});var n=b($);r(e.$$.fragment,n),n.forEach(u),s=g(t),o=y(t,"TBODY",{});var a=b(o);r(c.$$.fragment,a),a.forEach(u)},m(t,n){d(t,$,n),a(e,$,null),d(t,s,n),d(t,o,n),a(c,o,null),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),c.$set(n)},i(t){m||(f(e.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&u($),p(e),t&&u(s),t&&u(o),p(c)}}}function st(t){let $;return{c(){$=h("SCSS Variables")},l(t){$=x(t,"SCSS Variables")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function nt(t){let $;return{c(){$=h("Name")},l(t){$=x(t,"Name")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function rt(t){let $;return{c(){$=h("Description")},l(t){$=x(t,"Description")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function at(t){let $;return{c(){$=h("Default")},l(t){$=x(t,"Default")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function ot(t){let $,e,s,o,c,m;return $=new P({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),s=new P({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),{c(){n($.$$.fragment),e=i(),n(s.$$.fragment),o=i(),n(c.$$.fragment)},l(t){r($.$$.fragment,t),e=g(t),r(s.$$.fragment,t),o=g(t),r(c.$$.fragment,t)},m(t,n){a($,t,n),d(t,e,n),a(s,t,n),d(t,o,n),a(c,t,n),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),s.$set(r);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a)},i(t){m||(f($.$$.fragment,t),f(s.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p($,t),t&&u(e),p(s,t),t&&u(o),p(c,t)}}}function ct(t){let $,e,s;return{c(){$=w("strong"),e=w("code"),s=h("$main")},l(t){$=y(t,"STRONG",{});var n=b($);e=y(n,"CODE",{});var r=b(e);s=x(r,"$main"),r.forEach(u),n.forEach(u)},m(t,n){d(t,$,n),E($,e),E(e,s)},p:D,d(t){t&&u($)}}}function ft(t){let $;return{c(){$=h("The color of spinner dots.")},l(t){$=x(t,"The color of spinner dots.")},m(t,e){d(t,$,e)},d(t){t&&u($)}}}function lt(t){let $,e;return $=new L({props:{value:"#4300B0"}}),{c(){n($.$$.fragment)},l(t){r($.$$.fragment,t)},m(t,s){a($,t,s),e=!0},p:D,i(t){e||(f($.$$.fragment,t),e=!0)},o(t){l($.$$.fragment,t),e=!1},d(t){p($,t)}}}function pt(t){let $,e,s,o,c,m;return $=new V({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),s=new V({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),{c(){n($.$$.fragment),e=i(),n(s.$$.fragment),o=i(),n(c.$$.fragment)},l(t){r($.$$.fragment,t),e=g(t),r(s.$$.fragment,t),o=g(t),r(c.$$.fragment,t)},m(t,n){a($,t,n),d(t,e,n),a(s,t,n),d(t,o,n),a(c,t,n),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),s.$set(r);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a)},i(t){m||(f($.$$.fragment,t),f(s.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p($,t),t&&u(e),p(s,t),t&&u(o),p(c,t)}}}function mt(t){let $,e,s,o,c,m;return e=new N({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),c=new N({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){$=w("thead"),n(e.$$.fragment),s=i(),o=w("tbody"),n(c.$$.fragment)},l(t){$=y(t,"THEAD",{});var n=b($);r(e.$$.fragment,n),n.forEach(u),s=g(t),o=y(t,"TBODY",{});var a=b(o);r(c.$$.fragment,a),a.forEach(u)},m(t,n){d(t,$,n),a(e,$,null),d(t,s,n),d(t,o,n),a(c,o,null),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),c.$set(n)},i(t){m||(f(e.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&u($),p(e),t&&u(s),t&&u(o),p(c)}}}function it(t){let $,e,s,o,c,m,h,x,w,y,b,v,E,D,j,T,L,N,P,V,U,z;return $=new A({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),s=new S({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),c=new S({props:{$$slots:{default:[R]},$$scope:{ctx:t}}}),h=new C({props:{$$slots:{source:[G],showcase:[F]},$$scope:{ctx:t}}}),w=new O({props:{id:"properties",$$slots:{default:[I]},$$scope:{ctx:t}}}),b=new k({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),E=new S({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),j=new S({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),L=new H({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),P=new O({props:{id:"scss-variables",$$slots:{default:[st]},$$scope:{ctx:t}}}),U=new H({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){n($.$$.fragment),e=i(),n(s.$$.fragment),o=i(),n(c.$$.fragment),m=i(),n(h.$$.fragment),x=i(),n(w.$$.fragment),y=i(),n(b.$$.fragment),v=i(),n(E.$$.fragment),D=i(),n(j.$$.fragment),T=i(),n(L.$$.fragment),N=i(),n(P.$$.fragment),V=i(),n(U.$$.fragment)},l(t){r($.$$.fragment,t),e=g(t),r(s.$$.fragment,t),o=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t),x=g(t),r(w.$$.fragment,t),y=g(t),r(b.$$.fragment,t),v=g(t),r(E.$$.fragment,t),D=g(t),r(j.$$.fragment,t),T=g(t),r(L.$$.fragment,t),N=g(t),r(P.$$.fragment,t),V=g(t),r(U.$$.fragment,t)},m(t,n){a($,t,n),d(t,e,n),a(s,t,n),d(t,o,n),a(c,t,n),d(t,m,n),a(h,t,n),d(t,x,n),a(w,t,n),d(t,y,n),a(b,t,n),d(t,v,n),a(E,t,n),d(t,D,n),a(j,t,n),d(t,T,n),a(L,t,n),d(t,N,n),a(P,t,n),d(t,V,n),a(U,t,n),z=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),s.$set(r);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),w.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),b.$set(l);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),E.$set(p);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),j.$set(m);const i={};2&e&&(i.$$scope={dirty:e,ctx:t}),L.$set(i);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),P.$set(g);const d={};2&e&&(d.$$scope={dirty:e,ctx:t}),U.$set(d)},i(t){z||(f($.$$.fragment,t),f(s.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(w.$$.fragment,t),f(b.$$.fragment,t),f(E.$$.fragment,t),f(j.$$.fragment,t),f(L.$$.fragment,t),f(P.$$.fragment,t),f(U.$$.fragment,t),z=!0)},o(t){l($.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(w.$$.fragment,t),l(b.$$.fragment,t),l(E.$$.fragment,t),l(j.$$.fragment,t),l(L.$$.fragment,t),l(P.$$.fragment,t),l(U.$$.fragment,t),z=!1},d(t){p($,t),t&&u(e),p(s,t),t&&u(o),p(c,t),t&&u(m),p(h,t),t&&u(x),p(w,t),t&&u(y),p(b,t),t&&u(v),p(E,t),t&&u(D),p(j,t),t&&u(T),p(L,t),t&&u(N),p(P,t),t&&u(V),p(U,t)}}}function gt(t){let $,e;const m=[t[0],dt];let i={$$slots:{default:[it]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=s(i,m[t]);return $=new j({props:i}),{c(){n($.$$.fragment)},l(t){r($.$$.fragment,t)},m(t,s){a($,t,s),e=!0},p(t,[e]){const s=1&e?o(m,[1&e&&c(t[0]),0&e&&c(dt)]):{};2&e&&(s.$$scope={dirty:e,ctx:t}),$.$set(s)},i(t){e||(f($.$$.fragment,t),e=!0)},o(t){l($.$$.fragment,t),e=!1},d(t){p($,t)}}}const dt={name:"Loading"};function ut(t,$,e){return t.$$set=t=>{e(0,$=s(s({},$),m(t)))},[$=m($)]}class ht extends t{constructor(t){super(),$(this,t,ut,gt,e,{})}}export{ht as default,dt as metadata};
diff --git a/376/client/loading.1713184d.js b/376/client/loading.1713184d.js
new file mode 100644
index 000000000..ef9b7ae4c
--- /dev/null
+++ b/376/client/loading.1713184d.js
@@ -0,0 +1 @@
+import{S as s,i as a,s as l,h as c,u as e,k as r,b as t,d as n,w as i,e as o,X as f,f as h,g as u,n as v}from"./client.0d36a0cf.js";import{c as d}from"./classes.2453fa25.js";function p(s){let a,l,p,m,y,b,D;return{c(){a=c("div"),l=c("div"),p=e(),m=c("div"),y=e(),b=c("div"),this.h()},l(s){a=r(s,"DIV",{class:!0});var c=t(a);l=r(c,"DIV",{class:!0}),t(l).forEach(n),p=i(c),m=r(c,"DIV",{class:!0}),t(m).forEach(n),y=i(c),b=r(c,"DIV",{class:!0}),t(b).forEach(n),c.forEach(n),this.h()},h(){o(l,"class","bounce1 svelte-5lyar3"),o(m,"class","bounce2 svelte-5lyar3"),o(b,"class","bounce3 svelte-5lyar3"),o(a,"class",D=f(d("spinner",s[0]))+" svelte-5lyar3")},m(s,c){h(s,a,c),u(a,l),u(a,p),u(a,m),u(a,y),u(a,b)},p(s,[l]){1&l&&D!==(D=f(d("spinner",s[0]))+" svelte-5lyar3")&&o(a,"class",D)},i:v,o:v,d(s){s&&n(a)}}}function m(s,a,l){let{class:c=null}=a;return s.$$set=s=>{"class"in s&&l(0,c=s.class)},[c]}var y=class extends s{constructor(s){super(),a(this,s,m,p,l,{class:0})}};export{y as L};
diff --git a/376/client/migration-guide.9250112d.js b/376/client/migration-guide.9250112d.js
new file mode 100644
index 000000000..2b8ec4a1e
--- /dev/null
+++ b/376/client/migration-guide.9250112d.js
@@ -0,0 +1 @@
+import{S as s,i as n,s as t,K as a,j as e,l as o,m as r,U as p,a0 as c,t as i,p as l,q as u,L as $,u as m,h as f,w as d,k as g,b as k,d as h,e as y,f as v,v as x,x as w,g as S,n as E}from"./client.0d36a0cf.js";import{H as b,P as A,L as O}from"./layout.b2760304.js";import{L as j}from"./layout-no-head.00bd36a6.js";import{H as P}from"./h2.122c8b9f.js";function H(s){let n;return{c(){n=x("Migration Guide")},l(s){n=w(s,"Migration Guide")},m(s,t){v(s,n,t)},d(s){s&&h(n)}}}function D(s){let n;return{c(){n=x("Here you may find guidance on upgrading Attractions from one major version to another.")},l(s){n=w(s,"Here you may find guidance on upgrading Attractions from one major version to another.")},m(s,t){v(s,n,t)},d(s){s&&h(n)}}}function M(s){let n;return{c(){n=x("From v2.x to v3.x")},l(s){n=w(s,"From v2.x to v3.x")},m(s,t){v(s,n,t)},d(s){s&&h(n)}}}function C(s){let n;return{c(){n=x("The main change in version 3 is the migration to Sass modules.")},l(s){n=w(s,"The main change in version 3 is the migration to Sass modules.")},m(s,t){v(s,n,t)},d(s){s&&h(n)}}}function L(s){let n,t,a,e,o,r,p;return{c(){n=x("If you have existing code that used Sass for styling and was using the old "),t=f("code"),a=x("@import"),e=x(" statements, consider using the automatic "),o=f("a"),r=x("Sass Migrator"),p=x(" tool first."),this.h()},l(s){n=w(s,"If you have existing code that used Sass for styling and was using the old "),t=g(s,"CODE",{});var c=k(t);a=w(c,"@import"),c.forEach(h),e=w(s," statements, consider using the automatic "),o=g(s,"A",{href:!0,rel:!0});var i=k(o);r=w(i,"Sass Migrator"),i.forEach(h),p=w(s," tool first."),this.h()},h(){y(o,"href","https://sass-lang.com/documentation/cli/migrator"),y(o,"rel","nofollow")},m(s,c){v(s,n,c),v(s,t,c),S(t,a),v(s,e,c),v(s,o,c),S(o,r),v(s,p,c)},p:E,d(s){s&&h(n),s&&h(t),s&&h(e),s&&h(o),s&&h(p)}}}function T(s){let n,t,a,e,o,r,p,c,i,l,u,$;return{c(){n=f("strong"),t=x("Heads up"),a=x(": if your styles used imports that relied on "),e=f("code"),o=x("includePaths"),r=x(", you can still make Sass Migrator understand them by setting the "),p=f("code"),c=x("SASS_PATH"),i=x(" environment variable to the path that you previously had in your "),l=f("code"),u=x("includePaths"),$=x(" Sass compiler option.")},l(s){n=g(s,"STRONG",{});var m=k(n);t=w(m,"Heads up"),m.forEach(h),a=w(s,": if your styles used imports that relied on "),e=g(s,"CODE",{});var f=k(e);o=w(f,"includePaths"),f.forEach(h),r=w(s,", you can still make Sass Migrator understand them by setting the "),p=g(s,"CODE",{});var d=k(p);c=w(d,"SASS_PATH"),d.forEach(h),i=w(s," environment variable to the path that you previously had in your "),l=g(s,"CODE",{});var y=k(l);u=w(y,"includePaths"),y.forEach(h),$=w(s," Sass compiler option.")},m(s,m){v(s,n,m),S(n,t),v(s,a,m),v(s,e,m),S(e,o),v(s,r,m),v(s,p,m),S(p,c),v(s,i,m),v(s,l,m),S(l,u),v(s,$,m)},p:E,d(s){s&&h(n),s&&h(a),s&&h(e),s&&h(r),s&&h(p),s&&h(i),s&&h(l),s&&h($)}}}function _(s){let n,t,a,e,o,r,p;return{c(){n=x("Once your code is ready for Sass modules, replace Node Sass ("),t=f("code"),a=x("node-sass"),e=x(") with Dart Sass ("),o=f("code"),r=x("sass"),p=x(").")},l(s){n=w(s,"Once your code is ready for Sass modules, replace Node Sass ("),t=g(s,"CODE",{});var c=k(t);a=w(c,"node-sass"),c.forEach(h),e=w(s,") with Dart Sass ("),o=g(s,"CODE",{});var i=k(o);r=w(i,"sass"),i.forEach(h),p=w(s,").")},m(s,c){v(s,n,c),v(s,t,c),S(t,a),v(s,e,c),v(s,o,c),S(o,r),v(s,p,c)},p:E,d(s){s&&h(n),s&&h(t),s&&h(e),s&&h(o),s&&h(p)}}}function I(s){let n,t,a,e;return{c(){n=x("Update your "),t=f("code"),a=x("rollup.config.js"),e=x(" to use the new Attractions importers:")},l(s){n=w(s,"Update your "),t=g(s,"CODE",{});var o=k(t);a=w(o,"rollup.config.js"),o.forEach(h),e=w(s," to use the new Attractions importers:")},m(s,o){v(s,n,o),v(s,t,o),S(t,a),v(s,e,o)},p:E,d(s){s&&h(n),s&&h(t),s&&h(e)}}}function G(s){let n,t,a,e;return{c(){n=x("Lastly, if your "),t=f("code"),a=x("_attractions-theme.scss"),e=x(" had any variable overrides, move them to the module configuration.")},l(s){n=w(s,"Lastly, if your "),t=g(s,"CODE",{});var o=k(t);a=w(o,"_attractions-theme.scss"),o.forEach(h),e=w(s," had any variable overrides, move them to the module configuration.")},m(s,o){v(s,n,o),v(s,t,o),S(t,a),v(s,e,o)},p:E,d(s){s&&h(n),s&&h(t),s&&h(e)}}}function R(s){let n;return{c(){n=x("Before:")},l(s){n=w(s,"Before:")},m(s,t){v(s,n,t)},d(s){s&&h(n)}}}function F(s){let n;return{c(){n=x("After:")},l(s){n=w(s,"After:")},m(s,t){v(s,n,t)},d(s){s&&h(n)}}}function N(s){let n,t,a,p,c,$,x,w,S,E,O,j,N,U,B,q,K,z,J,Q,V,W,X,Y,Z,ss,ns,ts;return n=new b({props:{$$slots:{default:[H]},$$scope:{ctx:s}}}),a=new A({props:{$$slots:{default:[D]},$$scope:{ctx:s}}}),c=new P({props:{$$slots:{default:[M]},$$scope:{ctx:s}}}),x=new A({props:{$$slots:{default:[C]},$$scope:{ctx:s}}}),S=new A({props:{$$slots:{default:[L]},$$scope:{ctx:s}}}),O=new A({props:{$$slots:{default:[T]},$$scope:{ctx:s}}}),N=new A({props:{$$slots:{default:[_]},$$scope:{ctx:s}}}),B=new A({props:{$$slots:{default:[I]},$$scope:{ctx:s}}}),J=new A({props:{$$slots:{default:[G]},$$scope:{ctx:s}}}),V=new A({props:{$$slots:{default:[R]},$$scope:{ctx:s}}}),Z=new A({props:{$$slots:{default:[F]},$$scope:{ctx:s}}}),{c(){e(n.$$.fragment),t=m(),e(a.$$.fragment),p=m(),e(c.$$.fragment),$=m(),e(x.$$.fragment),w=m(),e(S.$$.fragment),E=m(),e(O.$$.fragment),j=m(),e(N.$$.fragment),U=m(),e(B.$$.fragment),q=m(),K=f("pre"),z=m(),e(J.$$.fragment),Q=m(),e(V.$$.fragment),W=m(),X=f("pre"),Y=m(),e(Z.$$.fragment),ss=m(),ns=f("pre"),this.h()},l(s){o(n.$$.fragment,s),t=d(s),o(a.$$.fragment,s),p=d(s),o(c.$$.fragment,s),$=d(s),o(x.$$.fragment,s),w=d(s),o(S.$$.fragment,s),E=d(s),o(O.$$.fragment,s),j=d(s),o(N.$$.fragment,s),U=d(s),o(B.$$.fragment,s),q=d(s),K=g(s,"PRE",{class:!0}),k(K).forEach(h),z=d(s),o(J.$$.fragment,s),Q=d(s),o(V.$$.fragment,s),W=d(s),X=g(s,"PRE",{class:!0}),k(X).forEach(h),Y=d(s),o(Z.$$.fragment,s),ss=d(s),ns=g(s,"PRE",{class:!0}),k(ns).forEach(h),this.h()},h(){y(K,"class","language-js"),y(X,"class","language-scss"),y(ns,"class","language-scss")},m(s,e){r(n,s,e),v(s,t,e),r(a,s,e),v(s,p,e),r(c,s,e),v(s,$,e),r(x,s,e),v(s,w,e),r(S,s,e),v(s,E,e),r(O,s,e),v(s,j,e),r(N,s,e),v(s,U,e),r(B,s,e),v(s,q,e),v(s,K,e),K.innerHTML='<code class="language-js"><span class="token keyword">import</span> autoPreprocess <span class="token keyword">from</span> <span class="token string">\'svelte-preprocess\'</span><span class="token punctuation">;</span>\n<span class="token keyword">import</span> makeAttractionsImporter <span class="token keyword">from</span> <span class="token string">\'attractions/importer.js\'</span><span class="token punctuation">;</span>\n\n<span class="token keyword">const</span> preprocessChain <span class="token operator">=</span> <span class="token punctuation">[</span>\n  <span class="token function">autoPreprocess</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n    <span class="token literal-property property">scss</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n      <span class="token literal-property property">importer</span><span class="token operator">:</span> <span class="token function">makeAttractionsImporter</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n        <span class="token comment">// If you previously had a file that was overriding Attractions variables,</span>\n        <span class="token comment">//   provide the path to it here.</span>\n        <span class="token comment">// If it was empty, you may delete it, omit this parameter</span>\n        <span class="token comment">//   and call the function with no arguments.</span>\n        <span class="token literal-property property">themeFile</span><span class="token operator">:</span> <span class="token string">\'./static/css/_attractions-theme.scss\'</span><span class="token punctuation">,</span>\n      <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n\n      <span class="token literal-property property">includePaths</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token string">\'./static/css\'</span><span class="token punctuation">]</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n<span class="token punctuation">]</span><span class="token punctuation">;</span></code>',v(s,z,e),r(J,s,e),v(s,Q,e),r(V,s,e),v(s,W,e),v(s,X,e),X.innerHTML='<code class="language-scss"><span class="token keyword">@import</span> <span class="token string">\'_attractions-theme.scss\'</span><span class="token punctuation">;</span>\n<span class="token property"><span class="token variable">$font</span></span><span class="token punctuation">:</span> <span class="token string">\'Open Sans\'</span><span class="token punctuation">,</span> sans-serif<span class="token punctuation">;</span>\n<span class="token property"><span class="token variable">$main</span></span><span class="token punctuation">:</span> green<span class="token punctuation">;</span>\n<span class="token property"><span class="token variable">$my-custom-variable</span></span><span class="token punctuation">:</span> 1px<span class="token punctuation">;</span></code>',v(s,Y,e),r(Z,s,e),v(s,ss,e),v(s,ns,e),ns.innerHTML='<code class="language-scss"><span class="token keyword">@forward</span> <span class="token string">"~attractions/_variables"</span> <span class="token module-modifier keyword">with</span> <span class="token punctuation">(</span>\n  <span class="token property"><span class="token variable">$font</span></span><span class="token punctuation">:</span> <span class="token punctuation">(</span><span class="token string">\'Open Sans\'</span><span class="token punctuation">,</span> sans-serif<span class="token punctuation">)</span><span class="token punctuation">,</span>\n  <span class="token property"><span class="token variable">$main</span></span><span class="token punctuation">:</span> green<span class="token punctuation">;</span>\n<span class="token punctuation">)</span><span class="token punctuation">;</span>\n<span class="token property"><span class="token variable">$my-custom-variable</span></span><span class="token punctuation">:</span> 1px<span class="token punctuation">;</span></code>',ts=!0},p(s,t){const e={};2&t&&(e.$$scope={dirty:t,ctx:s}),n.$set(e);const o={};2&t&&(o.$$scope={dirty:t,ctx:s}),a.$set(o);const r={};2&t&&(r.$$scope={dirty:t,ctx:s}),c.$set(r);const p={};2&t&&(p.$$scope={dirty:t,ctx:s}),x.$set(p);const i={};2&t&&(i.$$scope={dirty:t,ctx:s}),S.$set(i);const l={};2&t&&(l.$$scope={dirty:t,ctx:s}),O.$set(l);const u={};2&t&&(u.$$scope={dirty:t,ctx:s}),N.$set(u);const $={};2&t&&($.$$scope={dirty:t,ctx:s}),B.$set($);const m={};2&t&&(m.$$scope={dirty:t,ctx:s}),J.$set(m);const f={};2&t&&(f.$$scope={dirty:t,ctx:s}),V.$set(f);const d={};2&t&&(d.$$scope={dirty:t,ctx:s}),Z.$set(d)},i(s){ts||(i(n.$$.fragment,s),i(a.$$.fragment,s),i(c.$$.fragment,s),i(x.$$.fragment,s),i(S.$$.fragment,s),i(O.$$.fragment,s),i(N.$$.fragment,s),i(B.$$.fragment,s),i(J.$$.fragment,s),i(V.$$.fragment,s),i(Z.$$.fragment,s),ts=!0)},o(s){l(n.$$.fragment,s),l(a.$$.fragment,s),l(c.$$.fragment,s),l(x.$$.fragment,s),l(S.$$.fragment,s),l(O.$$.fragment,s),l(N.$$.fragment,s),l(B.$$.fragment,s),l(J.$$.fragment,s),l(V.$$.fragment,s),l(Z.$$.fragment,s),ts=!1},d(s){u(n,s),s&&h(t),u(a,s),s&&h(p),u(c,s),s&&h($),u(x,s),s&&h(w),u(S,s),s&&h(E),u(O,s),s&&h(j),u(N,s),s&&h(U),u(B,s),s&&h(q),s&&h(K),s&&h(z),u(J,s),s&&h(Q),u(V,s),s&&h(W),s&&h(X),s&&h(Y),u(Z,s),s&&h(ss),s&&h(ns)}}}function U(s){let n,t;const $=[s[0]];let m={$$slots:{default:[N]},$$scope:{ctx:s}};for(let s=0;s<$.length;s+=1)m=a(m,$[s]);return n=new j({props:m}),{c(){e(n.$$.fragment)},l(s){o(n.$$.fragment,s)},m(s,a){r(n,s,a),t=!0},p(s,[t]){const a=1&t?p($,[c(s[0])]):{};2&t&&(a.$$scope={dirty:t,ctx:s}),n.$set(a)},i(s){t||(i(n.$$.fragment,s),t=!0)},o(s){l(n.$$.fragment,s),t=!1},d(s){u(n,s)}}}function B(s,n,t){return s.$$set=s=>{t(0,n=a(a({},n),$(s)))},[n=$(n)]}class q extends s{constructor(s){super(),n(this,s,B,U,t,{})}}function K(s){let n,t;return n=new q({}),{c(){e(n.$$.fragment)},l(s){o(n.$$.fragment,s)},m(s,a){r(n,s,a),t=!0},i(s){t||(i(n.$$.fragment,s),t=!0)},o(s){l(n.$$.fragment,s),t=!1},d(s){u(n,s)}}}function z(s){let n,t;const $=[s[0],J];let m={$$slots:{default:[K]},$$scope:{ctx:s}};for(let s=0;s<$.length;s+=1)m=a(m,$[s]);return n=new O({props:m}),{c(){e(n.$$.fragment)},l(s){o(n.$$.fragment,s)},m(s,a){r(n,s,a),t=!0},p(s,[t]){const a=1&t?p($,[1&t&&c(s[0]),0&t&&c(J)]):{};2&t&&(a.$$scope={dirty:t,ctx:s}),n.$set(a)},i(s){t||(i(n.$$.fragment,s),t=!0)},o(s){l(n.$$.fragment,s),t=!1},d(s){u(n,s)}}}const J={name:"Migration Guide"};function Q(s,n,t){return s.$$set=s=>{t(0,n=a(a({},n),$(s)))},[n=$(n)]}class V extends s{constructor(s){super(),n(this,s,Q,z,t,{})}}export{V as default,J as metadata};
diff --git a/376/client/modal-cc12f30d.css b/376/client/modal-cc12f30d.css
new file mode 100644
index 000000000..0f091a4c3
--- /dev/null
+++ b/376/client/modal-cc12f30d.css
@@ -0,0 +1 @@
+.modal-overlay.svelte-rafkre{background-color:rgba(0, 0, 0, 0.25);display:none;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1000}.modal-overlay.open.svelte-rafkre{align-items:center;display:flex;justify-content:center}.modal-overlay.open.svelte-rafkre .dialog{animation:svelte-rafkre-slide-up 100ms ease-out}@keyframes svelte-rafkre-slide-up{0%{transform:translateY(5px)}100%{transform:translateY(0)}}
diff --git a/376/client/modal.d93132a1.js b/376/client/modal.d93132a1.js
new file mode 100644
index 000000000..3c17bac25
--- /dev/null
+++ b/376/client/modal.d93132a1.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as s,l as a,m as o,U as r,a0 as c,t as l,p,q as f,L as m,u as g,w as u,f as d,d as i,v as x,x as h,h as y,k,b as w,e as v,g as E,n as D,Y as b,$ as C,a1 as O}from"./client.0d36a0cf.js";import{L as T,H as j,P as N}from"./layout.b2760304.js";import{B as S}from"./button.743a388a.js";import{M as A}from"./modal.eb59b5a1.js";import{D as H}from"./dialog.b792720c.js";import{S as M}from"./showcase.8eb3893d.js";import{C as R}from"./color-preview.278d2729.js";import{H as P}from"./h2.122c8b9f.js";import{H as B}from"./h3.1e03849b.js";import{T as F,a as G,b as Y,c as I}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./x.a2bf5f48.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";function V(t){let e;return{c(){e=x("Modal")},l(t){e=h(t,"Modal")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function W(t){let e;return{c(){e=x("An overlay allowing any modal content to appear on the screen prominently.")},l(t){e=h(t,"An overlay allowing any modal content to appear on the screen prominently.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function L(t){let e,$,n,s,a,o;return{c(){e=x("Works well with the "),$=y("a"),n=y("mark"),s=y("code"),a=x("Dialog"),o=x(" component."),this.h()},l(t){e=h(t,"Works well with the "),$=k(t,"A",{href:!0});var r=w($);n=k(r,"MARK",{});var c=w(n);s=k(c,"CODE",{});var l=w(s);a=h(l,"Dialog"),l.forEach(i),c.forEach(i),r.forEach(i),o=h(t," component."),this.h()},h(){v($,"href","./docs/components/dialog")},m(t,r){d(t,e,r),d(t,$,r),E($,n),E(n,s),E(s,a),d(t,o,r)},p:D,d(t){t&&i(e),t&&i($),t&&i(o)}}}function K(t){let e;return{c(){e=x("click me")},l(t){e=h(t,"click me")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function q(t){let e;return{c(){e=x("It's me")},l(t){e=h(t,"It's me")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function U(t){let e,$;return e=new H({props:{title:"Hello?",closeCallback:t[4],$$slots:{default:[q]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p(t,$){const n={};16&$&&(n.closeCallback=t[4]),32&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(l(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){f(e,t)}}}function z(t){let e,$,n,r,c,m;function x(e){t[3](e)}$=new S({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),$.$on("click",t[2]);let h={$$slots:{default:[U,({closeCallback:t})=>({4:t}),({closeCallback:t})=>t?16:0]},$$scope:{ctx:t}};return void 0!==t[0]&&(h.open=t[0]),r=new A({props:h}),b.push((()=>C(r,"open",x))),{c(){e=y("div"),s($.$$.fragment),n=g(),s(r.$$.fragment),this.h()},l(t){e=k(t,"DIV",{slot:!0,class:!0});var s=w(e);a($.$$.fragment,s),n=u(s),a(r.$$.fragment,s),s.forEach(i),this.h()},h(){v(e,"slot","showcase"),v(e,"class","padded")},m(t,s){d(t,e,s),o($,e,null),E(e,n),o(r,e,null),m=!0},p(t,e){const n={};32&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};48&e&&(s.$$scope={dirty:e,ctx:t}),!c&&1&e&&(c=!0,s.open=t[0],O((()=>c=!1))),r.$set(s)},i(t){m||(l($.$$.fragment,t),l(r.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(r.$$.fragment,t),m=!1},d(t){t&&i(e),f($),f(r)}}}function J(t){let e,$;return{c(){e=y("div"),$=y("pre"),this.h()},l(t){e=k(t,"DIV",{slot:!0});var n=w(e);$=k(n,"PRE",{class:!0}),w($).forEach(i),n.forEach(i),this.h()},h(){v($,"class","language-svelte"),v(e,"slot","source")},m(t,n){d(t,e,n),E(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">let</span> modalOpen <span class="token operator">=</span> <span class="token boolean">false</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> modalOpen <span class="token operator">=</span> <span class="token boolean">true</span><span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>click me<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Modal</span> <span class="token attr-name"><span class="token namespace">bind:</span>open=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>modalOpen<span class="token punctuation">&#125;</span></span> <span class="token attr-name"><span class="token namespace">let:</span>closeCallback</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dialog</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Hello?<span class="token punctuation">"</span></span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>closeCallback<span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n    It\'s me\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Dialog</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Modal</span><span class="token punctuation">></span></span></code>'},p:D,d(t){t&&i(e)}}}function Q(t){let e;return{c(){e=x("Properties")},l(t){e=h(t,"Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function X(t){let e;return{c(){e=x("Functional Properties")},l(t){e=h(t,"Functional Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Z(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function _(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function tt(t){let e;return{c(){e=x("Type")},l(t){e=h(t,"Type")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function et(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function $t(t){let e,$,n,r,c,m,x,h;return e=new Y({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),n=new Y({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),c=new Y({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),x=new Y({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};32&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};32&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};32&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};32&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(r),f(c,t),t&&i(m),f(x,t)}}}function nt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("open")},l(t){e=k(t,"STRONG",{});var s=w(e);$=k(s,"CODE",{});var a=w($);n=h(a,"open"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),E(e,$),E($,n)},p:D,d(t){t&&i(e)}}}function st(t){let e,$;return{c(){e=y("code"),$=x("false")},l(t){e=k(t,"CODE",{});var n=w(e);$=h(n,"false"),n.forEach(i)},m(t,n){d(t,e,n),E(e,$)},p:D,d(t){t&&i(e)}}}function at(t){let e,$;return{c(){e=y("code"),$=x("boolean")},l(t){e=k(t,"CODE",{});var n=w(e);$=h(n,"boolean"),n.forEach(i)},m(t,n){d(t,e,n),E(e,$)},p:D,d(t){t&&i(e)}}}function ot(t){let e;return{c(){e=x("Whether the modal is open or not.")},l(t){e=h(t,"Whether the modal is open or not.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function rt(t){let e,$,n,r,c,m,x,h;return e=new I({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),x=new I({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};32&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};32&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};32&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};32&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(r),f(c,t),t&&i(m),f(x,t)}}}function ct(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("noClickaway")},l(t){e=k(t,"STRONG",{});var s=w(e);$=k(s,"CODE",{});var a=w($);n=h(a,"noClickaway"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),E(e,$),E($,n)},p:D,d(t){t&&i(e)}}}function lt(t){let e,$;return{c(){e=y("code"),$=x("false")},l(t){e=k(t,"CODE",{});var n=w(e);$=h(n,"false"),n.forEach(i)},m(t,n){d(t,e,n),E(e,$)},p:D,d(t){t&&i(e)}}}function pt(t){let e,$;return{c(){e=y("code"),$=x("boolean")},l(t){e=k(t,"CODE",{});var n=w(e);$=h(n,"boolean"),n.forEach(i)},m(t,n){d(t,e,n),E(e,$)},p:D,d(t){t&&i(e)}}}function ft(t){let e,$,n,s;return{c(){e=x("Removes the click event listener from the overlay "),$=y("code"),n=x("<div>"),s=x(" to close the modal on an outside click.")},l(t){e=h(t,"Removes the click event listener from the overlay "),$=k(t,"CODE",{});var a=w($);n=h(a,"<div>"),a.forEach(i),s=h(t," to close the modal on an outside click.")},m(t,a){d(t,e,a),d(t,$,a),E($,n),d(t,s,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(s)}}}function mt(t){let e,$,n,r,c,m,x,h;return e=new I({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),x=new I({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};32&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};32&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};32&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};32&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(r),f(c,t),t&&i(m),f(x,t)}}}function gt(t){let e,$,n,r,c,m,x,h;return $=new G({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),x=new G({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),r=y("tbody"),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){e=k(t,"THEAD",{});var s=w(e);a($.$$.fragment,s),s.forEach(i),n=u(t),r=k(t,"TBODY",{});var o=w(r);a(c.$$.fragment,o),m=u(o),a(x.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,r,s),o(c,r,null),E(r,m),o(x,r,null),h=!0},p(t,e){const n={};32&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};32&e&&(a.$$scope={dirty:e,ctx:t}),x.$set(a)},i(t){h||(l($.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!1},d(t){t&&i(e),f($),t&&i(n),t&&i(r),f(c),f(x)}}}function ut(t){let e;return{c(){e=x("Class Properties")},l(t){e=h(t,"Class Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function dt(t){let e,$,n,s,a,o,r;return{c(){e=x("All "),$=y("code"),n=x("<Modal>"),s=x(" components use the "),a=y("code"),o=x(".modal-overlay"),r=x(" class.")},l(t){e=h(t,"All "),$=k(t,"CODE",{});var c=w($);n=h(c,"<Modal>"),c.forEach(i),s=h(t," components use the "),a=k(t,"CODE",{});var l=w(a);o=h(l,".modal-overlay"),l.forEach(i),r=h(t," class.")},m(t,c){d(t,e,c),d(t,$,c),E($,n),d(t,s,c),d(t,a,c),E(a,o),d(t,r,c)},p:D,d(t){t&&i(e),t&&i($),t&&i(s),t&&i(a),t&&i(r)}}}function it(t){let e;return{c(){e=x("Falsy values passed to classes will be disregarded.")},l(t){e=h(t,"Falsy values passed to classes will be disregarded.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function xt(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function ht(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function yt(t){let e;return{c(){e=x("Type")},l(t){e=h(t,"Type")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function kt(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function wt(t){let e,$,n,r,c,m,x,h;return e=new Y({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),n=new Y({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),c=new Y({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),x=new Y({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};32&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};32&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};32&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};32&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(r),f(c,t),t&&i(m),f(x,t)}}}function vt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("class")},l(t){e=k(t,"STRONG",{});var s=w(e);$=k(s,"CODE",{});var a=w($);n=h(a,"class"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),E(e,$),E($,n)},p:D,d(t){t&&i(e)}}}function Et(t){let e,$;return{c(){e=y("code"),$=x("null")},l(t){e=k(t,"CODE",{});var n=w(e);$=h(n,"null"),n.forEach(i)},m(t,n){d(t,e,n),E(e,$)},p:D,d(t){t&&i(e)}}}function Dt(t){let e,$;return{c(){e=y("code"),$=x("string")},l(t){e=k(t,"CODE",{});var n=w(e);$=h(n,"string"),n.forEach(i)},m(t,n){d(t,e,n),E(e,$)},p:D,d(t){t&&i(e)}}}function bt(t){let e;return{c(){e=x("A class string to add to the component.")},l(t){e=h(t,"A class string to add to the component.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Ct(t){let e,$,n,r,c,m,x,h;return e=new I({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),x=new I({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),h=!0},p(t,$){const s={};32&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};32&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};32&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};32&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r)},i(t){h||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(r),f(c,t),t&&i(m),f(x,t)}}}function Ot(t){let e,$,n,r,c,m;return $=new G({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),r=y("tbody"),s(c.$$.fragment)},l(t){e=k(t,"THEAD",{});var s=w(e);a($.$$.fragment,s),s.forEach(i),n=u(t),r=k(t,"TBODY",{});var o=w(r);a(c.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,r,s),o(c,r,null),m=!0},p(t,e){const n={};32&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(l($.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&i(e),f($),t&&i(n),t&&i(r),f(c)}}}function Tt(t){let e;return{c(){e=x("Events")},l(t){e=h(t,"Events")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function jt(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Nt(t){let e;return{c(){e=x("Event Detail")},l(t){e=h(t,"Event Detail")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function St(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function At(t){let e,$,n,r,c,m;return e=new Y({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),n=new Y({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),c=new Y({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),m=!0},p(t,$){const s={};32&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};32&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};32&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(r),f(c,t)}}}function Ht(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("change")},l(t){e=k(t,"STRONG",{});var s=w(e);$=k(s,"CODE",{});var a=w($);n=h(a,"change"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),E(e,$),E($,n)},p:D,d(t){t&&i(e)}}}function Mt(t){let e,$;return{c(){e=y("code"),$=x("{ value }")},l(t){e=k(t,"CODE",{});var n=w(e);$=h(n,"{ value }"),n.forEach(i)},m(t,n){d(t,e,n),E(e,$)},p:D,d(t){t&&i(e)}}}function Rt(t){let e,$,n,s,a,o,r;return{c(){e=x("Fired whenever the modal state is changed, the "),$=y("code"),n=x("value"),s=x(" represents the value of the "),a=y("code"),o=x("open"),r=x(" property.")},l(t){e=h(t,"Fired whenever the modal state is changed, the "),$=k(t,"CODE",{});var c=w($);n=h(c,"value"),c.forEach(i),s=h(t," represents the value of the "),a=k(t,"CODE",{});var l=w(a);o=h(l,"open"),l.forEach(i),r=h(t," property.")},m(t,c){d(t,e,c),d(t,$,c),E($,n),d(t,s,c),d(t,a,c),E(a,o),d(t,r,c)},p:D,d(t){t&&i(e),t&&i($),t&&i(s),t&&i(a),t&&i(r)}}}function Pt(t){let e,$,n,r,c,m;return e=new I({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),m=!0},p(t,$){const s={};32&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};32&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};32&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(r),f(c,t)}}}function Bt(t){let e,$,n,r,c,m;return $=new G({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),r=y("tbody"),s(c.$$.fragment)},l(t){e=k(t,"THEAD",{});var s=w(e);a($.$$.fragment,s),s.forEach(i),n=u(t),r=k(t,"TBODY",{});var o=w(r);a(c.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,r,s),o(c,r,null),m=!0},p(t,e){const n={};32&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(l($.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&i(e),f($),t&&i(n),t&&i(r),f(c)}}}function Ft(t){let e;return{c(){e=x("Slots")},l(t){e=h(t,"Slots")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Gt(t){let e;return{c(){e=x("Default slot")},l(t){e=h(t,"Default slot")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Yt(t){let e;return{c(){e=x("The modal content.")},l(t){e=h(t,"The modal content.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function It(t){let e;return{c(){e=x("Prop Name")},l(t){e=h(t,"Prop Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Vt(t){let e;return{c(){e=x("Type")},l(t){e=h(t,"Type")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Wt(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Lt(t){let e,$,n,r,c,m;return e=new Y({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),n=new Y({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),c=new Y({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),m=!0},p(t,$){const s={};32&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};32&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};32&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(r),f(c,t)}}}function Kt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("closeCallback")},l(t){e=k(t,"STRONG",{});var s=w(e);$=k(s,"CODE",{});var a=w($);n=h(a,"closeCallback"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),E(e,$),E($,n)},p:D,d(t){t&&i(e)}}}function qt(t){let e,$;return{c(){e=y("code"),$=x("Function")},l(t){e=k(t,"CODE",{});var n=w(e);$=h(n,"Function"),n.forEach(i)},m(t,n){d(t,e,n),E(e,$)},p:D,d(t){t&&i(e)}}}function Ut(t){let e;return{c(){e=x("A callback to close the modal.")},l(t){e=h(t,"A callback to close the modal.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function zt(t){let e,$,n,r,c,m;return e=new I({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),m=!0},p(t,$){const s={};32&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};32&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};32&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(r),f(c,t)}}}function Jt(t){let e,$,n,r,c,m;return $=new G({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),r=y("tbody"),s(c.$$.fragment)},l(t){e=k(t,"THEAD",{});var s=w(e);a($.$$.fragment,s),s.forEach(i),n=u(t),r=k(t,"TBODY",{});var o=w(r);a(c.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,r,s),o(c,r,null),m=!0},p(t,e){const n={};32&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(l($.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&i(e),f($),t&&i(n),t&&i(r),f(c)}}}function Qt(t){let e;return{c(){e=x("SCSS Variables")},l(t){e=h(t,"SCSS Variables")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Xt(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Zt(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function _t(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function te(t){let e,$,n,r,c,m;return e=new Y({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),n=new Y({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),c=new Y({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),m=!0},p(t,$){const s={};32&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};32&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};32&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(r),f(c,t)}}}function ee(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("$modal-overlay-bg")},l(t){e=k(t,"STRONG",{});var s=w(e);$=k(s,"CODE",{});var a=w($);n=h(a,"$modal-overlay-bg"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),E(e,$),E($,n)},p:D,d(t){t&&i(e)}}}function $e(t){let e;return{c(){e=x("The background color of the overlay behind the content.")},l(t){e=h(t,"The background color of the overlay behind the content.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function ne(t){let e,$;return e=new R({props:{value:"rgba(0, 0, 0, .25)"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:D,i(t){$||(l(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){f(e,t)}}}function se(t){let e,$,n,r,c,m;return e=new I({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),n=new I({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),m=!0},p(t,$){const s={};32&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};32&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};32&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(r),f(c,t)}}}function ae(t){let e,$,n,r,c,m;return $=new G({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),r=y("tbody"),s(c.$$.fragment)},l(t){e=k(t,"THEAD",{});var s=w(e);a($.$$.fragment,s),s.forEach(i),n=u(t),r=k(t,"TBODY",{});var o=w(r);a(c.$$.fragment,o),o.forEach(i)},m(t,s){d(t,e,s),o($,e,null),d(t,n,s),d(t,r,s),o(c,r,null),m=!0},p(t,e){const n={};32&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(l($.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&i(e),f($),t&&i(n),t&&i(r),f(c)}}}function oe(t){let e,$,n,r,c,m,x,h,y,k,w,v,E,D,b,C,O,T,S,A,H,R,G,Y,I,K,q,U,Z,_,tt,et,$t,nt,st,at,ot,rt;return e=new j({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),n=new N({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new N({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),x=new M({props:{$$slots:{source:[J],showcase:[z]},$$scope:{ctx:t}}}),y=new P({props:{id:"properties",$$slots:{default:[Q]},$$scope:{ctx:t}}}),w=new B({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),E=new F({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),b=new B({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),O=new N({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),S=new N({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),H=new F({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),G=new P({props:{id:"events",$$slots:{default:[Tt]},$$scope:{ctx:t}}}),I=new F({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),q=new P({props:{id:"slots",$$slots:{default:[Ft]},$$scope:{ctx:t}}}),Z=new B({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),tt=new N({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),$t=new F({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),st=new P({props:{id:"scss-variables",$$slots:{default:[Qt]},$$scope:{ctx:t}}}),ot=new F({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),r=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment),h=g(),s(y.$$.fragment),k=g(),s(w.$$.fragment),v=g(),s(E.$$.fragment),D=g(),s(b.$$.fragment),C=g(),s(O.$$.fragment),T=g(),s(S.$$.fragment),A=g(),s(H.$$.fragment),R=g(),s(G.$$.fragment),Y=g(),s(I.$$.fragment),K=g(),s(q.$$.fragment),U=g(),s(Z.$$.fragment),_=g(),s(tt.$$.fragment),et=g(),s($t.$$.fragment),nt=g(),s(st.$$.fragment),at=g(),s(ot.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),r=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t),h=u(t),a(y.$$.fragment,t),k=u(t),a(w.$$.fragment,t),v=u(t),a(E.$$.fragment,t),D=u(t),a(b.$$.fragment,t),C=u(t),a(O.$$.fragment,t),T=u(t),a(S.$$.fragment,t),A=u(t),a(H.$$.fragment,t),R=u(t),a(G.$$.fragment,t),Y=u(t),a(I.$$.fragment,t),K=u(t),a(q.$$.fragment,t),U=u(t),a(Z.$$.fragment,t),_=u(t),a(tt.$$.fragment,t),et=u(t),a($t.$$.fragment,t),nt=u(t),a(st.$$.fragment,t),at=u(t),a(ot.$$.fragment,t)},m(t,s){o(e,t,s),d(t,$,s),o(n,t,s),d(t,r,s),o(c,t,s),d(t,m,s),o(x,t,s),d(t,h,s),o(y,t,s),d(t,k,s),o(w,t,s),d(t,v,s),o(E,t,s),d(t,D,s),o(b,t,s),d(t,C,s),o(O,t,s),d(t,T,s),o(S,t,s),d(t,A,s),o(H,t,s),d(t,R,s),o(G,t,s),d(t,Y,s),o(I,t,s),d(t,K,s),o(q,t,s),d(t,U,s),o(Z,t,s),d(t,_,s),o(tt,t,s),d(t,et,s),o($t,t,s),d(t,nt,s),o(st,t,s),d(t,at,s),o(ot,t,s),rt=!0},p(t,$){const s={};32&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};32&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};32&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const r={};33&$&&(r.$$scope={dirty:$,ctx:t}),x.$set(r);const l={};32&$&&(l.$$scope={dirty:$,ctx:t}),y.$set(l);const p={};32&$&&(p.$$scope={dirty:$,ctx:t}),w.$set(p);const f={};32&$&&(f.$$scope={dirty:$,ctx:t}),E.$set(f);const m={};32&$&&(m.$$scope={dirty:$,ctx:t}),b.$set(m);const g={};32&$&&(g.$$scope={dirty:$,ctx:t}),O.$set(g);const u={};32&$&&(u.$$scope={dirty:$,ctx:t}),S.$set(u);const d={};32&$&&(d.$$scope={dirty:$,ctx:t}),H.$set(d);const i={};32&$&&(i.$$scope={dirty:$,ctx:t}),G.$set(i);const h={};32&$&&(h.$$scope={dirty:$,ctx:t}),I.$set(h);const k={};32&$&&(k.$$scope={dirty:$,ctx:t}),q.$set(k);const v={};32&$&&(v.$$scope={dirty:$,ctx:t}),Z.$set(v);const D={};32&$&&(D.$$scope={dirty:$,ctx:t}),tt.$set(D);const C={};32&$&&(C.$$scope={dirty:$,ctx:t}),$t.$set(C);const T={};32&$&&(T.$$scope={dirty:$,ctx:t}),st.$set(T);const j={};32&$&&(j.$$scope={dirty:$,ctx:t}),ot.$set(j)},i(t){rt||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),l(y.$$.fragment,t),l(w.$$.fragment,t),l(E.$$.fragment,t),l(b.$$.fragment,t),l(O.$$.fragment,t),l(S.$$.fragment,t),l(H.$$.fragment,t),l(G.$$.fragment,t),l(I.$$.fragment,t),l(q.$$.fragment,t),l(Z.$$.fragment,t),l(tt.$$.fragment,t),l($t.$$.fragment,t),l(st.$$.fragment,t),l(ot.$$.fragment,t),rt=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),p(y.$$.fragment,t),p(w.$$.fragment,t),p(E.$$.fragment,t),p(b.$$.fragment,t),p(O.$$.fragment,t),p(S.$$.fragment,t),p(H.$$.fragment,t),p(G.$$.fragment,t),p(I.$$.fragment,t),p(q.$$.fragment,t),p(Z.$$.fragment,t),p(tt.$$.fragment,t),p($t.$$.fragment,t),p(st.$$.fragment,t),p(ot.$$.fragment,t),rt=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(r),f(c,t),t&&i(m),f(x,t),t&&i(h),f(y,t),t&&i(k),f(w,t),t&&i(v),f(E,t),t&&i(D),f(b,t),t&&i(C),f(O,t),t&&i(T),f(S,t),t&&i(A),f(H,t),t&&i(R),f(G,t),t&&i(Y),f(I,t),t&&i(K),f(q,t),t&&i(U),f(Z,t),t&&i(_),f(tt,t),t&&i(et),f($t,t),t&&i(nt),f(st,t),t&&i(at),f(ot,t)}}}function re(t){let e,$;const m=[t[1],ce];let g={$$slots:{default:[oe]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)g=n(g,m[t]);return e=new T({props:g}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p(t,[$]){const n=2&$?r(m,[2&$&&c(t[1]),0&$&&c(ce)]):{};33&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(l(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){f(e,t)}}}const ce={name:"Modal"};function le(t,e,$){let s=!1;return t.$$set=t=>{$(1,e=n(n({},e),m(t)))},e=m(e),[s,e,()=>$(0,s=!0),function(t){s=t,$(0,s)}]}class pe extends t{constructor(t){super(),e(this,t,le,re,$,{})}}export{pe as default,ce as metadata};
diff --git a/376/client/modal.eb59b5a1.js b/376/client/modal.eb59b5a1.js
new file mode 100644
index 000000000..fb719867b
--- /dev/null
+++ b/376/client/modal.eb59b5a1.js
@@ -0,0 +1 @@
+import{S as s,i as a,s as l,H as e,f as c,y as o,p as n,z as t,t as r,d as i,J as p,M as u,h as d,k as f,b as h,e as m,X as v,O as $,Q as k,R as y,T as C,o as w,a8 as b}from"./client.0d36a0cf.js";import{c as j}from"./classes.2453fa25.js";const x=s=>({}),D=s=>({closeCallback:s[3]}),E=s=>({}),I=s=>({closeCallback:s[3]});function M(s){let a,l,e;const o=s[5].default,t=u(o,s,s[4],D);return{c(){a=d("div"),t&&t.c(),this.h()},l(s){a=f(s,"DIV",{class:!0});var l=h(a);t&&t.l(l),l.forEach(i),this.h()},h(){m(a,"class",l=v(j("modal-overlay",s[1]))+" svelte-rafkre"),$(a,"open",s[0])},m(s,l){c(s,a,l),t&&t.m(a,null),e=!0},p(s,c){t&&t.p&&(!e||16&c)&&k(t,o,s,s[4],e?C(o,s[4],c,x):y(s[4]),D),(!e||2&c&&l!==(l=v(j("modal-overlay",s[1]))+" svelte-rafkre"))&&m(a,"class",l),(!e||3&c)&&$(a,"open",s[0])},i(s){e||(r(t,s),e=!0)},o(s){n(t,s),e=!1},d(s){s&&i(a),t&&t.d(s)}}}function V(s){let a,l,e,o,t;const p=s[5].default,x=u(p,s,s[4],I);return{c(){a=d("div"),x&&x.c(),this.h()},l(s){a=f(s,"DIV",{class:!0});var l=h(a);x&&x.l(l),l.forEach(i),this.h()},h(){m(a,"class",l=v(j("modal-overlay",s[1]))+" svelte-rafkre"),$(a,"open",s[0])},m(l,n){c(l,a,n),x&&x.m(a,null),e=!0,o||(t=w(a,"click",b(s[3])),o=!0)},p(s,c){x&&x.p&&(!e||16&c)&&k(x,p,s,s[4],e?C(p,s[4],c,E):y(s[4]),I),(!e||2&c&&l!==(l=v(j("modal-overlay",s[1]))+" svelte-rafkre"))&&m(a,"class",l),(!e||3&c)&&$(a,"open",s[0])},i(s){e||(r(x,s),e=!0)},o(s){n(x,s),e=!1},d(s){s&&i(a),x&&x.d(s),o=!1,t()}}}function g(s){let a,l,p,u;const d=[V,M],f=[];function h(s,a){return s[2]?1:0}return a=h(s),l=f[a]=d[a](s),{c(){l.c(),p=e()},l(s){l.l(s),p=e()},m(s,l){f[a].m(s,l),c(s,p,l),u=!0},p(s,[e]){let c=a;a=h(s),a===c?f[a].p(s,e):(o(),n(f[c],1,1,(()=>{f[c]=null})),t(),l=f[a],l?l.p(s,e):(l=f[a]=d[a](s),l.c()),r(l,1),l.m(p.parentNode,p))},i(s){u||(r(l),u=!0)},o(s){n(l),u=!1},d(s){f[a].d(s),s&&i(p)}}}function z(s,a,l){let{$$slots:e={},$$scope:c}=a,{class:o=null}=a,{open:n=!1}=a,{noClickaway:t=!1}=a;const r=p();return s.$$set=s=>{"class"in s&&l(1,o=s.class),"open"in s&&l(0,n=s.open),"noClickaway"in s&&l(2,t=s.noClickaway),"$$scope"in s&&l(4,c=s.$$scope)},s.$$.update=()=>{1&s.$$.dirty&&r("change",{value:n})},[n,o,t,function(){l(0,n=!1)},c,e]}var H=class extends s{constructor(s){super(),a(this,s,z,g,l,{class:1,open:0,noClickaway:2})}};export{H as M};
diff --git a/376/client/pagination-121bc747.css b/376/client/pagination-121bc747.css
new file mode 100644
index 000000000..383cd1937
--- /dev/null
+++ b/376/client/pagination-121bc747.css
@@ -0,0 +1 @@
+.pagination.svelte-r3vf1m{align-items:center;display:flex;justify-content:center;margin:2em 1em}.pagination.svelte-r3vf1m>.page{flex-shrink:0;height:2.5em;justify-content:center;margin:0 0.2em;padding:0;width:2.5em}.pagination.svelte-r3vf1m>.text-field{margin:0 0.2em}.pagination.svelte-r3vf1m>.text-field input{height:2.8em !important;width:2.8em !important}.pagination.svelte-r3vf1m>.page.current{background:rgba(67, 0, 176, 0.05)}.pagination.svelte-r3vf1m>.page.current:hover{background:rgba(67, 0, 176, 0.1)}.pagination.svelte-r3vf1m>.page.current:focus{background:rgba(67, 0, 176, 0.15)}@media only screen and (min-width: 380px){.pagination.svelte-r3vf1m>.page,.pagination.svelte-r3vf1m>.text-field{margin:0 0.4em}}@media only screen and (min-width: 540px){.pagination.svelte-r3vf1m{align-self:center}.pagination.svelte-r3vf1m>.page,.pagination.svelte-r3vf1m input{font-size:1.1rem}}@media only screen and (min-width: 1024px){.pagination.svelte-r3vf1m>.page,.pagination.svelte-r3vf1m input{font-size:1.2rem}}
diff --git a/376/client/pagination.85687501.js b/376/client/pagination.85687501.js
new file mode 100644
index 000000000..b04f50f69
--- /dev/null
+++ b/376/client/pagination.85687501.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as r,j as n,l as o,m as s,U as a,a0 as c,t as f,p as l,q as m,L as p,u as g,h as d,v as i,w as u,k as h,b as x,x as E,d as w,e as y,f as v,g as D,n as T}from"./client.0d36a0cf.js";import{L as b,H as O,P as C}from"./layout.b2760304.js";import{P as F}from"./pagination.f1471bfe.js";import{S}from"./showcase.8eb3893d.js";import{C as A}from"./color-preview.278d2729.js";import{H as N}from"./h2.122c8b9f.js";import{H as L}from"./h3.1e03849b.js";import{T as P,a as R,b as k,c as G}from"./table.e069c294.js";import"./button.743a388a.js";import"./classes.2453fa25.js";import"./text-field.37ad5edd.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";function B(t){let e;return{c(){e=i("Pagination")},l(t){e=E(t,"Pagination")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function j(t){let e;return{c(){e=i("A page navigating component that supports random page access.")},l(t){e=E(t,"A page navigating component that supports random page access.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function M(t){let e,$,r;return $=new F({props:{pages:20}}),{c(){e=d("div"),n($.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var r=x(e);o($.$$.fragment,r),r.forEach(w),this.h()},h(){y(e,"slot","showcase"),y(e,"class","padded")},m(t,n){v(t,e,n),s($,e,null),r=!0},p:T,i(t){r||(f($.$$.fragment,t),r=!0)},o(t){l($.$$.fragment,t),r=!1},d(t){t&&w(e),m($)}}}function H(t){let e,$;return{c(){e=d("div"),$=d("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var r=x(e);$=h(r,"PRE",{class:!0}),x($).forEach(w),r.forEach(w),this.h()},h(){y($,"class","language-svelte"),y(e,"slot","source")},m(t,r){v(t,e,r),D(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Pagination</span> <span class="token attr-name">pages=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">20</span><span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span></code>'},p:T,d(t){t&&w(e)}}}function q(t){let e;return{c(){e=i("Properties")},l(t){e=E(t,"Properties")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function U(t){let e;return{c(){e=i("Style Properties")},l(t){e=E(t,"Style Properties")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function V(t){let e;return{c(){e=i("Name")},l(t){e=E(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Y(t){let e;return{c(){e=i("Default")},l(t){e=E(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function I(t){let e;return{c(){e=i("Type")},l(t){e=E(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function K(t){let e;return{c(){e=i("Description")},l(t){e=E(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function W(t){let e,$,r,a,c,p,d,i;return e=new k({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),r=new k({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),c=new k({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),d=new k({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment),p=g(),n(d.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t),p=u(t),o(d.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),v(t,p,n),s(d,t,n),i=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),d.$set(a)},i(t){i||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t),t&&w(p),m(d,t)}}}function z(t){let e,$,r;return{c(){e=d("strong"),$=d("code"),r=i("showLonePage")},l(t){e=h(t,"STRONG",{});var n=x(e);$=h(n,"CODE",{});var o=x($);r=E(o,"showLonePage"),o.forEach(w),n.forEach(w)},m(t,n){v(t,e,n),D(e,$),D($,r)},p:T,d(t){t&&w(e)}}}function J(t){let e,$;return{c(){e=d("code"),$=i("true")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"true"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function Q(t){let e,$;return{c(){e=d("code"),$=i("boolean")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"boolean"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function X(t){let e;return{c(){e=i("Whether the pagination component should be displayed when there's only one page.")},l(t){e=E(t,"Whether the pagination component should be displayed when there's only one page.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Z(t){let e,$,r,a,c,p,d,i;return e=new G({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),d=new G({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment),p=g(),n(d.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t),p=u(t),o(d.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),v(t,p,n),s(d,t,n),i=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),d.$set(a)},i(t){i||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t),t&&w(p),m(d,t)}}}function _(t){let e,$,r,a,c,p;return $=new R({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new R({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),{c(){e=d("thead"),n($.$$.fragment),r=g(),a=d("tbody"),n(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var n=x(e);o($.$$.fragment,n),n.forEach(w),r=u(t),a=h(t,"TBODY",{});var s=x(a);o(c.$$.fragment,s),s.forEach(w)},m(t,n){v(t,e,n),s($,e,null),v(t,r,n),v(t,a,n),s(c,a,null),p=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n)},i(t){p||(f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){t&&w(e),m($),t&&w(r),t&&w(a),m(c)}}}function tt(t){let e;return{c(){e=i("Functional Properties")},l(t){e=E(t,"Functional Properties")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function et(t){let e;return{c(){e=i("Name")},l(t){e=E(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function $t(t){let e;return{c(){e=i("Default")},l(t){e=E(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function rt(t){let e;return{c(){e=i("Type")},l(t){e=E(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function nt(t){let e;return{c(){e=i("Description")},l(t){e=E(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function ot(t){let e,$,r,a,c,p,d,i;return e=new k({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),r=new k({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),c=new k({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),d=new k({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment),p=g(),n(d.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t),p=u(t),o(d.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),v(t,p,n),s(d,t,n),i=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),d.$set(a)},i(t){i||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t),t&&w(p),m(d,t)}}}function st(t){let e,$,r,n,o,s,a;return{c(){e=d("mark"),$=d("strong"),r=d("code"),n=i("pages"),o=i(" "),s=d("span"),a=i("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);r=h(f,"CODE",{});var l=x(r);n=E(l,"pages"),l.forEach(w),f.forEach(w),c.forEach(w),o=E(t," "),s=h(t,"SPAN",{class:!0});var m=x(s);a=E(m,"*"),m.forEach(w),this.h()},h(){y(s,"class","required")},m(t,c){v(t,e,c),D(e,$),D($,r),D(r,n),v(t,o,c),v(t,s,c),D(s,a)},p:T,d(t){t&&w(e),t&&w(o),t&&w(s)}}}function at(t){let e,$;return{c(){e=d("code"),$=i("number")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"number"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function ct(t){let e;return{c(){e=i("The amount of pages to allow for navigation.")},l(t){e=E(t,"The amount of pages to allow for navigation.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function ft(t){let e,$,r,a,c,p,d,i;return e=new G({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),r=new G({}),c=new G({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),d=new G({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment),p=g(),n(d.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t),p=u(t),o(d.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),v(t,p,n),s(d,t,n),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),c.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),d.$set(o)},i(t){i||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t),t&&w(p),m(d,t)}}}function lt(t){let e,$,r;return{c(){e=d("strong"),$=d("code"),r=i("currentPage")},l(t){e=h(t,"STRONG",{});var n=x(e);$=h(n,"CODE",{});var o=x($);r=E(o,"currentPage"),o.forEach(w),n.forEach(w)},m(t,n){v(t,e,n),D(e,$),D($,r)},p:T,d(t){t&&w(e)}}}function mt(t){let e,$;return{c(){e=d("code"),$=i("1")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"1"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function pt(t){let e,$;return{c(){e=d("code"),$=i("number")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"number"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function gt(t){let e;return{c(){e=i("The currently selected page (starting from 1).")},l(t){e=E(t,"The currently selected page (starting from 1).")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function dt(t){let e,$,r,a,c,p,d,i;return e=new G({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),d=new G({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment),p=g(),n(d.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t),p=u(t),o(d.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),v(t,p,n),s(d,t,n),i=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),d.$set(a)},i(t){i||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t),t&&w(p),m(d,t)}}}function it(t){let e,$,r;return{c(){e=d("strong"),$=d("code"),r=i("...")},l(t){e=h(t,"STRONG",{});var n=x(e);$=h(n,"CODE",{});var o=x($);r=E(o,"..."),o.forEach(w),n.forEach(w)},m(t,n){v(t,e,n),D(e,$),D($,r)},p:T,d(t){t&&w(e)}}}function ut(t){let e,$;return{c(){e=d("code"),$=i("any")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"any"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function ht(t){let e,$,r,n;return{c(){e=i("Everything else will be passed to the underlying "),$=d("code"),r=i("<nav>"),n=i(" element.")},l(t){e=E(t,"Everything else will be passed to the underlying "),$=h(t,"CODE",{});var o=x($);r=E(o,"<nav>"),o.forEach(w),n=E(t," element.")},m(t,o){v(t,e,o),v(t,$,o),D($,r),v(t,n,o)},p:T,d(t){t&&w(e),t&&w($),t&&w(n)}}}function xt(t){let e,$,r,a,c,p,d,i;return e=new G({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),r=new G({}),c=new G({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),d=new G({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment),p=g(),n(d.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t),p=u(t),o(d.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),v(t,p,n),s(d,t,n),i=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),c.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),d.$set(o)},i(t){i||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t),t&&w(p),m(d,t)}}}function Et(t){let e,$,r,a,c,p,i,E,y,T;return $=new R({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),c=new R({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),i=new R({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),y=new R({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){e=d("thead"),n($.$$.fragment),r=g(),a=d("tbody"),n(c.$$.fragment),p=g(),n(i.$$.fragment),E=g(),n(y.$$.fragment)},l(t){e=h(t,"THEAD",{});var n=x(e);o($.$$.fragment,n),n.forEach(w),r=u(t),a=h(t,"TBODY",{});var s=x(a);o(c.$$.fragment,s),p=u(s),o(i.$$.fragment,s),E=u(s),o(y.$$.fragment,s),s.forEach(w)},m(t,n){v(t,e,n),s($,e,null),v(t,r,n),v(t,a,n),s(c,a,null),D(a,p),s(i,a,null),D(a,E),s(y,a,null),T=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),i.$set(o);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),y.$set(s)},i(t){T||(f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(y.$$.fragment,t),T=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(y.$$.fragment,t),T=!1},d(t){t&&w(e),m($),t&&w(r),t&&w(a),m(c),m(i),m(y)}}}function wt(t){let e;return{c(){e=i("Class Properties")},l(t){e=E(t,"Class Properties")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function yt(t){let e,$,r,n,o,s,a;return{c(){e=i("All "),$=d("code"),r=i("<Pagination>"),n=i(" components use the "),o=d("code"),s=i(".pagination"),a=i(" class.")},l(t){e=E(t,"All "),$=h(t,"CODE",{});var c=x($);r=E(c,"<Pagination>"),c.forEach(w),n=E(t," components use the "),o=h(t,"CODE",{});var f=x(o);s=E(f,".pagination"),f.forEach(w),a=E(t," class.")},m(t,c){v(t,e,c),v(t,$,c),D($,r),v(t,n,c),v(t,o,c),D(o,s),v(t,a,c)},p:T,d(t){t&&w(e),t&&w($),t&&w(n),t&&w(o),t&&w(a)}}}function vt(t){let e;return{c(){e=i("Falsy values passed to classes will be disregarded.")},l(t){e=E(t,"Falsy values passed to classes will be disregarded.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Dt(t){let e;return{c(){e=i("Name")},l(t){e=E(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Tt(t){let e;return{c(){e=i("Default")},l(t){e=E(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function bt(t){let e;return{c(){e=i("Type")},l(t){e=E(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Ot(t){let e;return{c(){e=i("Description")},l(t){e=E(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Ct(t){let e,$,r,a,c,p,d,i;return e=new k({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),r=new k({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),c=new k({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),d=new k({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment),p=g(),n(d.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t),p=u(t),o(d.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),v(t,p,n),s(d,t,n),i=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),d.$set(a)},i(t){i||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t),t&&w(p),m(d,t)}}}function Ft(t){let e,$,r;return{c(){e=d("strong"),$=d("code"),r=i("class")},l(t){e=h(t,"STRONG",{});var n=x(e);$=h(n,"CODE",{});var o=x($);r=E(o,"class"),o.forEach(w),n.forEach(w)},m(t,n){v(t,e,n),D(e,$),D($,r)},p:T,d(t){t&&w(e)}}}function St(t){let e,$;return{c(){e=d("code"),$=i("null")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"null"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function At(t){let e,$;return{c(){e=d("code"),$=i("string")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"string"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function Nt(t){let e;return{c(){e=i("A class string to add to the component.")},l(t){e=E(t,"A class string to add to the component.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Lt(t){let e,$,r,a,c,p,d,i;return e=new G({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),d=new G({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment),p=g(),n(d.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t),p=u(t),o(d.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),v(t,p,n),s(d,t,n),i=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),d.$set(a)},i(t){i||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),i=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t),t&&w(p),m(d,t)}}}function Pt(t){let e,$,r,a,c,p;return $=new R({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),c=new R({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),{c(){e=d("thead"),n($.$$.fragment),r=g(),a=d("tbody"),n(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var n=x(e);o($.$$.fragment,n),n.forEach(w),r=u(t),a=h(t,"TBODY",{});var s=x(a);o(c.$$.fragment,s),s.forEach(w)},m(t,n){v(t,e,n),s($,e,null),v(t,r,n),v(t,a,n),s(c,a,null),p=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n)},i(t){p||(f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){t&&w(e),m($),t&&w(r),t&&w(a),m(c)}}}function Rt(t){let e;return{c(){e=i("Events")},l(t){e=E(t,"Events")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function kt(t){let e;return{c(){e=i("Name")},l(t){e=E(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Gt(t){let e;return{c(){e=i("Event Detail")},l(t){e=E(t,"Event Detail")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Bt(t){let e;return{c(){e=i("Description")},l(t){e=E(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function jt(t){let e,$,r,a,c,p;return e=new k({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),r=new k({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),c=new k({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function Mt(t){let e,$,r;return{c(){e=d("strong"),$=d("code"),r=i("change")},l(t){e=h(t,"STRONG",{});var n=x(e);$=h(n,"CODE",{});var o=x($);r=E(o,"change"),o.forEach(w),n.forEach(w)},m(t,n){v(t,e,n),D(e,$),D($,r)},p:T,d(t){t&&w(e)}}}function Ht(t){let e,$;return{c(){e=d("code"),$=i("{ value }")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"{ value }"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function qt(t){let e;return{c(){e=i("Fired when a page is changed. The value contains the currently selected page.")},l(t){e=E(t,"Fired when a page is changed. The value contains the currently selected page.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Ut(t){let e,$,r,a,c,p;return e=new G({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function Vt(t){let e,$,r,a,c,p;return $=new R({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),c=new R({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){e=d("thead"),n($.$$.fragment),r=g(),a=d("tbody"),n(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var n=x(e);o($.$$.fragment,n),n.forEach(w),r=u(t),a=h(t,"TBODY",{});var s=x(a);o(c.$$.fragment,s),s.forEach(w)},m(t,n){v(t,e,n),s($,e,null),v(t,r,n),v(t,a,n),s(c,a,null),p=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n)},i(t){p||(f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){t&&w(e),m($),t&&w(r),t&&w(a),m(c)}}}function Yt(t){let e;return{c(){e=i("SCSS Variables")},l(t){e=E(t,"SCSS Variables")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function It(t){let e;return{c(){e=i("Name")},l(t){e=E(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Kt(t){let e;return{c(){e=i("Description")},l(t){e=E(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Wt(t){let e;return{c(){e=i("Default")},l(t){e=E(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function zt(t){let e,$,r,a,c,p;return e=new k({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),r=new k({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),c=new k({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function Jt(t){let e,$,r;return{c(){e=d("strong"),$=d("code"),r=i("$main")},l(t){e=h(t,"STRONG",{});var n=x(e);$=h(n,"CODE",{});var o=x($);r=E(o,"$main"),o.forEach(w),n.forEach(w)},m(t,n){v(t,e,n),D(e,$),D($,r)},p:T,d(t){t&&w(e)}}}function Qt(t){let e;return{c(){e=i("The color of selection and the focused text fields' borders.")},l(t){e=E(t,"The color of selection and the focused text fields' borders.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Xt(t){let e,$;return e=new A({props:{value:"#4300B0"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:T,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function Zt(t){let e,$,r,a,c,p;return e=new G({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function _t(t){let e,$,r,n,o,s,a,c,f;return{c(){e=d("strong"),$=d("code"),r=i("$font"),n=g(),o=d("small"),s=i("From "),a=d("a"),c=d("code"),f=i("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var m=x($);r=E(m,"$font"),m.forEach(w),l.forEach(w),n=u(t),o=h(t,"SMALL",{});var p=x(o);s=E(p,"From "),a=h(p,"A",{href:!0});var g=x(a);c=h(g,"CODE",{});var d=x(c);f=E(d,"Button"),d.forEach(w),g.forEach(w),p.forEach(w),this.h()},h(){y(a,"href","./docs/components/button")},m(t,l){v(t,e,l),D(e,$),D($,r),v(t,n,l),v(t,o,l),D(o,s),D(o,a),D(a,c),D(c,f)},p:T,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function te(t){let e;return{c(){e=i("The font of the page buttons.")},l(t){e=E(t,"The font of the page buttons.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function ee(t){let e,$;return{c(){e=d("code"),$=i("'Ubuntu'")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"'Ubuntu'"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function $e(t){let e,$,r,a,c,p;return e=new G({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function re(t){let e,$,r,n,o,s,a,c,f;return{c(){e=d("strong"),$=d("code"),r=i("$button-radius"),n=g(),o=d("small"),s=i("From "),a=d("a"),c=d("code"),f=i("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var m=x($);r=E(m,"$button-radius"),m.forEach(w),l.forEach(w),n=u(t),o=h(t,"SMALL",{});var p=x(o);s=E(p,"From "),a=h(p,"A",{href:!0});var g=x(a);c=h(g,"CODE",{});var d=x(c);f=E(d,"Button"),d.forEach(w),g.forEach(w),p.forEach(w),this.h()},h(){y(a,"href","./docs/components/button")},m(t,l){v(t,e,l),D(e,$),D($,r),v(t,n,l),v(t,o,l),D(o,s),D(o,a),D(a,c),D(c,f)},p:T,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function ne(t){let e;return{c(){e=i("The curvature radius of the page buttons.")},l(t){e=E(t,"The curvature radius of the page buttons.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function oe(t){let e,$;return{c(){e=d("code"),$=i("1.5625em")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"1.5625em"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function se(t){let e,$,r,a,c,p;return e=new G({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function ae(t){let e,$,r,n,o,s,a,c,f;return{c(){e=d("strong"),$=d("code"),r=i("$dark"),n=g(),o=d("small"),s=i("From "),a=d("a"),c=d("code"),f=i("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var m=x($);r=E(m,"$dark"),m.forEach(w),l.forEach(w),n=u(t),o=h(t,"SMALL",{});var p=x(o);s=E(p,"From "),a=h(p,"A",{href:!0});var g=x(a);c=h(g,"CODE",{});var d=x(c);f=E(d,"Button"),d.forEach(w),g.forEach(w),p.forEach(w),this.h()},h(){y(a,"href","./docs/components/button")},m(t,l){v(t,e,l),D(e,$),D($,r),v(t,n,l),v(t,o,l),D(o,s),D(o,a),D(a,c),D(c,f)},p:T,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function ce(t){let e;return{c(){e=i("The color of the page buttons.")},l(t){e=E(t,"The color of the page buttons.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function fe(t){let e,$;return e=new A({props:{value:"#333333"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:T,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function le(t){let e,$,r,a,c,p;return e=new G({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function me(t){let e,$,r,n,o,s,a,c,f;return{c(){e=d("strong"),$=d("code"),r=i("$bold-font-weight"),n=g(),o=d("small"),s=i("From "),a=d("a"),c=d("code"),f=i("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var m=x($);r=E(m,"$bold-font-weight"),m.forEach(w),l.forEach(w),n=u(t),o=h(t,"SMALL",{});var p=x(o);s=E(p,"From "),a=h(p,"A",{href:!0});var g=x(a);c=h(g,"CODE",{});var d=x(c);f=E(d,"Button"),d.forEach(w),g.forEach(w),p.forEach(w),this.h()},h(){y(a,"href","./docs/components/button")},m(t,l){v(t,e,l),D(e,$),D($,r),v(t,n,l),v(t,o,l),D(o,s),D(o,a),D(a,c),D(c,f)},p:T,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function pe(t){let e;return{c(){e=i("The font weight of the page buttons.")},l(t){e=E(t,"The font weight of the page buttons.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function ge(t){let e,$;return{c(){e=d("code"),$=i("500")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"500"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function de(t){let e,$,r,a,c,p;return e=new G({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function ie(t){let e,$,r,n,o,s,a,c,f;return{c(){e=d("strong"),$=d("code"),r=i("$textfield-border"),n=g(),o=d("small"),s=i("From "),a=d("a"),c=d("code"),f=i("TextField"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var m=x($);r=E(m,"$textfield-border"),m.forEach(w),l.forEach(w),n=u(t),o=h(t,"SMALL",{});var p=x(o);s=E(p,"From "),a=h(p,"A",{href:!0});var g=x(a);c=h(g,"CODE",{});var d=x(c);f=E(d,"TextField"),d.forEach(w),g.forEach(w),p.forEach(w),this.h()},h(){y(a,"href","./docs/components/text-field")},m(t,l){v(t,e,l),D(e,$),D($,r),v(t,n,l),v(t,o,l),D(o,s),D(o,a),D(a,c),D(c,f)},p:T,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function ue(t){let e;return{c(){e=i("The border color of the unselected text fields.")},l(t){e=E(t,"The border color of the unselected text fields.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function he(t){let e,$;return e=new A({props:{value:"rgba(0, 0, 0, .42)"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:T,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function xe(t){let e,$,r,a,c,p;return e=new G({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function Ee(t){let e,$,r,n,o,s,a,c,f;return{c(){e=d("strong"),$=d("code"),r=i("$textfield-bg"),n=g(),o=d("small"),s=i("From "),a=d("a"),c=d("code"),f=i("TextField"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var m=x($);r=E(m,"$textfield-bg"),m.forEach(w),l.forEach(w),n=u(t),o=h(t,"SMALL",{});var p=x(o);s=E(p,"From "),a=h(p,"A",{href:!0});var g=x(a);c=h(g,"CODE",{});var d=x(c);f=E(d,"TextField"),d.forEach(w),g.forEach(w),p.forEach(w),this.h()},h(){y(a,"href","./docs/components/text-field")},m(t,l){v(t,e,l),D(e,$),D($,r),v(t,n,l),v(t,o,l),D(o,s),D(o,a),D(a,c),D(c,f)},p:T,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function we(t){let e;return{c(){e=i("The background color of the text fields.")},l(t){e=E(t,"The background color of the text fields.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function ye(t){let e,$;return e=new A({props:{value:"#F5F5F5",bordered:!0}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:T,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function ve(t){let e,$,r,a,c,p;return e=new G({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function De(t){let e,$,r,n,o,s,a,c,f;return{c(){e=d("strong"),$=d("code"),r=i("$textfield-bg-error"),n=g(),o=d("small"),s=i("From "),a=d("a"),c=d("code"),f=i("TextField"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var m=x($);r=E(m,"$textfield-bg-error"),m.forEach(w),l.forEach(w),n=u(t),o=h(t,"SMALL",{});var p=x(o);s=E(p,"From "),a=h(p,"A",{href:!0});var g=x(a);c=h(g,"CODE",{});var d=x(c);f=E(d,"TextField"),d.forEach(w),g.forEach(w),p.forEach(w),this.h()},h(){y(a,"href","./docs/components/text-field")},m(t,l){v(t,e,l),D(e,$),D($,r),v(t,n,l),v(t,o,l),D(o,s),D(o,a),D(a,c),D(c,f)},p:T,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function Te(t){let e;return{c(){e=i("The background color of the text fields when an invalid page is entered.")},l(t){e=E(t,"The background color of the text fields when an invalid page is entered.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function be(t){let e,$;return e=new A({props:{value:"#FBEEEE"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:T,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function Oe(t){let e,$,r,a,c,p;return e=new G({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function Ce(t){let e,$,r,n,o,s,a,c,f;return{c(){e=d("strong"),$=d("code"),r=i("$danger"),n=g(),o=d("small"),s=i("From "),a=d("a"),c=d("code"),f=i("TextField"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var m=x($);r=E(m,"$danger"),m.forEach(w),l.forEach(w),n=u(t),o=h(t,"SMALL",{});var p=x(o);s=E(p,"From "),a=h(p,"A",{href:!0});var g=x(a);c=h(g,"CODE",{});var d=x(c);f=E(d,"TextField"),d.forEach(w),g.forEach(w),p.forEach(w),this.h()},h(){y(a,"href","./docs/components/text-field")},m(t,l){v(t,e,l),D(e,$),D($,r),v(t,n,l),v(t,o,l),D(o,s),D(o,a),D(a,c),D(c,f)},p:T,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function Fe(t){let e;return{c(){e=i("The color of the text fields' border when an invalid page is entered.")},l(t){e=E(t,"The color of the text fields' border when an invalid page is entered.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Se(t){let e,$;return e=new A({props:{value:"#B80000"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:T,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}function Ae(t){let e,$,r,a,c,p;return e=new G({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function Ne(t){let e,$,r,n,o,s,a,c,f;return{c(){e=d("strong"),$=d("code"),r=i("$font"),n=g(),o=d("small"),s=i("From "),a=d("a"),c=d("code"),f=i("TextField"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var m=x($);r=E(m,"$font"),m.forEach(w),l.forEach(w),n=u(t),o=h(t,"SMALL",{});var p=x(o);s=E(p,"From "),a=h(p,"A",{href:!0});var g=x(a);c=h(g,"CODE",{});var d=x(c);f=E(d,"TextField"),d.forEach(w),g.forEach(w),p.forEach(w),this.h()},h(){y(a,"href","./docs/components/text-field")},m(t,l){v(t,e,l),D(e,$),D($,r),v(t,n,l),v(t,o,l),D(o,s),D(o,a),D(a,c),D(c,f)},p:T,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function Le(t){let e;return{c(){e=i("The font family of the text inside the text fields.")},l(t){e=E(t,"The font family of the text inside the text fields.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Pe(t){let e,$;return{c(){e=d("code"),$=i("'Ubuntu'")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"'Ubuntu'"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function Re(t){let e,$,r,a,c,p;return e=new G({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function ke(t){let e,$,r,n,o,s,a,c,f;return{c(){e=d("strong"),$=d("code"),r=i("$thin-font-weight"),n=g(),o=d("small"),s=i("From "),a=d("a"),c=d("code"),f=i("TextField"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var m=x($);r=E(m,"$thin-font-weight"),m.forEach(w),l.forEach(w),n=u(t),o=h(t,"SMALL",{});var p=x(o);s=E(p,"From "),a=h(p,"A",{href:!0});var g=x(a);c=h(g,"CODE",{});var d=x(c);f=E(d,"TextField"),d.forEach(w),g.forEach(w),p.forEach(w),this.h()},h(){y(a,"href","./docs/components/text-field")},m(t,l){v(t,e,l),D(e,$),D($,r),v(t,n,l),v(t,o,l),D(o,s),D(o,a),D(a,c),D(c,f)},p:T,d(t){t&&w(e),t&&w(n),t&&w(o)}}}function Ge(t){let e;return{c(){e=i("The thin font weight for the text inside the text fields.")},l(t){e=E(t,"The thin font weight for the text inside the text fields.")},m(t,$){v(t,e,$)},d(t){t&&w(e)}}}function Be(t){let e,$;return{c(){e=d("code"),$=i("300")},l(t){e=h(t,"CODE",{});var r=x(e);$=E(r,"300"),r.forEach(w)},m(t,r){v(t,e,r),D(e,$)},p:T,d(t){t&&w(e)}}}function je(t){let e,$,r,a,c,p;return e=new G({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t)},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t)}}}function Me(t){let e,$,r,a,c,p,i,E,y,T,b,O,C,F,S,A,N,L,P,k,G,B,j,M,H,q;return $=new R({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),c=new R({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),i=new R({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),y=new R({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),b=new R({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),C=new R({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),S=new R({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),N=new R({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),P=new R({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),G=new R({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),j=new R({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),H=new R({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),{c(){e=d("thead"),n($.$$.fragment),r=g(),a=d("tbody"),n(c.$$.fragment),p=g(),n(i.$$.fragment),E=g(),n(y.$$.fragment),T=g(),n(b.$$.fragment),O=g(),n(C.$$.fragment),F=g(),n(S.$$.fragment),A=g(),n(N.$$.fragment),L=g(),n(P.$$.fragment),k=g(),n(G.$$.fragment),B=g(),n(j.$$.fragment),M=g(),n(H.$$.fragment)},l(t){e=h(t,"THEAD",{});var n=x(e);o($.$$.fragment,n),n.forEach(w),r=u(t),a=h(t,"TBODY",{});var s=x(a);o(c.$$.fragment,s),p=u(s),o(i.$$.fragment,s),E=u(s),o(y.$$.fragment,s),T=u(s),o(b.$$.fragment,s),O=u(s),o(C.$$.fragment,s),F=u(s),o(S.$$.fragment,s),A=u(s),o(N.$$.fragment,s),L=u(s),o(P.$$.fragment,s),k=u(s),o(G.$$.fragment,s),B=u(s),o(j.$$.fragment,s),M=u(s),o(H.$$.fragment,s),s.forEach(w)},m(t,n){v(t,e,n),s($,e,null),v(t,r,n),v(t,a,n),s(c,a,null),D(a,p),s(i,a,null),D(a,E),s(y,a,null),D(a,T),s(b,a,null),D(a,O),s(C,a,null),D(a,F),s(S,a,null),D(a,A),s(N,a,null),D(a,L),s(P,a,null),D(a,k),s(G,a,null),D(a,B),s(j,a,null),D(a,M),s(H,a,null),q=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),i.$set(o);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),y.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),b.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),N.$set(m);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),P.$set(p);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),G.$set(g);const d={};2&e&&(d.$$scope={dirty:e,ctx:t}),j.$set(d);const u={};2&e&&(u.$$scope={dirty:e,ctx:t}),H.$set(u)},i(t){q||(f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(y.$$.fragment,t),f(b.$$.fragment,t),f(C.$$.fragment,t),f(S.$$.fragment,t),f(N.$$.fragment,t),f(P.$$.fragment,t),f(G.$$.fragment,t),f(j.$$.fragment,t),f(H.$$.fragment,t),q=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(y.$$.fragment,t),l(b.$$.fragment,t),l(C.$$.fragment,t),l(S.$$.fragment,t),l(N.$$.fragment,t),l(P.$$.fragment,t),l(G.$$.fragment,t),l(j.$$.fragment,t),l(H.$$.fragment,t),q=!1},d(t){t&&w(e),m($),t&&w(r),t&&w(a),m(c),m(i),m(y),m(b),m(C),m(S),m(N),m(P),m(G),m(j),m(H)}}}function He(t){let e,$,r,a,c,p,T,b,F,A,R,k,G,V,Y,I,K,W,z,J,Q,X,Z,et,$t,rt,nt,ot,st,at,ct,ft,lt,mt,pt;return e=new O({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),r=new C({props:{$$slots:{default:[j]},$$scope:{ctx:t}}}),c=new S({props:{$$slots:{source:[H],showcase:[M]},$$scope:{ctx:t}}}),T=new N({props:{id:"properties",$$slots:{default:[q]},$$scope:{ctx:t}}}),F=new L({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),R=new P({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),G=new L({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),Y=new P({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),J=new L({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),X=new C({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),et=new C({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),rt=new P({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),ot=new N({props:{id:"events",$$slots:{default:[Rt]},$$scope:{ctx:t}}}),at=new P({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),ft=new N({props:{id:"scss-variables",$$slots:{default:[Yt]},$$scope:{ctx:t}}}),mt=new P({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=g(),n(r.$$.fragment),a=g(),n(c.$$.fragment),p=g(),n(T.$$.fragment),b=g(),n(F.$$.fragment),A=g(),n(R.$$.fragment),k=g(),n(G.$$.fragment),V=g(),n(Y.$$.fragment),I=g(),K=d("div"),W=i("* Required"),z=g(),n(J.$$.fragment),Q=g(),n(X.$$.fragment),Z=g(),n(et.$$.fragment),$t=g(),n(rt.$$.fragment),nt=g(),n(ot.$$.fragment),st=g(),n(at.$$.fragment),ct=g(),n(ft.$$.fragment),lt=g(),n(mt.$$.fragment),this.h()},l(t){o(e.$$.fragment,t),$=u(t),o(r.$$.fragment,t),a=u(t),o(c.$$.fragment,t),p=u(t),o(T.$$.fragment,t),b=u(t),o(F.$$.fragment,t),A=u(t),o(R.$$.fragment,t),k=u(t),o(G.$$.fragment,t),V=u(t),o(Y.$$.fragment,t),I=u(t),K=h(t,"DIV",{class:!0});var n=x(K);W=E(n,"* Required"),n.forEach(w),z=u(t),o(J.$$.fragment,t),Q=u(t),o(X.$$.fragment,t),Z=u(t),o(et.$$.fragment,t),$t=u(t),o(rt.$$.fragment,t),nt=u(t),o(ot.$$.fragment,t),st=u(t),o(at.$$.fragment,t),ct=u(t),o(ft.$$.fragment,t),lt=u(t),o(mt.$$.fragment,t),this.h()},h(){y(K,"class","required")},m(t,n){s(e,t,n),v(t,$,n),s(r,t,n),v(t,a,n),s(c,t,n),v(t,p,n),s(T,t,n),v(t,b,n),s(F,t,n),v(t,A,n),s(R,t,n),v(t,k,n),s(G,t,n),v(t,V,n),s(Y,t,n),v(t,I,n),v(t,K,n),D(K,W),v(t,z,n),s(J,t,n),v(t,Q,n),s(X,t,n),v(t,Z,n),s(et,t,n),v(t,$t,n),s(rt,t,n),v(t,nt,n),s(ot,t,n),v(t,st,n),s(at,t,n),v(t,ct,n),s(ft,t,n),v(t,lt,n),s(mt,t,n),pt=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),T.$set(a);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),F.$set(f);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),R.$set(l);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),G.$set(m);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),Y.$set(p);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),J.$set(g);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),X.$set(d);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),et.$set(i);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),rt.$set(u);const h={};2&$&&(h.$$scope={dirty:$,ctx:t}),ot.$set(h);const x={};2&$&&(x.$$scope={dirty:$,ctx:t}),at.$set(x);const E={};2&$&&(E.$$scope={dirty:$,ctx:t}),ft.$set(E);const w={};2&$&&(w.$$scope={dirty:$,ctx:t}),mt.$set(w)},i(t){pt||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(c.$$.fragment,t),f(T.$$.fragment,t),f(F.$$.fragment,t),f(R.$$.fragment,t),f(G.$$.fragment,t),f(Y.$$.fragment,t),f(J.$$.fragment,t),f(X.$$.fragment,t),f(et.$$.fragment,t),f(rt.$$.fragment,t),f(ot.$$.fragment,t),f(at.$$.fragment,t),f(ft.$$.fragment,t),f(mt.$$.fragment,t),pt=!0)},o(t){l(e.$$.fragment,t),l(r.$$.fragment,t),l(c.$$.fragment,t),l(T.$$.fragment,t),l(F.$$.fragment,t),l(R.$$.fragment,t),l(G.$$.fragment,t),l(Y.$$.fragment,t),l(J.$$.fragment,t),l(X.$$.fragment,t),l(et.$$.fragment,t),l(rt.$$.fragment,t),l(ot.$$.fragment,t),l(at.$$.fragment,t),l(ft.$$.fragment,t),l(mt.$$.fragment,t),pt=!1},d(t){m(e,t),t&&w($),m(r,t),t&&w(a),m(c,t),t&&w(p),m(T,t),t&&w(b),m(F,t),t&&w(A),m(R,t),t&&w(k),m(G,t),t&&w(V),m(Y,t),t&&w(I),t&&w(K),t&&w(z),m(J,t),t&&w(Q),m(X,t),t&&w(Z),m(et,t),t&&w($t),m(rt,t),t&&w(nt),m(ot,t),t&&w(st),m(at,t),t&&w(ct),m(ft,t),t&&w(lt),m(mt,t)}}}function qe(t){let e,$;const p=[t[0],Ue];let g={$$slots:{default:[He]},$$scope:{ctx:t}};for(let t=0;t<p.length;t+=1)g=r(g,p[t]);return e=new b({props:g}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p(t,[$]){const r=1&$?a(p,[1&$&&c(t[0]),0&$&&c(Ue)]):{};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){m(e,t)}}}const Ue={name:"Pagination"};function Ve(t,e,$){return t.$$set=t=>{$(0,e=r(r({},e),p(t)))},[e=p(e)]}class Ye extends t{constructor(t){super(),e(this,t,Ve,qe,$,{})}}export{Ye as default,Ue as metadata};
diff --git a/376/client/pagination.f1471bfe.js b/376/client/pagination.f1471bfe.js
new file mode 100644
index 000000000..603ea867f
--- /dev/null
+++ b/376/client/pagination.f1471bfe.js
@@ -0,0 +1 @@
+import{S as t,i as n,s as e,H as s,f as a,t as r,y as o,p as l,z as c,d as u,I as i,J as $,K as f,L as p,h as m,k as g,b as d,N as h,O as v,Z as x,_ as w,U as y,j as P,l as k,m as N,q as b,v as L,u as j,x as E,w as M,A as S,Y as A,$ as I,a1 as q}from"./client.0d36a0cf.js";import{B as z}from"./button.743a388a.js";import{T as B}from"./text-field.37ad5edd.js";import{c as H}from"./classes.2453fa25.js";function J(t,n,e){const s=t.slice();return s[21]=n[e],s}function K(t){let n,e,s,i=[],$=new Map,p=t[7];const P=t=>t[21];for(let n=0;n<p.length;n+=1){let e=J(t,p,n),s=P(e);$.set(s,i[n]=G(s,e))}let k=[{class:e=H("pagination",t[1])},t[15]],N={};for(let t=0;t<k.length;t+=1)N=f(N,k[t]);return{c(){n=m("nav");for(let t=0;t<i.length;t+=1)i[t].c();this.h()},l(t){n=g(t,"NAV",{class:!0});var e=d(n);for(let t=0;t<i.length;t+=1)i[t].l(e);e.forEach(u),this.h()},h(){h(n,N),v(n,"svelte-r3vf1m",!0)},m(t,e){a(t,n,e);for(let t=0;t<i.length;t+=1)i[t]&&i[t].m(n,null);s=!0},p(t,a){32757&a&&(p=t[7],o(),i=x(i,a,P,1,t,p,$,n,w,G,null,J),c()),h(n,N=y(k,[(!s||2&a&&e!==(e=H("pagination",t[1])))&&{class:e},32768&a&&t[15]])),v(n,"svelte-r3vf1m",!0)},i(t){if(!s){for(let t=0;t<p.length;t+=1)r(i[t]);s=!0}},o(t){for(let t=0;t<i.length;t+=1)l(i[t]);s=!1},d(t){t&&u(n);for(let t=0;t<i.length;t+=1)i[t].d()}}}function O(t){let n,e;return n=new z({props:{neutral:t[21]!==t[0],class:H("page",t[21]===t[0]&&"current"),$$slots:{default:[V]},$$scope:{ctx:t}}}),n.$on("click",(function(){return t[18](t[21])})),{c(){P(n.$$.fragment)},l(t){k(n.$$.fragment,t)},m(t,s){N(n,t,s),e=!0},p(e,s){t=e;const a={};129&s&&(a.neutral=t[21]!==t[0]),129&s&&(a.class=H("page",t[21]===t[0]&&"current")),16777344&s&&(a.$$scope={dirty:s,ctx:t}),n.$set(a)},i(t){e||(r(n.$$.fragment,t),e=!0)},o(t){l(n.$$.fragment,t),e=!1},d(t){b(n,t)}}}function T(t){let n,e,i,$;const f=[Z,Y],p=[];function m(t,n){return t[6]?0:1}return n=m(t),e=p[n]=f[n](t),{c(){e.c(),i=s()},l(t){e.l(t),i=s()},m(t,e){p[n].m(t,e),a(t,i,e),$=!0},p(t,s){let a=n;n=m(t),n===a?p[n].p(t,s):(o(),l(p[a],1,1,(()=>{p[a]=null})),c(),e=p[n],e?e.p(t,s):(e=p[n]=f[n](t),e.c()),r(e,1),e.m(i.parentNode,i))},i(t){$||(r(e),$=!0)},o(t){l(e),$=!1},d(t){p[n].d(t),t&&u(i)}}}function U(t){let n,e,i,$;const f=[D,C],p=[];function m(t,n){return t[5]?0:1}return n=m(t),e=p[n]=f[n](t),{c(){e.c(),i=s()},l(t){e.l(t),i=s()},m(t,e){p[n].m(t,e),a(t,i,e),$=!0},p(t,s){let a=n;n=m(t),n===a?p[n].p(t,s):(o(),l(p[a],1,1,(()=>{p[a]=null})),c(),e=p[n],e?e.p(t,s):(e=p[n]=f[n](t),e.c()),r(e,1),e.m(i.parentNode,i))},i(t){$||(r(e),$=!0)},o(t){l(e),$=!1},d(t){p[n].d(t),t&&u(i)}}}function V(t){let n,e,s=t[21]+"";return{c(){n=L(s),e=j()},l(t){n=E(t,s),e=M(t)},m(t,s){a(t,n,s),a(t,e,s)},p(t,e){128&e&&s!==(s=t[21]+"")&&S(n,s)},d(t){t&&u(n),t&&u(e)}}}function Y(t){let n,e;return n=new z({props:{class:"page",neutral:!0,$$slots:{default:[_]},$$scope:{ctx:t}}}),n.$on("click",t[14]),{c(){P(n.$$.fragment)},l(t){k(n.$$.fragment,t)},m(t,s){N(n,t,s),e=!0},p(t,e){const s={};16777216&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s)},i(t){e||(r(n.$$.fragment,t),e=!0)},o(t){l(n.$$.fragment,t),e=!1},d(t){b(n,t)}}}function Z(t){let n,e,s;function a(n){t[17](n)}let o={type:"number",min:1,max:t[2],noSpinner:!0,autofocus:!0};return void 0!==t[4]&&(o.value=t[4]),n=new B({props:o}),A.push((()=>I(n,"value",a))),n.$on("blur",t[11]),n.$on("keydown",t[12]),{c(){P(n.$$.fragment)},l(t){k(n.$$.fragment,t)},m(t,e){N(n,t,e),s=!0},p(t,s){const a={};4&s&&(a.max=t[2]),!e&&16&s&&(e=!0,a.value=t[4],q((()=>e=!1))),n.$set(a)},i(t){s||(r(n.$$.fragment,t),s=!0)},o(t){l(n.$$.fragment,t),s=!1},d(t){b(n,t)}}}function _(t){let n;return{c(){n=L("...\n          ")},l(t){n=E(t,"...\n          ")},m(t,e){a(t,n,e)},d(t){t&&u(n)}}}function C(t){let n,e;return n=new z({props:{class:"page",neutral:!0,$$slots:{default:[F]},$$scope:{ctx:t}}}),n.$on("click",t[13]),{c(){P(n.$$.fragment)},l(t){k(n.$$.fragment,t)},m(t,s){N(n,t,s),e=!0},p(t,e){const s={};16777216&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s)},i(t){e||(r(n.$$.fragment,t),e=!0)},o(t){l(n.$$.fragment,t),e=!1},d(t){b(n,t)}}}function D(t){let n,e,s;function a(n){t[16](n)}let o={type:"number",min:1,max:t[2],noSpinner:!0,autofocus:!0};return void 0!==t[4]&&(o.value=t[4]),n=new B({props:o}),A.push((()=>I(n,"value",a))),n.$on("blur",t[11]),n.$on("keydown",t[12]),{c(){P(n.$$.fragment)},l(t){k(n.$$.fragment,t)},m(t,e){N(n,t,e),s=!0},p(t,s){const a={};4&s&&(a.max=t[2]),!e&&16&s&&(e=!0,a.value=t[4],q((()=>e=!1))),n.$set(a)},i(t){s||(r(n.$$.fragment,t),s=!0)},o(t){l(n.$$.fragment,t),s=!1},d(t){b(n,t)}}}function F(t){let n;return{c(){n=L("...")},l(t){n=E(t,"...")},m(t,e){a(t,n,e)},d(t){t&&u(n)}}}function G(t,n){let e,i,$,f,p;const m=[U,T,O],g=[];function d(t,n){return t[21]===t[8]?0:t[21]===t[9]?1:2}return i=d(n),$=g[i]=m[i](n),{key:t,first:null,c(){e=s(),$.c(),f=s(),this.h()},l(t){e=s(),$.l(t),f=s(),this.h()},h(){this.first=e},m(t,n){a(t,e,n),g[i].m(t,n),a(t,f,n),p=!0},p(t,e){let s=i;i=d(n=t),i===s?g[i].p(n,e):(o(),l(g[s],1,1,(()=>{g[s]=null})),c(),$=g[i],$?$.p(n,e):($=g[i]=m[i](n),$.c()),r($,1),$.m(f.parentNode,f))},i(t){p||(r($),p=!0)},o(t){l($),p=!1},d(t){t&&u(e),g[i].d(t),t&&u(f)}}}function Q(t){let n,e,i=(t[2]>1||1==t[2]&&t[3])&&K(t);return{c(){i&&i.c(),n=s()},l(t){i&&i.l(t),n=s()},m(t,s){i&&i.m(t,s),a(t,n,s),e=!0},p(t,[e]){t[2]>1||1==t[2]&&t[3]?i?(i.p(t,e),12&e&&r(i,1)):(i=K(t),i.c(),r(i,1),i.m(n.parentNode,n)):i&&(o(),l(i,1,1,(()=>{i=null})),c())},i(t){e||(r(i),e=!0)},o(t){l(i),e=!1},d(t){i&&i.d(t),t&&u(n)}}}function R(t,n,e){let s;const a=["class","pages","currentPage","showLonePage"];let r=i(n,a),{class:o=null}=n,{pages:l}=n,{currentPage:c=1}=n,{showLonePage:u=!0}=n,m=null,g=!1,d=!1;const h={},v={};function x(t){t>=1&&t<=l&&(e(5,g=!1),e(6,d=!1),e(0,c=t),y("change",{value:t}))}function w(t){const n=parseInt(m);isNaN(n)||x(n)}const y=$();return t.$$set=t=>{n=f(f({},n),p(t)),e(15,r=i(n,a)),"class"in t&&e(1,o=t.class),"pages"in t&&e(2,l=t.pages),"currentPage"in t&&e(0,c=t.currentPage),"showLonePage"in t&&e(3,u=t.showLonePage)},t.$$.update=()=>{5&t.$$.dirty&&e(0,c=Math.min(Math.max(c,1),l)),5&t.$$.dirty&&e(7,s=function(t,n=1){const e=[];return 1!==n&&e.push(1),n-1==3?e.push(n-2):n-1>3&&e.push(h),n>2&&e.push(n-1),e.push(n),n<t-1&&e.push(n+1),t-n==3?e.push(n+2):t-n>3&&e.push(v),n!==t&&e.push(t),e}(l,c))},[c,o,l,u,m,g,d,s,h,v,x,w,function({detail:t}){"Enter"===t.nativeEvent.key&&(w(),e(4,m=""))},function(){e(5,g=!0),e(6,d=!1)},function(){e(5,g=!1),e(6,d=!0)},r,function(t){m=t,e(4,m)},function(t){m=t,e(4,m)},t=>x(t)]}var W=class extends t{constructor(t){super(),n(this,t,R,Q,e,{class:1,pages:2,currentPage:0,showLonePage:3})}};export{W as P};
diff --git a/376/client/plural-s.31bb9da9.js b/376/client/plural-s.31bb9da9.js
new file mode 100644
index 000000000..546301d1a
--- /dev/null
+++ b/376/client/plural-s.31bb9da9.js
@@ -0,0 +1 @@
+function n(n){return 1===n?"":"s"}export{n as p};
diff --git a/376/client/popover-1d6d4d80.css b/376/client/popover-1d6d4d80.css
new file mode 100644
index 000000000..255918a4b
--- /dev/null
+++ b/376/client/popover-1d6d4d80.css
@@ -0,0 +1 @@
+.popover-container.svelte-d7tcpu.svelte-d7tcpu{position:relative}.popover-container.svelte-d7tcpu>.popover.svelte-d7tcpu{display:none;position:absolute}.popover-container.svelte-d7tcpu>.popover.top.svelte-d7tcpu{left:50%;top:0;transform:translate(-50%, -100%)}.popover-container.svelte-d7tcpu>.popover.bottom.svelte-d7tcpu{bottom:0;left:50%;transform:translate(-50%, 100%)}.popover-container.svelte-d7tcpu>.popover.left.svelte-d7tcpu{bottom:50%;left:0;transform:translate(-100%, 50%)}.popover-container.svelte-d7tcpu>.popover.right.svelte-d7tcpu{bottom:50%;right:0;transform:translate(100%, 50%)}.popover-container.svelte-d7tcpu:hover>.popover.svelte-d7tcpu{display:block}.popover-container.svelte-d7tcpu:focus-within>.popover.svelte-d7tcpu{display:block}
diff --git a/376/client/popover-button-877eb4d7.css b/376/client/popover-button-877eb4d7.css
new file mode 100644
index 000000000..0a4d74950
--- /dev/null
+++ b/376/client/popover-button-877eb4d7.css
@@ -0,0 +1 @@
+.popover-button.svelte-yyycgz{align-items:center;cursor:pointer;display:flex;font-family:"Ubuntu", sans-serif;font-weight:500;outline:none;background:rgb(100, 100, 100);border:0;border-radius:0.625em;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);color:#fff;font-size:0.9em;margin:0.2em;padding:0.5em 0.625em}.popover-button.svelte-yyycgz::-moz-focus-inner{border:0}.popover-button.svelte-yyycgz:hover{background:rgb(70, 70, 70)}.popover-button.svelte-yyycgz:focus{background:rgb(50, 50, 50)}.popover-button.svelte-yyycgz>svg{height:1.125em;stroke:#fff;width:1.125em}
diff --git a/376/client/popover-button.57ef9f3b.js b/376/client/popover-button.57ef9f3b.js
new file mode 100644
index 000000000..e97be1ecf
--- /dev/null
+++ b/376/client/popover-button.57ef9f3b.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as $,j as s,l as a,m as o,U as r,a0 as c,t as p,p as f,q as l,L as m,u,w as g,f as i,d,v as x,x as h,h as w,k as v,b as y,e as k,g as E,n as b}from"./client.0d36a0cf.js";import{L as D,H as T,P as O}from"./layout.b2760304.js";import{B as P}from"./button.743a388a.js";import{P as C,a as j}from"./popover.156a947e.js";import{P as S}from"./popover-button.b4bb867f.js";import{S as B}from"./showcase.8eb3893d.js";import{S as N}from"./shadow-preview.f1e703b1.js";import{R as A}from"./related-components.2f822d5e.js";import{H as R}from"./h2.122c8b9f.js";import{H}from"./h3.1e03849b.js";import{T as F,a as G,b as V,c as M}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./card.72b37821.js";function Y(t){let e;return{c(){e=x("PopoverButton")},l(t){e=h(t,"PopoverButton")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function I(t){let e,n,$,s,a,o;return{c(){e=x("A button designed to be used as the "),n=w("a"),$=w("mark"),s=w("code"),a=x("Popover"),o=x(" content."),this.h()},l(t){e=h(t,"A button designed to be used as the "),n=v(t,"A",{href:!0});var r=y(n);$=v(r,"MARK",{});var c=y($);s=v(c,"CODE",{});var p=y(s);a=h(p,"Popover"),p.forEach(d),c.forEach(d),r.forEach(d),o=h(t," content."),this.h()},h(){k(n,"href","./docs/components/popover")},m(t,r){i(t,e,r),i(t,n,r),E(n,$),E($,s),E(s,a),i(t,o,r)},p:b,d(t){t&&d(e),t&&d(n),t&&d(o)}}}function L(t){let e;return{c(){e=x("hover or focus me")},l(t){e=h(t,"hover or focus me")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function U(t){let e,n;return e=new P({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p(t,n){const $={};2&n&&($.$$scope={dirty:n,ctx:t}),e.$set($)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function K(t){let e;return{c(){e=x("copy")},l(t){e=h(t,"copy")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function q(t){let e,n,$;return n=new S({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),{c(){e=w("div"),s(n.$$.fragment),this.h()},l(t){e=v(t,"DIV",{slot:!0});var $=y(e);a(n.$$.fragment,$),$.forEach(d),this.h()},h(){k(e,"slot","popover-content")},m(t,s){i(t,e,s),o(n,e,null),$=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($)},i(t){$||(p(n.$$.fragment,t),$=!0)},o(t){f(n.$$.fragment,t),$=!1},d(t){t&&d(e),l(n)}}}function z(t){let e,n,$;return n=new C({props:{position:j.BOTTOM,$$slots:{"popover-content":[q],default:[U]},$$scope:{ctx:t}}}),{c(){e=w("div"),s(n.$$.fragment),this.h()},l(t){e=v(t,"DIV",{slot:!0,class:!0});var $=y(e);a(n.$$.fragment,$),$.forEach(d),this.h()},h(){k(e,"slot","showcase"),k(e,"class","padded")},m(t,s){i(t,e,s),o(n,e,null),$=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($)},i(t){$||(p(n.$$.fragment,t),$=!0)},o(t){f(n.$$.fragment,t),$=!1},d(t){t&&d(e),l(n)}}}function J(t){let e,n;return{c(){e=w("div"),n=w("pre"),this.h()},l(t){e=v(t,"DIV",{slot:!0});var $=y(e);n=v($,"PRE",{class:!0}),y(n).forEach(d),$.forEach(d),this.h()},h(){k(n,"class","language-svelte"),k(e,"slot","source")},m(t,$){i(t,e,$),E(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">&#123;</span> PopoverPositions <span class="token punctuation">&#125;</span> <span class="token keyword">from</span> <span class="token string">\'attractions/popover\'</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Popover</span> <span class="token attr-name">position=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>PopoverPositions<span class="token punctuation">.</span><span class="token constant">BOTTOM</span><span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>hover or focus me<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>popover-content<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>PopoverButton</span><span class="token punctuation">></span></span>copy<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>PopoverButton</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Popover</span><span class="token punctuation">></span></span></code>'},p:b,d(t){t&&d(e)}}}function Q(t){let e;return{c(){e=x("Properties")},l(t){e=h(t,"Properties")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function W(t){let e;return{c(){e=x("Functional Properties")},l(t){e=h(t,"Functional Properties")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function X(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Z(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function _(t){let e;return{c(){e=x("Type")},l(t){e=h(t,"Type")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function tt(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function et(t){let e,n,$,r,c,m,x,h;return e=new V({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),x=new V({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),r=u(),s(c.$$.fragment),m=u(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),n=g(t),a($.$$.fragment,t),r=g(t),a(c.$$.fragment,t),m=g(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),i(t,n,s),o($,t,s),i(t,r,s),o(c,t,s),i(t,m,s),o(x,t,s),h=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};2&n&&(r.$$scope={dirty:n,ctx:t}),x.$set(r)},i(t){h||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&d(n),l($,t),t&&d(r),l(c,t),t&&d(m),l(x,t)}}}function nt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("...")},l(t){e=v(t,"STRONG",{});var s=y(e);n=v(s,"CODE",{});var a=y(n);$=h(a,"..."),a.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),E(e,n),E(n,$)},p:b,d(t){t&&d(e)}}}function $t(t){let e,n;return{c(){e=w("code"),n=x("any")},l(t){e=v(t,"CODE",{});var $=y(e);n=h($,"any"),$.forEach(d)},m(t,$){i(t,e,$),E(e,n)},p:b,d(t){t&&d(e)}}}function st(t){let e,n,$,s;return{c(){e=x("Everything will be passed to the underlying "),n=w("code"),$=x("<button>"),s=x(" element.")},l(t){e=h(t,"Everything will be passed to the underlying "),n=v(t,"CODE",{});var a=y(n);$=h(a,"<button>"),a.forEach(d),s=h(t," element.")},m(t,a){i(t,e,a),i(t,n,a),E(n,$),i(t,s,a)},p:b,d(t){t&&d(e),t&&d(n),t&&d(s)}}}function at(t){let e,n,$,r,c,m,x,h;return e=new M({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),$=new M({}),c=new M({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),x=new M({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),r=u(),s(c.$$.fragment),m=u(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),n=g(t),a($.$$.fragment,t),r=g(t),a(c.$$.fragment,t),m=g(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),i(t,n,s),o($,t,s),i(t,r,s),o(c,t,s),i(t,m,s),o(x,t,s),h=!0},p(t,n){const $={};2&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),c.$set(s);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),x.$set(a)},i(t){h||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&d(n),l($,t),t&&d(r),l(c,t),t&&d(m),l(x,t)}}}function ot(t){let e,n,$,r,c,m;return n=new G({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),{c(){e=w("thead"),s(n.$$.fragment),$=u(),r=w("tbody"),s(c.$$.fragment)},l(t){e=v(t,"THEAD",{});var s=y(e);a(n.$$.fragment,s),s.forEach(d),$=g(t),r=v(t,"TBODY",{});var o=y(r);a(c.$$.fragment,o),o.forEach(d)},m(t,s){i(t,e,s),o(n,e,null),i(t,$,s),i(t,r,s),o(c,r,null),m=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&d(e),l(n),t&&d($),t&&d(r),l(c)}}}function rt(t){let e;return{c(){e=x("Class Properties")},l(t){e=h(t,"Class Properties")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function ct(t){let e,n,$,s,a,o,r;return{c(){e=x("All "),n=w("code"),$=x("<PopoverButton>"),s=x(" components use the "),a=w("code"),o=x(".popover-button"),r=x(" class.")},l(t){e=h(t,"All "),n=v(t,"CODE",{});var c=y(n);$=h(c,"<PopoverButton>"),c.forEach(d),s=h(t," components use the "),a=v(t,"CODE",{});var p=y(a);o=h(p,".popover-button"),p.forEach(d),r=h(t," class.")},m(t,c){i(t,e,c),i(t,n,c),E(n,$),i(t,s,c),i(t,a,c),E(a,o),i(t,r,c)},p:b,d(t){t&&d(e),t&&d(n),t&&d(s),t&&d(a),t&&d(r)}}}function pt(t){let e;return{c(){e=x("Falsy values passed to classes will be disregarded.")},l(t){e=h(t,"Falsy values passed to classes will be disregarded.")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function ft(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function lt(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function mt(t){let e;return{c(){e=x("Type")},l(t){e=h(t,"Type")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function ut(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function gt(t){let e,n,$,r,c,m,x,h;return e=new V({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),x=new V({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),r=u(),s(c.$$.fragment),m=u(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),n=g(t),a($.$$.fragment,t),r=g(t),a(c.$$.fragment,t),m=g(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),i(t,n,s),o($,t,s),i(t,r,s),o(c,t,s),i(t,m,s),o(x,t,s),h=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};2&n&&(r.$$scope={dirty:n,ctx:t}),x.$set(r)},i(t){h||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&d(n),l($,t),t&&d(r),l(c,t),t&&d(m),l(x,t)}}}function it(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("class")},l(t){e=v(t,"STRONG",{});var s=y(e);n=v(s,"CODE",{});var a=y(n);$=h(a,"class"),a.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),E(e,n),E(n,$)},p:b,d(t){t&&d(e)}}}function dt(t){let e,n;return{c(){e=w("code"),n=x("null")},l(t){e=v(t,"CODE",{});var $=y(e);n=h($,"null"),$.forEach(d)},m(t,$){i(t,e,$),E(e,n)},p:b,d(t){t&&d(e)}}}function xt(t){let e,n;return{c(){e=w("code"),n=x("string")},l(t){e=v(t,"CODE",{});var $=y(e);n=h($,"string"),$.forEach(d)},m(t,$){i(t,e,$),E(e,n)},p:b,d(t){t&&d(e)}}}function ht(t){let e;return{c(){e=x("A class string to add to the component.")},l(t){e=h(t,"A class string to add to the component.")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function wt(t){let e,n,$,r,c,m,x,h;return e=new M({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),x=new M({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),r=u(),s(c.$$.fragment),m=u(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),n=g(t),a($.$$.fragment,t),r=g(t),a(c.$$.fragment,t),m=g(t),a(x.$$.fragment,t)},m(t,s){o(e,t,s),i(t,n,s),o($,t,s),i(t,r,s),o(c,t,s),i(t,m,s),o(x,t,s),h=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};2&n&&(r.$$scope={dirty:n,ctx:t}),x.$set(r)},i(t){h||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),h=!1},d(t){l(e,t),t&&d(n),l($,t),t&&d(r),l(c,t),t&&d(m),l(x,t)}}}function vt(t){let e,n,$,r,c,m;return n=new G({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),{c(){e=w("thead"),s(n.$$.fragment),$=u(),r=w("tbody"),s(c.$$.fragment)},l(t){e=v(t,"THEAD",{});var s=y(e);a(n.$$.fragment,s),s.forEach(d),$=g(t),r=v(t,"TBODY",{});var o=y(r);a(c.$$.fragment,o),o.forEach(d)},m(t,s){i(t,e,s),o(n,e,null),i(t,$,s),i(t,r,s),o(c,r,null),m=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&d(e),l(n),t&&d($),t&&d(r),l(c)}}}function yt(t){let e;return{c(){e=x("Events")},l(t){e=h(t,"Events")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function kt(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Et(t){let e;return{c(){e=x("Event Detail")},l(t){e=h(t,"Event Detail")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function bt(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Dt(t){let e,n,$,r,c,m;return e=new V({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),r=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=g(t),a($.$$.fragment,t),r=g(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,n,s),o($,t,s),i(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&d(n),l($,t),t&&d(r),l(c,t)}}}function Tt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("click")},l(t){e=v(t,"STRONG",{});var s=y(e);n=v(s,"CODE",{});var a=y(n);$=h(a,"click"),a.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),E(e,n),E(n,$)},p:b,d(t){t&&d(e)}}}function Ot(t){let e,n;return{c(){e=w("code"),n=x("{ nativeEvent }")},l(t){e=v(t,"CODE",{});var $=y(e);n=h($,"{ nativeEvent }"),$.forEach(d)},m(t,$){i(t,e,$),E(e,n)},p:b,d(t){t&&d(e)}}}function Pt(t){let e;return{c(){e=x("Fired when the button is clicked.")},l(t){e=h(t,"Fired when the button is clicked.")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Ct(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),r=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=g(t),a($.$$.fragment,t),r=g(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,n,s),o($,t,s),i(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&d(n),l($,t),t&&d(r),l(c,t)}}}function jt(t){let e,n,$,r,c,m;return n=new G({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){e=w("thead"),s(n.$$.fragment),$=u(),r=w("tbody"),s(c.$$.fragment)},l(t){e=v(t,"THEAD",{});var s=y(e);a(n.$$.fragment,s),s.forEach(d),$=g(t),r=v(t,"TBODY",{});var o=y(r);a(c.$$.fragment,o),o.forEach(d)},m(t,s){i(t,e,s),o(n,e,null),i(t,$,s),i(t,r,s),o(c,r,null),m=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&d(e),l(n),t&&d($),t&&d(r),l(c)}}}function St(t){let e;return{c(){e=x("Slots")},l(t){e=h(t,"Slots")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Bt(t){let e;return{c(){e=x("Default slot")},l(t){e=h(t,"Default slot")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Nt(t){let e;return{c(){e=x("The content of the button.")},l(t){e=h(t,"The content of the button.")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function At(t){let e;return{c(){e=x("SCSS Variables")},l(t){e=h(t,"SCSS Variables")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Rt(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Ht(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Ft(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Gt(t){let e,n,$,r,c,m;return e=new V({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),$=new V({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),r=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=g(t),a($.$$.fragment,t),r=g(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,n,s),o($,t,s),i(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&d(n),l($,t),t&&d(r),l(c,t)}}}function Vt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("$font")},l(t){e=v(t,"STRONG",{});var s=y(e);n=v(s,"CODE",{});var a=y(n);$=h(a,"$font"),a.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),E(e,n),E(n,$)},p:b,d(t){t&&d(e)}}}function Mt(t){let e;return{c(){e=x("The font family used for the button.")},l(t){e=h(t,"The font family used for the button.")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Yt(t){let e,n;return{c(){e=w("code"),n=x("'Ubuntu'")},l(t){e=v(t,"CODE",{});var $=y(e);n=h($,"'Ubuntu'"),$.forEach(d)},m(t,$){i(t,e,$),E(e,n)},p:b,d(t){t&&d(e)}}}function It(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),r=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=g(t),a($.$$.fragment,t),r=g(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,n,s),o($,t,s),i(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&d(n),l($,t),t&&d(r),l(c,t)}}}function Lt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("$shadow-raised")},l(t){e=v(t,"STRONG",{});var s=y(e);n=v(s,"CODE",{});var a=y(n);$=h(a,"$shadow-raised"),a.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),E(e,n),E(n,$)},p:b,d(t){t&&d(e)}}}function Ut(t){let e;return{c(){e=x("The shadow of the button.")},l(t){e=h(t,"The shadow of the button.")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Kt(t){let e,n;return e=new N({props:{value:$e}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p:b,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function qt(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),r=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=g(t),a($.$$.fragment,t),r=g(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,n,s),o($,t,s),i(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&d(n),l($,t),t&&d(r),l(c,t)}}}function zt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("$bold-font-weight")},l(t){e=v(t,"STRONG",{});var s=y(e);n=v(s,"CODE",{});var a=y(n);$=h(a,"$bold-font-weight"),a.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),E(e,n),E(n,$)},p:b,d(t){t&&d(e)}}}function Jt(t){let e;return{c(){e=x("The bold font weight of the button.")},l(t){e=h(t,"The bold font weight of the button.")},m(t,n){i(t,e,n)},d(t){t&&d(e)}}}function Qt(t){let e,n;return{c(){e=w("code"),n=x("500")},l(t){e=v(t,"CODE",{});var $=y(e);n=h($,"500"),$.forEach(d)},m(t,$){i(t,e,$),E(e,n)},p:b,d(t){t&&d(e)}}}function Wt(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),r=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=g(t),a($.$$.fragment,t),r=g(t),a(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,n,s),o($,t,s),i(t,r,s),o(c,t,s),m=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&d(n),l($,t),t&&d(r),l(c,t)}}}function Xt(t){let e,n,$,r,c,m,x,h,k,b;return n=new G({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),x=new G({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),k=new G({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){e=w("thead"),s(n.$$.fragment),$=u(),r=w("tbody"),s(c.$$.fragment),m=u(),s(x.$$.fragment),h=u(),s(k.$$.fragment)},l(t){e=v(t,"THEAD",{});var s=y(e);a(n.$$.fragment,s),s.forEach(d),$=g(t),r=v(t,"TBODY",{});var o=y(r);a(c.$$.fragment,o),m=g(o),a(x.$$.fragment,o),h=g(o),a(k.$$.fragment,o),o.forEach(d)},m(t,s){i(t,e,s),o(n,e,null),i(t,$,s),i(t,r,s),o(c,r,null),E(r,m),o(x,r,null),E(r,h),o(k,r,null),b=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),x.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),k.$set(o)},i(t){b||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),p(k.$$.fragment,t),b=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),f(k.$$.fragment,t),b=!1},d(t){t&&d(e),l(n),t&&d($),t&&d(r),l(c),l(x),l(k)}}}function Zt(t){let e,n,$,r,c,m,x,h,w,v,y,k,E,b,D,P,C,j,S,N,G,V,M,L,U,K,q,X,Z,_,tt,et,nt,$t,st,at;return e=new T({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),$=new O({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),c=new A({props:{components:ne}}),x=new B({props:{$$slots:{source:[J],showcase:[z]},$$scope:{ctx:t}}}),w=new R({props:{id:"properties",$$slots:{default:[Q]},$$scope:{ctx:t}}}),y=new H({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),E=new F({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),D=new H({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),C=new O({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),S=new O({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),G=new F({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),M=new R({props:{id:"events",$$slots:{default:[yt]},$$scope:{ctx:t}}}),U=new F({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),q=new R({props:{id:"slots",$$slots:{default:[St]},$$scope:{ctx:t}}}),Z=new H({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),tt=new O({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),nt=new R({props:{id:"scss-variables",$$slots:{default:[At]},$$scope:{ctx:t}}}),st=new F({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),r=u(),s(c.$$.fragment),m=u(),s(x.$$.fragment),h=u(),s(w.$$.fragment),v=u(),s(y.$$.fragment),k=u(),s(E.$$.fragment),b=u(),s(D.$$.fragment),P=u(),s(C.$$.fragment),j=u(),s(S.$$.fragment),N=u(),s(G.$$.fragment),V=u(),s(M.$$.fragment),L=u(),s(U.$$.fragment),K=u(),s(q.$$.fragment),X=u(),s(Z.$$.fragment),_=u(),s(tt.$$.fragment),et=u(),s(nt.$$.fragment),$t=u(),s(st.$$.fragment)},l(t){a(e.$$.fragment,t),n=g(t),a($.$$.fragment,t),r=g(t),a(c.$$.fragment,t),m=g(t),a(x.$$.fragment,t),h=g(t),a(w.$$.fragment,t),v=g(t),a(y.$$.fragment,t),k=g(t),a(E.$$.fragment,t),b=g(t),a(D.$$.fragment,t),P=g(t),a(C.$$.fragment,t),j=g(t),a(S.$$.fragment,t),N=g(t),a(G.$$.fragment,t),V=g(t),a(M.$$.fragment,t),L=g(t),a(U.$$.fragment,t),K=g(t),a(q.$$.fragment,t),X=g(t),a(Z.$$.fragment,t),_=g(t),a(tt.$$.fragment,t),et=g(t),a(nt.$$.fragment,t),$t=g(t),a(st.$$.fragment,t)},m(t,s){o(e,t,s),i(t,n,s),o($,t,s),i(t,r,s),o(c,t,s),i(t,m,s),o(x,t,s),i(t,h,s),o(w,t,s),i(t,v,s),o(y,t,s),i(t,k,s),o(E,t,s),i(t,b,s),o(D,t,s),i(t,P,s),o(C,t,s),i(t,j,s),o(S,t,s),i(t,N,s),o(G,t,s),i(t,V,s),o(M,t,s),i(t,L,s),o(U,t,s),i(t,K,s),o(q,t,s),i(t,X,s),o(Z,t,s),i(t,_,s),o(tt,t,s),i(t,et,s),o(nt,t,s),i(t,$t,s),o(st,t,s),at=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),x.$set(o);const r={};2&n&&(r.$$scope={dirty:n,ctx:t}),w.$set(r);const c={};2&n&&(c.$$scope={dirty:n,ctx:t}),y.$set(c);const p={};2&n&&(p.$$scope={dirty:n,ctx:t}),E.$set(p);const f={};2&n&&(f.$$scope={dirty:n,ctx:t}),D.$set(f);const l={};2&n&&(l.$$scope={dirty:n,ctx:t}),C.$set(l);const m={};2&n&&(m.$$scope={dirty:n,ctx:t}),S.$set(m);const u={};2&n&&(u.$$scope={dirty:n,ctx:t}),G.$set(u);const g={};2&n&&(g.$$scope={dirty:n,ctx:t}),M.$set(g);const i={};2&n&&(i.$$scope={dirty:n,ctx:t}),U.$set(i);const d={};2&n&&(d.$$scope={dirty:n,ctx:t}),q.$set(d);const h={};2&n&&(h.$$scope={dirty:n,ctx:t}),Z.$set(h);const v={};2&n&&(v.$$scope={dirty:n,ctx:t}),tt.$set(v);const k={};2&n&&(k.$$scope={dirty:n,ctx:t}),nt.$set(k);const b={};2&n&&(b.$$scope={dirty:n,ctx:t}),st.$set(b)},i(t){at||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),p(w.$$.fragment,t),p(y.$$.fragment,t),p(E.$$.fragment,t),p(D.$$.fragment,t),p(C.$$.fragment,t),p(S.$$.fragment,t),p(G.$$.fragment,t),p(M.$$.fragment,t),p(U.$$.fragment,t),p(q.$$.fragment,t),p(Z.$$.fragment,t),p(tt.$$.fragment,t),p(nt.$$.fragment,t),p(st.$$.fragment,t),at=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(x.$$.fragment,t),f(w.$$.fragment,t),f(y.$$.fragment,t),f(E.$$.fragment,t),f(D.$$.fragment,t),f(C.$$.fragment,t),f(S.$$.fragment,t),f(G.$$.fragment,t),f(M.$$.fragment,t),f(U.$$.fragment,t),f(q.$$.fragment,t),f(Z.$$.fragment,t),f(tt.$$.fragment,t),f(nt.$$.fragment,t),f(st.$$.fragment,t),at=!1},d(t){l(e,t),t&&d(n),l($,t),t&&d(r),l(c,t),t&&d(m),l(x,t),t&&d(h),l(w,t),t&&d(v),l(y,t),t&&d(k),l(E,t),t&&d(b),l(D,t),t&&d(P),l(C,t),t&&d(j),l(S,t),t&&d(N),l(G,t),t&&d(V),l(M,t),t&&d(L),l(U,t),t&&d(K),l(q,t),t&&d(X),l(Z,t),t&&d(_),l(tt,t),t&&d(et),l(nt,t),t&&d($t),l(st,t)}}}function _t(t){let e,n;const m=[t[0],te];let u={$$slots:{default:[Zt]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)u=$(u,m[t]);return e=new D({props:u}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p(t,[n]){const $=1&n?r(m,[1&n&&c(t[0]),0&n&&c(te)]):{};2&n&&($.$$scope={dirty:n,ctx:t}),e.$set($)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}const te={name:"PopoverButton",relatedComponents:[{name:"Popover",link:"./docs/components/popover"}],shadowRaised:"0 2px 4px -1px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);"},{name:ee,relatedComponents:ne,shadowRaised:$e}=te;function se(t,e,n){return t.$$set=t=>{n(0,e=$($({},e),m(t)))},[e=m(e)]}class ae extends t{constructor(t){super(),e(this,t,se,_t,n,{})}}export{ae as default,te as metadata};
diff --git a/376/client/popover-button.b4bb867f.js b/376/client/popover-button.b4bb867f.js
new file mode 100644
index 000000000..63930e66e
--- /dev/null
+++ b/376/client/popover-button.b4bb867f.js
@@ -0,0 +1 @@
+import{S as s,i as t,s as a,M as c,K as l,h as o,k as e,b as n,d as u,N as r,O as p,f as i,o as f,Q as $,R as h,T as y,U as v,t as b,p as d,I as m,J as g,L as k}from"./client.0d36a0cf.js";import{c as T}from"./classes.2453fa25.js";function j(s){let t,a,m,g,k;const j=s[4].default,x=c(j,s,s[3],null);let z=[{type:"button"},{class:a=T("popover-button",s[0])},s[2]],E={};for(let s=0;s<z.length;s+=1)E=l(E,z[s]);return{c(){t=o("button"),x&&x.c(),this.h()},l(s){t=e(s,"BUTTON",{type:!0,class:!0});var a=n(t);x&&x.l(a),a.forEach(u),this.h()},h(){r(t,E),p(t,"svelte-yyycgz",!0)},m(a,c){i(a,t,c),x&&x.m(t,null),t.autofocus&&t.focus(),m=!0,g||(k=f(t,"click",s[5]),g=!0)},p(s,[c]){x&&x.p&&(!m||8&c)&&$(x,j,s,s[3],m?y(j,s[3],c,null):h(s[3]),null),r(t,E=v(z,[{type:"button"},(!m||1&c&&a!==(a=T("popover-button",s[0])))&&{class:a},4&c&&s[2]])),p(t,"svelte-yyycgz",!0)},i(s){m||(b(x,s),m=!0)},o(s){d(x,s),m=!1},d(s){s&&u(t),x&&x.d(s),g=!1,k()}}}function x(s,t,a){const c=["class"];let o=m(t,c),{$$slots:e={},$$scope:n}=t,{class:u=null}=t;const r=g();return s.$$set=s=>{t=l(l({},t),k(s)),a(2,o=m(t,c)),"class"in s&&a(0,u=s.class),"$$scope"in s&&a(3,n=s.$$scope)},[u,r,o,n,e,s=>r("click",{nativeEvent:s})]}var z=class extends s{constructor(s){super(),t(this,s,x,j,a,{class:0})}};export{z as P};
diff --git a/376/client/popover.156a947e.js b/376/client/popover.156a947e.js
new file mode 100644
index 000000000..7594ca234
--- /dev/null
+++ b/376/client/popover.156a947e.js
@@ -0,0 +1 @@
+import{S as s,i as a,s as o,M as t,h as l,u as e,k as p,b as c,w as n,d as r,e as i,X as u,f as v,g as d,Q as f,R as h,T as $,t as m,p as T}from"./client.0d36a0cf.js";import{c as O}from"./classes.2453fa25.js";var C=Object.freeze({TOP:"top",RIGHT:"right",BOTTOM:"bottom",LEFT:"left"});const b=s=>({}),j=s=>({});function E(s){let a,o,C,E,I,P;const g=s[4].default,x=t(g,s,s[3],null),D=s[4]["popover-content"],M=t(D,s,s[3],j);return{c(){a=l("div"),x&&x.c(),o=e(),C=l("div"),M&&M.c(),this.h()},l(s){a=p(s,"DIV",{class:!0});var t=c(a);x&&x.l(t),o=n(t),C=p(t,"DIV",{class:!0});var l=c(C);M&&M.l(l),l.forEach(r),t.forEach(r),this.h()},h(){i(C,"class",E=u(O("popover",s[2],s[1]))+" svelte-d7tcpu"),i(a,"class",I=u(O("popover-container",s[0]))+" svelte-d7tcpu")},m(s,t){v(s,a,t),x&&x.m(a,null),d(a,o),d(a,C),M&&M.m(C,null),P=!0},p(s,[o]){x&&x.p&&(!P||8&o)&&f(x,g,s,s[3],P?$(g,s[3],o,null):h(s[3]),null),M&&M.p&&(!P||8&o)&&f(M,D,s,s[3],P?$(D,s[3],o,b):h(s[3]),j),(!P||6&o&&E!==(E=u(O("popover",s[2],s[1]))+" svelte-d7tcpu"))&&i(C,"class",E),(!P||1&o&&I!==(I=u(O("popover-container",s[0]))+" svelte-d7tcpu"))&&i(a,"class",I)},i(s){P||(m(x,s),m(M,s),P=!0)},o(s){T(x,s),T(M,s),P=!1},d(s){s&&r(a),x&&x.d(s),M&&M.d(s)}}}function I(s,a,o){let{$$slots:t={},$$scope:l}=a,{class:e=null}=a,{popoverClass:p=null}=a,{position:c=C.TOP}=a;return s.$$set=s=>{"class"in s&&o(0,e=s.class),"popoverClass"in s&&o(1,p=s.popoverClass),"position"in s&&o(2,c=s.position),"$$scope"in s&&o(3,l=s.$$scope)},[e,p,c,l,t]}var P=class extends s{constructor(s){super(),a(this,s,I,E,o,{class:0,popoverClass:1,position:2})}};export{P,C as a};
diff --git a/376/client/popover.5c43b946.js b/376/client/popover.5c43b946.js
new file mode 100644
index 000000000..16a0424fa
--- /dev/null
+++ b/376/client/popover.5c43b946.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as $,j as s,l as o,m as r,U as a,a0 as c,t as p,p as f,q as l,E as m,L as i,u as g,w as d,f as u,d as h,v as x,x as v,h as w,k as y,b as E,e as k,g as T,n as O}from"./client.0d36a0cf.js";import{L as D,H as P,P as b}from"./layout.b2760304.js";import{B as C}from"./button.743a388a.js";import{P as j,a as A}from"./popover.156a947e.js";import{S as R}from"./showcase.8eb3893d.js";import{R as B}from"./related-components.2f822d5e.js";import{f as S}from"./fix-anchor-links.79fa91d5.js";import{H as N}from"./h2.122c8b9f.js";import{H as G}from"./h3.1e03849b.js";import{T as H,a as F,b as M,c as I}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./card.72b37821.js";function L(t){let e;return{c(){e=x("Popover")},l(t){e=v(t,"Popover")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function V(t){let e;return{c(){e=x("Extra content revealed on hover or focus within.")},l(t){e=v(t,"Extra content revealed on hover or focus within.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Y(t){let e;return{c(){e=x("hover or focus me")},l(t){e=v(t,"hover or focus me")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function K(t){let e,n;return e=new C({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p(t,n){const $={};2&n&&($.$$scope={dirty:n,ctx:t}),e.$set($)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function q(t){let e,n;return{c(){e=w("div"),n=x("To reveal extra content!"),this.h()},l(t){e=y(t,"DIV",{slot:!0});var $=E(e);n=v($,"To reveal extra content!"),$.forEach(h),this.h()},h(){k(e,"slot","popover-content")},m(t,$){u(t,e,$),T(e,n)},p:O,d(t){t&&h(e)}}}function U(t){let e,n,$;return n=new j({props:{position:A.BOTTOM,$$slots:{"popover-content":[q],default:[K]},$$scope:{ctx:t}}}),{c(){e=w("div"),s(n.$$.fragment),this.h()},l(t){e=y(t,"DIV",{slot:!0,class:!0});var $=E(e);o(n.$$.fragment,$),$.forEach(h),this.h()},h(){k(e,"slot","showcase"),k(e,"class","padded")},m(t,s){u(t,e,s),r(n,e,null),$=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($)},i(t){$||(p(n.$$.fragment,t),$=!0)},o(t){f(n.$$.fragment,t),$=!1},d(t){t&&h(e),l(n)}}}function z(t){let e,n;return{c(){e=w("div"),n=w("pre"),this.h()},l(t){e=y(t,"DIV",{slot:!0});var $=E(e);n=y($,"PRE",{class:!0}),E(n).forEach(h),$.forEach(h),this.h()},h(){k(n,"class","language-svelte"),k(e,"slot","source")},m(t,$){u(t,e,$),T(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">&#123;</span> PopoverPositions <span class="token punctuation">&#125;</span> <span class="token keyword">from</span> <span class="token string">\'attractions/popover\'</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Popover</span> <span class="token attr-name">position=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>PopoverPositions<span class="token punctuation">.</span><span class="token constant">BOTTOM</span><span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>hover or focus me<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>popover-content<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n    To reveal extra content!\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Popover</span><span class="token punctuation">></span></span></code>'},p:O,d(t){t&&h(e)}}}function J(t){let e;return{c(){e=x("Properties")},l(t){e=v(t,"Properties")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Q(t){let e;return{c(){e=x("Style Properties")},l(t){e=v(t,"Style Properties")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function W(t){let e;return{c(){e=x("Name")},l(t){e=v(t,"Name")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function X(t){let e;return{c(){e=x("Default")},l(t){e=v(t,"Default")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Z(t){let e;return{c(){e=x("Type")},l(t){e=v(t,"Type")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function _(t){let e;return{c(){e=x("Description")},l(t){e=v(t,"Description")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function tt(t){let e,n,$,a,c,m,i,x;return e=new M({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),i=new M({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=g(),s($.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){o(e.$$.fragment,t),n=d(t),o($.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(i.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,a,s),r(c,t,s),u(t,m,s),r(i,t,s),x=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),$.$set(o);const r={};2&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),i.$set(a)},i(t){x||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),x=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),x=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t),t&&h(m),l(i,t)}}}function et(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("position")},l(t){e=y(t,"STRONG",{});var s=E(e);n=y(s,"CODE",{});var o=E(n);$=v(o,"position"),o.forEach(h),s.forEach(h)},m(t,s){u(t,e,s),T(e,n),T(n,$)},p:O,d(t){t&&h(e)}}}function nt(t){let e,n;return{c(){e=w("code"),n=x("PopoverPositions.TOP")},l(t){e=y(t,"CODE",{});var $=E(e);n=v($,"PopoverPositions.TOP"),$.forEach(h)},m(t,$){u(t,e,$),T(e,n)},p:O,d(t){t&&h(e)}}}function $t(t){let e,n,$,s;return{c(){e=w("a"),n=w("mark"),$=w("code"),s=x("PopoverPositions"),this.h()},l(t){e=y(t,"A",{href:!0});var o=E(e);n=y(o,"MARK",{});var r=E(n);$=y(r,"CODE",{});var a=E($);s=v(a,"PopoverPositions"),a.forEach(h),r.forEach(h),o.forEach(h),this.h()},h(){k(e,"href","#popover-positions")},m(t,o){u(t,e,o),T(e,n),T(n,$),T($,s)},p:O,d(t){t&&h(e)}}}function st(t){let e;return{c(){e=x("The position of the popover content relative to the triggering handle.")},l(t){e=v(t,"The position of the popover content relative to the triggering handle.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function ot(t){let e,n,$,a,c,m,i,x;return e=new I({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),$=new I({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),i=new I({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=g(),s($.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){o(e.$$.fragment,t),n=d(t),o($.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(i.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,a,s),r(c,t,s),u(t,m,s),r(i,t,s),x=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),$.$set(o);const r={};2&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),i.$set(a)},i(t){x||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),x=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),x=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t),t&&h(m),l(i,t)}}}function rt(t){let e,n,$,a,c,m;return n=new F({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){e=w("thead"),s(n.$$.fragment),$=g(),a=w("tbody"),s(c.$$.fragment)},l(t){e=y(t,"THEAD",{});var s=E(e);o(n.$$.fragment,s),s.forEach(h),$=d(t),a=y(t,"TBODY",{});var r=E(a);o(c.$$.fragment,r),r.forEach(h)},m(t,s){u(t,e,s),r(n,e,null),u(t,$,s),u(t,a,s),r(c,a,null),m=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&h(e),l(n),t&&h($),t&&h(a),l(c)}}}function at(t){let e;return{c(){e=x("Class Properties")},l(t){e=v(t,"Class Properties")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function ct(t){let e,n,$,s,o,r,a,c,p,f;return{c(){e=x("All "),n=w("code"),$=x("<Popover>"),s=x(" components use the "),o=w("code"),r=x(".popover-container"),a=x(" class for the main element and "),c=w("code"),p=x(".popover"),f=x(" for the popover itself.")},l(t){e=v(t,"All "),n=y(t,"CODE",{});var l=E(n);$=v(l,"<Popover>"),l.forEach(h),s=v(t," components use the "),o=y(t,"CODE",{});var m=E(o);r=v(m,".popover-container"),m.forEach(h),a=v(t," class for the main element and "),c=y(t,"CODE",{});var i=E(c);p=v(i,".popover"),i.forEach(h),f=v(t," for the popover itself.")},m(t,l){u(t,e,l),u(t,n,l),T(n,$),u(t,s,l),u(t,o,l),T(o,r),u(t,a,l),u(t,c,l),T(c,p),u(t,f,l)},p:O,d(t){t&&h(e),t&&h(n),t&&h(s),t&&h(o),t&&h(a),t&&h(c),t&&h(f)}}}function pt(t){let e;return{c(){e=x("Falsy values passed to classes will be disregarded.")},l(t){e=v(t,"Falsy values passed to classes will be disregarded.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function ft(t){let e;return{c(){e=x("Name")},l(t){e=v(t,"Name")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function lt(t){let e;return{c(){e=x("Default")},l(t){e=v(t,"Default")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function mt(t){let e;return{c(){e=x("Type")},l(t){e=v(t,"Type")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function it(t){let e;return{c(){e=x("Description")},l(t){e=v(t,"Description")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function gt(t){let e,n,$,a,c,m,i,x;return e=new M({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),i=new M({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=g(),s($.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){o(e.$$.fragment,t),n=d(t),o($.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(i.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,a,s),r(c,t,s),u(t,m,s),r(i,t,s),x=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),$.$set(o);const r={};2&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),i.$set(a)},i(t){x||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),x=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),x=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t),t&&h(m),l(i,t)}}}function dt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("class")},l(t){e=y(t,"STRONG",{});var s=E(e);n=y(s,"CODE",{});var o=E(n);$=v(o,"class"),o.forEach(h),s.forEach(h)},m(t,s){u(t,e,s),T(e,n),T(n,$)},p:O,d(t){t&&h(e)}}}function ut(t){let e,n;return{c(){e=w("code"),n=x("null")},l(t){e=y(t,"CODE",{});var $=E(e);n=v($,"null"),$.forEach(h)},m(t,$){u(t,e,$),T(e,n)},p:O,d(t){t&&h(e)}}}function ht(t){let e,n;return{c(){e=w("code"),n=x("string")},l(t){e=y(t,"CODE",{});var $=E(e);n=v($,"string"),$.forEach(h)},m(t,$){u(t,e,$),T(e,n)},p:O,d(t){t&&h(e)}}}function xt(t){let e;return{c(){e=x("A class string to add to the component.")},l(t){e=v(t,"A class string to add to the component.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function vt(t){let e,n,$,a,c,m,i,x;return e=new I({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),$=new I({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),i=new I({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=g(),s($.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){o(e.$$.fragment,t),n=d(t),o($.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(i.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,a,s),r(c,t,s),u(t,m,s),r(i,t,s),x=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),$.$set(o);const r={};2&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),i.$set(a)},i(t){x||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),x=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),x=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t),t&&h(m),l(i,t)}}}function wt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("popoverClass")},l(t){e=y(t,"STRONG",{});var s=E(e);n=y(s,"CODE",{});var o=E(n);$=v(o,"popoverClass"),o.forEach(h),s.forEach(h)},m(t,s){u(t,e,s),T(e,n),T(n,$)},p:O,d(t){t&&h(e)}}}function yt(t){let e,n;return{c(){e=w("code"),n=x("null")},l(t){e=y(t,"CODE",{});var $=E(e);n=v($,"null"),$.forEach(h)},m(t,$){u(t,e,$),T(e,n)},p:O,d(t){t&&h(e)}}}function Et(t){let e,n;return{c(){e=w("code"),n=x("string")},l(t){e=y(t,"CODE",{});var $=E(e);n=v($,"string"),$.forEach(h)},m(t,$){u(t,e,$),T(e,n)},p:O,d(t){t&&h(e)}}}function kt(t){let e;return{c(){e=x("A class string to add to the popover.")},l(t){e=v(t,"A class string to add to the popover.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Tt(t){let e,n,$,a,c,m,i,x;return e=new I({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),$=new I({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),c=new I({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),i=new I({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=g(),s($.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){o(e.$$.fragment,t),n=d(t),o($.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(i.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,a,s),r(c,t,s),u(t,m,s),r(i,t,s),x=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),$.$set(o);const r={};2&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),i.$set(a)},i(t){x||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),x=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),x=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t),t&&h(m),l(i,t)}}}function Ot(t){let e,n,$,a,c,m,i,x;return n=new F({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),i=new F({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),{c(){e=w("thead"),s(n.$$.fragment),$=g(),a=w("tbody"),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){e=y(t,"THEAD",{});var s=E(e);o(n.$$.fragment,s),s.forEach(h),$=d(t),a=y(t,"TBODY",{});var r=E(a);o(c.$$.fragment,r),m=d(r),o(i.$$.fragment,r),r.forEach(h)},m(t,s){u(t,e,s),r(n,e,null),u(t,$,s),u(t,a,s),r(c,a,null),T(a,m),r(i,a,null),x=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),i.$set(o)},i(t){x||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),x=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),x=!1},d(t){t&&h(e),l(n),t&&h($),t&&h(a),l(c),l(i)}}}function Dt(t){let e;return{c(){e=x("Slots")},l(t){e=v(t,"Slots")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Pt(t){let e;return{c(){e=x("Default slot")},l(t){e=v(t,"Default slot")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function bt(t){let e;return{c(){e=x("The handle – any content that will, on hover or focus, show a popover next to it.")},l(t){e=v(t,"The handle – any content that will, on hover or focus, show a popover next to it.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Ct(t){let e,n,$;return{c(){e=w("code"),n=x("popover-content"),$=x(" slot")},l(t){e=y(t,"CODE",{});var s=E(e);n=v(s,"popover-content"),s.forEach(h),$=v(t," slot")},m(t,s){u(t,e,s),T(e,n),u(t,$,s)},p:O,d(t){t&&h(e),t&&h($)}}}function jt(t){let e;return{c(){e=x("The content of the popover.")},l(t){e=v(t,"The content of the popover.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function At(t){let e;return{c(){e=x("Related Objects")},l(t){e=v(t,"Related Objects")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Rt(t){let e,n,$,s;return{c(){e=x("The following objects are available as named exports in "),n=w("code"),$=x("'attractions/popover'"),s=x(".")},l(t){e=v(t,"The following objects are available as named exports in "),n=y(t,"CODE",{});var o=E(n);$=v(o,"'attractions/popover'"),o.forEach(h),s=v(t,".")},m(t,o){u(t,e,o),u(t,n,o),T(n,$),u(t,s,o)},p:O,d(t){t&&h(e),t&&h(n),t&&h(s)}}}function Bt(t){let e,n;return{c(){e=w("code"),n=x("PopoverPositions")},l(t){e=y(t,"CODE",{});var $=E(e);n=v($,"PopoverPositions"),$.forEach(h)},m(t,$){u(t,e,$),T(e,n)},p:O,d(t){t&&h(e)}}}function St(t){let e,n,$,s;return{c(){e=x("An enum describing possible positions for the "),n=w("code"),$=x("Popover"),s=x(".")},l(t){e=v(t,"An enum describing possible positions for the "),n=y(t,"CODE",{});var o=E(n);$=v(o,"Popover"),o.forEach(h),s=v(t,".")},m(t,o){u(t,e,o),u(t,n,o),T(n,$),u(t,s,o)},p:O,d(t){t&&h(e),t&&h(n),t&&h(s)}}}function Nt(t){let e;return{c(){e=x("Field")},l(t){e=v(t,"Field")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Gt(t){let e;return{c(){e=x("Description")},l(t){e=v(t,"Description")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Ht(t){let e,n,$,a;return e=new M({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=g(),s($.$$.fragment)},l(t){o(e.$$.fragment,t),n=d(t),o($.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),a=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),$.$set(o)},i(t){a||(p(e.$$.fragment,t),p($.$$.fragment,t),a=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function Ft(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("TOP")},l(t){e=y(t,"STRONG",{});var s=E(e);n=y(s,"CODE",{});var o=E(n);$=v(o,"TOP"),o.forEach(h),s.forEach(h)},m(t,s){u(t,e,s),T(e,n),T(n,$)},p:O,d(t){t&&h(e)}}}function Mt(t){let e;return{c(){e=x("Above the handle, centered with respect to it.")},l(t){e=v(t,"Above the handle, centered with respect to it.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function It(t){let e,n,$,a;return e=new I({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),$=new I({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=g(),s($.$$.fragment)},l(t){o(e.$$.fragment,t),n=d(t),o($.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),a=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),$.$set(o)},i(t){a||(p(e.$$.fragment,t),p($.$$.fragment,t),a=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function Lt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("BOTTOM")},l(t){e=y(t,"STRONG",{});var s=E(e);n=y(s,"CODE",{});var o=E(n);$=v(o,"BOTTOM"),o.forEach(h),s.forEach(h)},m(t,s){u(t,e,s),T(e,n),T(n,$)},p:O,d(t){t&&h(e)}}}function Vt(t){let e;return{c(){e=x("Below the handle, centered with respect to it.")},l(t){e=v(t,"Below the handle, centered with respect to it.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Yt(t){let e,n,$,a;return e=new I({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),$=new I({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=g(),s($.$$.fragment)},l(t){o(e.$$.fragment,t),n=d(t),o($.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),a=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),$.$set(o)},i(t){a||(p(e.$$.fragment,t),p($.$$.fragment,t),a=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function Kt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("LEFT")},l(t){e=y(t,"STRONG",{});var s=E(e);n=y(s,"CODE",{});var o=E(n);$=v(o,"LEFT"),o.forEach(h),s.forEach(h)},m(t,s){u(t,e,s),T(e,n),T(n,$)},p:O,d(t){t&&h(e)}}}function qt(t){let e;return{c(){e=x("To the left of the handle, centered with respect to it.")},l(t){e=v(t,"To the left of the handle, centered with respect to it.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Ut(t){let e,n,$,a;return e=new I({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),$=new I({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=g(),s($.$$.fragment)},l(t){o(e.$$.fragment,t),n=d(t),o($.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),a=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),$.$set(o)},i(t){a||(p(e.$$.fragment,t),p($.$$.fragment,t),a=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function zt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("RIGHT")},l(t){e=y(t,"STRONG",{});var s=E(e);n=y(s,"CODE",{});var o=E(n);$=v(o,"RIGHT"),o.forEach(h),s.forEach(h)},m(t,s){u(t,e,s),T(e,n),T(n,$)},p:O,d(t){t&&h(e)}}}function Jt(t){let e;return{c(){e=x("To the right of the handle, centered with respect to it.")},l(t){e=v(t,"To the right of the handle, centered with respect to it.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Qt(t){let e,n,$,a;return e=new I({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),$=new I({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=g(),s($.$$.fragment)},l(t){o(e.$$.fragment,t),n=d(t),o($.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),a=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),$.$set(o)},i(t){a||(p(e.$$.fragment,t),p($.$$.fragment,t),a=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function Wt(t){let e,n,$,a,c,m,i,x,v,k,O,D;return n=new F({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),i=new F({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),v=new F({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),O=new F({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){e=w("thead"),s(n.$$.fragment),$=g(),a=w("tbody"),s(c.$$.fragment),m=g(),s(i.$$.fragment),x=g(),s(v.$$.fragment),k=g(),s(O.$$.fragment)},l(t){e=y(t,"THEAD",{});var s=E(e);o(n.$$.fragment,s),s.forEach(h),$=d(t),a=y(t,"TBODY",{});var r=E(a);o(c.$$.fragment,r),m=d(r),o(i.$$.fragment,r),x=d(r),o(v.$$.fragment,r),k=d(r),o(O.$$.fragment,r),r.forEach(h)},m(t,s){u(t,e,s),r(n,e,null),u(t,$,s),u(t,a,s),r(c,a,null),T(a,m),r(i,a,null),T(a,x),r(v,a,null),T(a,k),r(O,a,null),D=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),i.$set(o);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),v.$set(r);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),O.$set(a)},i(t){D||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),p(v.$$.fragment,t),p(O.$$.fragment,t),D=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(v.$$.fragment,t),f(O.$$.fragment,t),D=!1},d(t){t&&h(e),l(n),t&&h($),t&&h(a),l(c),l(i),l(v),l(O)}}}function Xt(t){let e,n,$,a,c,m,i,x,v,w,y,E,k,T,O,D,C,j,A,S,F,M,I,Y,K,q,W,X,Z,_,tt,et,nt,$t,st,ot,ft,lt,mt,it,gt,dt;return e=new P({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),$=new b({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),c=new B({props:{components:ee}}),i=new R({props:{$$slots:{source:[z],showcase:[U]},$$scope:{ctx:t}}}),v=new N({props:{id:"properties",$$slots:{default:[J]},$$scope:{ctx:t}}}),y=new G({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),k=new H({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),O=new G({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),C=new b({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),A=new b({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),F=new H({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),I=new N({props:{id:"slots",$$slots:{default:[Dt]},$$scope:{ctx:t}}}),K=new G({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),W=new b({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),Z=new G({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),tt=new b({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),nt=new N({props:{id:"related-objects",$$slots:{default:[At]},$$scope:{ctx:t}}}),st=new b({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),ft=new G({props:{id:"popover-positions",$$slots:{default:[Bt]},$$scope:{ctx:t}}}),mt=new b({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),gt=new H({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=g(),s($.$$.fragment),a=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment),x=g(),s(v.$$.fragment),w=g(),s(y.$$.fragment),E=g(),s(k.$$.fragment),T=g(),s(O.$$.fragment),D=g(),s(C.$$.fragment),j=g(),s(A.$$.fragment),S=g(),s(F.$$.fragment),M=g(),s(I.$$.fragment),Y=g(),s(K.$$.fragment),q=g(),s(W.$$.fragment),X=g(),s(Z.$$.fragment),_=g(),s(tt.$$.fragment),et=g(),s(nt.$$.fragment),$t=g(),s(st.$$.fragment),ot=g(),s(ft.$$.fragment),lt=g(),s(mt.$$.fragment),it=g(),s(gt.$$.fragment)},l(t){o(e.$$.fragment,t),n=d(t),o($.$$.fragment,t),a=d(t),o(c.$$.fragment,t),m=d(t),o(i.$$.fragment,t),x=d(t),o(v.$$.fragment,t),w=d(t),o(y.$$.fragment,t),E=d(t),o(k.$$.fragment,t),T=d(t),o(O.$$.fragment,t),D=d(t),o(C.$$.fragment,t),j=d(t),o(A.$$.fragment,t),S=d(t),o(F.$$.fragment,t),M=d(t),o(I.$$.fragment,t),Y=d(t),o(K.$$.fragment,t),q=d(t),o(W.$$.fragment,t),X=d(t),o(Z.$$.fragment,t),_=d(t),o(tt.$$.fragment,t),et=d(t),o(nt.$$.fragment,t),$t=d(t),o(st.$$.fragment,t),ot=d(t),o(ft.$$.fragment,t),lt=d(t),o(mt.$$.fragment,t),it=d(t),o(gt.$$.fragment,t)},m(t,s){r(e,t,s),u(t,n,s),r($,t,s),u(t,a,s),r(c,t,s),u(t,m,s),r(i,t,s),u(t,x,s),r(v,t,s),u(t,w,s),r(y,t,s),u(t,E,s),r(k,t,s),u(t,T,s),r(O,t,s),u(t,D,s),r(C,t,s),u(t,j,s),r(A,t,s),u(t,S,s),r(F,t,s),u(t,M,s),r(I,t,s),u(t,Y,s),r(K,t,s),u(t,q,s),r(W,t,s),u(t,X,s),r(Z,t,s),u(t,_,s),r(tt,t,s),u(t,et,s),r(nt,t,s),u(t,$t,s),r(st,t,s),u(t,ot,s),r(ft,t,s),u(t,lt,s),r(mt,t,s),u(t,it,s),r(gt,t,s),dt=!0},p(t,n){const s={};2&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const o={};2&n&&(o.$$scope={dirty:n,ctx:t}),$.$set(o);const r={};2&n&&(r.$$scope={dirty:n,ctx:t}),i.$set(r);const a={};2&n&&(a.$$scope={dirty:n,ctx:t}),v.$set(a);const c={};2&n&&(c.$$scope={dirty:n,ctx:t}),y.$set(c);const p={};2&n&&(p.$$scope={dirty:n,ctx:t}),k.$set(p);const f={};2&n&&(f.$$scope={dirty:n,ctx:t}),O.$set(f);const l={};2&n&&(l.$$scope={dirty:n,ctx:t}),C.$set(l);const m={};2&n&&(m.$$scope={dirty:n,ctx:t}),A.$set(m);const g={};2&n&&(g.$$scope={dirty:n,ctx:t}),F.$set(g);const d={};2&n&&(d.$$scope={dirty:n,ctx:t}),I.$set(d);const u={};2&n&&(u.$$scope={dirty:n,ctx:t}),K.$set(u);const h={};2&n&&(h.$$scope={dirty:n,ctx:t}),W.$set(h);const x={};2&n&&(x.$$scope={dirty:n,ctx:t}),Z.$set(x);const w={};2&n&&(w.$$scope={dirty:n,ctx:t}),tt.$set(w);const E={};2&n&&(E.$$scope={dirty:n,ctx:t}),nt.$set(E);const T={};2&n&&(T.$$scope={dirty:n,ctx:t}),st.$set(T);const D={};2&n&&(D.$$scope={dirty:n,ctx:t}),ft.$set(D);const P={};2&n&&(P.$$scope={dirty:n,ctx:t}),mt.$set(P);const b={};2&n&&(b.$$scope={dirty:n,ctx:t}),gt.$set(b)},i(t){dt||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),p(v.$$.fragment,t),p(y.$$.fragment,t),p(k.$$.fragment,t),p(O.$$.fragment,t),p(C.$$.fragment,t),p(A.$$.fragment,t),p(F.$$.fragment,t),p(I.$$.fragment,t),p(K.$$.fragment,t),p(W.$$.fragment,t),p(Z.$$.fragment,t),p(tt.$$.fragment,t),p(nt.$$.fragment,t),p(st.$$.fragment,t),p(ft.$$.fragment,t),p(mt.$$.fragment,t),p(gt.$$.fragment,t),dt=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(v.$$.fragment,t),f(y.$$.fragment,t),f(k.$$.fragment,t),f(O.$$.fragment,t),f(C.$$.fragment,t),f(A.$$.fragment,t),f(F.$$.fragment,t),f(I.$$.fragment,t),f(K.$$.fragment,t),f(W.$$.fragment,t),f(Z.$$.fragment,t),f(tt.$$.fragment,t),f(nt.$$.fragment,t),f(st.$$.fragment,t),f(ft.$$.fragment,t),f(mt.$$.fragment,t),f(gt.$$.fragment,t),dt=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t),t&&h(m),l(i,t),t&&h(x),l(v,t),t&&h(w),l(y,t),t&&h(E),l(k,t),t&&h(T),l(O,t),t&&h(D),l(C,t),t&&h(j),l(A,t),t&&h(S),l(F,t),t&&h(M),l(I,t),t&&h(Y),l(K,t),t&&h(q),l(W,t),t&&h(X),l(Z,t),t&&h(_),l(tt,t),t&&h(et),l(nt,t),t&&h($t),l(st,t),t&&h(ot),l(ft,t),t&&h(lt),l(mt,t),t&&h(it),l(gt,t)}}}function Zt(t){let e,n;const m=[t[0],_t];let i={$$slots:{default:[Xt]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=$(i,m[t]);return e=new D({props:i}),{c(){s(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p(t,[n]){const $=1&n?a(m,[1&n&&c(t[0]),0&n&&c(_t)]):{};2&n&&($.$$scope={dirty:n,ctx:t}),e.$set($)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}const _t={name:"Popover",relatedComponents:[{name:"PopoverButton",link:"./docs/components/popover-button"}]},{name:te,relatedComponents:ee}=_t;function ne(t,e,n){return m(S),t.$$set=t=>{n(0,e=$($({},e),i(t)))},[e=i(e)]}class $e extends t{constructor(t){super(),e(this,t,ne,Zt,n,{})}}export{$e as default,_t as metadata};
diff --git a/376/client/radio-button-c2103ad3.css b/376/client/radio-button-c2103ad3.css
new file mode 100644
index 000000000..c72596e06
--- /dev/null
+++ b/376/client/radio-button-c2103ad3.css
@@ -0,0 +1 @@
+.radio.svelte-1cxgo1k.svelte-1cxgo1k.svelte-1cxgo1k{align-items:center;cursor:pointer;display:flex;font-family:"Ubuntu", sans-serif;position:relative}.radio.svelte-1cxgo1k>input[type=radio].svelte-1cxgo1k.svelte-1cxgo1k{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.radio.svelte-1cxgo1k>.selector.svelte-1cxgo1k.svelte-1cxgo1k{border:0.125em solid #ddd;border-radius:50%;cursor:pointer;height:1.25em;position:relative;width:1.25em}.radio.svelte-1cxgo1k>.selector.svelte-1cxgo1k.svelte-1cxgo1k::after{border-radius:50%;content:"";height:2.25em;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:2.25em}.radio.svelte-1cxgo1k>input.svelte-1cxgo1k:checked+.selector.svelte-1cxgo1k::before{border-radius:50%;content:"";height:0.5em;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:0.5em}input.svelte-1cxgo1k:disabled+.selector.svelte-1cxgo1k.svelte-1cxgo1k{background-color:#ececec;cursor:not-allowed}input.svelte-1cxgo1k:checked+.selector.svelte-1cxgo1k.svelte-1cxgo1k{background-color:#4300b0;border-color:#4300b0}input.svelte-1cxgo1k:checked+.selector.svelte-1cxgo1k.svelte-1cxgo1k::before{background-color:#fff}input.svelte-1cxgo1k:disabled:checked+.selector.svelte-1cxgo1k.svelte-1cxgo1k{background-color:#888;border-color:#8d8d8d}.radio.svelte-1cxgo1k:hover .svelte-1cxgo1k:not(:focus):not(:disabled)+.selector.svelte-1cxgo1k::after{background-color:rgba(51, 51, 51, 0.05)}.radio.svelte-1cxgo1k:hover .svelte-1cxgo1k:not(:focus):not(:disabled):checked+.selector.svelte-1cxgo1k::after{background-color:rgba(67, 0, 176, 0.05)}.radio.svelte-1cxgo1k:hover .svelte-1cxgo1k:disabled+.selector.svelte-1cxgo1k::after{background:none}input.svelte-1cxgo1k:focus+.selector.svelte-1cxgo1k.svelte-1cxgo1k::after{background-color:rgba(51, 51, 51, 0.125)}input.svelte-1cxgo1k:focus:checked+.selector.svelte-1cxgo1k.svelte-1cxgo1k::after{background-color:rgba(67, 0, 176, 0.125)}
diff --git a/376/client/radio-button.9cbc326b.js b/376/client/radio-button.9cbc326b.js
new file mode 100644
index 000000000..fdcefb276
--- /dev/null
+++ b/376/client/radio-button.9cbc326b.js
@@ -0,0 +1 @@
+import{S as s,i as l,s as e,K as t,a3 as a,h as c,u as o,k as n,b as u,w as i,d as r,N as d,O as p,e as f,X as v,f as g,g as h,o as m,t as y,y as C,p as $,z as _,U as b,W as k,I as x,J as L,L as S,M as E,Q as I,R as j,T as N}from"./client.0d36a0cf.js";import{c as R}from"./classes.2453fa25.js";function T(s){let l;const e=s[12].default,t=E(e,s,s[11],null);return{c(){t&&t.c()},l(s){t&&t.l(s)},m(s,e){t&&t.m(s,e),l=!0},p(s,a){t&&t.p&&(!l||2048&a)&&I(t,e,s,s[11],l?N(e,s[11],a,null):j(s[11]),null)},i(s){l||(y(t,s),l=!0)},o(s){$(t,s),l=!1},d(s){t&&t.d(s)}}}function U(s){let l;const e=s[12].default,t=E(e,s,s[11],null);return{c(){t&&t.c()},l(s){t&&t.l(s)},m(s,e){t&&t.m(s,e),l=!0},p(s,a){t&&t.p&&(!l||2048&a)&&I(t,e,s,s[11],l?N(e,s[11],a,null):j(s[11]),null)},i(s){l||(y(t,s),l=!0)},o(s){$(t,s),l=!1},d(s){t&&t.d(s)}}}function w(s){let l,e,x,L,S,E,I,j,N,w,z,A,B,D=s[7]&&T(s),J=[{__value:s[5]},{type:"radio"},{class:L=R(s[2])},{disabled:s[6]},s[10]],K={};for(let s=0;s<J.length;s+=1)K=t(K,J[s]);let M=!s[7]&&U(s);return z=a(s[14][0]),{c(){l=c("label"),D&&D.c(),e=o(),x=c("input"),S=o(),E=c("div"),j=o(),M&&M.c(),this.h()},l(s){l=n(s,"LABEL",{class:!0,title:!0});var t=u(l);D&&D.l(t),e=i(t),x=n(t,"INPUT",{type:!0,class:!0}),S=i(t),E=n(t,"DIV",{class:!0,style:!0}),u(E).forEach(r),j=i(t),M&&M.l(t),t.forEach(r),this.h()},h(){d(x,K),p(x,"svelte-1cxgo1k",!0),f(E,"class",I=v(R("selector",s[3]))+" svelte-1cxgo1k"),f(E,"style",s[4]),f(l,"class",N=v(R("radio",s[1]))+" svelte-1cxgo1k"),f(l,"title",s[8]),z.p(x)},m(t,a){g(t,l,a),D&&D.m(l,null),h(l,e),h(l,x),x.autofocus&&x.focus(),x.checked=x.__value===s[0],h(l,S),h(l,E),h(l,j),M&&M.m(l,null),w=!0,A||(B=[m(x,"change",s[13]),m(x,"change",s[15])],A=!0)},p(s,[t]){s[7]?D?(D.p(s,t),128&t&&y(D,1)):(D=T(s),D.c(),y(D,1),D.m(l,e)):D&&(C(),$(D,1,1,(()=>{D=null})),_()),d(x,K=b(J,[(!w||32&t)&&{__value:s[5]},{type:"radio"},(!w||4&t&&L!==(L=R(s[2])))&&{class:L},(!w||64&t)&&{disabled:s[6]},1024&t&&s[10]])),1&t&&(x.checked=x.__value===s[0]),p(x,"svelte-1cxgo1k",!0),(!w||8&t&&I!==(I=v(R("selector",s[3]))+" svelte-1cxgo1k"))&&f(E,"class",I),(!w||16&t)&&f(E,"style",s[4]),s[7]?M&&(C(),$(M,1,1,(()=>{M=null})),_()):M?(M.p(s,t),128&t&&y(M,1)):(M=U(s),M.c(),y(M,1),M.m(l,null)),(!w||2&t&&N!==(N=v(R("radio",s[1]))+" svelte-1cxgo1k"))&&f(l,"class",N),(!w||256&t)&&f(l,"title",s[8])},i(s){w||(y(D),y(M),w=!0)},o(s){$(D),$(M),w=!1},d(s){s&&r(l),D&&D.d(),M&&M.d(),z.r(),A=!1,k(B)}}}function z(s,l,e){const a=["class","inputClass","selectorClass","selectorStyle","value","disabled","group","slotLeft","title"];let c=x(l,a),{$$slots:o={},$$scope:n}=l,{class:u=null}=l,{inputClass:i=null}=l,{selectorClass:r=null}=l,{selectorStyle:d=null}=l,{value:p}=l,{disabled:f=!1}=l,{group:v=null}=l,{slotLeft:g=!1}=l,{title:h=null}=l;const m=L();return s.$$set=s=>{l=t(t({},l),S(s)),e(10,c=x(l,a)),"class"in s&&e(1,u=s.class),"inputClass"in s&&e(2,i=s.inputClass),"selectorClass"in s&&e(3,r=s.selectorClass),"selectorStyle"in s&&e(4,d=s.selectorStyle),"value"in s&&e(5,p=s.value),"disabled"in s&&e(6,f=s.disabled),"group"in s&&e(0,v=s.group),"slotLeft"in s&&e(7,g=s.slotLeft),"title"in s&&e(8,h=s.title),"$$scope"in s&&e(11,n=s.$$scope)},[v,u,i,r,d,p,f,g,h,m,c,n,o,function(){v=this.__value,e(0,v)},[[]],s=>m("change",{value:p,nativeEvent:s})]}var A=class extends s{constructor(s){super(),l(this,s,z,w,e,{class:1,inputClass:2,selectorClass:3,selectorStyle:4,value:5,disabled:6,group:0,slotLeft:7,title:8})}};export{A as R};
diff --git a/376/client/radio-button.de297014.js b/376/client/radio-button.de297014.js
new file mode 100644
index 000000000..a7dd7cc05
--- /dev/null
+++ b/376/client/radio-button.de297014.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as s,l as r,m as o,U as a,a0 as c,t as f,p as l,q as p,L as m,u,w as g,f as i,d,v as h,x,h as y,k as E,b as v,e as w,g as b,n as D}from"./client.0d36a0cf.js";import{L as k,H as C,P as O}from"./layout.b2760304.js";import{R as T}from"./radio-button.9cbc326b.js";import{S}from"./showcase.8eb3893d.js";import{C as R}from"./color-preview.278d2729.js";import{R as N}from"./related-components.2f822d5e.js";import{H as A}from"./h2.122c8b9f.js";import{H as j}from"./h3.1e03849b.js";import{T as B,a as G,b as P,c as F}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./button.743a388a.js";import"./card.72b37821.js";function H(t){let e;return{c(){e=h("RadioButton")},l(t){e=x(t,"RadioButton")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function L(t){let e;return{c(){e=h("An individual radio button.")},l(t){e=x(t,"An individual radio button.")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function M(t){let e,$;return{c(){e=y("span"),$=h("Illusion of choice"),this.h()},l(t){e=E(t,"SPAN",{class:!0});var n=v(e);$=x(n,"Illusion of choice"),n.forEach(d),this.h()},h(){w(e,"class","ml")},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function Y(t){let e,$;return{c(){e=y("span"),$=h("Can't select me!"),this.h()},l(t){e=E(t,"SPAN",{class:!0});var n=v(e);$=x(n,"Can't select me!"),n.forEach(d),this.h()},h(){w(e,"class","ml")},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function I(t){let e,$,n,a,c;return $=new T({props:{name:"choices",value:"choice",title:"You have no choice.",$$slots:{default:[M]},$$scope:{ctx:t}}}),a=new T({props:{disabled:!0,value:"tons",$$slots:{default:[Y]},$$scope:{ctx:t}}}),{c(){e=y("div"),s($.$$.fragment),n=u(),s(a.$$.fragment),this.h()},l(t){e=E(t,"DIV",{slot:!0,class:!0});var s=v(e);r($.$$.fragment,s),n=g(s),r(a.$$.fragment,s),s.forEach(d),this.h()},h(){w(e,"slot","showcase"),w(e,"class","padded")},m(t,s){i(t,e,s),o($,e,null),b(e,n),o(a,e,null),c=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),a.$set(s)},i(t){c||(f($.$$.fragment,t),f(a.$$.fragment,t),c=!0)},o(t){l($.$$.fragment,t),l(a.$$.fragment,t),c=!1},d(t){t&&d(e),p($),p(a)}}}function U(t){let e,$;return{c(){e=y("div"),$=y("pre"),this.h()},l(t){e=E(t,"DIV",{slot:!0});var n=v(e);$=E(n,"PRE",{class:!0}),v($).forEach(d),n.forEach(d),this.h()},h(){w($,"class","language-svelte"),w(e,"slot","source")},m(t,n){i(t,e,n),b(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButton</span>\n  <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>choices<span class="token punctuation">"</span></span>\n  <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>choice<span class="token punctuation">"</span></span>\n  <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>You have no choice.<span class="token punctuation">"</span></span>\n<span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Illusion of choice<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>RadioButton</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButton</span> <span class="token attr-name">disabled</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>tons<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Can\'t select me!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>RadioButton</span><span class="token punctuation">></span></span></code>'},p:D,d(t){t&&d(e)}}}function V(t){let e;return{c(){e=h("Properties")},l(t){e=x(t,"Properties")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function K(t){let e;return{c(){e=h("Style Properties")},l(t){e=x(t,"Style Properties")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function q(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function z(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function W(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function _(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function J(t){let e,$,n,a,c,m,h,x;return e=new P({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function Q(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("slotLeft")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"slotLeft"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function X(t){let e,$;return{c(){e=y("code"),$=h("false")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"false"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function Z(t){let e,$;return{c(){e=y("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"boolean"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function tt(t){let e;return{c(){e=h("Places the default slot (label) to the left of the radio button.")},l(t){e=x(t,"Places the default slot (label) to the left of the radio button.")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function et(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function $t(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("selectorStyle")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"selectorStyle"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function nt(t){let e,$;return{c(){e=y("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"null"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function st(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"string"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function rt(t){let e,$,n,s,r,o;return{c(){e=h("A CSS style string to assign to the selector circle. "),$=y("br"),n=h(" Can be used to make the radio button represent a color (in conjunction with the "),s=y("code"),r=h("getColorPickerStyles"),o=h(" utility).")},l(t){e=x(t,"A CSS style string to assign to the selector circle. "),$=E(t,"BR",{}),n=x(t," Can be used to make the radio button represent a color (in conjunction with the "),s=E(t,"CODE",{});var a=v(s);r=x(a,"getColorPickerStyles"),a.forEach(d),o=x(t," utility).")},m(t,a){i(t,e,a),i(t,$,a),i(t,n,a),i(t,s,a),b(s,r),i(t,o,a)},p:D,d(t){t&&d(e),t&&d($),t&&d(n),t&&d(s),t&&d(o)}}}function ot(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function at(t){let e,$,n,a,c,m,h,x;return $=new G({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=u(),a=y("tbody"),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){e=E(t,"THEAD",{});var s=v(e);r($.$$.fragment,s),s.forEach(d),n=g(t),a=E(t,"TBODY",{});var o=v(a);r(c.$$.fragment,o),m=g(o),r(h.$$.fragment,o),o.forEach(d)},m(t,s){i(t,e,s),o($,e,null),i(t,n,s),i(t,a,s),o(c,a,null),b(a,m),o(h,a,null),x=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),h.$set(r)},i(t){x||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){t&&d(e),p($),t&&d(n),t&&d(a),p(c),p(h)}}}function ct(t){let e;return{c(){e=h("Functional Properties")},l(t){e=x(t,"Functional Properties")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function ft(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function lt(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function pt(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function mt(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function ut(t){let e,$,n,a,c,m,h,x;return e=new P({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function gt(t){let e,$,n,s,r,o,a;return{c(){e=y("mark"),$=y("strong"),n=y("code"),s=h("value"),r=h(" "),o=y("span"),a=h("*"),this.h()},l(t){e=E(t,"MARK",{});var c=v(e);$=E(c,"STRONG",{});var f=v($);n=E(f,"CODE",{});var l=v(n);s=x(l,"value"),l.forEach(d),f.forEach(d),c.forEach(d),r=x(t," "),o=E(t,"SPAN",{class:!0});var p=v(o);a=x(p,"*"),p.forEach(d),this.h()},h(){w(o,"class","required")},m(t,c){i(t,e,c),b(e,$),b($,n),b(n,s),i(t,r,c),i(t,o,c),b(o,a)},p:D,d(t){t&&d(e),t&&d(r),t&&d(o)}}}function it(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"string"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function dt(t){let e,$,n,s;return{c(){e=h("The value assigned to the radio button input. Check "),$=y("a"),n=h("MDN Docs"),s=h(" for more information."),this.h()},l(t){e=x(t,"The value assigned to the radio button input. Check "),$=E(t,"A",{href:!0,rel:!0});var r=v($);n=x(r,"MDN Docs"),r.forEach(d),s=x(t," for more information."),this.h()},h(){w($,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#Value"),w($,"rel","nofollow")},m(t,r){i(t,e,r),i(t,$,r),b($,n),i(t,s,r)},p:D,d(t){t&&d(e),t&&d($),t&&d(s)}}}function ht(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),n=new F({}),c=new F({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),h.$set(r)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function xt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("group")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"group"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function yt(t){let e,$;return{c(){e=y("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"null"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function Et(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"string"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function vt(t){let e,$,n,s,r,o,a;return{c(){e=h("The value of the currently selected radio button in the "),$=y("code"),n=h("name"),s=h(" group. Similar to Svelte's "),r=y("code"),o=h("bind:group"),a=h(" binding on native radio buttons.")},l(t){e=x(t,"The value of the currently selected radio button in the "),$=E(t,"CODE",{});var c=v($);n=x(c,"name"),c.forEach(d),s=x(t," group. Similar to Svelte's "),r=E(t,"CODE",{});var f=v(r);o=x(f,"bind:group"),f.forEach(d),a=x(t," binding on native radio buttons.")},m(t,c){i(t,e,c),i(t,$,c),b($,n),i(t,s,c),i(t,r,c),b(r,o),i(t,a,c)},p:D,d(t){t&&d(e),t&&d($),t&&d(s),t&&d(r),t&&d(a)}}}function wt(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function bt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("disabled")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"disabled"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function Dt(t){let e,$;return{c(){e=y("code"),$=h("false")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"false"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function kt(t){let e,$;return{c(){e=y("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"boolean"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function Ct(t){let e;return{c(){e=h("Disables the radio button.")},l(t){e=x(t,"Disables the radio button.")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function Ot(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function Tt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("title")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"title"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function St(t){let e,$;return{c(){e=y("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"null"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function Rt(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"string"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function Nt(t){let e;return{c(){e=h("Adds a tooltip to the radio button.")},l(t){e=x(t,"Adds a tooltip to the radio button.")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function At(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function jt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("...")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"..."),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function Bt(t){let e,$;return{c(){e=y("code"),$=h("any")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"any"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function Gt(t){let e,$,n,s;return{c(){e=h("Everything else will be passed to the underlying "),$=y("code"),n=h('<input type="radio">'),s=h(" element.")},l(t){e=x(t,"Everything else will be passed to the underlying "),$=E(t,"CODE",{});var r=v($);n=x(r,'<input type="radio">'),r.forEach(d),s=x(t," element.")},m(t,r){i(t,e,r),i(t,$,r),b($,n),i(t,s,r)},p:D,d(t){t&&d(e),t&&d($),t&&d(s)}}}function Pt(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),n=new F({}),c=new F({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),h.$set(r)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function Ft(t){let e,$,n,a,c,m,h,x,w,D,k,C,O,T;return $=new G({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),w=new G({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),k=new G({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),O=new G({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=u(),a=y("tbody"),s(c.$$.fragment),m=u(),s(h.$$.fragment),x=u(),s(w.$$.fragment),D=u(),s(k.$$.fragment),C=u(),s(O.$$.fragment)},l(t){e=E(t,"THEAD",{});var s=v(e);r($.$$.fragment,s),s.forEach(d),n=g(t),a=E(t,"TBODY",{});var o=v(a);r(c.$$.fragment,o),m=g(o),r(h.$$.fragment,o),x=g(o),r(w.$$.fragment,o),D=g(o),r(k.$$.fragment,o),C=g(o),r(O.$$.fragment,o),o.forEach(d)},m(t,s){i(t,e,s),o($,e,null),i(t,n,s),i(t,a,s),o(c,a,null),b(a,m),o(h,a,null),b(a,x),o(w,a,null),b(a,D),o(k,a,null),b(a,C),o(O,a,null),T=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),h.$set(r);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),w.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),k.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),O.$set(f)},i(t){T||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(w.$$.fragment,t),f(k.$$.fragment,t),f(O.$$.fragment,t),T=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(w.$$.fragment,t),l(k.$$.fragment,t),l(O.$$.fragment,t),T=!1},d(t){t&&d(e),p($),t&&d(n),t&&d(a),p(c),p(h),p(w),p(k),p(O)}}}function Ht(t){let e;return{c(){e=h("Class Properties")},l(t){e=x(t,"Class Properties")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function Lt(t){let e,$,n,s,r,o,a,c,f,l,p,m,u;return{c(){e=h("All "),$=y("code"),n=h("<RadioButton>"),s=h(" components use the "),r=y("code"),o=h(".radio"),a=h(" class on the "),c=y("code"),f=h("<label>"),l=h(" and "),p=y("code"),m=h(".selector"),u=h(" on the selector circle.")},l(t){e=x(t,"All "),$=E(t,"CODE",{});var g=v($);n=x(g,"<RadioButton>"),g.forEach(d),s=x(t," components use the "),r=E(t,"CODE",{});var i=v(r);o=x(i,".radio"),i.forEach(d),a=x(t," class on the "),c=E(t,"CODE",{});var h=v(c);f=x(h,"<label>"),h.forEach(d),l=x(t," and "),p=E(t,"CODE",{});var y=v(p);m=x(y,".selector"),y.forEach(d),u=x(t," on the selector circle.")},m(t,g){i(t,e,g),i(t,$,g),b($,n),i(t,s,g),i(t,r,g),b(r,o),i(t,a,g),i(t,c,g),b(c,f),i(t,l,g),i(t,p,g),b(p,m),i(t,u,g)},p:D,d(t){t&&d(e),t&&d($),t&&d(s),t&&d(r),t&&d(a),t&&d(c),t&&d(l),t&&d(p),t&&d(u)}}}function Mt(t){let e;return{c(){e=h("Falsy values passed to classes will be disregarded.")},l(t){e=x(t,"Falsy values passed to classes will be disregarded.")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function Yt(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function It(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function Ut(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function Vt(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function Kt(t){let e,$,n,a,c,m,h,x;return e=new P({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function qt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("class")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"class"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function zt(t){let e,$;return{c(){e=y("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"null"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function Wt(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"string"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function _t(t){let e,$,n,s;return{c(){e=h("A class string to add to the root "),$=y("code"),n=h("<label>"),s=h(" element.")},l(t){e=x(t,"A class string to add to the root "),$=E(t,"CODE",{});var r=v($);n=x(r,"<label>"),r.forEach(d),s=x(t," element.")},m(t,r){i(t,e,r),i(t,$,r),b($,n),i(t,s,r)},p:D,d(t){t&&d(e),t&&d($),t&&d(s)}}}function Jt(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function Qt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("inputClass")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"inputClass"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function Xt(t){let e,$;return{c(){e=y("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"null"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function Zt(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"string"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function te(t){let e,$,n,s;return{c(){e=h("A class string to assign to the "),$=y("code"),n=h("<input>"),s=h(" element.")},l(t){e=x(t,"A class string to assign to the "),$=E(t,"CODE",{});var r=v($);n=x(r,"<input>"),r.forEach(d),s=x(t," element.")},m(t,r){i(t,e,r),i(t,$,r),b($,n),i(t,s,r)},p:D,d(t){t&&d(e),t&&d($),t&&d(s)}}}function ee(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function $e(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("selectorClass")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"selectorClass"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function ne(t){let e,$;return{c(){e=y("code"),$=h("null")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"null"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function se(t){let e,$;return{c(){e=y("code"),$=h("string")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"string"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function re(t){let e;return{c(){e=h("A class string to add to the selector circle.")},l(t){e=x(t,"A class string to add to the selector circle.")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function oe(t){let e,$,n,a,c,m,h,x;return e=new F({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),h=new F({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),x=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),h.$set(a)},i(t){x||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t)}}}function ae(t){let e,$,n,a,c,m,h,x,w,D;return $=new G({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),w=new G({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=u(),a=y("tbody"),s(c.$$.fragment),m=u(),s(h.$$.fragment),x=u(),s(w.$$.fragment)},l(t){e=E(t,"THEAD",{});var s=v(e);r($.$$.fragment,s),s.forEach(d),n=g(t),a=E(t,"TBODY",{});var o=v(a);r(c.$$.fragment,o),m=g(o),r(h.$$.fragment,o),x=g(o),r(w.$$.fragment,o),o.forEach(d)},m(t,s){i(t,e,s),o($,e,null),i(t,n,s),i(t,a,s),o(c,a,null),b(a,m),o(h,a,null),b(a,x),o(w,a,null),D=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),h.$set(r);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),w.$set(o)},i(t){D||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(w.$$.fragment,t),D=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(w.$$.fragment,t),D=!1},d(t){t&&d(e),p($),t&&d(n),t&&d(a),p(c),p(h),p(w)}}}function ce(t){let e;return{c(){e=h("Events")},l(t){e=x(t,"Events")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function fe(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function le(t){let e;return{c(){e=h("Event Detail")},l(t){e=x(t,"Event Detail")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function pe(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function me(t){let e,$,n,a,c,m;return e=new P({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function ue(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("change")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"change"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function ge(t){let e,$;return{c(){e=y("code"),$=h("{ value, nativeEvent }")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"{ value, nativeEvent }"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function ie(t){let e,$,n,s,r,o,a,c,f,l,p,m,u;return{c(){e=h("Fired when the selection changes. The "),$=y("code"),n=h("value"),s=h(" contains the element's "),r=y("code"),o=h("value"),a=h(" passed as a property (not altered, so if you pass an object, you get an object here) and "),c=y("code"),f=h("nativeEvent"),l=h(" has the "),p=y("a"),m=h("native change event"),u=h("."),this.h()},l(t){e=x(t,"Fired when the selection changes. The "),$=E(t,"CODE",{});var g=v($);n=x(g,"value"),g.forEach(d),s=x(t," contains the element's "),r=E(t,"CODE",{});var i=v(r);o=x(i,"value"),i.forEach(d),a=x(t," passed as a property (not altered, so if you pass an object, you get an object here) and "),c=E(t,"CODE",{});var h=v(c);f=x(h,"nativeEvent"),h.forEach(d),l=x(t," has the "),p=E(t,"A",{href:!0,rel:!0});var y=v(p);m=x(y,"native change event"),y.forEach(d),u=x(t,"."),this.h()},h(){w(p,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),w(p,"rel","nofollow")},m(t,g){i(t,e,g),i(t,$,g),b($,n),i(t,s,g),i(t,r,g),b(r,o),i(t,a,g),i(t,c,g),b(c,f),i(t,l,g),i(t,p,g),b(p,m),i(t,u,g)},p:D,d(t){t&&d(e),t&&d($),t&&d(s),t&&d(r),t&&d(a),t&&d(c),t&&d(l),t&&d(p),t&&d(u)}}}function de(t){let e,$,n,a,c,m;return e=new F({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function he(t){let e,$,n,a,c,m;return $=new G({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=u(),a=y("tbody"),s(c.$$.fragment)},l(t){e=E(t,"THEAD",{});var s=v(e);r($.$$.fragment,s),s.forEach(d),n=g(t),a=E(t,"TBODY",{});var o=v(a);r(c.$$.fragment,o),o.forEach(d)},m(t,s){i(t,e,s),o($,e,null),i(t,n,s),i(t,a,s),o(c,a,null),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&d(e),p($),t&&d(n),t&&d(a),p(c)}}}function xe(t){let e;return{c(){e=h("Slots")},l(t){e=x(t,"Slots")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function ye(t){let e;return{c(){e=h("Default slot")},l(t){e=x(t,"Default slot")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function Ee(t){let e,$,n,s,r;return{c(){e=h("The label for the radio button. By default, the slot is positioned to the right of the radio button, but its placement can be adjusted with the "),$=y("mark"),n=y("code"),s=h("slotLeft"),r=h(" property.")},l(t){e=x(t,"The label for the radio button. By default, the slot is positioned to the right of the radio button, but its placement can be adjusted with the "),$=E(t,"MARK",{});var o=v($);n=E(o,"CODE",{});var a=v(n);s=x(a,"slotLeft"),a.forEach(d),o.forEach(d),r=x(t," property.")},m(t,o){i(t,e,o),i(t,$,o),b($,n),b(n,s),i(t,r,o)},p:D,d(t){t&&d(e),t&&d($),t&&d(r)}}}function ve(t){let e;return{c(){e=h("SCSS Variables")},l(t){e=x(t,"SCSS Variables")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function we(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function be(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function De(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function ke(t){let e,$,n,a,c,m;return e=new P({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function Ce(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("$main")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"$main"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function Oe(t){let e;return{c(){e=h("The fill color of the selected radio button.")},l(t){e=x(t,"The fill color of the selected radio button.")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function Te(t){let e,$;return e=new R({props:{value:"#4300B0"}}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Se(t){let e,$,n,a,c,m;return e=new F({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function Re(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("$font")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"$font"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function Ne(t){let e;return{c(){e=h("The font of the radio button's label.")},l(t){e=x(t,"The font of the radio button's label.")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function Ae(t){let e,$;return{c(){e=y("code"),$=h("'Ubuntu'")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"'Ubuntu'"),n.forEach(d)},m(t,n){i(t,e,n),b(e,$)},p:D,d(t){t&&d(e)}}}function je(t){let e,$,n,a,c,m;return e=new F({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function Be(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("$disabled")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"$disabled"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function Ge(t){let e;return{c(){e=h("The fill color of the disabled radio button.")},l(t){e=x(t,"The fill color of the disabled radio button.")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function Pe(t){let e,$;return e=new R({props:{value:"#888888"}}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Fe(t){let e,$,n,a,c,m;return e=new F({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function He(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("$dark")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"$dark"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function Le(t){let e;return{c(){e=h("The background color of the radio button hover signifier.")},l(t){e=x(t,"The background color of the radio button hover signifier.")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function Me(t){let e,$;return e=new R({props:{value:"#333333"}}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Ye(t){let e,$,n,a,c,m;return e=new F({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function Ie(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("$light-contrast")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"$light-contrast"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function Ue(t){let e;return{c(){e=h("The border color of an unselected radio button, or the fill color of a selected disabled one.")},l(t){e=x(t,"The border color of an unselected radio button, or the fill color of a selected disabled one.")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function Ve(t){let e,$;return e=new R({props:{value:"#DDDDDD"}}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Ke(t){let e,$,n,a,c,m;return e=new F({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function qe(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=h("$main-text")},l(t){e=E(t,"STRONG",{});var s=v(e);$=E(s,"CODE",{});var r=v($);n=x(r,"$main-text"),r.forEach(d),s.forEach(d)},m(t,s){i(t,e,s),b(e,$),b($,n)},p:D,d(t){t&&d(e)}}}function ze(t){let e;return{c(){e=h("The color of the dot inside the selected radio button.")},l(t){e=x(t,"The color of the dot inside the selected radio button.")},m(t,$){i(t,e,$)},d(t){t&&d(e)}}}function We(t){let e,$;return e=new R({props:{value:"#FFFFFF",bordered:!0}}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function _e(t){let e,$,n,a,c,m;return e=new F({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t)}}}function Je(t){let e,$,n,a,c,m,h,x,w,D,k,C,O,T,S,R;return $=new G({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),w=new G({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),k=new G({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),O=new G({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),S=new G({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=u(),a=y("tbody"),s(c.$$.fragment),m=u(),s(h.$$.fragment),x=u(),s(w.$$.fragment),D=u(),s(k.$$.fragment),C=u(),s(O.$$.fragment),T=u(),s(S.$$.fragment)},l(t){e=E(t,"THEAD",{});var s=v(e);r($.$$.fragment,s),s.forEach(d),n=g(t),a=E(t,"TBODY",{});var o=v(a);r(c.$$.fragment,o),m=g(o),r(h.$$.fragment,o),x=g(o),r(w.$$.fragment,o),D=g(o),r(k.$$.fragment,o),C=g(o),r(O.$$.fragment,o),T=g(o),r(S.$$.fragment,o),o.forEach(d)},m(t,s){i(t,e,s),o($,e,null),i(t,n,s),i(t,a,s),o(c,a,null),b(a,m),o(h,a,null),b(a,x),o(w,a,null),b(a,D),o(k,a,null),b(a,C),o(O,a,null),b(a,T),o(S,a,null),R=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),h.$set(r);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),w.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),k.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),O.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l)},i(t){R||(f($.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(w.$$.fragment,t),f(k.$$.fragment,t),f(O.$$.fragment,t),f(S.$$.fragment,t),R=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(w.$$.fragment,t),l(k.$$.fragment,t),l(O.$$.fragment,t),l(S.$$.fragment,t),R=!1},d(t){t&&d(e),p($),t&&d(n),t&&d(a),p(c),p(h),p(w),p(k),p(O),p(S)}}}function Qe(t){let e,$,n,a,c,m,h,x,y,E,v,w,b,D,k,T,R,G,P,F,M,Y,q,z,W,_,J,Q,X,Z,tt,et,$t,nt,st,rt,ot,ft,lt,pt;return e=new C({props:{$$slots:{default:[H]},$$scope:{ctx:t}}}),n=new O({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),c=new N({props:{components:e$}}),h=new S({props:{$$slots:{source:[U],showcase:[I]},$$scope:{ctx:t}}}),y=new A({props:{id:"properties",$$slots:{default:[V]},$$scope:{ctx:t}}}),v=new j({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),b=new B({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),k=new j({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),R=new B({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),P=new j({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),M=new O({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),q=new O({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),W=new B({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),J=new A({props:{id:"events",$$slots:{default:[ce]},$$scope:{ctx:t}}}),X=new B({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),tt=new A({props:{id:"slots",$$slots:{default:[xe]},$$scope:{ctx:t}}}),$t=new j({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),st=new O({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),ot=new A({props:{id:"scss-variables",$$slots:{default:[ve]},$$scope:{ctx:t}}}),lt=new B({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),a=u(),s(c.$$.fragment),m=u(),s(h.$$.fragment),x=u(),s(y.$$.fragment),E=u(),s(v.$$.fragment),w=u(),s(b.$$.fragment),D=u(),s(k.$$.fragment),T=u(),s(R.$$.fragment),G=u(),s(P.$$.fragment),F=u(),s(M.$$.fragment),Y=u(),s(q.$$.fragment),z=u(),s(W.$$.fragment),_=u(),s(J.$$.fragment),Q=u(),s(X.$$.fragment),Z=u(),s(tt.$$.fragment),et=u(),s($t.$$.fragment),nt=u(),s(st.$$.fragment),rt=u(),s(ot.$$.fragment),ft=u(),s(lt.$$.fragment)},l(t){r(e.$$.fragment,t),$=g(t),r(n.$$.fragment,t),a=g(t),r(c.$$.fragment,t),m=g(t),r(h.$$.fragment,t),x=g(t),r(y.$$.fragment,t),E=g(t),r(v.$$.fragment,t),w=g(t),r(b.$$.fragment,t),D=g(t),r(k.$$.fragment,t),T=g(t),r(R.$$.fragment,t),G=g(t),r(P.$$.fragment,t),F=g(t),r(M.$$.fragment,t),Y=g(t),r(q.$$.fragment,t),z=g(t),r(W.$$.fragment,t),_=g(t),r(J.$$.fragment,t),Q=g(t),r(X.$$.fragment,t),Z=g(t),r(tt.$$.fragment,t),et=g(t),r($t.$$.fragment,t),nt=g(t),r(st.$$.fragment,t),rt=g(t),r(ot.$$.fragment,t),ft=g(t),r(lt.$$.fragment,t)},m(t,s){o(e,t,s),i(t,$,s),o(n,t,s),i(t,a,s),o(c,t,s),i(t,m,s),o(h,t,s),i(t,x,s),o(y,t,s),i(t,E,s),o(v,t,s),i(t,w,s),o(b,t,s),i(t,D,s),o(k,t,s),i(t,T,s),o(R,t,s),i(t,G,s),o(P,t,s),i(t,F,s),o(M,t,s),i(t,Y,s),o(q,t,s),i(t,z,s),o(W,t,s),i(t,_,s),o(J,t,s),i(t,Q,s),o(X,t,s),i(t,Z,s),o(tt,t,s),i(t,et,s),o($t,t,s),i(t,nt,s),o(st,t,s),i(t,rt,s),o(ot,t,s),i(t,ft,s),o(lt,t,s),pt=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),h.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),y.$set(a);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),v.$set(c);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),b.$set(f);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),k.$set(l);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),R.$set(p);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),P.$set(m);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),M.$set(u);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),q.$set(g);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),W.$set(i);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),J.$set(d);const x={};2&$&&(x.$$scope={dirty:$,ctx:t}),X.$set(x);const E={};2&$&&(E.$$scope={dirty:$,ctx:t}),tt.$set(E);const w={};2&$&&(w.$$scope={dirty:$,ctx:t}),$t.$set(w);const D={};2&$&&(D.$$scope={dirty:$,ctx:t}),st.$set(D);const C={};2&$&&(C.$$scope={dirty:$,ctx:t}),ot.$set(C);const O={};2&$&&(O.$$scope={dirty:$,ctx:t}),lt.$set(O)},i(t){pt||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(y.$$.fragment,t),f(v.$$.fragment,t),f(b.$$.fragment,t),f(k.$$.fragment,t),f(R.$$.fragment,t),f(P.$$.fragment,t),f(M.$$.fragment,t),f(q.$$.fragment,t),f(W.$$.fragment,t),f(J.$$.fragment,t),f(X.$$.fragment,t),f(tt.$$.fragment,t),f($t.$$.fragment,t),f(st.$$.fragment,t),f(ot.$$.fragment,t),f(lt.$$.fragment,t),pt=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(y.$$.fragment,t),l(v.$$.fragment,t),l(b.$$.fragment,t),l(k.$$.fragment,t),l(R.$$.fragment,t),l(P.$$.fragment,t),l(M.$$.fragment,t),l(q.$$.fragment,t),l(W.$$.fragment,t),l(J.$$.fragment,t),l(X.$$.fragment,t),l(tt.$$.fragment,t),l($t.$$.fragment,t),l(st.$$.fragment,t),l(ot.$$.fragment,t),l(lt.$$.fragment,t),pt=!1},d(t){p(e,t),t&&d($),p(n,t),t&&d(a),p(c,t),t&&d(m),p(h,t),t&&d(x),p(y,t),t&&d(E),p(v,t),t&&d(w),p(b,t),t&&d(D),p(k,t),t&&d(T),p(R,t),t&&d(G),p(P,t),t&&d(F),p(M,t),t&&d(Y),p(q,t),t&&d(z),p(W,t),t&&d(_),p(J,t),t&&d(Q),p(X,t),t&&d(Z),p(tt,t),t&&d(et),p($t,t),t&&d(nt),p(st,t),t&&d(rt),p(ot,t),t&&d(ft),p(lt,t)}}}function Xe(t){let e,$;const m=[t[0],Ze];let u={$$slots:{default:[Qe]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)u=n(u,m[t]);return e=new k({props:u}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p(t,[$]){const n=1&$?a(m,[1&$&&c(t[0]),0&$&&c(Ze)]):{};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}const Ze={name:"RadioButton",relatedComponents:[{name:"RadioGroup",link:"./docs/components/radio-group"}]},{name:t$,relatedComponents:e$}=Ze;function $$(t,e,$){return t.$$set=t=>{$(0,e=n(n({},e),m(t)))},[e=m(e)]}class n$ extends t{constructor(t){super(),e(this,t,$$,Xe,$,{})}}export{n$ as default,Ze as metadata};
diff --git a/376/client/radio-chip-92b65bc3.css b/376/client/radio-chip-92b65bc3.css
new file mode 100644
index 000000000..c114909fd
--- /dev/null
+++ b/376/client/radio-chip-92b65bc3.css
@@ -0,0 +1 @@
+.chip.svelte-kwof33.svelte-kwof33{background:rgba(0, 0, 0, 0.08);border-radius:1.5625em;color:#656565;font-family:"Ubuntu", sans-serif;font-weight:500;padding:0.6em 0.9em}.chip.small.svelte-kwof33.svelte-kwof33{font-size:0.9rem;min-width:0.9em;padding:0.4em 0.6em;text-align:center}.chip.outline.svelte-kwof33.svelte-kwof33{background:transparent;border:1px solid #4300b0}.chip.no-padding.svelte-kwof33.svelte-kwof33{padding:0}.input-chip.svelte-kwof33>input.svelte-kwof33{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.chip.svelte-kwof33.svelte-kwof33{cursor:pointer;-webkit-touch-callout:none;user-select:none}.chip.svelte-kwof33 .ripple{background:rgba(67, 0, 176, 0.1)}.chip.outline.svelte-kwof33.svelte-kwof33{border-color:rgba(0, 0, 0, 0.18)}input.svelte-kwof33+.chip.svelte-kwof33:hover{background:rgba(0, 0, 0, 0.13)}input.svelte-kwof33+.chip.outline.svelte-kwof33:hover{background:rgba(0, 0, 0, 0.06)}input.svelte-kwof33:disabled+.chip.svelte-kwof33{background:rgba(0, 0, 0, 0.03);color:#939393;cursor:not-allowed}input.svelte-kwof33:disabled+.chip.svelte-kwof33:hover{background:rgba(0, 0, 0, 0.03)}input.svelte-kwof33:focus+.chip.svelte-kwof33{background:rgba(0, 0, 0, 0.18)}input.svelte-kwof33:focus+.chip.outline.svelte-kwof33{background:rgba(0, 0, 0, 0.1)}input.svelte-kwof33:checked+.chip.svelte-kwof33{background:rgba(67, 0, 176, 0.12);color:#4300b0}input.svelte-kwof33:checked+.chip.outline.svelte-kwof33{background:rgba(67, 0, 176, 0.06);border-color:#4300b0;color:#4300b0}input.svelte-kwof33:focus:checked+.chip.svelte-kwof33{background-color:rgba(67, 0, 176, 0.25)}input.svelte-kwof33:focus:checked+.chip.outline.svelte-kwof33{background-color:rgba(67, 0, 176, 0.12)}
diff --git a/376/client/radio-chip-a57ac15c.css b/376/client/radio-chip-a57ac15c.css
new file mode 100644
index 000000000..05c8974dc
--- /dev/null
+++ b/376/client/radio-chip-a57ac15c.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-er5vl1{align-items:flex-start;display:flex}[slot=showcase].svelte-er5vl1 .chip{margin-right:0.5em}
diff --git a/376/client/radio-chip-group-14098d62.css b/376/client/radio-chip-group-14098d62.css
new file mode 100644
index 000000000..c5db9809d
--- /dev/null
+++ b/376/client/radio-chip-group-14098d62.css
@@ -0,0 +1 @@
+div.svelte-15v276f{display:flex;flex-wrap:wrap}div.svelte-15v276f .chip{margin-right:0.5em;margin-top:0.5em}
diff --git a/376/client/radio-chip-group.28cabddc.js b/376/client/radio-chip-group.28cabddc.js
new file mode 100644
index 000000000..429235d08
--- /dev/null
+++ b/376/client/radio-chip-group.28cabddc.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as $,j as a,l as s,m as o,U as r,a0 as c,t as p,p as f,q as l,L as m,u as i,h as u,v as g,w as d,k as h,b as x,x as v,d as E,e as y,f as w,g as k,n as C}from"./client.0d36a0cf.js";import{L as b,H as D,P as O}from"./layout.b2760304.js";import{R}from"./radio-chip-group.662491aa.js";import{S as T}from"./showcase.8eb3893d.js";import{C as A}from"./color-preview.278d2729.js";import{R as S}from"./related-components.2f822d5e.js";import{H as N}from"./h2.122c8b9f.js";import{H as G}from"./h3.1e03849b.js";import{T as j,a as F,b as L,c as M}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./radio-chip.0bf91b57.js";import"./button.743a388a.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./card.72b37821.js";function H(t){let e;return{c(){e=g("RadioChipGroup")},l(t){e=v(t,"RadioChipGroup")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function I(t){let e;return{c(){e=g("A set of options presented as chips with only one option to select.")},l(t){e=v(t,"A set of options presented as chips with only one option to select.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function P(t){let e,n,$,a,s,o,r,c,p,f,l;return{c(){e=g("If you need to allow selecting more than one option, consider using "),n=u("a"),$=u("mark"),a=u("code"),s=g("CheckboxChipGroup"),o=g(". If you need more customization for the chips, such as their slots, take a look at "),r=u("a"),c=u("mark"),p=u("code"),f=g("RadioChip"),l=g(", the building block of this component."),this.h()},l(t){e=v(t,"If you need to allow selecting more than one option, consider using "),n=h(t,"A",{href:!0});var m=x(n);$=h(m,"MARK",{});var i=x($);a=h(i,"CODE",{});var u=x(a);s=v(u,"CheckboxChipGroup"),u.forEach(E),i.forEach(E),m.forEach(E),o=v(t,". If you need more customization for the chips, such as their slots, take a look at "),r=h(t,"A",{href:!0});var g=x(r);c=h(g,"MARK",{});var d=x(c);p=h(d,"CODE",{});var y=x(p);f=v(y,"RadioChip"),y.forEach(E),d.forEach(E),g.forEach(E),l=v(t,", the building block of this component."),this.h()},h(){y(n,"href","./docs/components/checkbox-chip-group"),y(r,"href","./docs/components/radio-chip")},m(t,m){w(t,e,m),w(t,n,m),k(n,$),k($,a),k(a,s),w(t,o,m),w(t,r,m),k(r,c),k(c,p),k(p,f),w(t,l,m)},p:C,d(t){t&&E(e),t&&E(n),t&&E(o),t&&E(r),t&&E(l)}}}function q(t){let e,n,$,r,c,m,g;return n=new R({props:{items:t[0],name:"group1"}}),r=new R({props:{items:t[0],name:"group2",outline:!0}}),m=new R({props:{items:t[0],name:"group3",small:!0}}),{c(){e=u("div"),a(n.$$.fragment),$=i(),a(r.$$.fragment),c=i(),a(m.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var a=x(e);s(n.$$.fragment,a),$=d(a),s(r.$$.fragment,a),c=d(a),s(m.$$.fragment,a),a.forEach(E),this.h()},h(){y(e,"slot","showcase"),y(e,"class","padded")},m(t,a){w(t,e,a),o(n,e,null),k(e,$),o(r,e,null),k(e,c),o(m,e,null),g=!0},p:C,i(t){g||(p(n.$$.fragment,t),p(r.$$.fragment,t),p(m.$$.fragment,t),g=!0)},o(t){f(n.$$.fragment,t),f(r.$$.fragment,t),f(m.$$.fragment,t),g=!1},d(t){t&&E(e),l(n),l(r),l(m)}}}function B(t){let e,n;return{c(){e=u("div"),n=u("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var $=x(e);n=h($,"PRE",{class:!0}),x(n).forEach(E),$.forEach(E),this.h()},h(){y(n,"class","language-svelte"),y(e,"slot","source")},m(t,$){w(t,e,$),k(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">const</span> items <span class="token operator">=</span> <span class="token punctuation">[</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">\'option 1\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token number">1.5</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">\'option 1.5\'</span><span class="token punctuation">,</span> <span class="token literal-property property">disabled</span><span class="token operator">:</span> <span class="token boolean">true</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token number">2</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">\'option 2\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioChipGroup</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>items<span class="token punctuation">&#125;</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>group1<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioChipGroup</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>items<span class="token punctuation">&#125;</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>group2<span class="token punctuation">"</span></span> <span class="token attr-name">outline</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioChipGroup</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>items<span class="token punctuation">&#125;</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>group3<span class="token punctuation">"</span></span> <span class="token attr-name">small</span> <span class="token punctuation">/></span></span></code>'},p:C,d(t){t&&E(e)}}}function K(t){let e;return{c(){e=g("Properties")},l(t){e=v(t,"Properties")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function U(t){let e,n,$,a;return{c(){e=g("Any properties of "),n=u("code"),$=g("RadioChip"),a=g(" can be specified – they will be passed down.")},l(t){e=v(t,"Any properties of "),n=h(t,"CODE",{});var s=x(n);$=v(s,"RadioChip"),s.forEach(E),a=v(t," can be specified – they will be passed down.")},m(t,s){w(t,e,s),w(t,n,s),k(n,$),w(t,a,s)},p:C,d(t){t&&E(e),t&&E(n),t&&E(a)}}}function V(t){let e;return{c(){e=g("Functional Properties")},l(t){e=v(t,"Functional Properties")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function z(t){let e;return{c(){e=g("Name")},l(t){e=v(t,"Name")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Y(t){let e;return{c(){e=g("Default")},l(t){e=v(t,"Default")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function W(t){let e;return{c(){e=g("Type")},l(t){e=v(t,"Type")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function _(t){let e;return{c(){e=g("Description")},l(t){e=v(t,"Description")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function J(t){let e,n,$,r,c,m,u,g;return e=new L({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),u=new L({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment),m=i(),a(u.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t),m=d(t),s(u.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),w(t,m,a),o(u,t,a),g=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function Q(t){let e,n,$,a,s,o,r;return{c(){e=u("mark"),n=u("strong"),$=u("code"),a=g("items"),s=g(" "),o=u("span"),r=g("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);n=h(c,"STRONG",{});var p=x(n);$=h(p,"CODE",{});var f=x($);a=v(f,"items"),f.forEach(E),p.forEach(E),c.forEach(E),s=v(t," "),o=h(t,"SPAN",{class:!0});var l=x(o);r=v(l,"*"),l.forEach(E),this.h()},h(){y(o,"class","required")},m(t,c){w(t,e,c),k(e,n),k(n,$),k($,a),w(t,s,c),w(t,o,c),k(o,r)},p:C,d(t){t&&E(e),t&&E(s),t&&E(o)}}}function X(t){let e,n;return{c(){e=u("code"),n=g("Array")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"Array"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function Z(t){let e,n,$,a;return{c(){e=g("An array of "),n=u("code"),$=g("{ value, label, disabled }"),a=g(" objects, where only the value is required. Must contain at least one value.")},l(t){e=v(t,"An array of "),n=h(t,"CODE",{});var s=x(n);$=v(s,"{ value, label, disabled }"),s.forEach(E),a=v(t," objects, where only the value is required. Must contain at least one value.")},m(t,s){w(t,e,s),w(t,n,s),k(n,$),w(t,a,s)},p:C,d(t){t&&E(e),t&&E(n),t&&E(a)}}}function tt(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),$=new M({}),c=new M({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment),m=i(),a(u.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t),m=d(t),s(u.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),w(t,m,a),o(u,t,a),g=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),c.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),u.$set(s)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function et(t){let e,n,$,a,s,o,r;return{c(){e=u("mark"),n=u("strong"),$=u("code"),a=g("name"),s=g(" "),o=u("span"),r=g("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);n=h(c,"STRONG",{});var p=x(n);$=h(p,"CODE",{});var f=x($);a=v(f,"name"),f.forEach(E),p.forEach(E),c.forEach(E),s=v(t," "),o=h(t,"SPAN",{class:!0});var l=x(o);r=v(l,"*"),l.forEach(E),this.h()},h(){y(o,"class","required")},m(t,c){w(t,e,c),k(e,n),k(n,$),k($,a),w(t,s,c),w(t,o,c),k(o,r)},p:C,d(t){t&&E(e),t&&E(s),t&&E(o)}}}function nt(t){let e,n;return{c(){e=u("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"string"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function $t(t){let e,n,$,a;return{c(){e=g("The name of this radio button group. Check "),n=u("a"),$=g("MDN docs"),a=g(" for more information."),this.h()},l(t){e=v(t,"The name of this radio button group. Check "),n=h(t,"A",{href:!0,rel:!0});var s=x(n);$=v(s,"MDN docs"),s.forEach(E),a=v(t," for more information."),this.h()},h(){y(n,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname"),y(n,"rel","nofollow")},m(t,s){w(t,e,s),w(t,n,s),k(n,$),w(t,a,s)},p:C,d(t){t&&E(e),t&&E(n),t&&E(a)}}}function at(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),$=new M({}),c=new M({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment),m=i(),a(u.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t),m=d(t),s(u.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),w(t,m,a),o(u,t,a),g=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),c.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),u.$set(s)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function st(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("value")},l(t){e=h(t,"STRONG",{});var a=x(e);n=h(a,"CODE",{});var s=x(n);$=v(s,"value"),s.forEach(E),a.forEach(E)},m(t,a){w(t,e,a),k(e,n),k(n,$)},p:C,d(t){t&&E(e)}}}function ot(t){let e,n;return{c(){e=u("code"),n=g("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"null"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function rt(t){let e,n;return{c(){e=u("code"),n=g("any")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"any"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function ct(t){let e;return{c(){e=g("The currently selected value of the group.")},l(t){e=v(t,"The currently selected value of the group.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function pt(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment),m=i(),a(u.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t),m=d(t),s(u.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),w(t,m,a),o(u,t,a),g=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function ft(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("...")},l(t){e=h(t,"STRONG",{});var a=x(e);n=h(a,"CODE",{});var s=x(n);$=v(s,"..."),s.forEach(E),a.forEach(E)},m(t,a){w(t,e,a),k(e,n),k(n,$)},p:C,d(t){t&&E(e)}}}function lt(t){let e,n;return{c(){e=u("code"),n=g("any")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"any"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function mt(t){let e,n,$,a;return{c(){e=g("Everything else will be passed to the underlying "),n=u("code"),$=g("RadioChip"),a=g(" component.")},l(t){e=v(t,"Everything else will be passed to the underlying "),n=h(t,"CODE",{});var s=x(n);$=v(s,"RadioChip"),s.forEach(E),a=v(t," component.")},m(t,s){w(t,e,s),w(t,n,s),k(n,$),w(t,a,s)},p:C,d(t){t&&E(e),t&&E(n),t&&E(a)}}}function it(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),$=new M({}),c=new M({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment),m=i(),a(u.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t),m=d(t),s(u.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),w(t,m,a),o(u,t,a),g=!0},p(t,n){const $={};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),c.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),u.$set(s)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function ut(t){let e,n,$,r,c,m,g,v,y,C,b,D;return n=new F({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),g=new F({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),y=new F({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),b=new F({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),{c(){e=u("thead"),a(n.$$.fragment),$=i(),r=u("tbody"),a(c.$$.fragment),m=i(),a(g.$$.fragment),v=i(),a(y.$$.fragment),C=i(),a(b.$$.fragment)},l(t){e=h(t,"THEAD",{});var a=x(e);s(n.$$.fragment,a),a.forEach(E),$=d(t),r=h(t,"TBODY",{});var o=x(r);s(c.$$.fragment,o),m=d(o),s(g.$$.fragment,o),v=d(o),s(y.$$.fragment,o),C=d(o),s(b.$$.fragment,o),o.forEach(E)},m(t,a){w(t,e,a),o(n,e,null),w(t,$,a),w(t,r,a),o(c,r,null),k(r,m),o(g,r,null),k(r,v),o(y,r,null),k(r,C),o(b,r,null),D=!0},p(t,e){const $={};4&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),g.$set(s);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),y.$set(o);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),b.$set(r)},i(t){D||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),p(y.$$.fragment,t),p(b.$$.fragment,t),D=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),f(y.$$.fragment,t),f(b.$$.fragment,t),D=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(r),l(c),l(g),l(y),l(b)}}}function gt(t){let e;return{c(){e=g("Class Properties")},l(t){e=v(t,"Class Properties")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function dt(t){let e;return{c(){e=g("Falsy values passed to classes will be disregarded.")},l(t){e=v(t,"Falsy values passed to classes will be disregarded.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function ht(t){let e;return{c(){e=g("Name")},l(t){e=v(t,"Name")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function xt(t){let e;return{c(){e=g("Default")},l(t){e=v(t,"Default")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function vt(t){let e;return{c(){e=g("Type")},l(t){e=v(t,"Type")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Et(t){let e;return{c(){e=g("Description")},l(t){e=v(t,"Description")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function yt(t){let e,n,$,r,c,m,u,g;return e=new L({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),u=new L({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment),m=i(),a(u.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t),m=d(t),s(u.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),w(t,m,a),o(u,t,a),g=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function wt(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("class")},l(t){e=h(t,"STRONG",{});var a=x(e);n=h(a,"CODE",{});var s=x(n);$=v(s,"class"),s.forEach(E),a.forEach(E)},m(t,a){w(t,e,a),k(e,n),k(n,$)},p:C,d(t){t&&E(e)}}}function kt(t){let e,n;return{c(){e=u("code"),n=g("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"null"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function Ct(t){let e,n;return{c(){e=u("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"string"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function bt(t){let e;return{c(){e=g("A class string to add to the component.")},l(t){e=v(t,"A class string to add to the component.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Dt(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment),m=i(),a(u.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t),m=d(t),s(u.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),w(t,m,a),o(u,t,a),g=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function Ot(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("radioClass")},l(t){e=h(t,"STRONG",{});var a=x(e);n=h(a,"CODE",{});var s=x(n);$=v(s,"radioClass"),s.forEach(E),a.forEach(E)},m(t,a){w(t,e,a),k(e,n),k(n,$)},p:C,d(t){t&&E(e)}}}function Rt(t){let e,n;return{c(){e=u("code"),n=g("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"null"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function Tt(t){let e,n;return{c(){e=u("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"string"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function At(t){let e,n,$,a;return{c(){e=g("A class string to add to the "),n=u("code"),$=g("RadioChip"),a=g(" components inside.")},l(t){e=v(t,"A class string to add to the "),n=h(t,"CODE",{});var s=x(n);$=v(s,"RadioChip"),s.forEach(E),a=v(t," components inside.")},m(t,s){w(t,e,s),w(t,n,s),k(n,$),w(t,a,s)},p:C,d(t){t&&E(e),t&&E(n),t&&E(a)}}}function St(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment),m=i(),a(u.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t),m=d(t),s(u.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),w(t,m,a),o(u,t,a),g=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function Nt(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("labelClass")},l(t){e=h(t,"STRONG",{});var a=x(e);n=h(a,"CODE",{});var s=x(n);$=v(s,"labelClass"),s.forEach(E),a.forEach(E)},m(t,a){w(t,e,a),k(e,n),k(n,$)},p:C,d(t){t&&E(e)}}}function Gt(t){let e,n;return{c(){e=u("code"),n=g("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"null"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function jt(t){let e,n;return{c(){e=u("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"string"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function Ft(t){let e,n,$,a,s,o,r;return{c(){e=g("A class string to add to the wrapping "),n=u("code"),$=g("<span>"),a=g(" around the chips' labels. If it's not specified, the "),s=u("code"),o=g("<span>"),r=g(" will not be added.")},l(t){e=v(t,"A class string to add to the wrapping "),n=h(t,"CODE",{});var c=x(n);$=v(c,"<span>"),c.forEach(E),a=v(t," around the chips' labels. If it's not specified, the "),s=h(t,"CODE",{});var p=x(s);o=v(p,"<span>"),p.forEach(E),r=v(t," will not be added.")},m(t,c){w(t,e,c),w(t,n,c),k(n,$),w(t,a,c),w(t,s,c),k(s,o),w(t,r,c)},p:C,d(t){t&&E(e),t&&E(n),t&&E(a),t&&E(s),t&&E(r)}}}function Lt(t){let e,n,$,r,c,m,u,g;return e=new M({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),u=new M({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment),m=i(),a(u.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t),m=d(t),s(u.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),w(t,m,a),o(u,t,a),g=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),u.$set(r)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(u,t)}}}function Mt(t){let e,n,$,r,c,m,g,v,y,C;return n=new F({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),g=new F({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),y=new F({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),{c(){e=u("thead"),a(n.$$.fragment),$=i(),r=u("tbody"),a(c.$$.fragment),m=i(),a(g.$$.fragment),v=i(),a(y.$$.fragment)},l(t){e=h(t,"THEAD",{});var a=x(e);s(n.$$.fragment,a),a.forEach(E),$=d(t),r=h(t,"TBODY",{});var o=x(r);s(c.$$.fragment,o),m=d(o),s(g.$$.fragment,o),v=d(o),s(y.$$.fragment,o),o.forEach(E)},m(t,a){w(t,e,a),o(n,e,null),w(t,$,a),w(t,r,a),o(c,r,null),k(r,m),o(g,r,null),k(r,v),o(y,r,null),C=!0},p(t,e){const $={};4&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),g.$set(s);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),y.$set(o)},i(t){C||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),p(y.$$.fragment,t),C=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),f(y.$$.fragment,t),C=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(r),l(c),l(g),l(y)}}}function Ht(t){let e;return{c(){e=g("Events")},l(t){e=v(t,"Events")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function It(t){let e;return{c(){e=g("Name")},l(t){e=v(t,"Name")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Pt(t){let e;return{c(){e=g("Event Detail")},l(t){e=v(t,"Event Detail")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function qt(t){let e;return{c(){e=g("Description")},l(t){e=v(t,"Description")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Bt(t){let e,n,$,r,c,m;return e=new L({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),m=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function Kt(t){let e,n,$;return{c(){e=u("strong"),n=u("code"),$=g("change")},l(t){e=h(t,"STRONG",{});var a=x(e);n=h(a,"CODE",{});var s=x(n);$=v(s,"change"),s.forEach(E),a.forEach(E)},m(t,a){w(t,e,a),k(e,n),k(n,$)},p:C,d(t){t&&E(e)}}}function Ut(t){let e,n;return{c(){e=u("code"),n=g("{ value, nativeEvent }")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"{ value, nativeEvent }"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function Vt(t){let e,n,$,a,s,o,r,c,p,f,l,m,i;return{c(){e=g("Fired on selecting any chip in a group. The "),n=u("code"),$=g("value"),a=g(" contains the value of the selected chip (won't be stringified) and "),s=u("code"),o=g("nativeEvent"),r=g(" is the "),c=u("a"),p=g("native "),f=u("code"),l=g("change"),m=g(" event"),i=g(" of radio buttons."),this.h()},l(t){e=v(t,"Fired on selecting any chip in a group. The "),n=h(t,"CODE",{});var u=x(n);$=v(u,"value"),u.forEach(E),a=v(t," contains the value of the selected chip (won't be stringified) and "),s=h(t,"CODE",{});var g=x(s);o=v(g,"nativeEvent"),g.forEach(E),r=v(t," is the "),c=h(t,"A",{href:!0,rel:!0});var d=x(c);p=v(d,"native "),f=h(d,"CODE",{});var y=x(f);l=v(y,"change"),y.forEach(E),m=v(d," event"),d.forEach(E),i=v(t," of radio buttons."),this.h()},h(){y(c,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),y(c,"rel","nofollow")},m(t,u){w(t,e,u),w(t,n,u),k(n,$),w(t,a,u),w(t,s,u),k(s,o),w(t,r,u),w(t,c,u),k(c,p),k(c,f),k(f,l),k(c,m),w(t,i,u)},p:C,d(t){t&&E(e),t&&E(n),t&&E(a),t&&E(s),t&&E(r),t&&E(c),t&&E(i)}}}function zt(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),m=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function Yt(t){let e,n,$,r,c,m;return n=new F({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){e=u("thead"),a(n.$$.fragment),$=i(),r=u("tbody"),a(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var a=x(e);s(n.$$.fragment,a),a.forEach(E),$=d(t),r=h(t,"TBODY",{});var o=x(r);s(c.$$.fragment,o),o.forEach(E)},m(t,a){w(t,e,a),o(n,e,null),w(t,$,a),w(t,r,a),o(c,r,null),m=!0},p(t,e){const $={};4&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(r),l(c)}}}function Wt(t){let e;return{c(){e=g("SCSS Variables")},l(t){e=v(t,"SCSS Variables")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function _t(t){let e;return{c(){e=g("Name")},l(t){e=v(t,"Name")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Jt(t){let e;return{c(){e=g("Description")},l(t){e=v(t,"Description")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Qt(t){let e;return{c(){e=g("Default")},l(t){e=v(t,"Default")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Xt(t){let e,n,$,r,c,m;return e=new L({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),m=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function Zt(t){let e,n,$,a,s,o,r,c,p;return{c(){e=u("strong"),n=u("code"),$=g("$chip-bg"),a=i(),s=u("small"),o=g("From "),r=u("a"),c=u("code"),p=g("RadioChip"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=v(l,"$chip-bg"),l.forEach(E),f.forEach(E),a=d(t),s=h(t,"SMALL",{});var m=x(s);o=v(m,"From "),r=h(m,"A",{href:!0});var i=x(r);c=h(i,"CODE",{});var u=x(c);p=v(u,"RadioChip"),u.forEach(E),i.forEach(E),m.forEach(E),this.h()},h(){y(r,"href","./docs/components/radio-chip")},m(t,f){w(t,e,f),k(e,n),k(n,$),w(t,a,f),w(t,s,f),k(s,o),k(s,r),k(r,c),k(c,p)},p:C,d(t){t&&E(e),t&&E(a),t&&E(s)}}}function te(t){let e;return{c(){e=g("The background color of a non-outline chip.")},l(t){e=v(t,"The background color of a non-outline chip.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function ee(t){let e,n;return e=new A({props:{value:"rgba(0, 0, 0, .08)"}}),{c(){a(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p:C,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function ne(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),m=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function $e(t){let e,n,$,a,s,o,r,c,p;return{c(){e=u("strong"),n=u("code"),$=g("$chip-fg"),a=i(),s=u("small"),o=g("From "),r=u("a"),c=u("code"),p=g("RadioChip"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=v(l,"$chip-fg"),l.forEach(E),f.forEach(E),a=d(t),s=h(t,"SMALL",{});var m=x(s);o=v(m,"From "),r=h(m,"A",{href:!0});var i=x(r);c=h(i,"CODE",{});var u=x(c);p=v(u,"RadioChip"),u.forEach(E),i.forEach(E),m.forEach(E),this.h()},h(){y(r,"href","./docs/components/radio-chip")},m(t,f){w(t,e,f),k(e,n),k(n,$),w(t,a,f),w(t,s,f),k(s,o),k(s,r),k(r,c),k(c,p)},p:C,d(t){t&&E(e),t&&E(a),t&&E(s)}}}function ae(t){let e;return{c(){e=g("The text color of a chip.")},l(t){e=v(t,"The text color of a chip.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function se(t){let e,n;return e=new A({props:{value:"#656565"}}),{c(){a(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p:C,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function oe(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),m=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function re(t){let e,n,$,a,s,o,r,c,p;return{c(){e=u("strong"),n=u("code"),$=g("$chip-radius"),a=i(),s=u("small"),o=g("From "),r=u("a"),c=u("code"),p=g("RadioChip"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=v(l,"$chip-radius"),l.forEach(E),f.forEach(E),a=d(t),s=h(t,"SMALL",{});var m=x(s);o=v(m,"From "),r=h(m,"A",{href:!0});var i=x(r);c=h(i,"CODE",{});var u=x(c);p=v(u,"RadioChip"),u.forEach(E),i.forEach(E),m.forEach(E),this.h()},h(){y(r,"href","./docs/components/radio-chip")},m(t,f){w(t,e,f),k(e,n),k(n,$),w(t,a,f),w(t,s,f),k(s,o),k(s,r),k(r,c),k(c,p)},p:C,d(t){t&&E(e),t&&E(a),t&&E(s)}}}function ce(t){let e;return{c(){e=g("The curvature radius of a chip.")},l(t){e=v(t,"The curvature radius of a chip.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function pe(t){let e,n;return{c(){e=u("code"),n=g("1.5625em")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"1.5625em"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function fe(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),m=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function le(t){let e,n,$,a,s,o,r,c,p;return{c(){e=u("strong"),n=u("code"),$=g("$font"),a=i(),s=u("small"),o=g("From "),r=u("a"),c=u("code"),p=g("RadioChip"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=v(l,"$font"),l.forEach(E),f.forEach(E),a=d(t),s=h(t,"SMALL",{});var m=x(s);o=v(m,"From "),r=h(m,"A",{href:!0});var i=x(r);c=h(i,"CODE",{});var u=x(c);p=v(u,"RadioChip"),u.forEach(E),i.forEach(E),m.forEach(E),this.h()},h(){y(r,"href","./docs/components/radio-chip")},m(t,f){w(t,e,f),k(e,n),k(n,$),w(t,a,f),w(t,s,f),k(s,o),k(s,r),k(r,c),k(c,p)},p:C,d(t){t&&E(e),t&&E(a),t&&E(s)}}}function me(t){let e;return{c(){e=g("The font of the chip text.")},l(t){e=v(t,"The font of the chip text.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function ie(t){let e,n;return{c(){e=u("code"),n=g("'Ubuntu'")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"'Ubuntu'"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function ue(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),m=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function ge(t){let e,n,$,a,s,o,r,c,p;return{c(){e=u("strong"),n=u("code"),$=g("$main"),a=i(),s=u("small"),o=g("From "),r=u("a"),c=u("code"),p=g("RadioChip"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=v(l,"$main"),l.forEach(E),f.forEach(E),a=d(t),s=h(t,"SMALL",{});var m=x(s);o=v(m,"From "),r=h(m,"A",{href:!0});var i=x(r);c=h(i,"CODE",{});var u=x(c);p=v(u,"RadioChip"),u.forEach(E),i.forEach(E),m.forEach(E),this.h()},h(){y(r,"href","./docs/components/radio-chip")},m(t,f){w(t,e,f),k(e,n),k(n,$),w(t,a,f),w(t,s,f),k(s,o),k(s,r),k(r,c),k(c,p)},p:C,d(t){t&&E(e),t&&E(a),t&&E(s)}}}function de(t){let e;return{c(){e=g("The border color of outline chips and the selection color.")},l(t){e=v(t,"The border color of outline chips and the selection color.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function he(t){let e,n;return e=new A({props:{value:"#4300B0"}}),{c(){a(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p:C,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function xe(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),m=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function ve(t){let e,n,$,a,s,o,r,c,p;return{c(){e=u("strong"),n=u("code"),$=g("$bold-font-weight"),a=i(),s=u("small"),o=g("From "),r=u("a"),c=u("code"),p=g("RadioChip"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=v(l,"$bold-font-weight"),l.forEach(E),f.forEach(E),a=d(t),s=h(t,"SMALL",{});var m=x(s);o=v(m,"From "),r=h(m,"A",{href:!0});var i=x(r);c=h(i,"CODE",{});var u=x(c);p=v(u,"RadioChip"),u.forEach(E),i.forEach(E),m.forEach(E),this.h()},h(){y(r,"href","./docs/components/radio-chip")},m(t,f){w(t,e,f),k(e,n),k(n,$),w(t,a,f),w(t,s,f),k(s,o),k(s,r),k(r,c),k(c,p)},p:C,d(t){t&&E(e),t&&E(a),t&&E(s)}}}function Ee(t){let e;return{c(){e=g("The bold font weight of the chips.")},l(t){e=v(t,"The bold font weight of the chips.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function ye(t){let e,n;return{c(){e=u("code"),n=g("500")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"500"),$.forEach(E)},m(t,$){w(t,e,$),k(e,n)},p:C,d(t){t&&E(e)}}}function we(t){let e,n,$,r,c,m;return e=new M({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t)},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),m=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t)}}}function ke(t){let e,n,$,r,c,m,g,v,y,C,b,D,O,R,T,A;return n=new F({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),g=new F({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),y=new F({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),b=new F({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),O=new F({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),T=new F({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),{c(){e=u("thead"),a(n.$$.fragment),$=i(),r=u("tbody"),a(c.$$.fragment),m=i(),a(g.$$.fragment),v=i(),a(y.$$.fragment),C=i(),a(b.$$.fragment),D=i(),a(O.$$.fragment),R=i(),a(T.$$.fragment)},l(t){e=h(t,"THEAD",{});var a=x(e);s(n.$$.fragment,a),a.forEach(E),$=d(t),r=h(t,"TBODY",{});var o=x(r);s(c.$$.fragment,o),m=d(o),s(g.$$.fragment,o),v=d(o),s(y.$$.fragment,o),C=d(o),s(b.$$.fragment,o),D=d(o),s(O.$$.fragment,o),R=d(o),s(T.$$.fragment,o),o.forEach(E)},m(t,a){w(t,e,a),o(n,e,null),w(t,$,a),w(t,r,a),o(c,r,null),k(r,m),o(g,r,null),k(r,v),o(y,r,null),k(r,C),o(b,r,null),k(r,D),o(O,r,null),k(r,R),o(T,r,null),A=!0},p(t,e){const $={};4&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),g.$set(s);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),y.$set(o);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),b.$set(r);const p={};4&e&&(p.$$scope={dirty:e,ctx:t}),O.$set(p);const f={};4&e&&(f.$$scope={dirty:e,ctx:t}),T.$set(f)},i(t){A||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),p(y.$$.fragment,t),p(b.$$.fragment,t),p(O.$$.fragment,t),p(T.$$.fragment,t),A=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),f(y.$$.fragment,t),f(b.$$.fragment,t),f(O.$$.fragment,t),f(T.$$.fragment,t),A=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(r),l(c),l(g),l(y),l(b),l(O),l(T)}}}function Ce(t){let e,n,$,r,c,m,C,b,R,A,F,L,M,z,Y,W,_,J,Q,X,Z,tt,et,nt,$t,at,st,ot,rt,ct,pt,ft,lt,mt,it;return e=new D({props:{$$slots:{default:[H]},$$scope:{ctx:t}}}),$=new O({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),c=new O({props:{$$slots:{default:[P]},$$scope:{ctx:t}}}),C=new S({props:{components:Re}}),R=new T({props:{$$slots:{source:[B],showcase:[q]},$$scope:{ctx:t}}}),F=new N({props:{id:"properties",$$slots:{default:[K]},$$scope:{ctx:t}}}),M=new O({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),Y=new G({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),_=new j({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),tt=new G({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),nt=new O({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),at=new j({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),ot=new N({props:{id:"events",$$slots:{default:[Ht]},$$scope:{ctx:t}}}),ct=new j({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),ft=new N({props:{id:"scss-variables",$$slots:{default:[Wt]},$$scope:{ctx:t}}}),mt=new j({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a($.$$.fragment),r=i(),a(c.$$.fragment),m=i(),a(C.$$.fragment),b=i(),a(R.$$.fragment),A=i(),a(F.$$.fragment),L=i(),a(M.$$.fragment),z=i(),a(Y.$$.fragment),W=i(),a(_.$$.fragment),J=i(),Q=u("div"),X=g("* Required"),Z=i(),a(tt.$$.fragment),et=i(),a(nt.$$.fragment),$t=i(),a(at.$$.fragment),st=i(),a(ot.$$.fragment),rt=i(),a(ct.$$.fragment),pt=i(),a(ft.$$.fragment),lt=i(),a(mt.$$.fragment),this.h()},l(t){s(e.$$.fragment,t),n=d(t),s($.$$.fragment,t),r=d(t),s(c.$$.fragment,t),m=d(t),s(C.$$.fragment,t),b=d(t),s(R.$$.fragment,t),A=d(t),s(F.$$.fragment,t),L=d(t),s(M.$$.fragment,t),z=d(t),s(Y.$$.fragment,t),W=d(t),s(_.$$.fragment,t),J=d(t),Q=h(t,"DIV",{class:!0});var a=x(Q);X=v(a,"* Required"),a.forEach(E),Z=d(t),s(tt.$$.fragment,t),et=d(t),s(nt.$$.fragment,t),$t=d(t),s(at.$$.fragment,t),st=d(t),s(ot.$$.fragment,t),rt=d(t),s(ct.$$.fragment,t),pt=d(t),s(ft.$$.fragment,t),lt=d(t),s(mt.$$.fragment,t),this.h()},h(){y(Q,"class","required")},m(t,a){o(e,t,a),w(t,n,a),o($,t,a),w(t,r,a),o(c,t,a),w(t,m,a),o(C,t,a),w(t,b,a),o(R,t,a),w(t,A,a),o(F,t,a),w(t,L,a),o(M,t,a),w(t,z,a),o(Y,t,a),w(t,W,a),o(_,t,a),w(t,J,a),w(t,Q,a),k(Q,X),w(t,Z,a),o(tt,t,a),w(t,et,a),o(nt,t,a),w(t,$t,a),o(at,t,a),w(t,st,a),o(ot,t,a),w(t,rt,a),o(ct,t,a),w(t,pt,a),o(ft,t,a),w(t,lt,a),o(mt,t,a),it=!0},p(t,n){const a={};4&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const s={};4&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};4&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const r={};4&n&&(r.$$scope={dirty:n,ctx:t}),R.$set(r);const p={};4&n&&(p.$$scope={dirty:n,ctx:t}),F.$set(p);const f={};4&n&&(f.$$scope={dirty:n,ctx:t}),M.$set(f);const l={};4&n&&(l.$$scope={dirty:n,ctx:t}),Y.$set(l);const m={};4&n&&(m.$$scope={dirty:n,ctx:t}),_.$set(m);const i={};4&n&&(i.$$scope={dirty:n,ctx:t}),tt.$set(i);const u={};4&n&&(u.$$scope={dirty:n,ctx:t}),nt.$set(u);const g={};4&n&&(g.$$scope={dirty:n,ctx:t}),at.$set(g);const d={};4&n&&(d.$$scope={dirty:n,ctx:t}),ot.$set(d);const h={};4&n&&(h.$$scope={dirty:n,ctx:t}),ct.$set(h);const x={};4&n&&(x.$$scope={dirty:n,ctx:t}),ft.$set(x);const v={};4&n&&(v.$$scope={dirty:n,ctx:t}),mt.$set(v)},i(t){it||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(C.$$.fragment,t),p(R.$$.fragment,t),p(F.$$.fragment,t),p(M.$$.fragment,t),p(Y.$$.fragment,t),p(_.$$.fragment,t),p(tt.$$.fragment,t),p(nt.$$.fragment,t),p(at.$$.fragment,t),p(ot.$$.fragment,t),p(ct.$$.fragment,t),p(ft.$$.fragment,t),p(mt.$$.fragment,t),it=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(C.$$.fragment,t),f(R.$$.fragment,t),f(F.$$.fragment,t),f(M.$$.fragment,t),f(Y.$$.fragment,t),f(_.$$.fragment,t),f(tt.$$.fragment,t),f(nt.$$.fragment,t),f(at.$$.fragment,t),f(ot.$$.fragment,t),f(ct.$$.fragment,t),f(ft.$$.fragment,t),f(mt.$$.fragment,t),it=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(r),l(c,t),t&&E(m),l(C,t),t&&E(b),l(R,t),t&&E(A),l(F,t),t&&E(L),l(M,t),t&&E(z),l(Y,t),t&&E(W),l(_,t),t&&E(J),t&&E(Q),t&&E(Z),l(tt,t),t&&E(et),l(nt,t),t&&E($t),l(at,t),t&&E(st),l(ot,t),t&&E(rt),l(ct,t),t&&E(pt),l(ft,t),t&&E(lt),l(mt,t)}}}function be(t){let e,n;const m=[t[1],De];let i={$$slots:{default:[Ce]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=$(i,m[t]);return e=new b({props:i}),{c(){a(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p(t,[n]){const $=2&n?r(m,[2&n&&c(t[1]),0&n&&c(De)]):{};4&n&&($.$$scope={dirty:n,ctx:t}),e.$set($)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}const De={name:"RadioChipGroup",relatedComponents:[{name:"Chip",link:"./docs/components/chip"},{name:"RadioChip",link:"./docs/components/radio-chip"},{name:"CheckboxChip",link:"./docs/components/checkbox-chip"},{name:"CheckboxChipGroup",link:"./docs/components/checkbox-chip-group"}]},{name:Oe,relatedComponents:Re}=De;function Te(t,e,n){return t.$$set=t=>{n(1,e=$($({},e),m(t)))},[[{value:1,label:"option 1"},{value:1.5,label:"option 1.5",disabled:!0},{value:2,label:"option 2"}],e=m(e)]}class Ae extends t{constructor(t){super(),e(this,t,Te,be,n,{})}}export{Ae as default,De as metadata};
diff --git a/376/client/radio-chip-group.662491aa.js b/376/client/radio-chip-group.662491aa.js
new file mode 100644
index 000000000..0c4154322
--- /dev/null
+++ b/376/client/radio-chip-group.662491aa.js
@@ -0,0 +1 @@
+import{S as s,i as l,s as a,H as e,f as t,t as n,y as r,p as o,z as i,d as c,I as u,K as f,L as h,h as d,k as m,b as p,e as v,X as g,Z as $,_ as b,Y as C,$ as x,j,l as w,m as y,U as N,a0 as k,a1 as A,q as E,a2 as I,u as M,w as R,v as S,x as q,A as z,g as D}from"./client.0d36a0cf.js";import{c as H}from"./classes.2453fa25.js";import{R as K}from"./radio-chip.0bf91b57.js";function L(s,l,a){const e=s.slice();return e[9]=l[a],e}function P(s){let l,a,e,u=[],f=new Map,h=s[4];const C=s=>s[9].value;for(let l=0;l<h.length;l+=1){let a=L(s,h,l),e=C(a);f.set(e,u[l]=Y(e,a))}return{c(){l=d("div");for(let s=0;s<u.length;s+=1)u[s].c();this.h()},l(s){l=m(s,"DIV",{class:!0,role:!0});var a=p(l);for(let s=0;s<u.length;s+=1)u[s].l(a);a.forEach(c),this.h()},h(){v(l,"class",a=g(H(s[1]))+" svelte-15v276f"),v(l,"role","radiogroup")},m(s,a){t(s,l,a);for(let s=0;s<u.length;s+=1)u[s]&&u[s].m(l,null);e=!0},p(s,t){125&t&&(h=s[4],r(),u=$(u,t,C,1,s,h,f,l,b,Y,null,L),i()),(!e||2&t&&a!==(a=g(H(s[1]))+" svelte-15v276f"))&&v(l,"class",a)},i(s){if(!e){for(let s=0;s<h.length;s+=1)n(u[s]);e=!0}},o(s){for(let s=0;s<u.length;s+=1)o(u[s]);e=!1},d(s){s&&c(l);for(let s=0;s<u.length;s+=1)u[s].d()}}}function U(s){let l,a=(s[9].label||s[9].value)+"";return{c(){l=S(a)},l(s){l=q(s,a)},m(s,a){t(s,l,a)},p(s,e){16&e&&a!==(a=(s[9].label||s[9].value)+"")&&z(l,a)},d(s){s&&c(l)}}}function V(s){let l,a,e,n=(s[9].label||s[9].value)+"";return{c(){l=d("span"),a=S(n),this.h()},l(s){l=m(s,"SPAN",{class:!0});var e=p(l);a=q(e,n),e.forEach(c),this.h()},h(){v(l,"class",e=H(s[3]))},m(s,e){t(s,l,e),D(l,a)},p(s,t){16&t&&n!==(n=(s[9].label||s[9].value)+"")&&z(a,n),8&t&&e!==(e=H(s[3]))&&v(l,"class",e)},d(s){s&&c(l)}}}function X(s){let l;function a(s,l){return null!=s[3]?V:U}let e=a(s),n=e(s);return{c(){n.c(),l=M()},l(s){n.l(s),l=R(s)},m(s,a){n.m(s,a),t(s,l,a)},p(s,t){e===(e=a(s))&&n?n.p(s,t):(n.d(1),n=e(s),n&&(n.c(),n.m(l.parentNode,l)))},d(s){n.d(s),s&&c(l)}}}function Y(s,l){let a,r,i,u;const h=[{name:l[5]},{value:l[9].value},{disabled:l[9].disabled},{class:H(l[2])},l[6]];function d(s){l[7](s)}let m={$$slots:{default:[X]},$$scope:{ctx:l}};for(let s=0;s<h.length;s+=1)m=f(m,h[s]);return void 0!==l[0]&&(m.group=l[0]),r=new K({props:m}),C.push((()=>x(r,"group",d))),r.$on("change",l[8]),{key:s,first:null,c(){a=e(),j(r.$$.fragment),this.h()},l(s){a=e(),w(r.$$.fragment,s),this.h()},h(){this.first=a},m(s,l){t(s,a,l),y(r,s,l),u=!0},p(s,a){l=s;const e=116&a?N(h,[32&a&&{name:l[5]},16&a&&{value:l[9].value},16&a&&{disabled:l[9].disabled},4&a&&{class:H(l[2])},64&a&&k(l[6])]):{};4120&a&&(e.$$scope={dirty:a,ctx:l}),!i&&1&a&&(i=!0,e.group=l[0],A((()=>i=!1))),r.$set(e)},i(s){u||(n(r.$$.fragment,s),u=!0)},o(s){o(r.$$.fragment,s),u=!1},d(s){s&&c(a),E(r,s)}}}function Z(s){let l,a,u=null!=s[4]&&0!==s[4].length&&P(s);return{c(){u&&u.c(),l=e()},l(s){u&&u.l(s),l=e()},m(s,e){u&&u.m(s,e),t(s,l,e),a=!0},p(s,[a]){null!=s[4]&&0!==s[4].length?u?(u.p(s,a),16&a&&n(u,1)):(u=P(s),u.c(),n(u,1),u.m(l.parentNode,l)):u&&(r(),o(u,1,1,(()=>{u=null})),i())},i(s){a||(n(u),a=!0)},o(s){o(u),a=!1},d(s){u&&u.d(s),s&&c(l)}}}function _(s,l,a){const e=["class","radioClass","labelClass","items","value","name"];let t=u(l,e),{class:n=null}=l,{radioClass:r=null}=l,{labelClass:o=null}=l,{items:i}=l,{value:c=null}=l,{name:d}=l;return i&&0!==i.length||console.error("Must have at least one item in the radio chip group"),s.$$set=s=>{l=f(f({},l),h(s)),a(6,t=u(l,e)),"class"in s&&a(1,n=s.class),"radioClass"in s&&a(2,r=s.radioClass),"labelClass"in s&&a(3,o=s.labelClass),"items"in s&&a(4,i=s.items),"value"in s&&a(0,c=s.value),"name"in s&&a(5,d=s.name)},[c,n,r,o,i,d,t,function(s){c=s,a(0,c)},function(l){I.call(this,s,l)}]}var B=class extends s{constructor(s){super(),l(this,s,_,Z,a,{class:1,radioClass:2,labelClass:3,items:4,value:0,name:5})}};export{B as R};
diff --git a/376/client/radio-chip.0bf91b57.js b/376/client/radio-chip.0bf91b57.js
new file mode 100644
index 000000000..f2234e77a
--- /dev/null
+++ b/376/client/radio-chip.0bf91b57.js
@@ -0,0 +1 @@
+import{S as s,i as a,s as l,K as e,M as n,a3 as i,h as t,u,k as c,b as o,w as d,d as p,N as r,O as h,e as m,X as v,f,g,o as b,P as C,U as $,Q as _,R as k,T as w,V as P,t as E,p as j,W as x,I as y,J as I,L,v as A,x as N,A as R}from"./client.0d36a0cf.js";import{c as T}from"./classes.2453fa25.js";import{r as U}from"./button.743a388a.js";function V(s){let a,l,y,I,L,V,B,D,J,K,M,O,Q=[{__value:s[4]},{name:s[5]},{type:"radio"},{class:y=T(s[2])},{disabled:s[6]},s[12]],S={};for(let s=0;s<Q.length;s+=1)S=e(S,Q[s]);const W=s[14].default,X=n(W,s,s[13],null),q=X||function(s){let a;return{c(){a=A(s[4])},l(l){a=N(l,s[4])},m(s,l){f(s,a,l)},p(s,l){16&l&&R(a,s[4])},d(s){s&&p(a)}}}(s);return K=i(s[16][0]),{c(){a=t("label"),l=t("input"),I=u(),L=t("div"),q&&q.c(),this.h()},l(s){a=c(s,"LABEL",{class:!0});var e=o(a);l=c(e,"INPUT",{name:!0,type:!0,class:!0}),I=d(e),L=c(e,"DIV",{title:!0,class:!0});var n=o(L);q&&q.l(n),n.forEach(p),e.forEach(p),this.h()},h(){r(l,S),h(l,"svelte-kwof33",!0),m(L,"title",s[7]),m(L,"class",V=v(T("chip",s[3]))+" svelte-kwof33"),h(L,"small",s[8]),h(L,"outline",s[9]),h(L,"no-padding",s[10]),m(a,"class",D=v(T("input-chip radio-chip",s[1]))+" svelte-kwof33"),K.p(l)},m(e,n){f(e,a,n),g(a,l),l.autofocus&&l.focus(),l.checked=l.__value===s[0],g(a,I),g(a,L),q&&q.m(L,null),J=!0,M||(O=[b(l,"change",s[15]),b(l,"change",s[17]),C(B=U.call(null,L,{disabled:s[6]}))],M=!0)},p(s,[e]){r(l,S=$(Q,[(!J||16&e)&&{__value:s[4]},(!J||32&e)&&{name:s[5]},{type:"radio"},(!J||4&e&&y!==(y=T(s[2])))&&{class:y},(!J||64&e)&&{disabled:s[6]},4096&e&&s[12]])),1&e&&(l.checked=l.__value===s[0]),h(l,"svelte-kwof33",!0),X?X.p&&(!J||8192&e)&&_(X,W,s,s[13],J?w(W,s[13],e,null):k(s[13]),null):q&&q.p&&(!J||16&e)&&q.p(s,J?e:-1),(!J||128&e)&&m(L,"title",s[7]),(!J||8&e&&V!==(V=v(T("chip",s[3]))+" svelte-kwof33"))&&m(L,"class",V),B&&P(B.update)&&64&e&&B.update.call(null,{disabled:s[6]}),(!J||264&e)&&h(L,"small",s[8]),(!J||520&e)&&h(L,"outline",s[9]),(!J||1032&e)&&h(L,"no-padding",s[10]),(!J||2&e&&D!==(D=v(T("input-chip radio-chip",s[1]))+" svelte-kwof33"))&&m(a,"class",D)},i(s){J||(E(q,s),J=!0)},o(s){j(q,s),J=!1},d(s){s&&p(a),q&&q.d(s),K.r(),M=!1,x(O)}}}function B(s,a,l){const n=["class","inputClass","chipClass","value","name","disabled","group","title","small","outline","noPadding"];let i=y(a,n),{$$slots:t={},$$scope:u}=a,{class:c=null}=a,{inputClass:o=null}=a,{chipClass:d=null}=a,{value:p}=a,{name:r}=a,{disabled:h=!1}=a,{group:m=null}=a,{title:v=null}=a,{small:f=!1}=a,{outline:g=!1}=a,{noPadding:b=!1}=a;const C=I();return s.$$set=s=>{a=e(e({},a),L(s)),l(12,i=y(a,n)),"class"in s&&l(1,c=s.class),"inputClass"in s&&l(2,o=s.inputClass),"chipClass"in s&&l(3,d=s.chipClass),"value"in s&&l(4,p=s.value),"name"in s&&l(5,r=s.name),"disabled"in s&&l(6,h=s.disabled),"group"in s&&l(0,m=s.group),"title"in s&&l(7,v=s.title),"small"in s&&l(8,f=s.small),"outline"in s&&l(9,g=s.outline),"noPadding"in s&&l(10,b=s.noPadding),"$$scope"in s&&l(13,u=s.$$scope)},[m,c,o,d,p,r,h,v,f,g,b,C,i,u,t,function(){m=this.__value,l(0,m)},[[]],s=>C("change",{value:p,nativeEvent:s})]}var D=class extends s{constructor(s){super(),a(this,s,B,V,l,{class:1,inputClass:2,chipClass:3,value:4,name:5,disabled:6,group:0,title:7,small:8,outline:9,noPadding:10})}};export{D as R};
diff --git a/376/client/radio-chip.8c9e8504.js b/376/client/radio-chip.8c9e8504.js
new file mode 100644
index 000000000..9d433ffaf
--- /dev/null
+++ b/376/client/radio-chip.8c9e8504.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as r,l as s,m as o,U as a,a0 as c,t as f,p,q as l,L as m,u as i,h as g,v as u,w as d,k as h,b as x,x as w,d as y,e as E,f as v,g as D,n as C}from"./client.0d36a0cf.js";import{L as b,H as O,P as k}from"./layout.b2760304.js";import{R as T}from"./radio-chip.0bf91b57.js";import{S as R}from"./showcase.8eb3893d.js";import{C as S}from"./color-preview.278d2729.js";import{R as N}from"./related-components.2f822d5e.js";import{H as A}from"./h2.122c8b9f.js";import{H as G}from"./h3.1e03849b.js";import{T as j,a as P,b as H,c as M}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./button.743a388a.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./card.72b37821.js";function I(t){let e;return{c(){e=u("RadioChip")},l(t){e=w(t,"RadioChip")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function U(t){let e;return{c(){e=u("An option to select in an inline fashion, as opposed to regular radio buttons.")},l(t){e=w(t,"An option to select in an inline fashion, as opposed to regular radio buttons.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function q(t){let e,$,n,r,s,o;return{c(){e=u("If you don't need too much customization, consider using "),$=g("a"),n=g("mark"),r=g("code"),s=u("RadioChipGroup"),o=u(", which offers a nice way to generate lists of options."),this.h()},l(t){e=w(t,"If you don't need too much customization, consider using "),$=h(t,"A",{href:!0});var a=x($);n=h(a,"MARK",{});var c=x(n);r=h(c,"CODE",{});var f=x(r);s=w(f,"RadioChipGroup"),f.forEach(y),c.forEach(y),a.forEach(y),o=w(t,", which offers a nice way to generate lists of options."),this.h()},h(){E($,"href","./docs/components/radio-chip-group")},m(t,a){v(t,e,a),v(t,$,a),D($,n),D(n,r),D(r,s),v(t,o,a)},p:C,d(t){t&&y(e),t&&y($),t&&y(o)}}}function B(t){let e;return{c(){e=u("opt 1")},l(t){e=w(t,"opt 1")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function F(t){let e;return{c(){e=u("opt 2")},l(t){e=w(t,"opt 2")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function L(t){let e,$,n,a,c,m,u;return $=new T({props:{value:"wrong",name:"selection",outline:!0,$$slots:{default:[B]},$$scope:{ctx:t}}}),a=new T({props:{value:"right",name:"selection",small:!0,$$slots:{default:[F]},$$scope:{ctx:t}}}),m=new T({props:{value:"opt 3",name:"selection"}}),{c(){e=g("div"),r($.$$.fragment),n=i(),r(a.$$.fragment),c=i(),r(m.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var r=x(e);s($.$$.fragment,r),n=d(r),s(a.$$.fragment,r),c=d(r),s(m.$$.fragment,r),r.forEach(y),this.h()},h(){E(e,"slot","showcase"),E(e,"class","padded svelte-er5vl1")},m(t,r){v(t,e,r),o($,e,null),D(e,n),o(a,e,null),D(e,c),o(m,e,null),u=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),a.$set(r)},i(t){u||(f($.$$.fragment,t),f(a.$$.fragment,t),f(m.$$.fragment,t),u=!0)},o(t){p($.$$.fragment,t),p(a.$$.fragment,t),p(m.$$.fragment,t),u=!1},d(t){t&&y(e),l($),l(a),l(m)}}}function V(t){let e,$;return{c(){e=g("div"),$=g("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var n=x(e);$=h(n,"PRE",{class:!0}),x($).forEach(y),n.forEach(y),this.h()},h(){E($,"class","language-svelte"),E(e,"slot","source")},m(t,n){v(t,e,n),D(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioChip</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>wrong<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>selection<span class="token punctuation">"</span></span> <span class="token attr-name">outline</span><span class="token punctuation">></span></span>opt 1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>RadioChip</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioChip</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>right<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>selection<span class="token punctuation">"</span></span> <span class="token attr-name">small</span><span class="token punctuation">></span></span>opt 2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>RadioChip</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioChip</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>opt 3<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>selection<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code>'},p:C,d(t){t&&y(e)}}}function Y(t){let e;return{c(){e=u("Properties")},l(t){e=w(t,"Properties")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function z(t){let e;return{c(){e=u("Style Properties")},l(t){e=w(t,"Style Properties")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function K(t){let e;return{c(){e=u("Name")},l(t){e=w(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function W(t){let e;return{c(){e=u("Default")},l(t){e=w(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function _(t){let e;return{c(){e=u("Type")},l(t){e=w(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function J(t){let e;return{c(){e=u("Description")},l(t){e=w(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Q(t){let e,$,n,a,c,m,g,u;return e=new H({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function X(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("small")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"small"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function Z(t){let e,$;return{c(){e=g("code"),$=u("false")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"false"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function tt(t){let e,$;return{c(){e=g("code"),$=u("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"boolean"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function et(t){let e;return{c(){e=u("Makes the chip smaller.")},l(t){e=w(t,"Makes the chip smaller.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function $t(t){let e,$,n,a,c,m,g,u;return e=new M({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function nt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("outline")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"outline"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function rt(t){let e,$;return{c(){e=g("code"),$=u("false")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"false"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function st(t){let e,$;return{c(){e=g("code"),$=u("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"boolean"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function ot(t){let e;return{c(){e=u("Adds a border to the chip instead of the background.")},l(t){e=w(t,"Adds a border to the chip instead of the background.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function at(t){let e,$,n,a,c,m,g,u;return e=new M({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function ct(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("noPadding")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"noPadding"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function ft(t){let e,$;return{c(){e=g("code"),$=u("false")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"false"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function pt(t){let e,$;return{c(){e=g("code"),$=u("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"boolean"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function lt(t){let e;return{c(){e=u("Clears the internal padding. Useful if you want to handle spacing yourself.")},l(t){e=w(t,"Clears the internal padding. Useful if you want to handle spacing yourself.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function mt(t){let e,$,n,a,c,m,g,u;return e=new M({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function it(t){let e,$,n,a,c,m,u,w,E,C;return $=new P({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),E=new P({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=i(),a=g("tbody"),r(c.$$.fragment),m=i(),r(u.$$.fragment),w=i(),r(E.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(y),n=d(t),a=h(t,"TBODY",{});var o=x(a);s(c.$$.fragment,o),m=d(o),s(u.$$.fragment,o),w=d(o),s(E.$$.fragment,o),o.forEach(y)},m(t,r){v(t,e,r),o($,e,null),v(t,n,r),v(t,a,r),o(c,a,null),D(a,m),o(u,a,null),D(a,w),o(E,a,null),C=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),u.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),E.$set(o)},i(t){C||(f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(E.$$.fragment,t),C=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(E.$$.fragment,t),C=!1},d(t){t&&y(e),l($),t&&y(n),t&&y(a),l(c),l(u),l(E)}}}function gt(t){let e;return{c(){e=u("Functional Properties")},l(t){e=w(t,"Functional Properties")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function ut(t){let e;return{c(){e=u("Name")},l(t){e=w(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function dt(t){let e;return{c(){e=u("Default")},l(t){e=w(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function ht(t){let e;return{c(){e=u("Type")},l(t){e=w(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function xt(t){let e;return{c(){e=u("Description")},l(t){e=w(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function wt(t){let e,$,n,a,c,m,g,u;return e=new H({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function yt(t){let e,$,n,r,s,o,a;return{c(){e=g("mark"),$=g("strong"),n=g("code"),r=u("value"),s=u(" "),o=g("span"),a=u("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);n=h(f,"CODE",{});var p=x(n);r=w(p,"value"),p.forEach(y),f.forEach(y),c.forEach(y),s=w(t," "),o=h(t,"SPAN",{class:!0});var l=x(o);a=w(l,"*"),l.forEach(y),this.h()},h(){E(o,"class","required")},m(t,c){v(t,e,c),D(e,$),D($,n),D(n,r),v(t,s,c),v(t,o,c),D(o,a)},p:C,d(t){t&&y(e),t&&y(s),t&&y(o)}}}function Et(t){let e,$;return{c(){e=g("code"),$=u("any")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"any"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function vt(t){let e,$,n,r;return{c(){e=u("The value of this radio button. Included in events and can be bound to using "),$=g("code"),n=u("bind:group"),r=u(".")},l(t){e=w(t,"The value of this radio button. Included in events and can be bound to using "),$=h(t,"CODE",{});var s=x($);n=w(s,"bind:group"),s.forEach(y),r=w(t,".")},m(t,s){v(t,e,s),v(t,$,s),D($,n),v(t,r,s)},p:C,d(t){t&&y(e),t&&y($),t&&y(r)}}}function Dt(t){let e,$,n,a,c,m,g,u;return e=new M({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),n=new M({}),c=new M({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),g.$set(s)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function Ct(t){let e,$,n,r,s,o,a;return{c(){e=g("mark"),$=g("strong"),n=g("code"),r=u("name"),s=u(" "),o=g("span"),a=u("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);n=h(f,"CODE",{});var p=x(n);r=w(p,"name"),p.forEach(y),f.forEach(y),c.forEach(y),s=w(t," "),o=h(t,"SPAN",{class:!0});var l=x(o);a=w(l,"*"),l.forEach(y),this.h()},h(){E(o,"class","required")},m(t,c){v(t,e,c),D(e,$),D($,n),D(n,r),v(t,s,c),v(t,o,c),D(o,a)},p:C,d(t){t&&y(e),t&&y(s),t&&y(o)}}}function bt(t){let e,$;return{c(){e=g("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function Ot(t){let e,$,n,r;return{c(){e=u("The name of the group to relate this radio chip to. Check "),$=g("a"),n=u("MDN docs"),r=u(" for more information."),this.h()},l(t){e=w(t,"The name of the group to relate this radio chip to. Check "),$=h(t,"A",{href:!0,rel:!0});var s=x($);n=w(s,"MDN docs"),s.forEach(y),r=w(t," for more information."),this.h()},h(){E($,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname"),E($,"rel","nofollow")},m(t,s){v(t,e,s),v(t,$,s),D($,n),v(t,r,s)},p:C,d(t){t&&y(e),t&&y($),t&&y(r)}}}function kt(t){let e,$,n,a,c,m,g,u;return e=new M({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),n=new M({}),c=new M({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),g.$set(s)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function Tt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("disabled")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"disabled"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function Rt(t){let e,$;return{c(){e=g("code"),$=u("false")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"false"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function St(t){let e,$;return{c(){e=g("code"),$=u("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"boolean"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function Nt(t){let e;return{c(){e=u("Disables the chip and disallows selection.")},l(t){e=w(t,"Disables the chip and disallows selection.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function At(t){let e,$,n,a,c,m,g,u;return e=new M({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function Gt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("group")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"group"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function jt(t){let e,$;return{c(){e=g("code"),$=u("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function Pt(t){let e,$;return{c(){e=g("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function Ht(t){let e,$,n,r;return{c(){e=u("The currently selected value among the radio chips with the same name. Often used with a two-way binding: "),$=g("code"),n=u("bind:group"),r=u(".")},l(t){e=w(t,"The currently selected value among the radio chips with the same name. Often used with a two-way binding: "),$=h(t,"CODE",{});var s=x($);n=w(s,"bind:group"),s.forEach(y),r=w(t,".")},m(t,s){v(t,e,s),v(t,$,s),D($,n),v(t,r,s)},p:C,d(t){t&&y(e),t&&y($),t&&y(r)}}}function Mt(t){let e,$,n,a,c,m,g,u;return e=new M({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function It(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("title")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"title"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function Ut(t){let e,$;return{c(){e=g("code"),$=u("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function qt(t){let e,$;return{c(){e=g("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function Bt(t){let e;return{c(){e=u("The tooltip to give to a chip.")},l(t){e=w(t,"The tooltip to give to a chip.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Ft(t){let e,$,n,a,c,m,g,u;return e=new M({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function Lt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("...")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"..."),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function Vt(t){let e,$;return{c(){e=g("code"),$=u("any")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"any"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function Yt(t){let e,$,n,r;return{c(){e=u("Everything else will be passed to the underlying "),$=g("code"),n=u("<input>"),r=u(" element.")},l(t){e=w(t,"Everything else will be passed to the underlying "),$=h(t,"CODE",{});var s=x($);n=w(s,"<input>"),s.forEach(y),r=w(t," element.")},m(t,s){v(t,e,s),v(t,$,s),D($,n),v(t,r,s)},p:C,d(t){t&&y(e),t&&y($),t&&y(r)}}}function zt(t){let e,$,n,a,c,m,g,u;return e=new M({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),n=new M({}),c=new M({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),g.$set(s)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function Kt(t){let e,$,n,a,c,m,u,w,E,C,b,O,k,T,R,S;return $=new P({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),E=new P({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),b=new P({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),k=new P({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),R=new P({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=i(),a=g("tbody"),r(c.$$.fragment),m=i(),r(u.$$.fragment),w=i(),r(E.$$.fragment),C=i(),r(b.$$.fragment),O=i(),r(k.$$.fragment),T=i(),r(R.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(y),n=d(t),a=h(t,"TBODY",{});var o=x(a);s(c.$$.fragment,o),m=d(o),s(u.$$.fragment,o),w=d(o),s(E.$$.fragment,o),C=d(o),s(b.$$.fragment,o),O=d(o),s(k.$$.fragment,o),T=d(o),s(R.$$.fragment,o),o.forEach(y)},m(t,r){v(t,e,r),o($,e,null),v(t,n,r),v(t,a,r),o(c,a,null),D(a,m),o(u,a,null),D(a,w),o(E,a,null),D(a,C),o(b,a,null),D(a,O),o(k,a,null),D(a,T),o(R,a,null),S=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),u.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),E.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),b.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),k.$set(f);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),R.$set(p)},i(t){S||(f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(E.$$.fragment,t),f(b.$$.fragment,t),f(k.$$.fragment,t),f(R.$$.fragment,t),S=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(E.$$.fragment,t),p(b.$$.fragment,t),p(k.$$.fragment,t),p(R.$$.fragment,t),S=!1},d(t){t&&y(e),l($),t&&y(n),t&&y(a),l(c),l(u),l(E),l(b),l(k),l(R)}}}function Wt(t){let e;return{c(){e=u("Class Properties")},l(t){e=w(t,"Class Properties")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function _t(t){let e,$,n,r,s,o,a,c,f,p;return{c(){e=u("All "),$=g("code"),n=u("<RadioChip>"),r=u(" components use the "),s=g("code"),o=u(".input-chip"),a=u(" and "),c=g("code"),f=u(".radio-chip"),p=u(" classes.")},l(t){e=w(t,"All "),$=h(t,"CODE",{});var l=x($);n=w(l,"<RadioChip>"),l.forEach(y),r=w(t," components use the "),s=h(t,"CODE",{});var m=x(s);o=w(m,".input-chip"),m.forEach(y),a=w(t," and "),c=h(t,"CODE",{});var i=x(c);f=w(i,".radio-chip"),i.forEach(y),p=w(t," classes.")},m(t,l){v(t,e,l),v(t,$,l),D($,n),v(t,r,l),v(t,s,l),D(s,o),v(t,a,l),v(t,c,l),D(c,f),v(t,p,l)},p:C,d(t){t&&y(e),t&&y($),t&&y(r),t&&y(s),t&&y(a),t&&y(c),t&&y(p)}}}function Jt(t){let e;return{c(){e=u("Falsy values passed to classes will be disregarded.")},l(t){e=w(t,"Falsy values passed to classes will be disregarded.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Qt(t){let e;return{c(){e=u("Name")},l(t){e=w(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Xt(t){let e;return{c(){e=u("Default")},l(t){e=w(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Zt(t){let e;return{c(){e=u("Type")},l(t){e=w(t,"Type")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function te(t){let e;return{c(){e=u("Description")},l(t){e=w(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function ee(t){let e,$,n,a,c,m,g,u;return e=new H({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function $e(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("class")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"class"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function ne(t){let e,$;return{c(){e=g("code"),$=u("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function re(t){let e,$;return{c(){e=g("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function se(t){let e;return{c(){e=u("A class string to add to the component.")},l(t){e=w(t,"A class string to add to the component.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function oe(t){let e,$,n,a,c,m,g,u;return e=new M({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function ae(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("inputClass")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"inputClass"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function ce(t){let e,$;return{c(){e=g("code"),$=u("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function fe(t){let e,$;return{c(){e=g("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function pe(t){let e,$,n,r;return{c(){e=u("A class string to add to the "),$=g("code"),n=u("<input>"),r=u(" element.")},l(t){e=w(t,"A class string to add to the "),$=h(t,"CODE",{});var s=x($);n=w(s,"<input>"),s.forEach(y),r=w(t," element.")},m(t,s){v(t,e,s),v(t,$,s),D($,n),v(t,r,s)},p:C,d(t){t&&y(e),t&&y($),t&&y(r)}}}function le(t){let e,$,n,a,c,m,g,u;return e=new M({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function me(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("chipClass")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"chipClass"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function ie(t){let e,$;return{c(){e=g("code"),$=u("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function ge(t){let e,$;return{c(){e=g("code"),$=u("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function ue(t){let e;return{c(){e=u("A class string to add to the underlying Chip element.")},l(t){e=w(t,"A class string to add to the underlying Chip element.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function de(t){let e,$,n,a,c,m,g,u;return e=new M({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),g=new M({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(g.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(g.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(g,t,r),u=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){u||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),u=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),u=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(g,t)}}}function he(t){let e,$,n,a,c,m,u,w,E,C;return $=new P({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),E=new P({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=i(),a=g("tbody"),r(c.$$.fragment),m=i(),r(u.$$.fragment),w=i(),r(E.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(y),n=d(t),a=h(t,"TBODY",{});var o=x(a);s(c.$$.fragment,o),m=d(o),s(u.$$.fragment,o),w=d(o),s(E.$$.fragment,o),o.forEach(y)},m(t,r){v(t,e,r),o($,e,null),v(t,n,r),v(t,a,r),o(c,a,null),D(a,m),o(u,a,null),D(a,w),o(E,a,null),C=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),u.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),E.$set(o)},i(t){C||(f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(E.$$.fragment,t),C=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(E.$$.fragment,t),C=!1},d(t){t&&y(e),l($),t&&y(n),t&&y(a),l(c),l(u),l(E)}}}function xe(t){let e;return{c(){e=u("Events")},l(t){e=w(t,"Events")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function we(t){let e;return{c(){e=u("Name")},l(t){e=w(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function ye(t){let e;return{c(){e=u("Event Detail")},l(t){e=w(t,"Event Detail")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Ee(t){let e;return{c(){e=u("Description")},l(t){e=w(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function ve(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function De(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("change")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"change"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function Ce(t){let e,$;return{c(){e=g("code"),$=u("{ value, nativeEvent }")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"{ value, nativeEvent }"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function be(t){let e,$,n,r,s,o,a,c,f,p,l,m,i;return{c(){e=u("Fired on selecting this chip in a group. The "),$=g("code"),n=u("value"),r=u(" contains the value that was passed to the radio button (won't be stringified) and "),s=g("code"),o=u("nativeEvent"),a=u(" is the "),c=g("a"),f=u("native "),p=g("code"),l=u("change"),m=u(" event"),i=u(" of radio buttons."),this.h()},l(t){e=w(t,"Fired on selecting this chip in a group. The "),$=h(t,"CODE",{});var g=x($);n=w(g,"value"),g.forEach(y),r=w(t," contains the value that was passed to the radio button (won't be stringified) and "),s=h(t,"CODE",{});var u=x(s);o=w(u,"nativeEvent"),u.forEach(y),a=w(t," is the "),c=h(t,"A",{href:!0,rel:!0});var d=x(c);f=w(d,"native "),p=h(d,"CODE",{});var E=x(p);l=w(E,"change"),E.forEach(y),m=w(d," event"),d.forEach(y),i=w(t," of radio buttons."),this.h()},h(){E(c,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),E(c,"rel","nofollow")},m(t,g){v(t,e,g),v(t,$,g),D($,n),v(t,r,g),v(t,s,g),D(s,o),v(t,a,g),v(t,c,g),D(c,f),D(c,p),D(p,l),D(c,m),v(t,i,g)},p:C,d(t){t&&y(e),t&&y($),t&&y(r),t&&y(s),t&&y(a),t&&y(c),t&&y(i)}}}function Oe(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function ke(t){let e,$,n,a,c,m;return $=new P({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=i(),a=g("tbody"),r(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(y),n=d(t),a=h(t,"TBODY",{});var o=x(a);s(c.$$.fragment,o),o.forEach(y)},m(t,r){v(t,e,r),o($,e,null),v(t,n,r),v(t,a,r),o(c,a,null),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r)},i(t){m||(f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&y(e),l($),t&&y(n),t&&y(a),l(c)}}}function Te(t){let e;return{c(){e=u("Slots")},l(t){e=w(t,"Slots")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Re(t){let e;return{c(){e=u("Default slot")},l(t){e=w(t,"Default slot")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Se(t){let e;return{c(){e=u("The content of the chip. Contains the string representation of the value by default.")},l(t){e=w(t,"The content of the chip. Contains the string representation of the value by default.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Ne(t){let e;return{c(){e=u("SCSS Variables")},l(t){e=w(t,"SCSS Variables")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Ae(t){let e;return{c(){e=u("Name")},l(t){e=w(t,"Name")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Ge(t){let e;return{c(){e=u("Description")},l(t){e=w(t,"Description")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function je(t){let e;return{c(){e=u("Default")},l(t){e=w(t,"Default")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Pe(t){let e,$,n,a,c,m;return e=new H({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function He(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("$chip-bg")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"$chip-bg"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function Me(t){let e;return{c(){e=u("The background color of a non-outline chip.")},l(t){e=w(t,"The background color of a non-outline chip.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Ie(t){let e,$;return e=new S({props:{value:"rgba(0, 0, 0, .08)"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:C,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function Ue(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function qe(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("$chip-fg")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"$chip-fg"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function Be(t){let e;return{c(){e=u("The text color of a chip.")},l(t){e=w(t,"The text color of a chip.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Fe(t){let e,$;return e=new S({props:{value:"#656565"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:C,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function Le(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function Ve(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("$chip-radius")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"$chip-radius"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function Ye(t){let e;return{c(){e=u("The curvature radius of a chip.")},l(t){e=w(t,"The curvature radius of a chip.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function ze(t){let e,$;return{c(){e=g("code"),$=u("1.5625em")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"1.5625em"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function Ke(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function We(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("$font")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"$font"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function _e(t){let e;return{c(){e=u("The font of the chip text.")},l(t){e=w(t,"The font of the chip text.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function Je(t){let e,$;return{c(){e=g("code"),$=u("'Ubuntu'")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"'Ubuntu'"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function Qe(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function Xe(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("$main")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"$main"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function Ze(t){let e;return{c(){e=u("The border color of outline chips and the selection color.")},l(t){e=w(t,"The border color of outline chips and the selection color.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function t$(t){let e,$;return e=new S({props:{value:"#4300B0"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p:C,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function e$(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[Ze]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function $$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=u("$bold-font-weight")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=w(s,"$bold-font-weight"),s.forEach(y),r.forEach(y)},m(t,r){v(t,e,r),D(e,$),D($,n)},p:C,d(t){t&&y(e)}}}function n$(t){let e;return{c(){e=u("The bold font weight of the chips.")},l(t){e=w(t,"The bold font weight of the chips.")},m(t,$){v(t,e,$)},d(t){t&&y(e)}}}function r$(t){let e,$;return{c(){e=g("code"),$=u("500")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"500"),n.forEach(y)},m(t,n){v(t,e,n),D(e,$)},p:C,d(t){t&&y(e)}}}function s$(t){let e,$,n,a,c,m;return e=new M({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),n=new M({props:{$$slots:{default:[n$]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[r$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t)}}}function o$(t){let e,$,n,a,c,m,u,w,E,C,b,O,k,T,R,S;return $=new P({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),E=new P({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),b=new P({props:{$$slots:{default:[Qe]},$$scope:{ctx:t}}}),k=new P({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),R=new P({props:{$$slots:{default:[s$]},$$scope:{ctx:t}}}),{c(){e=g("thead"),r($.$$.fragment),n=i(),a=g("tbody"),r(c.$$.fragment),m=i(),r(u.$$.fragment),w=i(),r(E.$$.fragment),C=i(),r(b.$$.fragment),O=i(),r(k.$$.fragment),T=i(),r(R.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(y),n=d(t),a=h(t,"TBODY",{});var o=x(a);s(c.$$.fragment,o),m=d(o),s(u.$$.fragment,o),w=d(o),s(E.$$.fragment,o),C=d(o),s(b.$$.fragment,o),O=d(o),s(k.$$.fragment,o),T=d(o),s(R.$$.fragment,o),o.forEach(y)},m(t,r){v(t,e,r),o($,e,null),v(t,n,r),v(t,a,r),o(c,a,null),D(a,m),o(u,a,null),D(a,w),o(E,a,null),D(a,C),o(b,a,null),D(a,O),o(k,a,null),D(a,T),o(R,a,null),S=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),u.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),E.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),b.$set(a);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),k.$set(f);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),R.$set(p)},i(t){S||(f($.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),f(E.$$.fragment,t),f(b.$$.fragment,t),f(k.$$.fragment,t),f(R.$$.fragment,t),S=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),p(u.$$.fragment,t),p(E.$$.fragment,t),p(b.$$.fragment,t),p(k.$$.fragment,t),p(R.$$.fragment,t),S=!1},d(t){t&&y(e),l($),t&&y(n),t&&y(a),l(c),l(u),l(E),l(b),l(k),l(R)}}}function a$(t){let e,$,n,a,c,m,C,b,T,S,P,H,M,B,F,K,W,_,J,Q,X,Z,tt,et,$t,nt,rt,st,ot,at,ct,ft,pt,lt,mt,ut,dt,ht,xt,wt,yt,Et,vt,Dt,Ct;return e=new O({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),n=new k({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),c=new k({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),C=new N({props:{components:l$}}),T=new R({props:{$$slots:{source:[V],showcase:[L]},$$scope:{ctx:t}}}),P=new A({props:{id:"properties",$$slots:{default:[Y]},$$scope:{ctx:t}}}),M=new G({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),F=new j({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),W=new G({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),J=new j({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),et=new G({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),nt=new k({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),st=new k({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),at=new j({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),ft=new A({props:{id:"events",$$slots:{default:[xe]},$$scope:{ctx:t}}}),lt=new j({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),ut=new A({props:{id:"slots",$$slots:{default:[Te]},$$scope:{ctx:t}}}),ht=new G({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),wt=new k({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),Et=new A({props:{id:"scss-variables",$$slots:{default:[Ne]},$$scope:{ctx:t}}}),Dt=new j({props:{$$slots:{default:[o$]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=i(),r(n.$$.fragment),a=i(),r(c.$$.fragment),m=i(),r(C.$$.fragment),b=i(),r(T.$$.fragment),S=i(),r(P.$$.fragment),H=i(),r(M.$$.fragment),B=i(),r(F.$$.fragment),K=i(),r(W.$$.fragment),_=i(),r(J.$$.fragment),Q=i(),X=g("div"),Z=u("* Required"),tt=i(),r(et.$$.fragment),$t=i(),r(nt.$$.fragment),rt=i(),r(st.$$.fragment),ot=i(),r(at.$$.fragment),ct=i(),r(ft.$$.fragment),pt=i(),r(lt.$$.fragment),mt=i(),r(ut.$$.fragment),dt=i(),r(ht.$$.fragment),xt=i(),r(wt.$$.fragment),yt=i(),r(Et.$$.fragment),vt=i(),r(Dt.$$.fragment),this.h()},l(t){s(e.$$.fragment,t),$=d(t),s(n.$$.fragment,t),a=d(t),s(c.$$.fragment,t),m=d(t),s(C.$$.fragment,t),b=d(t),s(T.$$.fragment,t),S=d(t),s(P.$$.fragment,t),H=d(t),s(M.$$.fragment,t),B=d(t),s(F.$$.fragment,t),K=d(t),s(W.$$.fragment,t),_=d(t),s(J.$$.fragment,t),Q=d(t),X=h(t,"DIV",{class:!0});var r=x(X);Z=w(r,"* Required"),r.forEach(y),tt=d(t),s(et.$$.fragment,t),$t=d(t),s(nt.$$.fragment,t),rt=d(t),s(st.$$.fragment,t),ot=d(t),s(at.$$.fragment,t),ct=d(t),s(ft.$$.fragment,t),pt=d(t),s(lt.$$.fragment,t),mt=d(t),s(ut.$$.fragment,t),dt=d(t),s(ht.$$.fragment,t),xt=d(t),s(wt.$$.fragment,t),yt=d(t),s(Et.$$.fragment,t),vt=d(t),s(Dt.$$.fragment,t),this.h()},h(){E(X,"class","required")},m(t,r){o(e,t,r),v(t,$,r),o(n,t,r),v(t,a,r),o(c,t,r),v(t,m,r),o(C,t,r),v(t,b,r),o(T,t,r),v(t,S,r),o(P,t,r),v(t,H,r),o(M,t,r),v(t,B,r),o(F,t,r),v(t,K,r),o(W,t,r),v(t,_,r),o(J,t,r),v(t,Q,r),v(t,X,r),D(X,Z),v(t,tt,r),o(et,t,r),v(t,$t,r),o(nt,t,r),v(t,rt,r),o(st,t,r),v(t,ot,r),o(at,t,r),v(t,ct,r),o(ft,t,r),v(t,pt,r),o(lt,t,r),v(t,mt,r),o(ut,t,r),v(t,dt,r),o(ht,t,r),v(t,xt,r),o(wt,t,r),v(t,yt,r),o(Et,t,r),v(t,vt,r),o(Dt,t,r),Ct=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),c.$set(o);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),T.$set(a);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),P.$set(f);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),M.$set(p);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),F.$set(l);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),W.$set(m);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),J.$set(i);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),et.$set(g);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),nt.$set(u);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),st.$set(d);const h={};2&$&&(h.$$scope={dirty:$,ctx:t}),at.$set(h);const x={};2&$&&(x.$$scope={dirty:$,ctx:t}),ft.$set(x);const w={};2&$&&(w.$$scope={dirty:$,ctx:t}),lt.$set(w);const y={};2&$&&(y.$$scope={dirty:$,ctx:t}),ut.$set(y);const E={};2&$&&(E.$$scope={dirty:$,ctx:t}),ht.$set(E);const v={};2&$&&(v.$$scope={dirty:$,ctx:t}),wt.$set(v);const D={};2&$&&(D.$$scope={dirty:$,ctx:t}),Et.$set(D);const C={};2&$&&(C.$$scope={dirty:$,ctx:t}),Dt.$set(C)},i(t){Ct||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(C.$$.fragment,t),f(T.$$.fragment,t),f(P.$$.fragment,t),f(M.$$.fragment,t),f(F.$$.fragment,t),f(W.$$.fragment,t),f(J.$$.fragment,t),f(et.$$.fragment,t),f(nt.$$.fragment,t),f(st.$$.fragment,t),f(at.$$.fragment,t),f(ft.$$.fragment,t),f(lt.$$.fragment,t),f(ut.$$.fragment,t),f(ht.$$.fragment,t),f(wt.$$.fragment,t),f(Et.$$.fragment,t),f(Dt.$$.fragment,t),Ct=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(C.$$.fragment,t),p(T.$$.fragment,t),p(P.$$.fragment,t),p(M.$$.fragment,t),p(F.$$.fragment,t),p(W.$$.fragment,t),p(J.$$.fragment,t),p(et.$$.fragment,t),p(nt.$$.fragment,t),p(st.$$.fragment,t),p(at.$$.fragment,t),p(ft.$$.fragment,t),p(lt.$$.fragment,t),p(ut.$$.fragment,t),p(ht.$$.fragment,t),p(wt.$$.fragment,t),p(Et.$$.fragment,t),p(Dt.$$.fragment,t),Ct=!1},d(t){l(e,t),t&&y($),l(n,t),t&&y(a),l(c,t),t&&y(m),l(C,t),t&&y(b),l(T,t),t&&y(S),l(P,t),t&&y(H),l(M,t),t&&y(B),l(F,t),t&&y(K),l(W,t),t&&y(_),l(J,t),t&&y(Q),t&&y(X),t&&y(tt),l(et,t),t&&y($t),l(nt,t),t&&y(rt),l(st,t),t&&y(ot),l(at,t),t&&y(ct),l(ft,t),t&&y(pt),l(lt,t),t&&y(mt),l(ut,t),t&&y(dt),l(ht,t),t&&y(xt),l(wt,t),t&&y(yt),l(Et,t),t&&y(vt),l(Dt,t)}}}function c$(t){let e,$;const m=[t[0],f$];let i={$$slots:{default:[a$]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=n(i,m[t]);return e=new b({props:i}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){o(e,t,n),$=!0},p(t,[$]){const n=1&$?a(m,[1&$&&c(t[0]),0&$&&c(f$)]):{};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}const f$={name:"RadioChip",relatedComponents:[{name:"Chip",link:"./docs/components/chip"},{name:"RadioChipGroup",link:"./docs/components/radio-chip-group"},{name:"CheckboxChip",link:"./docs/components/checkbox-chip"},{name:"CheckboxChipGroup",link:"./docs/components/checkbox-chip-group"}]},{name:p$,relatedComponents:l$}=f$;function m$(t,e,$){return t.$$set=t=>{$(0,e=n(n({},e),m(t)))},[e=m(e)]}class i$ extends t{constructor(t){super(),e(this,t,m$,c$,$,{})}}export{i$ as default,f$ as metadata};
diff --git a/376/client/radio-group-81700fe9.css b/376/client/radio-group-81700fe9.css
new file mode 100644
index 000000000..f343da57a
--- /dev/null
+++ b/376/client/radio-group-81700fe9.css
@@ -0,0 +1 @@
+div[role=radiogroup].svelte-1p5lcds .radio:not(.colored)>.selector{margin:0 0.5em}div[role=radiogroup].svelte-1p5lcds .radio.colored>input+.selector::before{background-color:#d3d3d3;background-color:rgb(var(--before-r), var(--before-g), var(--before-b))}div[role=radiogroup].svelte-1p5lcds .radio.colored:hover>input+.selector::after{background-color:rgba(0, 0, 0, 0.05);background-color:rgba(var(--r), var(--g), var(--b), 0.05)}div[role=radiogroup].svelte-1p5lcds .radio.colored>input:focus+.selector::after{background-color:rgba(0, 0, 0, 0.125);background-color:rgba(var(--r), var(--g), var(--b), 0.125)}
diff --git a/376/client/radio-group-b76d3ad4.css b/376/client/radio-group-b76d3ad4.css
new file mode 100644
index 000000000..94ed36115
--- /dev/null
+++ b/376/client/radio-group-b76d3ad4.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-zs5z0s .radio{margin-bottom:0.5em}[slot=showcase].svelte-zs5z0s .colored{display:flex;flex-wrap:wrap}[slot=showcase].svelte-zs5z0s .colored .radio{margin:0.5em}
diff --git a/376/client/radio-group.03f68bdf.js b/376/client/radio-group.03f68bdf.js
new file mode 100644
index 000000000..b886804fc
--- /dev/null
+++ b/376/client/radio-group.03f68bdf.js
@@ -0,0 +1 @@
+import{S as l,i as s,s as e,H as a,f as t,t as n,y as o,p as r,z as c,d as i,I as u,K as f,L as d,h as m,k as h,b as p,e as v,X as b,Z as g,_ as $,Y as C,$ as L,j as y,l as j,m as x,U as w,a0 as N,a1 as S,q as k,a2 as A,u as E,w as I,v as M,x as R,A as q,g as z}from"./client.0d36a0cf.js";import{c as D}from"./classes.2453fa25.js";import{g as H}from"./color-picker-styles.7cf55314.js";import{R as K}from"./radio-button.9cbc326b.js";function P(l,s,e){const a=l.slice();return a[11]=s[e],a}function U(l){let s,e,a,u=[],f=new Map,d=l[5];const C=l=>l[11].value;for(let s=0;s<d.length;s+=1){let e=P(l,d,s),a=C(e);f.set(a,u[s]=_(a,e))}return{c(){s=m("div");for(let l=0;l<u.length;l+=1)u[l].c();this.h()},l(l){s=h(l,"DIV",{class:!0,role:!0});var e=p(s);for(let l=0;l<u.length;l+=1)u[l].l(e);e.forEach(i),this.h()},h(){v(s,"class",e=b(D(l[1]))+" svelte-1p5lcds"),v(s,"role","radiogroup")},m(l,e){t(l,s,e);for(let l=0;l<u.length;l+=1)u[l]&&u[l].m(s,null);a=!0},p(l,t){509&t&&(d=l[5],o(),u=g(u,t,C,1,l,d,f,s,$,_,null,P),c()),(!a||2&t&&e!==(e=b(D(l[1]))+" svelte-1p5lcds"))&&v(s,"class",e)},i(l){if(!a){for(let l=0;l<d.length;l+=1)n(u[l]);a=!0}},o(l){for(let l=0;l<u.length;l+=1)r(u[l]);a=!1},d(l){l&&i(s);for(let l=0;l<u.length;l+=1)u[l].d()}}}function V(l){let s;function e(l,s){return null!=l[3]?Y:X}let n=e(l),o=n(l);return{c(){o.c(),s=a()},l(l){o.l(l),s=a()},m(l,e){o.m(l,e),t(l,s,e)},p(l,a){n===(n=e(l))&&o?o.p(l,a):(o.d(1),o=n(l),o&&(o.c(),o.m(s.parentNode,s)))},d(l){o.d(l),l&&i(s)}}}function X(l){let s,e=(l[11].label||l[11].value)+"";return{c(){s=M(e)},l(l){s=R(l,e)},m(l,e){t(l,s,e)},p(l,a){32&a&&e!==(e=(l[11].label||l[11].value)+"")&&q(s,e)},d(l){l&&i(s)}}}function Y(l){let s,e,a,n=(l[11].label||l[11].value)+"";return{c(){s=m("span"),e=M(n),this.h()},l(l){s=h(l,"SPAN",{class:!0});var a=p(s);e=R(a,n),a.forEach(i),this.h()},h(){v(s,"class",a=D(l[3]))},m(l,a){t(l,s,a),z(s,e)},p(l,t){32&t&&n!==(n=(l[11].label||l[11].value)+"")&&q(e,n),8&t&&a!==(a=D(l[3]))&&v(s,"class",a)},d(l){l&&i(s)}}}function Z(l){let s,e=!l[4]&&V(l);return{c(){e&&e.c(),s=E()},l(l){e&&e.l(l),s=I(l)},m(l,a){e&&e.m(l,a),t(l,s,a)},p(l,a){l[4]?e&&(e.d(1),e=null):e?e.p(l,a):(e=V(l),e.c(),e.m(s.parentNode,s))},d(l){e&&e.d(l),l&&i(s)}}}function _(l,s){let e,o,c,u;const d=[{name:s[6]},{slotLeft:s[7]},{selectorStyle:s[4]?H(s[11].value):null},{value:s[11].value},{disabled:s[11].disabled},{class:D(s[4]&&"colored",s[2])},s[8]];function m(l){s[9](l)}let h={$$slots:{default:[Z]},$$scope:{ctx:s}};for(let l=0;l<d.length;l+=1)h=f(h,d[l]);return void 0!==s[0]&&(h.group=s[0]),o=new K({props:h}),C.push((()=>L(o,"group",m))),o.$on("change",s[10]),{key:l,first:null,c(){e=a(),y(o.$$.fragment),this.h()},l(l){e=a(),j(o.$$.fragment,l),this.h()},h(){this.first=e},m(l,s){t(l,e,s),x(o,l,s),u=!0},p(l,e){s=l;const a=500&e?w(d,[64&e&&{name:s[6]},128&e&&{slotLeft:s[7]},48&e&&{selectorStyle:s[4]?H(s[11].value):null},32&e&&{value:s[11].value},32&e&&{disabled:s[11].disabled},20&e&&{class:D(s[4]&&"colored",s[2])},256&e&&N(s[8])]):{};16440&e&&(a.$$scope={dirty:e,ctx:s}),!c&&1&e&&(c=!0,a.group=s[0],S((()=>c=!1))),o.$set(a)},i(l){u||(n(o.$$.fragment,l),u=!0)},o(l){r(o.$$.fragment,l),u=!1},d(l){l&&i(e),k(o,l)}}}function B(l){let s,e,u=null!=l[5]&&0!==l[5].length&&U(l);return{c(){u&&u.c(),s=a()},l(l){u&&u.l(l),s=a()},m(l,a){u&&u.m(l,a),t(l,s,a),e=!0},p(l,[e]){null!=l[5]&&0!==l[5].length?u?(u.p(l,e),32&e&&n(u,1)):(u=U(l),u.c(),n(u,1),u.m(s.parentNode,s)):u&&(o(),r(u,1,1,(()=>{u=null})),c())},i(l){e||(n(u),e=!0)},o(l){r(u),e=!1},d(l){u&&u.d(l),l&&i(s)}}}function F(l,s,e){const a=["class","radioClass","labelClass","color","items","value","name","labelsLeft"];let t=u(s,a),{class:n=null}=s,{radioClass:o=null}=s,{labelClass:r=null}=s,{color:c=!1}=s,{items:i}=s,{value:m=null}=s,{name:h}=s,{labelsLeft:p=!1}=s;return i&&0!==i.length||console.error("Must have at least one item in the radio group"),c&&null!=r&&console.warn("labelClass has no effect: labels are not rendered for color radio groups"),l.$$set=l=>{s=f(f({},s),d(l)),e(8,t=u(s,a)),"class"in l&&e(1,n=l.class),"radioClass"in l&&e(2,o=l.radioClass),"labelClass"in l&&e(3,r=l.labelClass),"color"in l&&e(4,c=l.color),"items"in l&&e(5,i=l.items),"value"in l&&e(0,m=l.value),"name"in l&&e(6,h=l.name),"labelsLeft"in l&&e(7,p=l.labelsLeft)},[m,n,o,r,c,i,h,p,t,function(l){m=l,e(0,m)},function(s){A.call(this,l,s)}]}var G=class extends l{constructor(l){super(),s(this,l,F,B,e,{class:1,radioClass:2,labelClass:3,color:4,items:5,value:0,name:6,labelsLeft:7})}};export{G as R};
diff --git a/376/client/radio-group.f21f4813.js b/376/client/radio-group.f21f4813.js
new file mode 100644
index 000000000..fc502bf38
--- /dev/null
+++ b/376/client/radio-group.f21f4813.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as $,j as s,l as a,m as r,U as o,a0 as c,t as p,p as f,q as l,L as m,u,h as i,v as g,w as d,k as h,b as x,x as v,d as E,e as y,f as w,g as b,n as k}from"./client.0d36a0cf.js";import{L as D,H as O,P as C}from"./layout.b2760304.js";import{R as T}from"./radio-group.03f68bdf.js";import{S as R}from"./showcase.8eb3893d.js";import{C as A}from"./color-preview.278d2729.js";import{R as S}from"./related-components.2f822d5e.js";import{H as N}from"./h2.122c8b9f.js";import{H as B}from"./h3.1e03849b.js";import{T as G,a as F,b as j,c as L}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./color-picker-styles.7cf55314.js";import"./radio-button.9cbc326b.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./button.743a388a.js";import"./card.72b37821.js";function M(t){let e;return{c(){e=g("RadioGroup")},l(t){e=v(t,"RadioGroup")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function P(t){let e;return{c(){e=g("A group of radio buttons to present a list of selectable options.")},l(t){e=v(t,"A group of radio buttons to present a list of selectable options.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function H(t){let e,n,$,o,c;return n=new T({props:{items:t[0],name:"numbers"}}),o=new T({props:{color:!0,items:t[1],name:"colors"}}),{c(){e=i("div"),s(n.$$.fragment),$=u(),s(o.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var s=x(e);a(n.$$.fragment,s),$=d(s),a(o.$$.fragment,s),s.forEach(E),this.h()},h(){y(e,"slot","showcase"),y(e,"class","padded svelte-zs5z0s")},m(t,s){w(t,e,s),r(n,e,null),b(e,$),r(o,e,null),c=!0},p:k,i(t){c||(p(n.$$.fragment,t),p(o.$$.fragment,t),c=!0)},o(t){f(n.$$.fragment,t),f(o.$$.fragment,t),c=!1},d(t){t&&E(e),l(n),l(o)}}}function q(t){let e,n;return{c(){e=i("div"),n=i("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var $=x(e);n=h($,"PRE",{class:!0}),x(n).forEach(E),$.forEach(E),this.h()},h(){y(n,"class","language-svelte"),y(e,"slot","source")},m(t,$){w(t,e,$),b(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">const</span> items <span class="token operator">=</span> <span class="token punctuation">[</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'1\'</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">\'one\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'2\'</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">\'two\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">;</span>\n\n  <span class="token keyword">const</span> colors <span class="token operator">=</span> <span class="token punctuation">[</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'#000000\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'#ff0000\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'#00ff00\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'#ffffff\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioGroup</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>items<span class="token punctuation">&#125;</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>numbers<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioGroup</span> <span class="token attr-name">color</span> <span class="token attr-name">items=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>colors<span class="token punctuation">&#125;</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>colors<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code>'},p:k,d(t){t&&E(e)}}}function I(t){let e;return{c(){e=g("Properties")},l(t){e=v(t,"Properties")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function U(t){let e;return{c(){e=g("Style Properties")},l(t){e=v(t,"Style Properties")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function V(t){let e;return{c(){e=g("Name")},l(t){e=v(t,"Name")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Y(t){let e;return{c(){e=g("Default")},l(t){e=v(t,"Default")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function z(t){let e;return{c(){e=g("Type")},l(t){e=v(t,"Type")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function K(t){let e;return{c(){e=g("Description")},l(t){e=v(t,"Description")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function W(t){let e,n,$,o,c,m,i,g;return e=new j({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),$=new j({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),c=new j({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),i=new j({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(i,t,s),g=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),i.$set(o)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(i,t)}}}function _(t){let e,n,$;return{c(){e=i("strong"),n=i("code"),$=g("labelsLeft")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=v(a,"labelsLeft"),a.forEach(E),s.forEach(E)},m(t,s){w(t,e,s),b(e,n),b(n,$)},p:k,d(t){t&&E(e)}}}function J(t){let e,n;return{c(){e=i("code"),n=g("false")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"false"),$.forEach(E)},m(t,$){w(t,e,$),b(e,n)},p:k,d(t){t&&E(e)}}}function Q(t){let e,n;return{c(){e=i("code"),n=g("boolean")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"boolean"),$.forEach(E)},m(t,$){w(t,e,$),b(e,n)},p:k,d(t){t&&E(e)}}}function X(t){let e;return{c(){e=g("Places the labels to the left of the radio buttons.")},l(t){e=v(t,"Places the labels to the left of the radio buttons.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Z(t){let e,n,$,o,c,m,i,g;return e=new L({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),i=new L({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(i,t,s),g=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),i.$set(o)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(i,t)}}}function tt(t){let e,n,$,o,c,m;return n=new F({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),{c(){e=i("thead"),s(n.$$.fragment),$=u(),o=i("tbody"),s(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(E),$=d(t),o=h(t,"TBODY",{});var r=x(o);a(c.$$.fragment,r),r.forEach(E)},m(t,s){w(t,e,s),r(n,e,null),w(t,$,s),w(t,o,s),r(c,o,null),m=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(o),l(c)}}}function et(t){let e;return{c(){e=g("Functional Properties")},l(t){e=v(t,"Functional Properties")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function nt(t){let e;return{c(){e=g("Name")},l(t){e=v(t,"Name")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function $t(t){let e;return{c(){e=g("Default")},l(t){e=v(t,"Default")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function st(t){let e;return{c(){e=g("Type")},l(t){e=v(t,"Type")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function at(t){let e;return{c(){e=g("Description")},l(t){e=v(t,"Description")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function rt(t){let e,n,$,o,c,m,i,g;return e=new j({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),$=new j({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),c=new j({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),i=new j({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(i,t,s),g=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),i.$set(o)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(i,t)}}}function ot(t){let e,n,$,s,a,r,o;return{c(){e=i("mark"),n=i("strong"),$=i("code"),s=g("items"),a=g(" "),r=i("span"),o=g("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);n=h(c,"STRONG",{});var p=x(n);$=h(p,"CODE",{});var f=x($);s=v(f,"items"),f.forEach(E),p.forEach(E),c.forEach(E),a=v(t," "),r=h(t,"SPAN",{class:!0});var l=x(r);o=v(l,"*"),l.forEach(E),this.h()},h(){y(r,"class","required")},m(t,c){w(t,e,c),b(e,n),b(n,$),b($,s),w(t,a,c),w(t,r,c),b(r,o)},p:k,d(t){t&&E(e),t&&E(a),t&&E(r)}}}function ct(t){let e,n;return{c(){e=i("code"),n=g("Array")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"Array"),$.forEach(E)},m(t,$){w(t,e,$),b(e,n)},p:k,d(t){t&&E(e)}}}function pt(t){let e,n,$,s;return{c(){e=g("An array of "),n=i("code"),$=g("{ value, label, disabled }"),s=g(" objects, where only the value is required. Must contain at least one value.")},l(t){e=v(t,"An array of "),n=h(t,"CODE",{});var a=x(n);$=v(a,"{ value, label, disabled }"),a.forEach(E),s=v(t," objects, where only the value is required. Must contain at least one value.")},m(t,a){w(t,e,a),w(t,n,a),b(n,$),w(t,s,a)},p:k,d(t){t&&E(e),t&&E(n),t&&E(s)}}}function ft(t){let e,n,$,o,c,m,i,g;return e=new L({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),$=new L({}),c=new L({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),i=new L({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(i,t,s),g=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),c.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),i.$set(a)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(i,t)}}}function lt(t){let e,n,$,s,a,r,o;return{c(){e=i("mark"),n=i("strong"),$=i("code"),s=g("name"),a=g(" "),r=i("span"),o=g("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);n=h(c,"STRONG",{});var p=x(n);$=h(p,"CODE",{});var f=x($);s=v(f,"name"),f.forEach(E),p.forEach(E),c.forEach(E),a=v(t," "),r=h(t,"SPAN",{class:!0});var l=x(r);o=v(l,"*"),l.forEach(E),this.h()},h(){y(r,"class","required")},m(t,c){w(t,e,c),b(e,n),b(n,$),b($,s),w(t,a,c),w(t,r,c),b(r,o)},p:k,d(t){t&&E(e),t&&E(a),t&&E(r)}}}function mt(t){let e,n;return{c(){e=i("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"string"),$.forEach(E)},m(t,$){w(t,e,$),b(e,n)},p:k,d(t){t&&E(e)}}}function ut(t){let e,n,$,s;return{c(){e=g("The name to assign to all radio buttons belonging to the same group. Check "),n=i("a"),$=g("MDN docs"),s=g(" for more information."),this.h()},l(t){e=v(t,"The name to assign to all radio buttons belonging to the same group. Check "),n=h(t,"A",{href:!0,rel:!0});var a=x(n);$=v(a,"MDN docs"),a.forEach(E),s=v(t," for more information."),this.h()},h(){y(n,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname"),y(n,"rel","nofollow")},m(t,a){w(t,e,a),w(t,n,a),b(n,$),w(t,s,a)},p:k,d(t){t&&E(e),t&&E(n),t&&E(s)}}}function it(t){let e,n,$,o,c,m,i,g;return e=new L({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),$=new L({}),c=new L({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),i=new L({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(i,t,s),g=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),c.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),i.$set(a)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(i,t)}}}function gt(t){let e,n,$;return{c(){e=i("strong"),n=i("code"),$=g("value")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=v(a,"value"),a.forEach(E),s.forEach(E)},m(t,s){w(t,e,s),b(e,n),b(n,$)},p:k,d(t){t&&E(e)}}}function dt(t){let e,n;return{c(){e=i("code"),n=g("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"null"),$.forEach(E)},m(t,$){w(t,e,$),b(e,n)},p:k,d(t){t&&E(e)}}}function ht(t){let e,n;return{c(){e=i("code"),n=g("any")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"any"),$.forEach(E)},m(t,$){w(t,e,$),b(e,n)},p:k,d(t){t&&E(e)}}}function xt(t){let e;return{c(){e=g("The currently selected value of the group.")},l(t){e=v(t,"The currently selected value of the group.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function vt(t){let e,n,$,o,c,m,i,g;return e=new L({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),i=new L({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(i,t,s),g=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),i.$set(o)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(i,t)}}}function Et(t){let e,n,$;return{c(){e=i("strong"),n=i("code"),$=g("color")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=v(a,"color"),a.forEach(E),s.forEach(E)},m(t,s){w(t,e,s),b(e,n),b(n,$)},p:k,d(t){t&&E(e)}}}function yt(t){let e,n;return{c(){e=i("code"),n=g("false")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"false"),$.forEach(E)},m(t,$){w(t,e,$),b(e,n)},p:k,d(t){t&&E(e)}}}function wt(t){let e,n;return{c(){e=i("code"),n=g("boolean")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"boolean"),$.forEach(E)},m(t,$){w(t,e,$),b(e,n)},p:k,d(t){t&&E(e)}}}function bt(t){let e,n,$,s;return{c(){e=g("Designates the radio buttons as color choices. Labels are ignored and values are expected to be "),n=i("code"),$=g('"#RRGGBB"'),s=g(".")},l(t){e=v(t,"Designates the radio buttons as color choices. Labels are ignored and values are expected to be "),n=h(t,"CODE",{});var a=x(n);$=v(a,'"#RRGGBB"'),a.forEach(E),s=v(t,".")},m(t,a){w(t,e,a),w(t,n,a),b(n,$),w(t,s,a)},p:k,d(t){t&&E(e),t&&E(n),t&&E(s)}}}function kt(t){let e,n,$,o,c,m,i,g;return e=new L({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),i=new L({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(i,t,s),g=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),i.$set(o)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(i,t)}}}function Dt(t){let e,n,$;return{c(){e=i("strong"),n=i("code"),$=g("...")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=v(a,"..."),a.forEach(E),s.forEach(E)},m(t,s){w(t,e,s),b(e,n),b(n,$)},p:k,d(t){t&&E(e)}}}function Ot(t){let e,n;return{c(){e=i("code"),n=g("any")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"any"),$.forEach(E)},m(t,$){w(t,e,$),b(e,n)},p:k,d(t){t&&E(e)}}}function Ct(t){let e,n,$,s;return{c(){e=g("Everything else will be passed to the underlying "),n=i("code"),$=g("<RadioButton>"),s=g(" components.")},l(t){e=v(t,"Everything else will be passed to the underlying "),n=h(t,"CODE",{});var a=x(n);$=v(a,"<RadioButton>"),a.forEach(E),s=v(t," components.")},m(t,a){w(t,e,a),w(t,n,a),b(n,$),w(t,s,a)},p:k,d(t){t&&E(e),t&&E(n),t&&E(s)}}}function Tt(t){let e,n,$,o,c,m,i,g;return e=new L({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),$=new L({}),c=new L({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),i=new L({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(i,t,s),g=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),c.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),i.$set(a)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(i,t)}}}function Rt(t){let e,n,$,o,c,m,g,v,y,k,D,O,C,T;return n=new F({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),g=new F({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),y=new F({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),D=new F({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),C=new F({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),{c(){e=i("thead"),s(n.$$.fragment),$=u(),o=i("tbody"),s(c.$$.fragment),m=u(),s(g.$$.fragment),v=u(),s(y.$$.fragment),k=u(),s(D.$$.fragment),O=u(),s(C.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(E),$=d(t),o=h(t,"TBODY",{});var r=x(o);a(c.$$.fragment,r),m=d(r),a(g.$$.fragment,r),v=d(r),a(y.$$.fragment,r),k=d(r),a(D.$$.fragment,r),O=d(r),a(C.$$.fragment,r),r.forEach(E)},m(t,s){w(t,e,s),r(n,e,null),w(t,$,s),w(t,o,s),r(c,o,null),b(o,m),r(g,o,null),b(o,v),r(y,o,null),b(o,k),r(D,o,null),b(o,O),r(C,o,null),T=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),g.$set(a);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),y.$set(r);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),D.$set(o);const p={};8&e&&(p.$$scope={dirty:e,ctx:t}),C.$set(p)},i(t){T||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),p(y.$$.fragment,t),p(D.$$.fragment,t),p(C.$$.fragment,t),T=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),f(y.$$.fragment,t),f(D.$$.fragment,t),f(C.$$.fragment,t),T=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(o),l(c),l(g),l(y),l(D),l(C)}}}function At(t){let e;return{c(){e=g("Class Properties")},l(t){e=v(t,"Class Properties")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function St(t){let e;return{c(){e=g("Falsy values passed to classes will be disregarded.")},l(t){e=v(t,"Falsy values passed to classes will be disregarded.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Nt(t){let e;return{c(){e=g("Name")},l(t){e=v(t,"Name")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Bt(t){let e;return{c(){e=g("Default")},l(t){e=v(t,"Default")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Gt(t){let e;return{c(){e=g("Type")},l(t){e=v(t,"Type")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Ft(t){let e;return{c(){e=g("Description")},l(t){e=v(t,"Description")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function jt(t){let e,n,$,o,c,m,i,g;return e=new j({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),$=new j({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),c=new j({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),i=new j({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(i,t,s),g=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),i.$set(o)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(i,t)}}}function Lt(t){let e,n,$;return{c(){e=i("strong"),n=i("code"),$=g("class")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=v(a,"class"),a.forEach(E),s.forEach(E)},m(t,s){w(t,e,s),b(e,n),b(n,$)},p:k,d(t){t&&E(e)}}}function Mt(t){let e,n;return{c(){e=i("code"),n=g("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"null"),$.forEach(E)},m(t,$){w(t,e,$),b(e,n)},p:k,d(t){t&&E(e)}}}function Pt(t){let e,n;return{c(){e=i("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"string"),$.forEach(E)},m(t,$){w(t,e,$),b(e,n)},p:k,d(t){t&&E(e)}}}function Ht(t){let e,n,$,s;return{c(){e=g("A class string to assign to the wrapper "),n=i("code"),$=g("<div>"),s=g(" element.")},l(t){e=v(t,"A class string to assign to the wrapper "),n=h(t,"CODE",{});var a=x(n);$=v(a,"<div>"),a.forEach(E),s=v(t," element.")},m(t,a){w(t,e,a),w(t,n,a),b(n,$),w(t,s,a)},p:k,d(t){t&&E(e),t&&E(n),t&&E(s)}}}function qt(t){let e,n,$,o,c,m,i,g;return e=new L({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),i=new L({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(i,t,s),g=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),i.$set(o)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(i,t)}}}function It(t){let e,n,$;return{c(){e=i("strong"),n=i("code"),$=g("radioClass")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=v(a,"radioClass"),a.forEach(E),s.forEach(E)},m(t,s){w(t,e,s),b(e,n),b(n,$)},p:k,d(t){t&&E(e)}}}function Ut(t){let e,n;return{c(){e=i("code"),n=g("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"null"),$.forEach(E)},m(t,$){w(t,e,$),b(e,n)},p:k,d(t){t&&E(e)}}}function Vt(t){let e,n;return{c(){e=i("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"string"),$.forEach(E)},m(t,$){w(t,e,$),b(e,n)},p:k,d(t){t&&E(e)}}}function Yt(t){let e,n,$,s;return{c(){e=g("A class string to add to the "),n=i("code"),$=g("<RadioButton>"),s=g(" components.")},l(t){e=v(t,"A class string to add to the "),n=h(t,"CODE",{});var a=x(n);$=v(a,"<RadioButton>"),a.forEach(E),s=v(t," components.")},m(t,a){w(t,e,a),w(t,n,a),b(n,$),w(t,s,a)},p:k,d(t){t&&E(e),t&&E(n),t&&E(s)}}}function zt(t){let e,n,$,o,c,m,i,g;return e=new L({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),i=new L({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(i,t,s),g=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),i.$set(o)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(i,t)}}}function Kt(t){let e,n,$;return{c(){e=i("strong"),n=i("code"),$=g("labelClass")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=v(a,"labelClass"),a.forEach(E),s.forEach(E)},m(t,s){w(t,e,s),b(e,n),b(n,$)},p:k,d(t){t&&E(e)}}}function Wt(t){let e,n;return{c(){e=i("code"),n=g("null")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"null"),$.forEach(E)},m(t,$){w(t,e,$),b(e,n)},p:k,d(t){t&&E(e)}}}function _t(t){let e,n;return{c(){e=i("code"),n=g("string")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"string"),$.forEach(E)},m(t,$){w(t,e,$),b(e,n)},p:k,d(t){t&&E(e)}}}function Jt(t){let e,n,$,s,a,r,o,c,p;return{c(){e=g("A class string to assign to the labels' wrapping "),n=i("code"),$=g("<span>"),s=g("s. "),a=i("br"),r=g(" If this is not passed, the labels are not wrapped in a "),o=i("code"),c=g("<span>"),p=g(".")},l(t){e=v(t,"A class string to assign to the labels' wrapping "),n=h(t,"CODE",{});var f=x(n);$=v(f,"<span>"),f.forEach(E),s=v(t,"s. "),a=h(t,"BR",{}),r=v(t," If this is not passed, the labels are not wrapped in a "),o=h(t,"CODE",{});var l=x(o);c=v(l,"<span>"),l.forEach(E),p=v(t,".")},m(t,f){w(t,e,f),w(t,n,f),b(n,$),w(t,s,f),w(t,a,f),w(t,r,f),w(t,o,f),b(o,c),w(t,p,f)},p:k,d(t){t&&E(e),t&&E(n),t&&E(s),t&&E(a),t&&E(r),t&&E(o),t&&E(p)}}}function Qt(t){let e,n,$,o,c,m,i,g;return e=new L({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),i=new L({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(i.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(i.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(i,t,s),g=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),i.$set(o)},i(t){g||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),g=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),g=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(i,t)}}}function Xt(t){let e,n,$,o,c,m,g,v,y,k;return n=new F({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),g=new F({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),y=new F({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){e=i("thead"),s(n.$$.fragment),$=u(),o=i("tbody"),s(c.$$.fragment),m=u(),s(g.$$.fragment),v=u(),s(y.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(E),$=d(t),o=h(t,"TBODY",{});var r=x(o);a(c.$$.fragment,r),m=d(r),a(g.$$.fragment,r),v=d(r),a(y.$$.fragment,r),r.forEach(E)},m(t,s){w(t,e,s),r(n,e,null),w(t,$,s),w(t,o,s),r(c,o,null),b(o,m),r(g,o,null),b(o,v),r(y,o,null),k=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),g.$set(a);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),y.$set(r)},i(t){k||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),p(y.$$.fragment,t),k=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),f(y.$$.fragment,t),k=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(o),l(c),l(g),l(y)}}}function Zt(t){let e;return{c(){e=g("Events")},l(t){e=v(t,"Events")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function te(t){let e;return{c(){e=g("Name")},l(t){e=v(t,"Name")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function ee(t){let e;return{c(){e=g("Event Detail")},l(t){e=v(t,"Event Detail")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function ne(t){let e;return{c(){e=g("Description")},l(t){e=v(t,"Description")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function $e(t){let e,n,$,o,c,m;return e=new j({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),$=new j({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),c=new j({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t)}}}function se(t){let e,n,$;return{c(){e=i("strong"),n=i("code"),$=g("change")},l(t){e=h(t,"STRONG",{});var s=x(e);n=h(s,"CODE",{});var a=x(n);$=v(a,"change"),a.forEach(E),s.forEach(E)},m(t,s){w(t,e,s),b(e,n),b(n,$)},p:k,d(t){t&&E(e)}}}function ae(t){let e,n;return{c(){e=i("code"),n=g("{ value, nativeEvent }")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"{ value, nativeEvent }"),$.forEach(E)},m(t,$){w(t,e,$),b(e,n)},p:k,d(t){t&&E(e)}}}function re(t){let e,n,$,s,a,r,o,c,p,f,l,m,u;return{c(){e=g("Fired when the selection changes. The "),n=i("code"),$=g("value"),s=g(" contains the element's "),a=i("code"),r=g("value"),o=g(" passed as a prop and "),c=i("code"),p=g("nativeEvent"),f=g(" has the "),l=i("a"),m=g("native change event"),u=g("."),this.h()},l(t){e=v(t,"Fired when the selection changes. The "),n=h(t,"CODE",{});var i=x(n);$=v(i,"value"),i.forEach(E),s=v(t," contains the element's "),a=h(t,"CODE",{});var g=x(a);r=v(g,"value"),g.forEach(E),o=v(t," passed as a prop and "),c=h(t,"CODE",{});var d=x(c);p=v(d,"nativeEvent"),d.forEach(E),f=v(t," has the "),l=h(t,"A",{href:!0,rel:!0});var y=x(l);m=v(y,"native change event"),y.forEach(E),u=v(t,"."),this.h()},h(){y(l,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),y(l,"rel","nofollow")},m(t,i){w(t,e,i),w(t,n,i),b(n,$),w(t,s,i),w(t,a,i),b(a,r),w(t,o,i),w(t,c,i),b(c,p),w(t,f,i),w(t,l,i),b(l,m),w(t,u,i)},p:k,d(t){t&&E(e),t&&E(n),t&&E(s),t&&E(a),t&&E(o),t&&E(c),t&&E(f),t&&E(l),t&&E(u)}}}function oe(t){let e,n,$,o,c,m;return e=new L({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t)}}}function ce(t){let e,n,$,o,c,m;return n=new F({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),{c(){e=i("thead"),s(n.$$.fragment),$=u(),o=i("tbody"),s(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(E),$=d(t),o=h(t,"TBODY",{});var r=x(o);a(c.$$.fragment,r),r.forEach(E)},m(t,s){w(t,e,s),r(n,e,null),w(t,$,s),w(t,o,s),r(c,o,null),m=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(o),l(c)}}}function pe(t){let e;return{c(){e=g("SCSS Variables")},l(t){e=v(t,"SCSS Variables")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function fe(t){let e;return{c(){e=g("Name")},l(t){e=v(t,"Name")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function le(t){let e;return{c(){e=g("Description")},l(t){e=v(t,"Description")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function me(t){let e;return{c(){e=g("Default")},l(t){e=v(t,"Default")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function ue(t){let e,n,$,o,c,m;return e=new j({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),$=new j({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),c=new j({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t)}}}function ie(t){let e,n,$,s,a,r,o,c,p;return{c(){e=i("strong"),n=i("code"),$=g("$main"),s=u(),a=i("small"),r=g("From "),o=i("a"),c=i("code"),p=g("RadioButton"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=v(l,"$main"),l.forEach(E),f.forEach(E),s=d(t),a=h(t,"SMALL",{});var m=x(a);r=v(m,"From "),o=h(m,"A",{href:!0});var u=x(o);c=h(u,"CODE",{});var i=x(c);p=v(i,"RadioButton"),i.forEach(E),u.forEach(E),m.forEach(E),this.h()},h(){y(o,"href","./docs/components/radio-button")},m(t,f){w(t,e,f),b(e,n),b(n,$),w(t,s,f),w(t,a,f),b(a,r),b(a,o),b(o,c),b(c,p)},p:k,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function ge(t){let e;return{c(){e=g("The fill color of the selected radio button.")},l(t){e=v(t,"The fill color of the selected radio button.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function de(t){let e,n;return e=new A({props:{value:"#4300B0"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p:k,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function he(t){let e,n,$,o,c,m;return e=new L({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t)}}}function xe(t){let e,n,$,s,a,r,o,c,p;return{c(){e=i("strong"),n=i("code"),$=g("$font"),s=u(),a=i("small"),r=g("From "),o=i("a"),c=i("code"),p=g("RadioButton"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=v(l,"$font"),l.forEach(E),f.forEach(E),s=d(t),a=h(t,"SMALL",{});var m=x(a);r=v(m,"From "),o=h(m,"A",{href:!0});var u=x(o);c=h(u,"CODE",{});var i=x(c);p=v(i,"RadioButton"),i.forEach(E),u.forEach(E),m.forEach(E),this.h()},h(){y(o,"href","./docs/components/radio-button")},m(t,f){w(t,e,f),b(e,n),b(n,$),w(t,s,f),w(t,a,f),b(a,r),b(a,o),b(o,c),b(c,p)},p:k,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function ve(t){let e;return{c(){e=g("The font of the radio button's label.")},l(t){e=v(t,"The font of the radio button's label.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Ee(t){let e,n;return{c(){e=i("code"),n=g("'Ubuntu'")},l(t){e=h(t,"CODE",{});var $=x(e);n=v($,"'Ubuntu'"),$.forEach(E)},m(t,$){w(t,e,$),b(e,n)},p:k,d(t){t&&E(e)}}}function ye(t){let e,n,$,o,c,m;return e=new L({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t)}}}function we(t){let e,n,$,s,a,r,o,c,p;return{c(){e=i("strong"),n=i("code"),$=g("$disabled"),s=u(),a=i("small"),r=g("From "),o=i("a"),c=i("code"),p=g("RadioButton"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=v(l,"$disabled"),l.forEach(E),f.forEach(E),s=d(t),a=h(t,"SMALL",{});var m=x(a);r=v(m,"From "),o=h(m,"A",{href:!0});var u=x(o);c=h(u,"CODE",{});var i=x(c);p=v(i,"RadioButton"),i.forEach(E),u.forEach(E),m.forEach(E),this.h()},h(){y(o,"href","./docs/components/radio-button")},m(t,f){w(t,e,f),b(e,n),b(n,$),w(t,s,f),w(t,a,f),b(a,r),b(a,o),b(o,c),b(c,p)},p:k,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function be(t){let e;return{c(){e=g("The fill color of the disabled radio button.")},l(t){e=v(t,"The fill color of the disabled radio button.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function ke(t){let e,n;return e=new A({props:{value:"#888888"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p:k,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function De(t){let e,n,$,o,c,m;return e=new L({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t)}}}function Oe(t){let e,n,$,s,a,r,o,c,p;return{c(){e=i("strong"),n=i("code"),$=g("$dark"),s=u(),a=i("small"),r=g("From "),o=i("a"),c=i("code"),p=g("RadioButton"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=v(l,"$dark"),l.forEach(E),f.forEach(E),s=d(t),a=h(t,"SMALL",{});var m=x(a);r=v(m,"From "),o=h(m,"A",{href:!0});var u=x(o);c=h(u,"CODE",{});var i=x(c);p=v(i,"RadioButton"),i.forEach(E),u.forEach(E),m.forEach(E),this.h()},h(){y(o,"href","./docs/components/radio-button")},m(t,f){w(t,e,f),b(e,n),b(n,$),w(t,s,f),w(t,a,f),b(a,r),b(a,o),b(o,c),b(c,p)},p:k,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function Ce(t){let e;return{c(){e=g("The background color of the radio button hover signifier.")},l(t){e=v(t,"The background color of the radio button hover signifier.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Te(t){let e,n;return e=new A({props:{value:"#333333"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p:k,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function Re(t){let e,n,$,o,c,m;return e=new L({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t)}}}function Ae(t){let e,n,$,s,a,r,o,c,p;return{c(){e=i("strong"),n=i("code"),$=g("$light-contrast"),s=u(),a=i("small"),r=g("From "),o=i("a"),c=i("code"),p=g("RadioButton"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=v(l,"$light-contrast"),l.forEach(E),f.forEach(E),s=d(t),a=h(t,"SMALL",{});var m=x(a);r=v(m,"From "),o=h(m,"A",{href:!0});var u=x(o);c=h(u,"CODE",{});var i=x(c);p=v(i,"RadioButton"),i.forEach(E),u.forEach(E),m.forEach(E),this.h()},h(){y(o,"href","./docs/components/radio-button")},m(t,f){w(t,e,f),b(e,n),b(n,$),w(t,s,f),w(t,a,f),b(a,r),b(a,o),b(o,c),b(c,p)},p:k,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function Se(t){let e;return{c(){e=g("The border color of an unselected radio button, or the fill color of a selected disabled one.")},l(t){e=v(t,"The border color of an unselected radio button, or the fill color of a selected disabled one.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function Ne(t){let e,n;return e=new A({props:{value:"#DDDDDD"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p:k,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function Be(t){let e,n,$,o,c,m;return e=new L({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t)}}}function Ge(t){let e,n,$,s,a,r,o,c,p;return{c(){e=i("strong"),n=i("code"),$=g("$main-text"),s=u(),a=i("small"),r=g("From "),o=i("a"),c=i("code"),p=g("RadioButton"),this.h()},l(t){e=h(t,"STRONG",{});var f=x(e);n=h(f,"CODE",{});var l=x(n);$=v(l,"$main-text"),l.forEach(E),f.forEach(E),s=d(t),a=h(t,"SMALL",{});var m=x(a);r=v(m,"From "),o=h(m,"A",{href:!0});var u=x(o);c=h(u,"CODE",{});var i=x(c);p=v(i,"RadioButton"),i.forEach(E),u.forEach(E),m.forEach(E),this.h()},h(){y(o,"href","./docs/components/radio-button")},m(t,f){w(t,e,f),b(e,n),b(n,$),w(t,s,f),w(t,a,f),b(a,r),b(a,o),b(o,c),b(c,p)},p:k,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function Fe(t){let e;return{c(){e=g("The color of the dot inside the selected radio button.")},l(t){e=v(t,"The color of the dot inside the selected radio button.")},m(t,n){w(t,e,n)},d(t){t&&E(e)}}}function je(t){let e,n;return e=new A({props:{value:"#FFFFFF",bordered:!0}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p:k,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function Le(t){let e,n,$,o,c,m;return e=new L({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),c=new L({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),m=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t)}}}function Me(t){let e,n,$,o,c,m,g,v,y,k,D,O,C,T,R,A;return n=new F({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),g=new F({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),y=new F({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),D=new F({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),C=new F({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),R=new F({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),{c(){e=i("thead"),s(n.$$.fragment),$=u(),o=i("tbody"),s(c.$$.fragment),m=u(),s(g.$$.fragment),v=u(),s(y.$$.fragment),k=u(),s(D.$$.fragment),O=u(),s(C.$$.fragment),T=u(),s(R.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);a(n.$$.fragment,s),s.forEach(E),$=d(t),o=h(t,"TBODY",{});var r=x(o);a(c.$$.fragment,r),m=d(r),a(g.$$.fragment,r),v=d(r),a(y.$$.fragment,r),k=d(r),a(D.$$.fragment,r),O=d(r),a(C.$$.fragment,r),T=d(r),a(R.$$.fragment,r),r.forEach(E)},m(t,s){w(t,e,s),r(n,e,null),w(t,$,s),w(t,o,s),r(c,o,null),b(o,m),r(g,o,null),b(o,v),r(y,o,null),b(o,k),r(D,o,null),b(o,O),r(C,o,null),b(o,T),r(R,o,null),A=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),g.$set(a);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),y.$set(r);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),D.$set(o);const p={};8&e&&(p.$$scope={dirty:e,ctx:t}),C.$set(p);const f={};8&e&&(f.$$scope={dirty:e,ctx:t}),R.$set(f)},i(t){A||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),p(y.$$.fragment,t),p(D.$$.fragment,t),p(C.$$.fragment,t),p(R.$$.fragment,t),A=!0)},o(t){f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),f(y.$$.fragment,t),f(D.$$.fragment,t),f(C.$$.fragment,t),f(R.$$.fragment,t),A=!1},d(t){t&&E(e),l(n),t&&E($),t&&E(o),l(c),l(g),l(y),l(D),l(C),l(R)}}}function Pe(t){let e,n,$,o,c,m,k,D,T,A,F,j,L,V,Y,z,K,W,_,J,Q,X,Z,nt,$t,st,at,rt,ot,ct,pt,ft,lt,mt,ut;return e=new O({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),$=new C({props:{$$slots:{default:[P]},$$scope:{ctx:t}}}),c=new S({props:{components:Ue}}),k=new R({props:{$$slots:{source:[q],showcase:[H]},$$scope:{ctx:t}}}),T=new N({props:{id:"properties",$$slots:{default:[I]},$$scope:{ctx:t}}}),F=new B({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),L=new G({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),Y=new B({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),K=new G({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),X=new B({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),nt=new C({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),st=new G({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),rt=new N({props:{id:"events",$$slots:{default:[Zt]},$$scope:{ctx:t}}}),ct=new G({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),ft=new N({props:{id:"scss-variables",$$slots:{default:[pe]},$$scope:{ctx:t}}}),mt=new G({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),n=u(),s($.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(k.$$.fragment),D=u(),s(T.$$.fragment),A=u(),s(F.$$.fragment),j=u(),s(L.$$.fragment),V=u(),s(Y.$$.fragment),z=u(),s(K.$$.fragment),W=u(),_=i("div"),J=g("* Required"),Q=u(),s(X.$$.fragment),Z=u(),s(nt.$$.fragment),$t=u(),s(st.$$.fragment),at=u(),s(rt.$$.fragment),ot=u(),s(ct.$$.fragment),pt=u(),s(ft.$$.fragment),lt=u(),s(mt.$$.fragment),this.h()},l(t){a(e.$$.fragment,t),n=d(t),a($.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(k.$$.fragment,t),D=d(t),a(T.$$.fragment,t),A=d(t),a(F.$$.fragment,t),j=d(t),a(L.$$.fragment,t),V=d(t),a(Y.$$.fragment,t),z=d(t),a(K.$$.fragment,t),W=d(t),_=h(t,"DIV",{class:!0});var s=x(_);J=v(s,"* Required"),s.forEach(E),Q=d(t),a(X.$$.fragment,t),Z=d(t),a(nt.$$.fragment,t),$t=d(t),a(st.$$.fragment,t),at=d(t),a(rt.$$.fragment,t),ot=d(t),a(ct.$$.fragment,t),pt=d(t),a(ft.$$.fragment,t),lt=d(t),a(mt.$$.fragment,t),this.h()},h(){y(_,"class","required")},m(t,s){r(e,t,s),w(t,n,s),r($,t,s),w(t,o,s),r(c,t,s),w(t,m,s),r(k,t,s),w(t,D,s),r(T,t,s),w(t,A,s),r(F,t,s),w(t,j,s),r(L,t,s),w(t,V,s),r(Y,t,s),w(t,z,s),r(K,t,s),w(t,W,s),w(t,_,s),b(_,J),w(t,Q,s),r(X,t,s),w(t,Z,s),r(nt,t,s),w(t,$t,s),r(st,t,s),w(t,at,s),r(rt,t,s),w(t,ot,s),r(ct,t,s),w(t,pt,s),r(ft,t,s),w(t,lt,s),r(mt,t,s),ut=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),k.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),T.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),F.$set(c);const p={};8&n&&(p.$$scope={dirty:n,ctx:t}),L.$set(p);const f={};8&n&&(f.$$scope={dirty:n,ctx:t}),Y.$set(f);const l={};8&n&&(l.$$scope={dirty:n,ctx:t}),K.$set(l);const m={};8&n&&(m.$$scope={dirty:n,ctx:t}),X.$set(m);const u={};8&n&&(u.$$scope={dirty:n,ctx:t}),nt.$set(u);const i={};8&n&&(i.$$scope={dirty:n,ctx:t}),st.$set(i);const g={};8&n&&(g.$$scope={dirty:n,ctx:t}),rt.$set(g);const d={};8&n&&(d.$$scope={dirty:n,ctx:t}),ct.$set(d);const h={};8&n&&(h.$$scope={dirty:n,ctx:t}),ft.$set(h);const x={};8&n&&(x.$$scope={dirty:n,ctx:t}),mt.$set(x)},i(t){ut||(p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(k.$$.fragment,t),p(T.$$.fragment,t),p(F.$$.fragment,t),p(L.$$.fragment,t),p(Y.$$.fragment,t),p(K.$$.fragment,t),p(X.$$.fragment,t),p(nt.$$.fragment,t),p(st.$$.fragment,t),p(rt.$$.fragment,t),p(ct.$$.fragment,t),p(ft.$$.fragment,t),p(mt.$$.fragment,t),ut=!0)},o(t){f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(k.$$.fragment,t),f(T.$$.fragment,t),f(F.$$.fragment,t),f(L.$$.fragment,t),f(Y.$$.fragment,t),f(K.$$.fragment,t),f(X.$$.fragment,t),f(nt.$$.fragment,t),f(st.$$.fragment,t),f(rt.$$.fragment,t),f(ct.$$.fragment,t),f(ft.$$.fragment,t),f(mt.$$.fragment,t),ut=!1},d(t){l(e,t),t&&E(n),l($,t),t&&E(o),l(c,t),t&&E(m),l(k,t),t&&E(D),l(T,t),t&&E(A),l(F,t),t&&E(j),l(L,t),t&&E(V),l(Y,t),t&&E(z),l(K,t),t&&E(W),t&&E(_),t&&E(Q),l(X,t),t&&E(Z),l(nt,t),t&&E($t),l(st,t),t&&E(at),l(rt,t),t&&E(ot),l(ct,t),t&&E(pt),l(ft,t),t&&E(lt),l(mt,t)}}}function He(t){let e,n;const m=[t[2],qe];let u={$$slots:{default:[Pe]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)u=$(u,m[t]);return e=new D({props:u}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,$){r(e,t,$),n=!0},p(t,[n]){const $=4&n?o(m,[4&n&&c(t[2]),0&n&&c(qe)]):{};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}const qe={name:"RadioGroup",relatedComponents:[{name:"RadioButton",link:"./docs/components/radio-button"}]},{name:Ie,relatedComponents:Ue}=qe;function Ve(t,e,n){return t.$$set=t=>{n(2,e=$($({},e),m(t)))},[[{value:"1",label:"one"},{value:"2",label:"two"}],[{value:"#000000"},{value:"#ff0000"},{value:"#00ff00"},{value:"#ffffff"}],e=m(e)]}class Ye extends t{constructor(t){super(),e(this,t,Ve,He,n,{})}}export{Ye as default,qe as metadata};
diff --git a/376/client/range.ee7914b1.js b/376/client/range.ee7914b1.js
new file mode 100644
index 000000000..a9eff97ea
--- /dev/null
+++ b/376/client/range.ee7914b1.js
@@ -0,0 +1 @@
+function*e(e,r,n=1){if(null==r&&(r=e,e=0),0===n)throw new Error("Range must have a non-zero step.");if(!(e>=r&&n>0||e<=r&&n<0))for(let o=e;e<r?o<r:o>r;o+=n)yield o}export{e as r};
diff --git a/376/client/related-components-3b88a506.css b/376/client/related-components-3b88a506.css
new file mode 100644
index 000000000..9e13ecb0e
--- /dev/null
+++ b/376/client/related-components-3b88a506.css
@@ -0,0 +1 @@
+.related-components.svelte-j9fifh{background:rgba(67, 0, 176, 0.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:0.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 0.5em 0.5em 0;padding:0.5em}
diff --git a/376/client/related-components.2f822d5e.js b/376/client/related-components.2f822d5e.js
new file mode 100644
index 000000000..022f7598d
--- /dev/null
+++ b/376/client/related-components.2f822d5e.js
@@ -0,0 +1 @@
+import{S as t,i as e,s,H as n,f as l,t as a,y as o,p as r,z as c,d as f,h as $,j as m,u as i,k as p,b as u,l as g,w as d,e as h,X as x,m as j,g as b,q as v,a9 as w,v as y,x as k,A as C}from"./client.0d36a0cf.js";import{B as R}from"./button.743a388a.js";import{C as B}from"./card.72b37821.js";import{L as q}from"./label.16b4782e.js";import{c as z}from"./classes.2453fa25.js";function A(t,e,s){const n=t.slice();return n[2]=e[s],n}function D(t){let e,s,n,y,k;s=new q({props:{$$slots:{default:[E]},$$scope:{ctx:t}}});let C=t[1],R=[];for(let e=0;e<C.length;e+=1)R[e]=L(A(t,C,e));const B=t=>r(R[t],1,1,(()=>{R[t]=null}));return{c(){e=$("div"),m(s.$$.fragment),n=i();for(let t=0;t<R.length;t+=1)R[t].c();this.h()},l(t){e=p(t,"DIV",{class:!0});var l=u(e);g(s.$$.fragment,l),n=d(l);for(let t=0;t<R.length;t+=1)R[t].l(l);l.forEach(f),this.h()},h(){h(e,"class",y=x(z("related-components",t[0]))+" svelte-j9fifh")},m(t,a){l(t,e,a),j(s,e,null),b(e,n);for(let t=0;t<R.length;t+=1)R[t]&&R[t].m(e,null);k=!0},p(t,n){const l={};if(32&n&&(l.$$scope={dirty:n,ctx:t}),s.$set(l),2&n){let s;for(C=t[1],s=0;s<C.length;s+=1){const l=A(t,C,s);R[s]?(R[s].p(l,n),a(R[s],1)):(R[s]=L(l),R[s].c(),a(R[s],1),R[s].m(e,null))}for(o(),s=C.length;s<R.length;s+=1)B(s);c()}(!k||1&n&&y!==(y=x(z("related-components",t[0]))+" svelte-j9fifh"))&&h(e,"class",y)},i(t){if(!k){a(s.$$.fragment,t);for(let t=0;t<C.length;t+=1)a(R[t]);k=!0}},o(t){r(s.$$.fragment,t),R=R.filter(Boolean);for(let t=0;t<R.length;t+=1)r(R[t]);k=!1},d(t){t&&f(e),v(s),w(R,t)}}}function E(t){let e;return{c(){e=y("Related Components")},l(t){e=k(t,"Related Components")},m(t,s){l(t,e,s)},d(t){t&&f(e)}}}function H(t){let e,s=t[2].name+"";return{c(){e=y(s)},l(t){e=k(t,s)},m(t,s){l(t,e,s)},p(t,n){2&n&&s!==(s=t[2].name+"")&&C(e,s)},d(t){t&&f(e)}}}function I(t){let e,s,n;return e=new R({props:{href:t[2].link,$$slots:{default:[H]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),s=i()},l(t){g(e.$$.fragment,t),s=d(t)},m(t,a){j(e,t,a),l(t,s,a),n=!0},p(t,s){const n={};2&s&&(n.href=t[2].link),34&s&&(n.$$scope={dirty:s,ctx:t}),e.$set(n)},i(t){n||(a(e.$$.fragment,t),n=!0)},o(t){r(e.$$.fragment,t),n=!1},d(t){v(e,t),t&&f(s)}}}function L(t){let e,s;return e=new B({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment)},l(t){g(e.$$.fragment,t)},m(t,n){j(e,t,n),s=!0},p(t,s){const n={};34&s&&(n.$$scope={dirty:s,ctx:t}),e.$set(n)},i(t){s||(a(e.$$.fragment,t),s=!0)},o(t){r(e.$$.fragment,t),s=!1},d(t){v(e,t)}}}function N(t){let e,s,$=0!==t[1].length&&D(t);return{c(){$&&$.c(),e=n()},l(t){$&&$.l(t),e=n()},m(t,n){$&&$.m(t,n),l(t,e,n),s=!0},p(t,[s]){0!==t[1].length?$?($.p(t,s),2&s&&a($,1)):($=D(t),$.c(),a($,1),$.m(e.parentNode,e)):$&&(o(),r($,1,1,(()=>{$=null})),c())},i(t){s||(a($),s=!0)},o(t){r($),s=!1},d(t){$&&$.d(t),t&&f(e)}}}function S(t,e,s){let{class:n=null}=e,{components:l}=e;return t.$$set=t=>{"class"in t&&s(0,n=t.class),"components"in t&&s(1,l=t.components)},[n,l]}class V extends t{constructor(t){super(),e(this,t,S,N,s,{class:0,components:1})}}export{V as R};
diff --git a/376/client/shadow-preview-8f373d1e.css b/376/client/shadow-preview-8f373d1e.css
new file mode 100644
index 000000000..56c52d330
--- /dev/null
+++ b/376/client/shadow-preview-8f373d1e.css
@@ -0,0 +1 @@
+.preview.svelte-1y2m3b2{align-items:center;background:#fff;border-radius:0.25em;display:flex;font-size:0.8em;font-weight:300;justify-content:center;padding:0.25em 0.5em;width:5em}.value-popover.svelte-1y2m3b2{background:#fff;border-radius:0.5em;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);color:#333;font-family:"Roboto Mono", monospace;margin-right:0.25em;padding:0.5em;white-space:pre}
diff --git a/376/client/shadow-preview.f1e703b1.js b/376/client/shadow-preview.f1e703b1.js
new file mode 100644
index 000000000..542881cd5
--- /dev/null
+++ b/376/client/shadow-preview.f1e703b1.js
@@ -0,0 +1 @@
+import{S as s,i as e,s as a,j as t,l as o,m as n,t as r,p as l,q as c,E as i,h as p,v as u,k as h,b as v,x as f,d as $,e as m,f as d,g,n as x,A as b,Y as y}from"./client.0d36a0cf.js";import{P as E,a as j}from"./popover.156a947e.js";function w(s){let e,a;return{c(){e=p("div"),a=u("hover me"),this.h()},l(s){e=h(s,"DIV",{class:!0});var t=v(e);a=f(t,"hover me"),t.forEach($),this.h()},h(){m(e,"class","preview svelte-1y2m3b2")},m(t,o){d(t,e,o),g(e,a),s[2](e)},p:x,d(a){a&&$(e),s[2](null)}}}function S(s){let e,a,t=s[0].replace(/\), /g,"),\n")+"";return{c(){e=p("div"),a=u(t),this.h()},l(s){e=h(s,"DIV",{slot:!0,class:!0});var o=v(e);a=f(o,t),o.forEach($),this.h()},h(){m(e,"slot","popover-content"),m(e,"class","value-popover svelte-1y2m3b2")},m(s,t){d(s,e,t),g(e,a)},p(s,e){1&e&&t!==(t=s[0].replace(/\), /g,"),\n")+"")&&b(a,t)},d(s){s&&$(e)}}}function D(s){let e,a;return e=new E({props:{position:j.LEFT,$$slots:{"popover-content":[S],default:[w]},$$scope:{ctx:s}}}),{c(){t(e.$$.fragment)},l(s){o(e.$$.fragment,s)},m(s,t){n(e,s,t),a=!0},p(s,[a]){const t={};11&a&&(t.$$scope={dirty:a,ctx:s}),e.$set(t)},i(s){a||(r(e.$$.fragment,s),a=!0)},o(s){l(e.$$.fragment,s),a=!1},d(s){c(e,s)}}}function I(s,e,a){let t,{value:o}=e;return i((function(){a(1,t.style.boxShadow=o.slice(0,-1),t)})),s.$$set=s=>{"value"in s&&a(0,o=s.value)},[o,t,function(s){y[s?"unshift":"push"]((()=>{t=s,a(1,t)}))}]}class V extends s{constructor(s){super(),e(this,s,I,D,a,{value:0})}}export{V as S};
diff --git a/376/client/shimport@2.0.5.js b/376/client/shimport@2.0.5.js
new file mode 100644
index 000000000..6c7113dee
--- /dev/null
+++ b/376/client/shimport@2.0.5.js
@@ -0,0 +1 @@
+var __shimport__=function(n){"use strict";function t(){for(var n=0,t=0,r=arguments.length;t<r;t++)n+=arguments[t].length;var e=Array(n),u=0;for(t=0;t<r;t++)for(var o=arguments[t],a=0,i=o.length;a<i;a++,u++)e[u]=o[a];return e}function r(n,t){for(var r=n.length;r--;)if(n[r].name===t)return n[r].as}var e=/\b(case|default|delete|do|else|in|instanceof|new|return|throw|typeof|void)\s*$/,u=/(^|\{|\(|\[\.|;|,|<|>|<=|>=|==|!=|===|!==|\+|-|\*\%|<<|>>|>>>|&|\||\^|!|~|&&|\|\||\?|:|=|\+=|-=|\*=|%=|<<=|>>=|>>>=|&=|\|=|\^=|\/=|\/)\s*$/,o=/(\}|\)|\+\+|--)\s*$/,a=/[{}()[.;,<>=+\-*%&|\^!~?:/]/,i=/[a-zA-Z_$0-9]/,f={" ":1,"\t":1,"\n":1,"\r":1,"\f":1,"\v":1," ":1,"\u2028":1,"\u2029":1};function s(n){return n in f}function c(n){return"'"===n||'"'===n}var l=/^\*\s+as\s+(\w+)$/,d=/(\w+)\s*,\s*\*\s*as\s*(\w+)$/,p=/(\w+)\s*,\s*{(.+)}$/;function v(n){return n?n.split(",").map((function(n){var t=n.trim().split(/[^\S]+/),r=t[0];return{name:r,as:t[2]||r}})):[]}function m(n,t){for(var e=t,u=t+=6;n[t]&&s(n[t]);)t+=1;for(;n[t]&&!c(n[t]);)t+=1;for(var o=t,a=t+=1;n[t]&&!c(n[t]);)t+=1;var i=t++;return function(n,t,e,u,o){var a=r(u,"*")||r(u,"default");return{start:t,end:e,source:o,name:a,specifiers:u,toString:function(){return"/*"+n.slice(t,e)+"*/"}}}(n,e,t,function(n){var t=l.exec(n);return t?[{name:"*",as:t[1]}]:(t=d.exec(n))?[{name:"default",as:t[1]},{name:"*",as:t[2]}]:(t=p.exec(n))?[{name:"default",as:t[1]}].concat(v(t[2].trim())):"{"===n[0]?v(n.slice(1,-1).trim()):n?[{name:"default",as:n}]:[]}(n.slice(u,o).replace(/from\s*$/,"").trim()),n.slice(a,i))}var h=/^import\s*\.\s*meta\s*\.\s*url/;function _(n,t){var r=t;for(t+=6;n[t]&&s(n[t]);)t+=1;var e=t;if("{"===n[t]){for(;"}"!==n[t];)t+=1;for(var u=t+=1,o=null;s(n[t]);)t+=1;if(/^from[\s\n'"]/.test(n.slice(t,t+5))){for(t+=4;s(n[t]);)t+=1;for(;n[t]&&!c(n[t]);)t+=1;for(var i=t+=1;n[t]&&!c(n[t]);)t+=1;o=n.slice(i,t),t+=1}return function(n,t,r,e,u,o){var a=v(n.slice(r+1,e-1).trim());return{start:t,end:u,source:o,toString:function(r){var e=o&&r.get(o);return a.map((function(n){return"__exports."+n.as+" = "+(e?e+"."+n.name:n.name)+"; "})).join("")+"/*"+n.slice(t,u)+"*/"}}}(n,r,e,u,t,o)}if("*"===n[t]){for(t+=1;s(n[t]);)t+=1;for(t+=4;n[t]&&!c(n[t]);)t+=1;for(i=t+=1;n[t]&&!c(n[t]);)t+=1;var f=t++;return function(n,t,r,e){return{start:t,end:r,source:e,toString:function(u){return"Object.assign(__exports, "+u.get(e)+"); /*"+n.slice(t,r)+"*/"}}}(n,r,t,n.slice(i,f))}return/^default\b/.test(n.slice(t,t+8))?function(n,t,r){var e=/^\s*(?:(class)(\s+extends|\s*{)|(function)\s*\()/.exec(n.slice(r));if(e){r+=e[0].length;var u="__default_export";return{start:t,end:r,name:u,as:"default",toString:function(){return e[1]?"class "+u+e[2]:"function "+u+"("}}}return{start:t,end:r,toString:function(){return"__exports.default ="}}}(n,r,e+7):function(n,t,r){for(var e=r;n[r]&&/\S/.test(n[r]);)r+=1;for(;n[r]&&!/\S/.test(n[r]);)r+=1;for(var u=r;n[r]&&!a.test(n[r])&&!s(n[r]);)r+=1;var o=r;return{start:t,end:e,name:n.slice(u,o),toString:function(){return""}}}(n,r,e)}function g(n,t){var r,f=!0,c=!1,l=[],d=-1,p={},v={},g=0,x=[],w=[],S=[],$=[];function y(){if(")"===n[d]){for(var t=p[d];s(n[t-1]);)t-=1;return!/(if|while)$/.test(n.slice(t-5,t))}return!0}for(var b={pattern:/(?:(\()|(\))|({)|(})|(")|(')|(\/\/)|(\/\*)|(\/)|(`)|(import)|(export)|(\+\+|--))/g,handlers:[function(n){d=n,v[g++]=n},function(n){d=n,p[n]=v[--g]},function(n){d=n,l.push(b)},function(n){return d=n,l.pop()},function(n){return l.push(b),j},function(n){return l.push(b),A},function(n){return O},function(n){return k},function(t){for(var r=t;r>0&&s(n[r-1]);)r-=1;if(r>0){var c=r;if(a.test(n[c-1]))for(;c>0&&a.test(n[c-1]);)c-=1;else for(;c>0&&i.test(n[c-1]);)c-=1;var l=n.slice(c,r);f=!!l&&(e.test(l)||u.test(l)||o.test(l)&&!y())}else f=!0;return E},function(n){return z},function(r){if(0===r||s(n[r-1])||a.test(n[r-1])){var e=r+6,u=void 0;do{u=n[e++]}while(s(u));var o=e>r+7;if(/^['"{*]$/.test(u)||o&&/^[a-zA-Z_$]$/.test(u)){var i=m(n,r);x.push(i),N=i.end}else if("("===u){var f=function(n){return{start:n,end:n+6,toString:function(){return"__import"}}}(r);w.push(f),N=f.end}else if("."===u){var c=function(n,t,r){var e=h.exec(n.slice(t));if(e)return{start:t,end:t+e[0].length,toString:function(){return JSON.stringify(""+r)}}}(n,r,t);c&&(S.push(c),N=c.end)}}},function(t){if((0===t||s(n[t-1])||a.test(n[t-1]))&&/export[\s\n{]/.test(n.slice(t,t+7))){var r=_(n,t);$.push(r),N=r.end}},function(t){c=!c&&"+"===n[t-1]}]},E={pattern:/(?:(\[)|(\\)|(.))/g,handlers:[function(n){return f?U:b},function(n){return r=R,L},function(n){return f&&!c?R:b}]},R={pattern:/(?:(\[)|(\\)|(\/))/g,handlers:[function(){return U},function(){return r=R,L},function(){return b}]},U={pattern:/(?:(\])|(\\))/g,handlers:[function(){return R},function(){return r=U,L}]},j={pattern:/(?:(\\)|("))/g,handlers:[function(){return r=j,L},function(){return l.pop()}]},A={pattern:/(?:(\\)|('))/g,handlers:[function(){return r=A,L},function(){return l.pop()}]},L={pattern:/(.)/g,handlers:[function(){return r}]},z={pattern:/(?:(\${)|(\\)|(`))/g,handlers:[function(){return l.push(z),b},function(){return r=z,L},function(){return b}]},O={pattern:/((?:\n|$))/g,handlers:[function(){return b}]},k={pattern:/(\*\/)/g,handlers:[function(){return b}]},I=b,N=0;N<n.length;){I.pattern.lastIndex=N;var P=I.pattern.exec(n);if(!P){if(l.length>0||I!==b)throw new Error("Unexpected end of file");break}N=P.index+P[0].length;for(var Z=1;Z<P.length;Z+=1)if(P[Z]){I=I.handlers[Z-1](P.index)||I;break}}return[x,w,S,$]}function x(n,r){var e=g(n,r),u=e[0],o=e[1],a=e[2],i=e[3],f=new Map;u.forEach((function(n){f.has(n.source)||f.set(n.source,n.name||"__dep_"+f.size)})),i.forEach((function(n){n.source&&(f.has(n.source)||f.set(n.source,n.name||"__dep_"+f.size))}));var s=Array.from(f.keys()).map((function(n){return"'"+n+"'"})).join(", "),c=["__import","__exports"].concat(Array.from(f.values())).join(", "),l=[];u.forEach((function(n){var t=f.get(n.source);n.specifiers.sort((function(n,t){return"default"===n.name?1:"default"===t.name?-1:void 0})).forEach((function(n){if("*"!==n.name){var r="default"===n.name&&n.as===t?n.as+" = "+t+".default; ":"var "+n.as+" = "+t+"."+n.name+"; ";l.push(r)}}))}));for(var d="__shimport__.define('"+r+"', ["+s+"], function("+c+"){ "+l.join(""),p=t(u,o,a,i).sort((function(n,t){return n.start-t.start})),v=0,m=0;m<p.length;m+=1){var h=p[m];d+=n.slice(v,h.start)+h.toString(f),v=h.end}return d+=n.slice(v),i.forEach((function(n){n.name&&(d+="\n__exports."+(n.as||n.name)+" = "+n.name+";")})),d+="\n});\n//# sourceURL="+r}var w={};function S(n){return w[n]||(w[n]=fetch(n).then((function(n){return n.text()})).then((function(t){return r=x(t,n),"undefined"!=typeof document&&"undefined"!=typeof URL?new Promise((function(n){var t="__shimport__"+$++,e=new Blob([t+"="+r],{type:"application/javascript"}),u=document.createElement("script");u.src=URL.createObjectURL(e),u.onload=function(){n(window[t]),delete window[t]},document.head.appendChild(u)})):(0,eval)(r);var r})))}var $=1;if("undefined"!=typeof document){var y=document.querySelector("[data-main]");y&&S(new URL(y.getAttribute("data-main"),document.baseURI))}return n.VERSION="2.0.5",n.define=function(n,r,e){var u=function(t){return S(new URL(t,n))};return Promise.all(r.map(u)).then((function(n){var r={};return e.apply(void 0,t([u,r],n)),r}))},n.load=S,n.transform=x,n}({});
diff --git a/376/client/showcase-2cfe88ab.css b/376/client/showcase-2cfe88ab.css
new file mode 100644
index 000000000..e8ea5628e
--- /dev/null
+++ b/376/client/showcase-2cfe88ab.css
@@ -0,0 +1 @@
+.showcase.svelte-10o04be{border:1px solid rgba(67, 0, 176, 0.25);border-radius:0.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4, auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:0.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67, 0, 176, 0.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:0.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67, 0, 176, 0.25);border-radius:0.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width: 920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:0.5rem}.showcase.svelte-10o04be>.label.code{background:none}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:0.5em;border-top-left-radius:0.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}
diff --git a/376/client/showcase.8eb3893d.js b/376/client/showcase.8eb3893d.js
new file mode 100644
index 000000000..b4a7d98e5
--- /dev/null
+++ b/376/client/showcase.8eb3893d.js
@@ -0,0 +1 @@
+import{S as s,i as t,s as e,M as a,h as $,j as c,u as o,k as n,b as r,l,w as f,d as p,e as m,f as u,m as i,g as d,Q as g,R as h,T as x,t as w,p as S,q as b,v as j,x as y}from"./client.0d36a0cf.js";import{L as v}from"./label.16b4782e.js";import{C}from"./copyable-code.1fddc954.js";const E=s=>({}),T=s=>({}),k=s=>({}),q=s=>({});function I(s){let t;return{c(){t=j("Showcase")},l(s){t=y(s,"Showcase")},m(s,e){u(s,t,e)},d(s){s&&p(t)}}}function L(s){let t;return{c(){t=j("Source")},l(s){t=y(s,"Source")},m(s,e){u(s,t,e)},d(s){s&&p(t)}}}function M(s){let t;const e=s[0].source,$=a(e,s,s[1],T);return{c(){$&&$.c()},l(s){$&&$.l(s)},m(s,e){$&&$.m(s,e),t=!0},p(s,a){$&&$.p&&(!t||2&a)&&g($,e,s,s[1],t?x(e,s[1],a,E):h(s[1]),T)},i(s){t||(w($,s),t=!0)},o(s){S($,s),t=!1},d(s){$&&$.d(s)}}}function N(s){let t,e,j,y,E,T,N,O;e=new v({props:{$$slots:{default:[I]},$$scope:{ctx:s}}});const Q=s[0].showcase,R=a(Q,s,s[1],q);return E=new v({props:{class:"code",$$slots:{default:[L]},$$scope:{ctx:s}}}),N=new C({props:{$$slots:{default:[M]},$$scope:{ctx:s}}}),{c(){t=$("section"),c(e.$$.fragment),j=o(),R&&R.c(),y=o(),c(E.$$.fragment),T=o(),c(N.$$.fragment),this.h()},l(s){t=n(s,"SECTION",{class:!0});var a=r(t);l(e.$$.fragment,a),j=f(a),R&&R.l(a),y=f(a),l(E.$$.fragment,a),T=f(a),l(N.$$.fragment,a),a.forEach(p),this.h()},h(){m(t,"class","showcase svelte-10o04be")},m(s,a){u(s,t,a),i(e,t,null),d(t,j),R&&R.m(t,null),d(t,y),i(E,t,null),d(t,T),i(N,t,null),O=!0},p(s,[t]){const a={};2&t&&(a.$$scope={dirty:t,ctx:s}),e.$set(a),R&&R.p&&(!O||2&t)&&g(R,Q,s,s[1],O?x(Q,s[1],t,k):h(s[1]),q);const $={};2&t&&($.$$scope={dirty:t,ctx:s}),E.$set($);const c={};2&t&&(c.$$scope={dirty:t,ctx:s}),N.$set(c)},i(s){O||(w(e.$$.fragment,s),w(R,s),w(E.$$.fragment,s),w(N.$$.fragment,s),O=!0)},o(s){S(e.$$.fragment,s),S(R,s),S(E.$$.fragment,s),S(N.$$.fragment,s),O=!1},d(s){s&&p(t),b(e),R&&R.d(s),b(E),b(N)}}}function O(s,t,e){let{$$slots:a={},$$scope:$}=t;return s.$$set=s=>{"$$scope"in s&&e(1,$=s.$$scope)},[a,$]}class Q extends s{constructor(s){super(),t(this,s,O,N,e,{})}}export{Q as S};
diff --git a/376/client/slider-dd4ec7e1.css b/376/client/slider-dd4ec7e1.css
new file mode 100644
index 000000000..82420874c
--- /dev/null
+++ b/376/client/slider-dd4ec7e1.css
@@ -0,0 +1,2 @@
+.handle.svelte-1u2at4{backface-visibility:hidden;background:#4300b0;border-radius:50%;display:block;height:16px;position:absolute;width:16px;z-index:2}.handle-horizontal.svelte-1u2at4{top:-6px;transform:translateX(-50%)}.handle-vertical.svelte-1u2at4{left:-6px;transform:translateY(50%)}.handle.svelte-1u2at4:hover{box-shadow:0 0 0 8px rgba(131, 141, 231, 0.16);cursor:pointer}.handle.svelte-1u2at4:focus{box-shadow:0 0 0 8px rgba(131, 141, 231, 0.16);outline:none}.handle-active.svelte-1u2at4{background:#4300b0}.handle-disabled.svelte-1u2at4,.handle-disabled.svelte-1u2at4:hover,.handle-disabled.svelte-1u2at4:active{background:#888;box-shadow:none;cursor:not-allowed}
+.slider.svelte-1o2b9u1.svelte-1o2b9u1{box-sizing:border-box;cursor:pointer;padding:4px 0;position:relative;touch-action:none;user-select:none;z-index:1}.slider-horizontal.svelte-1o2b9u1.svelte-1o2b9u1{height:10px;width:100%}.slider-vertical.svelte-1o2b9u1.svelte-1o2b9u1{height:100%;width:10px}.slider-disabled.svelte-1o2b9u1.svelte-1o2b9u1{cursor:not-allowed}.rail.svelte-1o2b9u1.svelte-1o2b9u1{background:#aaa;border-radius:2px;position:absolute}.rail-horizontal.svelte-1o2b9u1.svelte-1o2b9u1{height:4px;top:0;width:100%}.rail-vertical.svelte-1o2b9u1.svelte-1o2b9u1{height:100%;left:0;top:0;width:4px}.rail-disabled.svelte-1o2b9u1.svelte-1o2b9u1{background:#cfcfcf;cursor:not-allowed}.range-selection.svelte-1o2b9u1.svelte-1o2b9u1{background:#4300b0;border-radius:2px;pointer-events:none;position:absolute}.range-selection-horizontal.svelte-1o2b9u1.svelte-1o2b9u1{height:4px;left:0;right:auto;top:0}.range-selection-vertical.svelte-1o2b9u1.svelte-1o2b9u1{bottom:0;top:auto;width:4px}.range-selection-disabled.svelte-1o2b9u1.svelte-1o2b9u1{background:darkgray}.tick.svelte-1o2b9u1.svelte-1o2b9u1{background:#7a7a7a;position:absolute}.tick-horizontal.svelte-1o2b9u1.svelte-1o2b9u1{bottom:auto;height:8px;position:absolute;right:auto;top:10px;white-space:nowrap;width:1px}.tick-horizontal-sub.svelte-1o2b9u1.svelte-1o2b9u1{height:4px}.tick-vertical.svelte-1o2b9u1.svelte-1o2b9u1{bottom:100%;height:1px;left:10px;right:auto;width:8px}.tick-vertical-sub.svelte-1o2b9u1.svelte-1o2b9u1{width:4px}.tick-value.svelte-1o2b9u1.svelte-1o2b9u1{background:none;color:#7a7a7a;font-size:12px;font-variant-numeric:tabular-nums;position:absolute;white-space:nowrap}.tick-value-horizontal.svelte-1o2b9u1.svelte-1o2b9u1{top:2px;transform:translate(-50%, 50%)}.tick-value-vertical.svelte-1o2b9u1.svelte-1o2b9u1{left:12px;top:0;transform:translate(0%, -50%)}.tick-value-disabled.svelte-1o2b9u1.svelte-1o2b9u1{color:#cfcfcf}.tick-disabled.svelte-1o2b9u1.svelte-1o2b9u1{background:#cfcfcf}.handle-tooltip.svelte-1o2b9u1.svelte-1o2b9u1{align-items:center;background:#4300b0;border:0;border-radius:0;box-shadow:0 1px 2px 0 rgba(8, 11, 13, 0.25);color:#fff;display:flex;font-weight:600;justify-content:center;line-height:16px;position:absolute;white-space:nowrap;z-index:1}.handle-tooltip.svelte-1o2b9u1.svelte-1o2b9u1::after{background:#4300b0;box-shadow:0 1px 2px 0 rgba(8, 11, 13, 0.25);content:"";display:inline-block;height:12px;position:absolute;transform:rotate(45deg) translateY(50%);width:12px;z-index:-1}.handle-tooltip-horizontal.svelte-1o2b9u1.svelte-1o2b9u1{left:50%;top:-40px;transform:translate(-50%, 0)}.handle-tooltip-horizontal.svelte-1o2b9u1.svelte-1o2b9u1::after{bottom:-2px;clip-path:inset(0 -15px -15px 0);left:calc(50% - 2px)}.handle-tooltip-vertical.svelte-1o2b9u1.svelte-1o2b9u1{right:24px;top:50%;transform:translate(0, -50%)}.handle-tooltip-vertical.svelte-1o2b9u1.svelte-1o2b9u1::after{bottom:45%;clip-path:inset(-15px -15px 0 0);right:-10px}.handle-tooltip-content.svelte-1o2b9u1.svelte-1o2b9u1{background:#4300b0;font-size:14px;font-variant-numeric:tabular-nums;font-weight:600;height:100%;line-height:16px;padding:5px;width:100%;z-index:2}.handle-tooltip-disabled.svelte-1o2b9u1 .handle-tooltip-content.svelte-1o2b9u1{background:#aaa}.handle-tooltip-disabled.handle-tooltip.svelte-1o2b9u1.svelte-1o2b9u1::after{background:#aaa}
diff --git a/376/client/slider.60bf8240.js b/376/client/slider.60bf8240.js
new file mode 100644
index 000000000..25cae4634
--- /dev/null
+++ b/376/client/slider.60bf8240.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as s,l as a,m as r,U as o,a0 as c,t as p,p as f,q as l,L as m,u,h as g,v as i,w as d,k as x,b as h,x as v,d as w,e as y,f as E,g as k,Y as b,$ as D,ao as O,a1 as T,n as C}from"./client.0d36a0cf.js";import{L as S,H as N,P as R}from"./layout.b2760304.js";import{S as j}from"./slider.7665fedc.js";import{S as G}from"./showcase.8eb3893d.js";import{C as A}from"./color-preview.278d2729.js";import{H as z}from"./h3.1e03849b.js";import{T as P,a as B,b as F,c as H}from"./table.e069c294.js";import{H as Y}from"./h2.122c8b9f.js";import"./index.4c1ceff5.js";import"./classes.2453fa25.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./button.743a388a.js";function q(t){let e;return{c(){e=i("Slider")},l(t){e=v(t,"Slider")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function V(t){let e;return{c(){e=i("An slider for selecting a value or a range.")},l(t){e=v(t,"An slider for selecting a value or a range.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function I(t){let e,$,n,o,c,m,i,v,C,S,N,R,G;function A(e){t[3](e)}n=new j({props:{value:5,min:1,max:10,step:1,vertical:!0,tooltips:"active",ticks:{mode:"step",step:1,subDensity:4}}});let z={min:2,max:6,step:.5,tooltips:"always"};return void 0!==t[0]&&(z.value=t[0]),i=new j({props:z}),b.push((()=>D(i,"value",A))),R=new j({props:{value:[2,4],min:1,max:10,step:1,tooltips:"never",ticks:{mode:"values",values:[1,3,5,7,9]}}}),{c(){e=g("div"),$=g("div"),s(n.$$.fragment),o=u(),c=g("br"),m=u(),s(i.$$.fragment),C=u(),S=g("br"),N=u(),s(R.$$.fragment),this.h()},l(t){e=x(t,"DIV",{slot:!0,class:!0});var s=h(e);$=x(s,"DIV",{style:!0});var r=h($);a(n.$$.fragment,r),o=d(r),c=x(r,"BR",{}),m=d(r),a(i.$$.fragment,r),C=d(r),S=x(r,"BR",{}),N=d(r),a(R.$$.fragment,r),r.forEach(w),s.forEach(w),this.h()},h(){O($,"margin-left","1.5em"),O($,"height","90%"),O($,"min-width","250px"),O($,"max-height","400px"),y(e,"slot","showcase"),y(e,"class","padded")},m(t,s){E(t,e,s),k(e,$),r(n,$,null),k($,o),k($,c),k($,m),r(i,$,null),k($,C),k($,S),k($,N),r(R,$,null),G=!0},p(t,e){const $={};!v&&1&e&&(v=!0,$.value=t[0],T((()=>v=!1))),i.$set($)},i(t){G||(p(n.$$.fragment,t),p(i.$$.fragment,t),p(R.$$.fragment,t),G=!0)},o(t){f(n.$$.fragment,t),f(i.$$.fragment,t),f(R.$$.fragment,t),G=!1},d(t){t&&w(e),l(n),l(i),l(R)}}}function K(t){let e,$;return{c(){e=g("div"),$=g("pre"),this.h()},l(t){e=x(t,"DIV",{slot:!0});var n=h(e);$=x(n,"PRE",{class:!0}),h($).forEach(w),n.forEach(w),this.h()},h(){y($,"class","language-svelte"),y(e,"slot","source")},m(t,n){E(t,e,n),k(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Slider</span>\n  <span class="token attr-name">value=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">5</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">min=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">1</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">max=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">10</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">step=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">1</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">vertical</span>\n  <span class="token attr-name">tooltips</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>active<span class="token punctuation">"</span></span>\n  <span class="token attr-name">ticks=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token punctuation">&#123;</span><span class="token literal-property property">mode</span><span class="token operator">:</span> <span class="token string">\'step\'</span><span class="token punctuation">,</span> <span class="token literal-property property">step</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span> <span class="token literal-property property">subDensity</span><span class="token operator">:</span> <span class="token number">4</span><span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span></span>\n<span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Slider</span>\n  <span class="token attr-name"><span class="token namespace">bind:</span>value=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>val<span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">min=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">2</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">max=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">6</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">step=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">0.5</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">tooltips</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>always<span class="token punctuation">"</span></span>\n<span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Slider</span>\n  <span class="token attr-name">value=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token punctuation">[</span><span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">4</span><span class="token punctuation">]</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">min=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">1</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">max=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">10</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">step=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">1</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">tooltips</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>never<span class="token punctuation">"</span></span>\n  <span class="token attr-name">ticks=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token punctuation">&#123;</span><span class="token literal-property property">mode</span><span class="token operator">:</span> <span class="token string">\'values\'</span><span class="token punctuation">,</span> <span class="token literal-property property">values</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">,</span> <span class="token number">5</span><span class="token punctuation">,</span> <span class="token number">7</span><span class="token punctuation">,</span> <span class="token number">9</span><span class="token punctuation">]</span><span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span></span>\n<span class="token punctuation">/></span></span></code>'},p:C,d(t){t&&w(e)}}}function L(t){let e;return{c(){e=i("Class Properties")},l(t){e=v(t,"Class Properties")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function M(t){let e,$,n,s,a,r,o;return{c(){e=i("All "),$=g("code"),n=i("<Slider>"),s=i(" components use the "),a=g("code"),r=i(".slider"),o=i(" class.\nFalsy values passed to classes will be disregarded.")},l(t){e=v(t,"All "),$=x(t,"CODE",{});var c=h($);n=v(c,"<Slider>"),c.forEach(w),s=v(t," components use the "),a=x(t,"CODE",{});var p=h(a);r=v(p,".slider"),p.forEach(w),o=v(t," class.\nFalsy values passed to classes will be disregarded.")},m(t,c){E(t,e,c),E(t,$,c),k($,n),E(t,s,c),E(t,a,c),k(a,r),E(t,o,c)},p:C,d(t){t&&w(e),t&&w($),t&&w(s),t&&w(a),t&&w(o)}}}function W(t){let e;return{c(){e=i("Name")},l(t){e=v(t,"Name")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function U(t){let e;return{c(){e=i("Default")},l(t){e=v(t,"Default")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function J(t){let e;return{c(){e=i("Type")},l(t){e=v(t,"Type")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Q(t){let e;return{c(){e=i("Description")},l(t){e=v(t,"Description")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function X(t){let e,$,n,o,c,m,g,i;return e=new F({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),g=new F({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(g,t,s),i=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};16&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t),t&&w(m),l(g,t)}}}function Z(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("class")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"class"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function _(t){let e,$;return{c(){e=g("code"),$=i("null")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"null"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function tt(t){let e,$;return{c(){e=g("code"),$=i("string")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"string"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function et(t){let e;return{c(){e=i("A class string to add to the component.")},l(t){e=v(t,"A class string to add to the component.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function $t(t){let e,$,n,o,c,m,g,i;return e=new H({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(g,t,s),i=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};16&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t),t&&w(m),l(g,t)}}}function nt(t){let e,$,n,o,c,m;return $=new B({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s($.$$.fragment),n=u(),o=g("tbody"),s(c.$$.fragment)},l(t){e=x(t,"THEAD",{});var s=h(e);a($.$$.fragment,s),s.forEach(w),n=d(t),o=x(t,"TBODY",{});var r=h(o);a(c.$$.fragment,r),r.forEach(w)},m(t,s){E(t,e,s),r($,e,null),E(t,n,s),E(t,o,s),r(c,o,null),m=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};16&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&w(e),l($),t&&w(n),t&&w(o),l(c)}}}function st(t){let e;return{c(){e=i("Functional Properties")},l(t){e=v(t,"Functional Properties")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function at(t){let e;return{c(){e=i("Name")},l(t){e=v(t,"Name")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function rt(t){let e;return{c(){e=i("Default")},l(t){e=v(t,"Default")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function ot(t){let e;return{c(){e=i("Type")},l(t){e=v(t,"Type")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function ct(t){let e;return{c(){e=i("Description")},l(t){e=v(t,"Description")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function pt(t){let e,$,n,o,c,m,g,i;return e=new F({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),g=new F({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(g,t,s),i=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};16&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t),t&&w(m),l(g,t)}}}function ft(t){let e,$,n,s,a,r,o;return{c(){e=g("mark"),$=g("strong"),n=g("code"),s=i("min"),a=i(" "),r=g("span"),o=i("*"),this.h()},l(t){e=x(t,"MARK",{});var c=h(e);$=x(c,"STRONG",{});var p=h($);n=x(p,"CODE",{});var f=h(n);s=v(f,"min"),f.forEach(w),p.forEach(w),c.forEach(w),a=v(t," "),r=x(t,"SPAN",{class:!0});var l=h(r);o=v(l,"*"),l.forEach(w),this.h()},h(){y(r,"class","required")},m(t,c){E(t,e,c),k(e,$),k($,n),k(n,s),E(t,a,c),E(t,r,c),k(r,o)},p:C,d(t){t&&w(e),t&&w(a),t&&w(r)}}}function lt(t){let e,$;return{c(){e=g("code"),$=i("number")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"number"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function mt(t){let e;return{c(){e=i("The minimum value of the slider.")},l(t){e=v(t,"The minimum value of the slider.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function ut(t){let e,$,n,o,c,m,g,i;return e=new H({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),n=new H({}),c=new H({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(g,t,s),i=!0},p(t,$){const n={};16&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){i||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t),t&&w(m),l(g,t)}}}function gt(t){let e,$,n,s,a,r,o;return{c(){e=g("mark"),$=g("strong"),n=g("code"),s=i("max"),a=i(" "),r=g("span"),o=i("*"),this.h()},l(t){e=x(t,"MARK",{});var c=h(e);$=x(c,"STRONG",{});var p=h($);n=x(p,"CODE",{});var f=h(n);s=v(f,"max"),f.forEach(w),p.forEach(w),c.forEach(w),a=v(t," "),r=x(t,"SPAN",{class:!0});var l=h(r);o=v(l,"*"),l.forEach(w),this.h()},h(){y(r,"class","required")},m(t,c){E(t,e,c),k(e,$),k($,n),k(n,s),E(t,a,c),E(t,r,c),k(r,o)},p:C,d(t){t&&w(e),t&&w(a),t&&w(r)}}}function it(t){let e,$;return{c(){e=g("code"),$=i("number")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"number"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function dt(t){let e;return{c(){e=i("The maximum value of the slider.")},l(t){e=v(t,"The maximum value of the slider.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function xt(t){let e,$,n,o,c,m,g,i;return e=new H({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),n=new H({}),c=new H({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(g,t,s),i=!0},p(t,$){const n={};16&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){i||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t),t&&w(m),l(g,t)}}}function ht(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("value")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"value"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function vt(t){let e,$;return{c(){e=g("code"),$=i(Q$)},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,Q$),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function wt(t){let e;return{c(){e=i("The current value of the slider. Provide an array of two numbers to create a range slider.")},l(t){e=v(t,"The current value of the slider. Provide an array of two numbers to create a range slider.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function yt(t){let e,$,n,o,c,m,g,i;return e=new H({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),n=new H({}),c=new H({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(g,t,s),i=!0},p(t,$){const n={};16&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),g.$set(a)},i(t){i||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t),t&&w(m),l(g,t)}}}function Et(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("step")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"step"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function kt(t){let e,$;return{c(){e=g("code"),$=i("1")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"1"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function bt(t){let e,$;return{c(){e=g("code"),$=i("number")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"number"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function Dt(t){let e;return{c(){e=i("The step by which the slider handle can move.")},l(t){e=v(t,"The step by which the slider handle can move.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Ot(t){let e,$,n,o,c,m,g,i;return e=new H({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(g,t,s),i=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};16&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t),t&&w(m),l(g,t)}}}function Tt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("vertical")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"vertical"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function Ct(t){let e,$;return{c(){e=g("code"),$=i("false")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"false"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function St(t){let e,$;return{c(){e=g("code"),$=i("boolean")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"boolean"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function Nt(t){let e;return{c(){e=i("To position the slider vertically with values from top to bottom.")},l(t){e=v(t,"To position the slider vertically with values from top to bottom.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Rt(t){let e,$,n,o,c,m,g,i;return e=new H({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(g,t,s),i=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};16&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t),t&&w(m),l(g,t)}}}function jt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("disabled")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"disabled"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function Gt(t){let e,$;return{c(){e=g("code"),$=i("false")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"false"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function At(t){let e,$;return{c(){e=g("code"),$=i("boolean")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"boolean"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function zt(t){let e;return{c(){e=i("Disables the slider and applies appropriate styling.")},l(t){e=v(t,"Disables the slider and applies appropriate styling.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Pt(t){let e,$,n,o,c,m,g,i;return e=new H({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(g,t,s),i=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};16&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t),t&&w(m),l(g,t)}}}function Bt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("tooltips")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"tooltips"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function Ft(t){let e,$;return{c(){e=g("code"),$=i('"none"')},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,'"none"'),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function Ht(t){let e,$;return{c(){e=g("code"),$=i(X$)},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,X$),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function Yt(t){let e,$,n,s,a,r;return{c(){e=g("code"),$=i("active"),n=i(" will show tooltips above a handle when it is active. "),s=g("code"),a=i("always"),r=i(" will show tooltips regardless of handle state.")},l(t){e=x(t,"CODE",{});var o=h(e);$=v(o,"active"),o.forEach(w),n=v(t," will show tooltips above a handle when it is active. "),s=x(t,"CODE",{});var c=h(s);a=v(c,"always"),c.forEach(w),r=v(t," will show tooltips regardless of handle state.")},m(t,o){E(t,e,o),k(e,$),E(t,n,o),E(t,s,o),k(s,a),E(t,r,o)},p:C,d(t){t&&w(e),t&&w(n),t&&w(s),t&&w(r)}}}function qt(t){let e,$,n,o,c,m,g,i;return e=new H({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(g,t,s),i=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};16&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t),t&&w(m),l(g,t)}}}function Vt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("ticks")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"ticks"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function It(t){let e,$;return{c(){e=g("code"),$=i('{ mode: "none" }')},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,'{ mode: "none" }'),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function Kt(t){let e,$;return{c(){e=g("code"),$=i(t[1])},l(n){e=x(n,"CODE",{});var s=h(e);$=v(s,t[1]),s.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function Lt(t){let e;return{c(){e=i("Configures how ticks are displayed, parallel to the slider rail.")},l(t){e=v(t,"Configures how ticks are displayed, parallel to the slider rail.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Mt(t){let e,$,n,o,c,m,g,i;return e=new H({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(g,t,s),i=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};16&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t),t&&w(m),l(g,t)}}}function Wt(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("rangeBehavior")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"rangeBehavior"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function Ut(t){let e,$;return{c(){e=g("code"),$=i('"block"')},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,'"block"'),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function Jt(t){let e,$;return{c(){e=g("code"),$=i(Z$)},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,Z$),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function Qt(t){let e;return{c(){e=i("Defines how two handles interact with each other.")},l(t){e=v(t,"Defines how two handles interact with each other.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Xt(t){let e,$,n,o,c,m,g,i;return e=new H({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),g=new H({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(g.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(g.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(g,t,s),i=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};16&$&&(o.$$scope={dirty:$,ctx:t}),g.$set(o)},i(t){i||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(g.$$.fragment,t),i=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(g.$$.fragment,t),i=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t),t&&w(m),l(g,t)}}}function Zt(t){let e,$,n,o,c,m,i,v,y,b,D,O,T,C,S,N,R,j,G,A,z,P;return $=new B({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),i=new B({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),y=new B({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),D=new B({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),T=new B({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),S=new B({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),R=new B({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),G=new B({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),z=new B({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s($.$$.fragment),n=u(),o=g("tbody"),s(c.$$.fragment),m=u(),s(i.$$.fragment),v=u(),s(y.$$.fragment),b=u(),s(D.$$.fragment),O=u(),s(T.$$.fragment),C=u(),s(S.$$.fragment),N=u(),s(R.$$.fragment),j=u(),s(G.$$.fragment),A=u(),s(z.$$.fragment)},l(t){e=x(t,"THEAD",{});var s=h(e);a($.$$.fragment,s),s.forEach(w),n=d(t),o=x(t,"TBODY",{});var r=h(o);a(c.$$.fragment,r),m=d(r),a(i.$$.fragment,r),v=d(r),a(y.$$.fragment,r),b=d(r),a(D.$$.fragment,r),O=d(r),a(T.$$.fragment,r),C=d(r),a(S.$$.fragment,r),N=d(r),a(R.$$.fragment,r),j=d(r),a(G.$$.fragment,r),A=d(r),a(z.$$.fragment,r),r.forEach(w)},m(t,s){E(t,e,s),r($,e,null),E(t,n,s),E(t,o,s),r(c,o,null),k(o,m),r(i,o,null),k(o,v),r(y,o,null),k(o,b),r(D,o,null),k(o,O),r(T,o,null),k(o,C),r(S,o,null),k(o,N),r(R,o,null),k(o,j),r(G,o,null),k(o,A),r(z,o,null),P=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};16&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};16&e&&(a.$$scope={dirty:e,ctx:t}),i.$set(a);const r={};16&e&&(r.$$scope={dirty:e,ctx:t}),y.$set(r);const o={};16&e&&(o.$$scope={dirty:e,ctx:t}),D.$set(o);const p={};16&e&&(p.$$scope={dirty:e,ctx:t}),T.$set(p);const f={};16&e&&(f.$$scope={dirty:e,ctx:t}),S.$set(f);const l={};16&e&&(l.$$scope={dirty:e,ctx:t}),R.$set(l);const m={};16&e&&(m.$$scope={dirty:e,ctx:t}),G.$set(m);const u={};16&e&&(u.$$scope={dirty:e,ctx:t}),z.$set(u)},i(t){P||(p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),p(y.$$.fragment,t),p(D.$$.fragment,t),p(T.$$.fragment,t),p(S.$$.fragment,t),p(R.$$.fragment,t),p(G.$$.fragment,t),p(z.$$.fragment,t),P=!0)},o(t){f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(y.$$.fragment,t),f(D.$$.fragment,t),f(T.$$.fragment,t),f(S.$$.fragment,t),f(R.$$.fragment,t),f(G.$$.fragment,t),f(z.$$.fragment,t),P=!1},d(t){t&&w(e),l($),t&&w(n),t&&w(o),l(c),l(i),l(y),l(D),l(T),l(S),l(R),l(G),l(z)}}}function _t(t){let e,$,n,s,a,r,o,c,p,f,l,m,u,d,y,b;return{c(){e=i("With "),$=g("code"),n=i("ticks.mode"),s=i(" value of "),a=g("code"),r=i("step"),o=i(" or "),c=g("code"),p=i("values"),f=i(", a "),l=g("code"),m=i("subDensity"),u=i(" property may be provided to set the density of the ticks on a 0-100 percent scale (e.g. "),d=g("code"),y=i("2"),b=i(" means a tick every 2%).")},l(t){e=v(t,"With "),$=x(t,"CODE",{});var g=h($);n=v(g,"ticks.mode"),g.forEach(w),s=v(t," value of "),a=x(t,"CODE",{});var i=h(a);r=v(i,"step"),i.forEach(w),o=v(t," or "),c=x(t,"CODE",{});var E=h(c);p=v(E,"values"),E.forEach(w),f=v(t,", a "),l=x(t,"CODE",{});var k=h(l);m=v(k,"subDensity"),k.forEach(w),u=v(t," property may be provided to set the density of the ticks on a 0-100 percent scale (e.g. "),d=x(t,"CODE",{});var D=h(d);y=v(D,"2"),D.forEach(w),b=v(t," means a tick every 2%).")},m(t,g){E(t,e,g),E(t,$,g),k($,n),E(t,s,g),E(t,a,g),k(a,r),E(t,o,g),E(t,c,g),k(c,p),E(t,f,g),E(t,l,g),k(l,m),E(t,u,g),E(t,d,g),k(d,y),E(t,b,g)},p:C,d(t){t&&w(e),t&&w($),t&&w(s),t&&w(a),t&&w(o),t&&w(c),t&&w(f),t&&w(l),t&&w(u),t&&w(d),t&&w(b)}}}function te(t){let e;return{c(){e=i("Events")},l(t){e=v(t,"Events")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function ee(t){let e;return{c(){e=i("Name")},l(t){e=v(t,"Name")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function $e(t){let e;return{c(){e=i("Event Detail")},l(t){e=v(t,"Event Detail")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function ne(t){let e;return{c(){e=i("Description")},l(t){e=v(t,"Description")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function se(t){let e,$,n,o,c,m;return e=new F({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t)}}}function ae(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("focus")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"focus"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function re(t){let e;return{c(){e=i("None")},l(t){e=v(t,"None")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function oe(t){let e;return{c(){e=i("Fires when the slider is focused.")},l(t){e=v(t,"Fires when the slider is focused.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function ce(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t)}}}function pe(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("change")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"change"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function fe(t){let e,$;return{c(){e=g("code"),$=i("number")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"number"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function le(t){let e;return{c(){e=i("Fires when ever a slider handle value changes.")},l(t){e=v(t,"Fires when ever a slider handle value changes.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function me(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t)}}}function ue(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("blur")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"blur"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function ge(t){let e;return{c(){e=i("None")},l(t){e=v(t,"None")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function ie(t){let e;return{c(){e=i("Fires when the slider loses focus.")},l(t){e=v(t,"Fires when the slider loses focus.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function de(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t)}}}function xe(t){let e,$,n,o,c,m,i,v,y,b;return $=new B({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),i=new B({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),y=new B({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s($.$$.fragment),n=u(),o=g("tbody"),s(c.$$.fragment),m=u(),s(i.$$.fragment),v=u(),s(y.$$.fragment)},l(t){e=x(t,"THEAD",{});var s=h(e);a($.$$.fragment,s),s.forEach(w),n=d(t),o=x(t,"TBODY",{});var r=h(o);a(c.$$.fragment,r),m=d(r),a(i.$$.fragment,r),v=d(r),a(y.$$.fragment,r),r.forEach(w)},m(t,s){E(t,e,s),r($,e,null),E(t,n,s),E(t,o,s),r(c,o,null),k(o,m),r(i,o,null),k(o,v),r(y,o,null),b=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};16&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};16&e&&(a.$$scope={dirty:e,ctx:t}),i.$set(a);const r={};16&e&&(r.$$scope={dirty:e,ctx:t}),y.$set(r)},i(t){b||(p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),p(y.$$.fragment,t),b=!0)},o(t){f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(y.$$.fragment,t),b=!1},d(t){t&&w(e),l($),t&&w(n),t&&w(o),l(c),l(i),l(y)}}}function he(t){let e;return{c(){e=i("Slots")},l(t){e=v(t,"Slots")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function ve(t){let e,$,n;return{c(){e=g("code"),$=i("tick-value"),n=i(" slot")},l(t){e=x(t,"CODE",{});var s=h(e);$=v(s,"tick-value"),s.forEach(w),n=v(t," slot")},m(t,s){E(t,e,s),k(e,$),E(t,n,s)},p:C,d(t){t&&w(e),t&&w(n)}}}function we(t){let e;return{c(){e=i("Receives the tick value as a prop in order to map or append a unit.")},l(t){e=v(t,"Receives the tick value as a prop in order to map or append a unit.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function ye(t){let e;return{c(){e=i("Prop Name")},l(t){e=v(t,"Prop Name")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Ee(t){let e;return{c(){e=i("Type")},l(t){e=v(t,"Type")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function ke(t){let e;return{c(){e=i("Description")},l(t){e=v(t,"Description")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function be(t){let e,$,n,o,c,m;return e=new F({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t)}}}function De(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("value")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"value"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function Oe(t){let e,$;return{c(){e=g("code"),$=i("number")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"number"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function Te(t){let e;return{c(){e=i("The tick.")},l(t){e=v(t,"The tick.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Ce(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t)}}}function Se(t){let e,$,n,o,c,m;return $=new B({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s($.$$.fragment),n=u(),o=g("tbody"),s(c.$$.fragment)},l(t){e=x(t,"THEAD",{});var s=h(e);a($.$$.fragment,s),s.forEach(w),n=d(t),o=x(t,"TBODY",{});var r=h(o);a(c.$$.fragment,r),r.forEach(w)},m(t,s){E(t,e,s),r($,e,null),E(t,n,s),E(t,o,s),r(c,o,null),m=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};16&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&w(e),l($),t&&w(n),t&&w(o),l(c)}}}function Ne(t){let e,$,n;return{c(){e=g("code"),$=i("tooltip-content"),n=i(" slot")},l(t){e=x(t,"CODE",{});var s=h(e);$=v(s,"tooltip-content"),s.forEach(w),n=v(t," slot")},m(t,s){E(t,e,s),k(e,$),E(t,n,s)},p:C,d(t){t&&w(e),t&&w(n)}}}function Re(t){let e;return{c(){e=i("Recieves the value for the handle as a prop in order to format or append a unit.")},l(t){e=v(t,"Recieves the value for the handle as a prop in order to format or append a unit.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function je(t){let e;return{c(){e=i("Prop Name")},l(t){e=v(t,"Prop Name")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Ge(t){let e;return{c(){e=i("Type")},l(t){e=v(t,"Type")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Ae(t){let e;return{c(){e=i("Description")},l(t){e=v(t,"Description")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function ze(t){let e,$,n,o,c,m;return e=new F({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t)}}}function Pe(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("value")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"value"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function Be(t){let e,$;return{c(){e=g("code"),$=i("number")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"number"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function Fe(t){let e;return{c(){e=i("The current value the handle is at.")},l(t){e=v(t,"The current value the handle is at.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function He(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t)}}}function Ye(t){let e,$,n,o,c,m;return $=new B({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s($.$$.fragment),n=u(),o=g("tbody"),s(c.$$.fragment)},l(t){e=x(t,"THEAD",{});var s=h(e);a($.$$.fragment,s),s.forEach(w),n=d(t),o=x(t,"TBODY",{});var r=h(o);a(c.$$.fragment,r),r.forEach(w)},m(t,s){E(t,e,s),r($,e,null),E(t,n,s),E(t,o,s),r(c,o,null),m=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};16&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(p($.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f($.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){t&&w(e),l($),t&&w(n),t&&w(o),l(c)}}}function qe(t){let e,$,n;return{c(){e=g("code"),$=i("rail-content"),n=i(" slot")},l(t){e=x(t,"CODE",{});var s=h(e);$=v(s,"rail-content"),s.forEach(w),n=v(t," slot")},m(t,s){E(t,e,s),k(e,$),E(t,n,s)},p:C,d(t){t&&w(e),t&&w(n)}}}function Ve(t){let e;return{c(){e=i("The content of the rail.")},l(t){e=v(t,"The content of the rail.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Ie(t){let e;return{c(){e=i("SCSS Variables")},l(t){e=v(t,"SCSS Variables")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Ke(t){let e;return{c(){e=i("Name")},l(t){e=v(t,"Name")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Le(t){let e;return{c(){e=i("Description")},l(t){e=v(t,"Description")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Me(t){let e;return{c(){e=i("Default")},l(t){e=v(t,"Default")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function We(t){let e,$,n,o,c,m;return e=new F({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t)}}}function Ue(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$main")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$main"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function Je(t){let e;return{c(){e=i("The background of the tooltip.")},l(t){e=v(t,"The background of the tooltip.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Qe(t){let e,$;return e=new A({props:{value:"#4300b0"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){r(e,t,n),$=!0},p:C,i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){f(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function Xe(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Qe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t)}}}function Ze(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$slider-handle-size")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$slider-handle-size"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function _e(t){let e;return{c(){e=i("The diameter of the handle.")},l(t){e=v(t,"The diameter of the handle.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function t$(t){let e,$;return{c(){e=g("code"),$=i("16px")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"16px"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function e$(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[Ze]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t)}}}function $$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$slider-handle-tooltip-size")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$slider-handle-tooltip-size"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function n$(t){let e;return{c(){e=i("The side length of the tooltip.")},l(t){e=v(t,"The side length of the tooltip.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function s$(t){let e,$;return{c(){e=g("code"),$=i("12px")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"12px"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function a$(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[n$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[s$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t)}}}function r$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$slider-handle-tooltip-font-size")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$slider-handle-tooltip-font-size"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function o$(t){let e;return{c(){e=i("The font size of the tooltip content.")},l(t){e=v(t,"The font size of the tooltip content.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function c$(t){let e,$;return{c(){e=g("code"),$=i("14px")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"14px"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function p$(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[r$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[o$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[c$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t)}}}function f$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$slider-handle-tooltip-disabled")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$slider-handle-tooltip-disabled"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function l$(t){let e;return{c(){e=i("The background color of the tooltip when disabled.")},l(t){e=v(t,"The background color of the tooltip when disabled.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function m$(t){let e,$;return e=new A({props:{value:"#aaa"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){r(e,t,n),$=!0},p:C,i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){f(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function u$(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[f$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[l$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[m$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t)}}}function g$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$slider-rail-size")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$slider-rail-size"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function i$(t){let e;return{c(){e=i("The thickness of the slider rail.")},l(t){e=v(t,"The thickness of the slider rail.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function d$(t){let e,$;return{c(){e=g("code"),$=i("4px")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"4px"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function x$(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[g$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[i$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[d$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t)}}}function h$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$slider-rail-bg")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$slider-rail-bg"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function v$(t){let e;return{c(){e=i("The background color of the rail.")},l(t){e=v(t,"The background color of the rail.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function w$(t){let e,$;return e=new A({props:{value:"#aaa"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){r(e,t,n),$=!0},p:C,i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){f(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function y$(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[h$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[v$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[w$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t)}}}function E$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$slider-disabled")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$slider-disabled"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function k$(t){let e;return{c(){e=i("The color assigned to the rail and tick content when the slider is disabled.")},l(t){e=v(t,"The color assigned to the rail and tick content when the slider is disabled.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function b$(t){let e,$;return e=new A({props:{value:"#cfcfcf"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){r(e,t,n),$=!0},p:C,i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){f(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function D$(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[E$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[k$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[b$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t)}}}function O$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$slider-tick-bg")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$slider-tick-bg"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function T$(t){let e;return{c(){e=i("The regular background color of the ticks.")},l(t){e=v(t,"The regular background color of the ticks.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function C$(t){let e,$;return e=new A({props:{value:"#7a7a7a"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){r(e,t,n),$=!0},p:C,i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){f(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function S$(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[O$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[T$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[C$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t)}}}function N$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$slider-tick-length")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$slider-tick-length"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function R$(t){let e;return{c(){e=i("The length of the ticks.")},l(t){e=v(t,"The length of the ticks.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function j$(t){let e,$;return{c(){e=g("code"),$=i("8px")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"8px"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function G$(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[N$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[R$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[j$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t)}}}function A$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$slider-sub-tick-length")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$slider-sub-tick-length"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function z$(t){let e;return{c(){e=i("The length of the sub-ticks.")},l(t){e=v(t,"The length of the sub-ticks.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function P$(t){let e,$;return{c(){e=g("code"),$=i("4px")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"4px"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function B$(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[A$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[z$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[P$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t)}}}function F$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$slider-tick-value-color")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$slider-tick-value-color"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function H$(t){let e;return{c(){e=i("The regular color of the tick content.")},l(t){e=v(t,"The regular color of the tick content.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function Y$(t){let e,$;return e=new A({props:{value:"#7a7a7a"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){r(e,t,n),$=!0},p:C,i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){f(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function q$(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[F$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[H$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Y$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t)}}}function V$(t){let e,$,n;return{c(){e=g("strong"),$=g("code"),n=i("$slider-tick-value-font-size")},l(t){e=x(t,"STRONG",{});var s=h(e);$=x(s,"CODE",{});var a=h($);n=v(a,"$slider-tick-value-font-size"),a.forEach(w),s.forEach(w)},m(t,s){E(t,e,s),k(e,$),k($,n)},p:C,d(t){t&&w(e)}}}function I$(t){let e;return{c(){e=i("The font size of the tick content.")},l(t){e=v(t,"The font size of the tick content.")},m(t,$){E(t,e,$)},d(t){t&&w(e)}}}function K$(t){let e,$;return{c(){e=g("code"),$=i("12px")},l(t){e=x(t,"CODE",{});var n=h(e);$=v(n,"12px"),n.forEach(w)},m(t,n){E(t,e,n),k(e,$)},p:C,d(t){t&&w(e)}}}function L$(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[V$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[I$]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[K$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};16&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t)}}}function M$(t){let e,$,n,o,c,m,i,v,y,b,D,O,T,C,S,N,R,j,G,A,z,P,F,H,Y,q,V,I,K,L;return $=new B({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),i=new B({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),y=new B({props:{$$slots:{default:[a$]},$$scope:{ctx:t}}}),D=new B({props:{$$slots:{default:[p$]},$$scope:{ctx:t}}}),T=new B({props:{$$slots:{default:[u$]},$$scope:{ctx:t}}}),S=new B({props:{$$slots:{default:[x$]},$$scope:{ctx:t}}}),R=new B({props:{$$slots:{default:[y$]},$$scope:{ctx:t}}}),G=new B({props:{$$slots:{default:[D$]},$$scope:{ctx:t}}}),z=new B({props:{$$slots:{default:[S$]},$$scope:{ctx:t}}}),F=new B({props:{$$slots:{default:[G$]},$$scope:{ctx:t}}}),Y=new B({props:{$$slots:{default:[B$]},$$scope:{ctx:t}}}),V=new B({props:{$$slots:{default:[q$]},$$scope:{ctx:t}}}),K=new B({props:{$$slots:{default:[L$]},$$scope:{ctx:t}}}),{c(){e=g("thead"),s($.$$.fragment),n=u(),o=g("tbody"),s(c.$$.fragment),m=u(),s(i.$$.fragment),v=u(),s(y.$$.fragment),b=u(),s(D.$$.fragment),O=u(),s(T.$$.fragment),C=u(),s(S.$$.fragment),N=u(),s(R.$$.fragment),j=u(),s(G.$$.fragment),A=u(),s(z.$$.fragment),P=u(),s(F.$$.fragment),H=u(),s(Y.$$.fragment),q=u(),s(V.$$.fragment),I=u(),s(K.$$.fragment)},l(t){e=x(t,"THEAD",{});var s=h(e);a($.$$.fragment,s),s.forEach(w),n=d(t),o=x(t,"TBODY",{});var r=h(o);a(c.$$.fragment,r),m=d(r),a(i.$$.fragment,r),v=d(r),a(y.$$.fragment,r),b=d(r),a(D.$$.fragment,r),O=d(r),a(T.$$.fragment,r),C=d(r),a(S.$$.fragment,r),N=d(r),a(R.$$.fragment,r),j=d(r),a(G.$$.fragment,r),A=d(r),a(z.$$.fragment,r),P=d(r),a(F.$$.fragment,r),H=d(r),a(Y.$$.fragment,r),q=d(r),a(V.$$.fragment,r),I=d(r),a(K.$$.fragment,r),r.forEach(w)},m(t,s){E(t,e,s),r($,e,null),E(t,n,s),E(t,o,s),r(c,o,null),k(o,m),r(i,o,null),k(o,v),r(y,o,null),k(o,b),r(D,o,null),k(o,O),r(T,o,null),k(o,C),r(S,o,null),k(o,N),r(R,o,null),k(o,j),r(G,o,null),k(o,A),r(z,o,null),k(o,P),r(F,o,null),k(o,H),r(Y,o,null),k(o,q),r(V,o,null),k(o,I),r(K,o,null),L=!0},p(t,e){const n={};16&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};16&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};16&e&&(a.$$scope={dirty:e,ctx:t}),i.$set(a);const r={};16&e&&(r.$$scope={dirty:e,ctx:t}),y.$set(r);const o={};16&e&&(o.$$scope={dirty:e,ctx:t}),D.$set(o);const p={};16&e&&(p.$$scope={dirty:e,ctx:t}),T.$set(p);const f={};16&e&&(f.$$scope={dirty:e,ctx:t}),S.$set(f);const l={};16&e&&(l.$$scope={dirty:e,ctx:t}),R.$set(l);const m={};16&e&&(m.$$scope={dirty:e,ctx:t}),G.$set(m);const u={};16&e&&(u.$$scope={dirty:e,ctx:t}),z.$set(u);const g={};16&e&&(g.$$scope={dirty:e,ctx:t}),F.$set(g);const d={};16&e&&(d.$$scope={dirty:e,ctx:t}),Y.$set(d);const x={};16&e&&(x.$$scope={dirty:e,ctx:t}),V.$set(x);const h={};16&e&&(h.$$scope={dirty:e,ctx:t}),K.$set(h)},i(t){L||(p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),p(y.$$.fragment,t),p(D.$$.fragment,t),p(T.$$.fragment,t),p(S.$$.fragment,t),p(R.$$.fragment,t),p(G.$$.fragment,t),p(z.$$.fragment,t),p(F.$$.fragment,t),p(Y.$$.fragment,t),p(V.$$.fragment,t),p(K.$$.fragment,t),L=!0)},o(t){f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(y.$$.fragment,t),f(D.$$.fragment,t),f(T.$$.fragment,t),f(S.$$.fragment,t),f(R.$$.fragment,t),f(G.$$.fragment,t),f(z.$$.fragment,t),f(F.$$.fragment,t),f(Y.$$.fragment,t),f(V.$$.fragment,t),f(K.$$.fragment,t),L=!1},d(t){t&&w(e),l($),t&&w(n),t&&w(o),l(c),l(i),l(y),l(D),l(T),l(S),l(R),l(G),l(z),l(F),l(Y),l(V),l(K)}}}function W$(t){let e,$,n,o,c,m,b,D,O,T,C,S,j,A,B,F,H,W,U,J,Q,X,Z,_,tt,et,$t,at,rt,ot,ct,pt,ft,lt,mt,ut,gt,it,dt,xt,ht,vt,wt,yt,Et,kt,bt;return e=new N({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),n=new R({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{source:[K],showcase:[I]},$$scope:{ctx:t}}}),b=new z({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),O=new R({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),C=new P({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),j=new z({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),B=new P({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),J=new R({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),X=new Y({props:{id:"events",$$slots:{default:[te]},$$scope:{ctx:t}}}),_=new P({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),et=new Y({props:{id:"slots",$$slots:{default:[he]},$$scope:{ctx:t}}}),at=new z({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),ot=new R({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),pt=new P({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),lt=new z({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),ut=new R({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),it=new P({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),xt=new z({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),vt=new R({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),yt=new Y({props:{id:"scss-variables",$$slots:{default:[Ie]},$$scope:{ctx:t}}}),kt=new P({props:{$$slots:{default:[M$]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=u(),s(n.$$.fragment),o=u(),s(c.$$.fragment),m=u(),s(b.$$.fragment),D=u(),s(O.$$.fragment),T=u(),s(C.$$.fragment),S=u(),s(j.$$.fragment),A=u(),s(B.$$.fragment),F=u(),H=g("div"),W=i("* Required"),U=u(),s(J.$$.fragment),Q=u(),s(X.$$.fragment),Z=u(),s(_.$$.fragment),tt=u(),s(et.$$.fragment),$t=u(),s(at.$$.fragment),rt=u(),s(ot.$$.fragment),ct=u(),s(pt.$$.fragment),ft=u(),s(lt.$$.fragment),mt=u(),s(ut.$$.fragment),gt=u(),s(it.$$.fragment),dt=u(),s(xt.$$.fragment),ht=u(),s(vt.$$.fragment),wt=u(),s(yt.$$.fragment),Et=u(),s(kt.$$.fragment),this.h()},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(b.$$.fragment,t),D=d(t),a(O.$$.fragment,t),T=d(t),a(C.$$.fragment,t),S=d(t),a(j.$$.fragment,t),A=d(t),a(B.$$.fragment,t),F=d(t),H=x(t,"DIV",{class:!0});var s=h(H);W=v(s,"* Required"),s.forEach(w),U=d(t),a(J.$$.fragment,t),Q=d(t),a(X.$$.fragment,t),Z=d(t),a(_.$$.fragment,t),tt=d(t),a(et.$$.fragment,t),$t=d(t),a(at.$$.fragment,t),rt=d(t),a(ot.$$.fragment,t),ct=d(t),a(pt.$$.fragment,t),ft=d(t),a(lt.$$.fragment,t),mt=d(t),a(ut.$$.fragment,t),gt=d(t),a(it.$$.fragment,t),dt=d(t),a(xt.$$.fragment,t),ht=d(t),a(vt.$$.fragment,t),wt=d(t),a(yt.$$.fragment,t),Et=d(t),a(kt.$$.fragment,t),this.h()},h(){y(H,"class","required")},m(t,s){r(e,t,s),E(t,$,s),r(n,t,s),E(t,o,s),r(c,t,s),E(t,m,s),r(b,t,s),E(t,D,s),r(O,t,s),E(t,T,s),r(C,t,s),E(t,S,s),r(j,t,s),E(t,A,s),r(B,t,s),E(t,F,s),E(t,H,s),k(H,W),E(t,U,s),r(J,t,s),E(t,Q,s),r(X,t,s),E(t,Z,s),r(_,t,s),E(t,tt,s),r(et,t,s),E(t,$t,s),r(at,t,s),E(t,rt,s),r(ot,t,s),E(t,ct,s),r(pt,t,s),E(t,ft,s),r(lt,t,s),E(t,mt,s),r(ut,t,s),E(t,gt,s),r(it,t,s),E(t,dt,s),r(xt,t,s),E(t,ht,s),r(vt,t,s),E(t,wt,s),r(yt,t,s),E(t,Et,s),r(kt,t,s),bt=!0},p(t,$){const s={};16&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};16&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};17&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};16&$&&(o.$$scope={dirty:$,ctx:t}),b.$set(o);const p={};16&$&&(p.$$scope={dirty:$,ctx:t}),O.$set(p);const f={};16&$&&(f.$$scope={dirty:$,ctx:t}),C.$set(f);const l={};16&$&&(l.$$scope={dirty:$,ctx:t}),j.$set(l);const m={};16&$&&(m.$$scope={dirty:$,ctx:t}),B.$set(m);const u={};16&$&&(u.$$scope={dirty:$,ctx:t}),J.$set(u);const g={};16&$&&(g.$$scope={dirty:$,ctx:t}),X.$set(g);const i={};16&$&&(i.$$scope={dirty:$,ctx:t}),_.$set(i);const d={};16&$&&(d.$$scope={dirty:$,ctx:t}),et.$set(d);const x={};16&$&&(x.$$scope={dirty:$,ctx:t}),at.$set(x);const h={};16&$&&(h.$$scope={dirty:$,ctx:t}),ot.$set(h);const v={};16&$&&(v.$$scope={dirty:$,ctx:t}),pt.$set(v);const w={};16&$&&(w.$$scope={dirty:$,ctx:t}),lt.$set(w);const y={};16&$&&(y.$$scope={dirty:$,ctx:t}),ut.$set(y);const E={};16&$&&(E.$$scope={dirty:$,ctx:t}),it.$set(E);const k={};16&$&&(k.$$scope={dirty:$,ctx:t}),xt.$set(k);const D={};16&$&&(D.$$scope={dirty:$,ctx:t}),vt.$set(D);const T={};16&$&&(T.$$scope={dirty:$,ctx:t}),yt.$set(T);const S={};16&$&&(S.$$scope={dirty:$,ctx:t}),kt.$set(S)},i(t){bt||(p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(b.$$.fragment,t),p(O.$$.fragment,t),p(C.$$.fragment,t),p(j.$$.fragment,t),p(B.$$.fragment,t),p(J.$$.fragment,t),p(X.$$.fragment,t),p(_.$$.fragment,t),p(et.$$.fragment,t),p(at.$$.fragment,t),p(ot.$$.fragment,t),p(pt.$$.fragment,t),p(lt.$$.fragment,t),p(ut.$$.fragment,t),p(it.$$.fragment,t),p(xt.$$.fragment,t),p(vt.$$.fragment,t),p(yt.$$.fragment,t),p(kt.$$.fragment,t),bt=!0)},o(t){f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(b.$$.fragment,t),f(O.$$.fragment,t),f(C.$$.fragment,t),f(j.$$.fragment,t),f(B.$$.fragment,t),f(J.$$.fragment,t),f(X.$$.fragment,t),f(_.$$.fragment,t),f(et.$$.fragment,t),f(at.$$.fragment,t),f(ot.$$.fragment,t),f(pt.$$.fragment,t),f(lt.$$.fragment,t),f(ut.$$.fragment,t),f(it.$$.fragment,t),f(xt.$$.fragment,t),f(vt.$$.fragment,t),f(yt.$$.fragment,t),f(kt.$$.fragment,t),bt=!1},d(t){l(e,t),t&&w($),l(n,t),t&&w(o),l(c,t),t&&w(m),l(b,t),t&&w(D),l(O,t),t&&w(T),l(C,t),t&&w(S),l(j,t),t&&w(A),l(B,t),t&&w(F),t&&w(H),t&&w(U),l(J,t),t&&w(Q),l(X,t),t&&w(Z),l(_,t),t&&w(tt),l(et,t),t&&w($t),l(at,t),t&&w(rt),l(ot,t),t&&w(ct),l(pt,t),t&&w(ft),l(lt,t),t&&w(mt),l(ut,t),t&&w(gt),l(it,t),t&&w(dt),l(xt,t),t&&w(ht),l(vt,t),t&&w(wt),l(yt,t),t&&w(Et),l(kt,t)}}}function U$(t){let e,$;const m=[t[2],J$];let u={$$slots:{default:[W$]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)u=n(u,m[t]);return e=new S({props:u}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){r(e,t,n),$=!0},p(t,[$]){const n=4&$?o(m,[4&$&&c(t[2]),0&$&&c(J$)]):{};17&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(p(e.$$.fragment,t),$=!0)},o(t){f(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}const J$={name:"Slider"},Q$="number | [number, number]",X$='"none" | "active" | "always"',Z$='"block" | "free" | "push"';function _$(t,e,$){let s=4;return t.$$set=t=>{$(2,e=n(n({},e),m(t)))},e=m(e),[s,'  { mode: "none" }\n| {\n    mode: "steps";\n    step: number;\n    subDensity?: number;\n  }\n| {\n    mode: "values";\n    values: number[];\n    subDensity?: number;\n  }',e,function(t){s=t,$(0,s)}]}class tn extends t{constructor(t){super(),e(this,t,_$,U$,$,{})}}export{tn as default,J$ as metadata};
diff --git a/376/client/slider.7665fedc.js b/376/client/slider.7665fedc.js
new file mode 100644
index 000000000..b2430549e
--- /dev/null
+++ b/376/client/slider.7665fedc.js
@@ -0,0 +1 @@
+import{a5 as t,K as e,ah as n,ai as a,aj as l,S as s,i,s as o,M as r,h as c,k as u,b as f,d,e as h,X as m,O as v,f as p,P as b,o as $,ae as g,Q as y,R as x,T as k,V as w,t as A,p as E,W as D,J as P,a7 as M,Y as I,u as S,w as j,N as B,g as O,y as V,z as T,U as R,a9 as z,I as C,L as N,ak as U,j as F,l as L,m as X,q as Y,v as q,x as H,A as J}from"./client.0d36a0cf.js";import{s as K}from"./index.4c1ceff5.js";import{c as Q}from"./classes.2453fa25.js";function W(t){return"[object Date]"===Object.prototype.toString.call(t)}function G(t,e){if(t===e||t!=t)return()=>t;const n=typeof t;if(n!==typeof e||Array.isArray(t)!==Array.isArray(e))throw new Error("Cannot interpolate values of different type");if(Array.isArray(t)){const n=e.map(((e,n)=>G(t[n],e)));return t=>n.map((e=>e(t)))}if("object"===n){if(!t||!e)throw new Error("Object cannot be null");if(W(t)&&W(e)){t=t.getTime();const n=(e=e.getTime())-t;return e=>new Date(t+e*n)}const n=Object.keys(e),a={};return n.forEach((n=>{a[n]=G(t[n],e[n])})),t=>{const e={};return n.forEach((n=>{e[n]=a[n](t)})),e}}if("number"===n){const n=e-t;return e=>t+e*n}throw new Error(`Cannot interpolate ${n} values`)}function Z(t,e){const n=function(t){return t.type.includes("touch")?t.touches[0]:t}(e);return t?n.clientY:n.clientX}function _(t){t.stopPropagation(),t.preventDefault()}function tt(t,{min:e,max:n}){return Math.min(Math.max(t,e),n)}function et(t){const e=t.toString();let n=0;return e.indexOf(".")>=0&&(n=e.length-e.indexOf(".")-1),n}function nt(t,{min:e,max:n}){const a=(n-e)/t;return Array.from({length:a+1},((n,a)=>e+a*t))}function at(t,e,n){return"steps"===t.mode?nt(t.step,{min:e,max:n}):"values"===t.mode&&Array.isArray(t.values)?[...t.values]:[]}function lt(t,{min:e,max:n}){const a=(t-e)/(n-e);return Math.max(0,100*a)}function st(t,e){const{step:n}=e,a=function(t,{ticks:e,step:n,min:a,max:l}){const s=at(e,a,l);if(null!==n){const e=10**et(n),i=Math.floor((l*e-a*e)/(n*e)),o=Math.min((t-a)/n,i),r=Math.round(o)*n+a;s.push(r)}const i=s.map((e=>Math.abs(t-e)));return s[i.indexOf(Math.min(...i))]}(t,e),l=isFinite(a)?a:0;return null===n?l:parseFloat(l.toFixed(et(n)))}function it(t,e){function n({vertical:e,value:n,active:a}){e?t.style.setProperty("bottom",`${n}%`):t.style.setProperty("left",`${n}%`),t.style.setProperty("z-index",""+(a?3:2))}return n(e),{update:n}}function ot(t,e){const n=new Map;function a({value:a,vertical:l}){const s=a.length>1;for(const e of n.keys())t.style.removeProperty(e);n.clear();const i=a.map((t=>lt(t,e)));i.sort(((t,e)=>t-e));const o=s?i[1]-i[0]:i[0],r=l?"height":"width";if(n.set(r,`${o}%`),s){const t=l?"bottom":"left";n.set(t,`${i[0]}%`)}for(const[e,a]of n.entries())t.style.setProperty(e,a)}return a(e),{update:a}}const rt=t=>({canShowActiveTooltip:256&t,value:1&t}),ct=t=>({canShowActiveTooltip:t[8],value:t[0]});function ut(t){let e,n,a,l,s,i,o;const P=t[22].tooltips,M=r(P,t,t[21],ct);return{c(){e=c("div"),M&&M.c(),this.h()},l(t){e=u(t,"DIV",{role:!0,class:!0,tabindex:!0,"aria-valuenow":!0,"aria-orientation":!0,"aria-disabled":!0});var n=f(e);M&&M.l(n),n.forEach(d),this.h()},h(){h(e,"role","slider"),h(e,"class",n=m(`handle handle-${t[7]}`)+" svelte-1u2at4"),h(e,"tabindex",a=t[2]?-1:t[3]),h(e,"aria-valuenow",t[0]),h(e,"aria-orientation",t[7]),h(e,"aria-disabled",t[2]),v(e,"handle-active",t[1]),v(e,"handle-focus",t[5]),v(e,"handle-disabled",t[2])},m(n,a){p(n,e,a),M&&M.m(e,null),t[23](e),s=!0,i||(o=[b(l=it.call(null,e,{value:t[9],active:t[1],vertical:t[4]})),$(e,"keydown",t[10]),$(e,"mousedown",g(t[11])),$(e,"mouseenter",t[14]),$(e,"mouseleave",t[15]),$(e,"focus",t[12]),$(e,"blur",t[13])],i=!0)},p(t,[i]){M&&M.p&&(!s||2097409&i)&&y(M,P,t,t[21],s?k(P,t[21],i,rt):x(t[21]),ct),(!s||128&i&&n!==(n=m(`handle handle-${t[7]}`)+" svelte-1u2at4"))&&h(e,"class",n),(!s||12&i&&a!==(a=t[2]?-1:t[3]))&&h(e,"tabindex",a),(!s||1&i)&&h(e,"aria-valuenow",t[0]),(!s||128&i)&&h(e,"aria-orientation",t[7]),(!s||4&i)&&h(e,"aria-disabled",t[2]),l&&w(l.update)&&530&i&&l.update.call(null,{value:t[9],active:t[1],vertical:t[4]}),(!s||130&i)&&v(e,"handle-active",t[1]),(!s||160&i)&&v(e,"handle-focus",t[5]),(!s||132&i)&&v(e,"handle-disabled",t[2])},i(t){s||(A(M,t),s=!0)},o(t){E(M,t),s=!1},d(n){n&&d(e),M&&M.d(n),t[23](null),i=!1,D(o)}}}function ft(s,i,o){let r,c,u,f,{$$slots:d={},$$scope:h}=i;const m=P();let v,{value:p}=i,{min:b}=i,{max:$}=i,{active:g}=i,{disabled:y=!1}=i,{tabIndex:x=0}=i,{vertical:k=!1}=i,w=!1,A=!1;const E=function(s,i={}){const o=t(s);let r,c=s;function u(t,u){if(null==s)return o.set(s=t),Promise.resolve();c=t;let f=r,d=!1,{delay:h=0,duration:m=400,easing:v=l,interpolate:p=G}=e(e({},i),u);if(0===m)return f&&(f.abort(),f=null),o.set(s=c),Promise.resolve();const b=n()+h;let $;return r=a((e=>{if(e<b)return!0;d||($=p(s,t),"function"==typeof m&&(m=m(s,t)),d=!0),f&&(f.abort(),f=null);const n=e-b;return n>m?(o.set(s=t),!1):(o.set(s=$(v(n/m))),!0)})),r.promise}return{set:u,update:(t,e)=>u(t(c,s),e),subscribe:o.subscribe}}(lt(p,{min:b,max:$}),{duration:60,easing:K});return M(s,E,(t=>o(9,f=t))),s.$$set=t=>{"value"in t&&o(0,p=t.value),"min"in t&&o(17,b=t.min),"max"in t&&o(18,$=t.max),"active"in t&&o(1,g=t.active),"disabled"in t&&o(2,y=t.disabled),"tabIndex"in t&&o(3,x=t.tabIndex),"vertical"in t&&o(4,k=t.vertical),"$$scope"in t&&o(21,h=t.$$scope)},s.$$.update=()=>{393217&s.$$.dirty&&o(20,r=lt(p,{min:b,max:$})),1048576&s.$$.dirty&&E.set(r),524322&s.$$.dirty&&o(8,c=g&&w||A),16&s.$$.dirty&&o(7,u=k?"vertical":"horizontal")},[p,g,y,x,k,w,v,u,c,f,function(t){o(5,w=!1)},function(t){o(5,w=!0),v.focus()},function(t){y||(o(5,w=!0),m("focus",w))},function(t){o(5,w=!1),m("focus",w)},function(){o(19,A=!0)},function(){o(19,A=!1)},E,b,$,A,r,h,d,function(t){I[t?"unshift":"push"]((()=>{v=t,o(6,v)}))}]}var dt=class extends s{constructor(t){super(),i(this,t,ft,ut,o,{value:0,min:17,max:18,active:1,disabled:2,tabIndex:3,vertical:4})}};const{window:ht}=U;function mt(t,e,n){const a=t.slice();return a[33]=e[n],a}function vt(t,e,n){const a=t.slice();return a[36]=e[n],a}const pt=t=>({value:128&t[0]}),bt=t=>({value:t[36]});function $t(t,e,n){const a=t.slice();return a[39]=e[n],a[41]=n,a}const gt=t=>({value:1&t[0]}),yt=t=>({value:t[0]}),xt=t=>({}),kt=t=>({});function wt(t){let e,n,a,l;const s=t[22]["tooltip-content"],i=r(s,t,t[25],yt),o=i||function(t){let e,n=t[0]+"";return{c(){e=q(n)},l(t){e=H(t,n)},m(t,n){p(t,e,n)},p(t,a){1&a[0]&&n!==(n=t[0]+"")&&J(e,n)},d(t){t&&d(e)}}}(t);return{c(){e=c("div"),n=c("div"),o&&o.c(),this.h()},l(t){e=u(t,"DIV",{class:!0});var a=f(e);n=u(a,"DIV",{class:!0});var l=f(n);o&&o.l(l),l.forEach(d),a.forEach(d),this.h()},h(){h(n,"class","handle-tooltip-content svelte-1o2b9u1"),h(e,"class",a=m(`handle-tooltip handle-tooltip-${t[13]}`)+" svelte-1o2b9u1"),v(e,"handle-tooltip-disabled",t[4])},m(t,a){p(t,e,a),O(e,n),o&&o.m(n,null),l=!0},p(t,n){i?i.p&&(!l||33554433&n[0])&&y(i,s,t,t[25],l?k(s,t[25],n,gt):x(t[25]),yt):o&&o.p&&(!l||1&n[0])&&o.p(t,l?n:[-1,-1]),(!l||8192&n[0]&&a!==(a=m(`handle-tooltip handle-tooltip-${t[13]}`)+" svelte-1o2b9u1"))&&h(e,"class",a),(!l||8208&n[0])&&v(e,"handle-tooltip-disabled",t[4])},i(t){l||(A(o,t),l=!0)},o(t){E(o,t),l=!1},d(t){t&&d(e),o&&o.d(t)}}}function At(t){let e,n,a=("always"===t[5]||"active"===t[5]&&t[42])&&wt(t);return{c(){e=c("div"),a&&a.c(),this.h()},l(t){e=u(t,"DIV",{slot:!0});var n=f(e);a&&a.l(n),n.forEach(d),this.h()},h(){h(e,"slot","tooltips")},m(t,l){p(t,e,l),a&&a.m(e,null),n=!0},p(t,n){"always"===t[5]||"active"===t[5]&&t[42]?a?(a.p(t,n),32&n[0]|2048&n[1]&&A(a,1)):(a=wt(t),a.c(),A(a,1),a.m(e,null)):a&&(V(),E(a,1,1,(()=>{a=null})),T())},i(t){n||(A(a),n=!0)},o(t){E(a),n=!1},d(t){t&&d(e),a&&a.d()}}}function Et(t){let e,n;return e=new dt({props:{value:t[39],min:t[1],max:t[2],vertical:t[3],disabled:t[4],active:t[9]===t[41],$$slots:{tooltips:[At,({canShowActiveTooltip:t,value:e})=>({42:t,0:e}),({canShowActiveTooltip:t,value:e})=>[e?1:0,t?2048:0]]},$$scope:{ctx:t}}}),e.$on("focus",(function(){return t[23](t[41])})),{c(){F(e.$$.fragment)},l(t){L(e.$$.fragment,t)},m(t,a){X(e,t,a),n=!0},p(n,a){t=n;const l={};2048&a[0]&&(l.value=t[39]),2&a[0]&&(l.min=t[1]),4&a[0]&&(l.max=t[2]),8&a[0]&&(l.vertical=t[3]),16&a[0]&&(l.disabled=t[4]),512&a[0]&&(l.active=t[9]===t[41]),33562673&a[0]|2048&a[1]&&(l.$$scope={dirty:a,ctx:t}),e.$set(l)},i(t){n||(A(e.$$.fragment,t),n=!0)},o(t){E(e.$$.fragment,t),n=!1},d(t){Y(e,t)}}}function Dt(t){let e,n,a,l,s,i;const o=t[22]["tick-value"],b=r(o,t,t[25],bt),$=b||function(t){let e,n=t[36]+"";return{c(){e=q(n)},l(t){e=H(t,n)},m(t,n){p(t,e,n)},p(t,a){128&a[0]&&n!==(n=t[36]+"")&&J(e,n)},d(t){t&&d(e)}}}(t);return{c(){e=c("span"),n=c("span"),$&&$.c(),this.h()},l(t){e=u(t,"SPAN",{class:!0,style:!0});var a=f(e);n=u(a,"SPAN",{class:!0});var l=f(n);$&&$.l(l),l.forEach(d),a.forEach(d),this.h()},h(){h(n,"class",a=m(`tick-value tick-value-${t[13]}`)+" svelte-1o2b9u1"),v(n,"tick-value-disabled",t[4]),h(e,"class",l=m(`tick tick-${t[13]}`)+" svelte-1o2b9u1"),h(e,"style",s=(t[3]?"bottom":"left")+": "+lt(t[36],{min:t[1],max:t[2]})+"%;"),v(e,"tick-disabled",t[4])},m(t,a){p(t,e,a),O(e,n),$&&$.m(n,null),i=!0},p(t,r){b?b.p&&(!i||33554560&r[0])&&y(b,o,t,t[25],i?k(o,t[25],r,pt):x(t[25]),bt):$&&$.p&&(!i||128&r[0])&&$.p(t,i?r:[-1,-1]),(!i||8192&r[0]&&a!==(a=m(`tick-value tick-value-${t[13]}`)+" svelte-1o2b9u1"))&&h(n,"class",a),(!i||8208&r[0])&&v(n,"tick-value-disabled",t[4]),(!i||8192&r[0]&&l!==(l=m(`tick tick-${t[13]}`)+" svelte-1o2b9u1"))&&h(e,"class",l),(!i||142&r[0]&&s!==(s=(t[3]?"bottom":"left")+": "+lt(t[36],{min:t[1],max:t[2]})+"%;"))&&h(e,"style",s),(!i||8208&r[0])&&v(e,"tick-disabled",t[4])},i(t){i||(A($,t),i=!0)},o(t){E($,t),i=!1},d(t){t&&d(e),$&&$.d(t)}}}function Pt(t){let e,n,a;return{c(){e=c("span"),this.h()},l(t){e=u(t,"SPAN",{class:!0,style:!0}),f(e).forEach(d),this.h()},h(){h(e,"class",n=m(`tick tick-${t[13]} tick-${t[13]}-sub`)+" svelte-1o2b9u1"),h(e,"style",a=(t[3]?"bottom":"left")+": "+lt(t[33],{min:t[1],max:t[2]})+"%;"),v(e,"tick-disabled",t[4])},m(t,n){p(t,e,n)},p(t,l){8192&l[0]&&n!==(n=m(`tick tick-${t[13]} tick-${t[13]}-sub`)+" svelte-1o2b9u1")&&h(e,"class",n),4110&l[0]&&a!==(a=(t[3]?"bottom":"left")+": "+lt(t[33],{min:t[1],max:t[2]})+"%;")&&h(e,"style",a),8208&l[0]&&v(e,"tick-disabled",t[4])},d(t){t&&d(e)}}}function Mt(t){let n,a,l,s,i,o,g,P,M,I,C,N,U,F;const L=t[22]["rail-content"],X=r(L,t,t[25],kt);let Y=t[11],q=[];for(let e=0;e<Y.length;e+=1)q[e]=Et($t(t,Y,e));const H=t=>E(q[t],1,1,(()=>{q[t]=null}));let J=t[7],K=[];for(let e=0;e<J.length;e+=1)K[e]=Dt(vt(t,J,e));const W=t=>E(K[t],1,1,(()=>{K[t]=null}));let G=t[12],Z=[];for(let e=0;e<G.length;e+=1)Z[e]=Pt(mt(t,G,e));let _=[{class:C=Q(`slider slider-${t[13]}`,t[6])},t[18]],tt={};for(let t=0;t<_.length;t+=1)tt=e(tt,_[t]);return{c(){n=c("div"),a=c("div"),X&&X.c(),s=S();for(let t=0;t<q.length;t+=1)q[t].c();i=S(),o=c("div"),M=S();for(let t=0;t<K.length;t+=1)K[t].c();I=S();for(let t=0;t<Z.length;t+=1)Z[t].c();this.h()},l(t){n=u(t,"DIV",{class:!0});var e=f(n);a=u(e,"DIV",{class:!0});var l=f(a);X&&X.l(l),l.forEach(d),s=j(e);for(let t=0;t<q.length;t+=1)q[t].l(e);i=j(e),o=u(e,"DIV",{class:!0}),f(o).forEach(d),M=j(e);for(let t=0;t<K.length;t+=1)K[t].l(e);I=j(e);for(let t=0;t<Z.length;t+=1)Z[t].l(e);e.forEach(d),this.h()},h(){h(a,"class",l=m(`rail rail-${t[13]}`)+" svelte-1o2b9u1"),v(a,"rail-disabled",t[4]),h(o,"class",g=m(`range-selection range-selection-${t[13]}`)+" svelte-1o2b9u1"),v(o,"range-selection-disabled",t[4]),B(n,tt),v(n,"slider-active",t[10]),v(n,"slider-disabled",t[4]),v(n,"svelte-1o2b9u1",!0)},m(e,l){p(e,n,l),O(n,a),X&&X.m(a,null),O(n,s);for(let t=0;t<q.length;t+=1)q[t]&&q[t].m(n,null);O(n,i),O(n,o),O(n,M);for(let t=0;t<K.length;t+=1)K[t]&&K[t].m(n,null);O(n,I);for(let t=0;t<Z.length;t+=1)Z[t]&&Z[t].m(n,null);t[24](n),N=!0,U||(F=[$(ht,"mousemove",t[15]),$(ht,"touchmove",t[15]),$(ht,"mouseup",t[16]),$(ht,"touchend",t[16]),b(P=ot.call(null,o,{value:t[11],vertical:t[3],min:t[1],max:t[2]})),$(n,"touchstart",t[14]),$(n,"mousedown",t[14]),$(n,"keydown",t[17])],U=!0)},p(t,e){if(X&&X.p&&(!N||33554432&e[0])&&y(X,L,t,t[25],N?k(L,t[25],e,xt):x(t[25]),kt),(!N||8192&e[0]&&l!==(l=m(`rail rail-${t[13]}`)+" svelte-1o2b9u1"))&&h(a,"class",l),(!N||8208&e[0])&&v(a,"rail-disabled",t[4]),33565247&e[0]|2048&e[1]){let a;for(Y=t[11],a=0;a<Y.length;a+=1){const l=$t(t,Y,a);q[a]?(q[a].p(l,e),A(q[a],1)):(q[a]=Et(l),q[a].c(),A(q[a],1),q[a].m(n,i))}for(V(),a=Y.length;a<q.length;a+=1)H(a);T()}if((!N||8192&e[0]&&g!==(g=m(`range-selection range-selection-${t[13]}`)+" svelte-1o2b9u1"))&&h(o,"class",g),P&&w(P.update)&&2062&e[0]&&P.update.call(null,{value:t[11],vertical:t[3],min:t[1],max:t[2]}),(!N||8208&e[0])&&v(o,"range-selection-disabled",t[4]),33562782&e[0]){let a;for(J=t[7],a=0;a<J.length;a+=1){const l=vt(t,J,a);K[a]?(K[a].p(l,e),A(K[a],1)):(K[a]=Dt(l),K[a].c(),A(K[a],1),K[a].m(n,I))}for(V(),a=J.length;a<K.length;a+=1)W(a);T()}if(12318&e[0]){let a;for(G=t[12],a=0;a<G.length;a+=1){const l=mt(t,G,a);Z[a]?Z[a].p(l,e):(Z[a]=Pt(l),Z[a].c(),Z[a].m(n,null))}for(;a<Z.length;a+=1)Z[a].d(1);Z.length=G.length}B(n,tt=R(_,[(!N||8256&e[0]&&C!==(C=Q(`slider slider-${t[13]}`,t[6])))&&{class:C},262144&e[0]&&t[18]])),v(n,"slider-active",t[10]),v(n,"slider-disabled",t[4]),v(n,"svelte-1o2b9u1",!0)},i(t){if(!N){A(X,t);for(let t=0;t<Y.length;t+=1)A(q[t]);for(let t=0;t<J.length;t+=1)A(K[t]);N=!0}},o(t){E(X,t),q=q.filter(Boolean);for(let t=0;t<q.length;t+=1)E(q[t]);K=K.filter(Boolean);for(let t=0;t<K.length;t+=1)E(K[t]);N=!1},d(e){e&&d(n),X&&X.d(e),z(q,e),z(K,e),z(Z,e),t[24](null),U=!1,D(F)}}}function It(t,n,a){let l,s,i,o;const r=["min","max","step","vertical","disabled","value","ticks","rangeBehavior","tooltips","class"];let c=C(n,r),{$$slots:u={},$$scope:f}=n;const d=P();let h,{min:m}=n,{max:v}=n,{step:p=1}=n,{vertical:b=!1}=n,{disabled:$=!1}=n,{value:g=(v<m?m:m+(v-m)/2)}=n,{ticks:y={mode:"none"}}=n,{rangeBehavior:x="block"}=n,{tooltips:k="never"}=n,{class:w=null}=n,A=0,E=!1;function D(t){const e=Math.max(t,0)/function(){if(!h)return 0;const{height:t,width:e}=h.getBoundingClientRect();return b?t:e}();return b?(1-e)*(v-m)+m:e*(v-m)+m}function M(t){const e=t-function(){const t=h.getBoundingClientRect();return b?t.top:window.pageXOffset+t.left}();return null===(n=D(e))?0:st(tt(n,{min:m,max:v}),{min:m,max:v,ticks:y,step:p});var n}function S(t){if($||!E)return;const e=M(Z(b,t));_(t),j(A,e)}function j(t,e){if(e===g[t])return;const n=[...l];n[t]=e;let s=!1;l.length>1&&"free"!==x&&n.forEach(((a,l)=>{if(l===t)return;const i=a<g[t]?"<-":"->",o="<-"===i?t=>t>=e:t=>t<=e;"push"===x&&o(a)?n[l]="<-"===i?n[t]-1:n[t]+1:"block"===x&&o(a)&&(s=!0)})),s||(a(11,l=n),a(0,g=function(t){return 1===t.length?t[0]:t}(l)),d("change",g))}return t.$$set=t=>{n=e(e({},n),N(t)),a(18,c=C(n,r)),"min"in t&&a(1,m=t.min),"max"in t&&a(2,v=t.max),"step"in t&&a(19,p=t.step),"vertical"in t&&a(3,b=t.vertical),"disabled"in t&&a(4,$=t.disabled),"value"in t&&a(0,g=t.value),"ticks"in t&&a(20,y=t.ticks),"rangeBehavior"in t&&a(21,x=t.rangeBehavior),"tooltips"in t&&a(5,k=t.tooltips),"class"in t&&a(6,w=t.class),"$$scope"in t&&a(25,f=t.$$scope)},t.$$.update=()=>{1&t.$$.dirty[0]&&a(11,l="number"==typeof g?[g]:g),8&t.$$.dirty[0]&&a(13,s=b?"vertical":"horizontal"),1048582&t.$$.dirty[0]&&a(7,i=at(y,m,v)),1048710&t.$$.dirty[0]&&a(12,o="none"!==y.mode&&y.subDensity?function(t,e,n,a=[]){if("none"===t.mode)return[];const{subDensity:l}=t;return l?nt((n-e)/100*l,{min:e,max:n}).filter((t=>!a.includes(t))):[]}(y,m,v,i):[])},[g,m,v,b,$,k,w,i,h,A,E,l,o,s,function(t){if(!E){a(10,E=!0);const e=M(Z(b,t));a(9,A=function(t,e){let n=0;for(let a=1;a<e.length-1;a+=1)t>=e[a]&&(n=a);return Math.abs(e[n+1]-t)<Math.abs(e[n]-t)&&(n+=1),n}(e,l)),d("focus")}},S,function(t){const e=t.target;E&&((e===h||h.contains(e))&&S(t),d("blur"),a(10,E=!1))},function(t){if($)return;let e=0;switch(t.key){case"Up":case"ArrowUp":case"Right":case"ArrowRight":e=p;break;case"Down":case"ArrowDown":case"Left":case"ArrowLeft":e=-p;break;case"End":e=v-l[A];break;case"Home":e=m-l[A];break;case"PageUp":e=2*p;break;case"PageDown":e=2*-p}const n=tt(l[A]+e,{min:m,max:v});j(A,n),_(t)},c,p,y,x,u,t=>a(9,A=t),function(t){I[t?"unshift":"push"]((()=>{h=t,a(8,h)}))},f]}var St=class extends s{constructor(t){super(),i(this,t,It,Mt,o,{min:1,max:2,step:19,vertical:3,disabled:4,value:0,ticks:20,rangeBehavior:21,tooltips:5,class:6},null,[-1,-1])}};export{St as S};
diff --git a/376/client/snackbar-53ccead6.css b/376/client/snackbar-53ccead6.css
new file mode 100644
index 000000000..0d6cb807b
--- /dev/null
+++ b/376/client/snackbar-53ccead6.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-130hse3{max-width:20em}
diff --git a/376/client/snackbar-7eb85ef0.css b/376/client/snackbar-7eb85ef0.css
new file mode 100644
index 000000000..5091616bd
--- /dev/null
+++ b/376/client/snackbar-7eb85ef0.css
@@ -0,0 +1 @@
+.snackbar.svelte-1nruwq9.svelte-1nruwq9{align-items:center;background:#474747;border-radius:0.625em;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);display:flex;margin-top:1em;min-width:16em;padding:0.375em}.snackbar.svelte-1nruwq9 .text.svelte-1nruwq9{color:#fff;flex:1;font-size:0.95em;margin:0 0.625em;padding:0.8em 0}.snackbar.svelte-1nruwq9 .btn{color:#cbacff}
diff --git a/376/client/snackbar-container.18608f95.js b/376/client/snackbar-container.18608f95.js
new file mode 100644
index 000000000..ca9683297
--- /dev/null
+++ b/376/client/snackbar-container.18608f95.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as $,j as r,l as s,m as o,U as a,a0 as c,t as f,p,q as l,E as m,L as i,u as d,w as g,f as u,d as h,v as x,x as b,h as w,k as y,b as k,g as E,n as v,e as T}from"./client.0d36a0cf.js";import{L as O,H as D,P as C}from"./layout.b2760304.js";import{B as S}from"./button.743a388a.js";import{S as R}from"./snackbar-container.ae550c61.js";import{S as j}from"./showcase.8eb3893d.js";import{R as I}from"./related-components.2f822d5e.js";import{f as A}from"./fix-anchor-links.79fa91d5.js";import{U as G,L as N}from"./ul.abdb9780.js";import{H as P}from"./h2.122c8b9f.js";import{H as L}from"./h3.1e03849b.js";import{T as B,a as M,b as _,c as H}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./snackbar.e51b36cb.js";import"./index.4c1ceff5.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./card.72b37821.js";function F(t){let e;return{c(){e=x("SnackbarContainer")},l(t){e=b(t,"SnackbarContainer")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function U(t){let e;return{c(){e=x("The wrapper element creating a context to show snackbars.")},l(t){e=b(t,"The wrapper element creating a context to show snackbars.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Y(t){let e,n,$,r;return{c(){e=x("The main piece of functionality is the "),n=w("code"),$=x("showSnackbar"),r=x(" function. This function accepts an object with the following fields:")},l(t){e=b(t,"The main piece of functionality is the "),n=y(t,"CODE",{});var s=k(n);$=b(s,"showSnackbar"),s.forEach(h),r=b(t," function. This function accepts an object with the following fields:")},m(t,s){u(t,e,s),u(t,n,s),E(n,$),u(t,r,s)},p:v,d(t){t&&h(e),t&&h(n),t&&h(r)}}}function z(t){let e,n,$,r,s,o,a,c;return{c(){e=w("code"),n=x("component"),$=x(" (default: "),r=w("a"),s=w("mark"),o=w("code"),a=x("Snackbar"),c=x(") – the component to render as a snackbar;"),this.h()},l(t){e=y(t,"CODE",{});var f=k(e);n=b(f,"component"),f.forEach(h),$=b(t," (default: "),r=y(t,"A",{href:!0});var p=k(r);s=y(p,"MARK",{});var l=k(s);o=y(l,"CODE",{});var m=k(o);a=b(m,"Snackbar"),m.forEach(h),l.forEach(h),p.forEach(h),c=b(t,") – the component to render as a snackbar;"),this.h()},h(){T(r,"href","./docs/components/snackbar")},m(t,f){u(t,e,f),E(e,n),u(t,$,f),u(t,r,f),E(r,s),E(s,o),E(o,a),u(t,c,f)},p:v,d(t){t&&h(e),t&&h($),t&&h(r),t&&h(c)}}}function K(t){let e,n,$,r,s,o,a,c,f;return{c(){e=w("code"),n=x("props"),$=x(" (default: "),r=w("code"),s=x("{}"),o=x(") – the props to be passed to the snackbar. The component also injects the "),a=w("code"),c=x("closeCallback"),f=x(" prop into this object, which is a function that can be called to force-close the snackbar;")},l(t){e=y(t,"CODE",{});var p=k(e);n=b(p,"props"),p.forEach(h),$=b(t," (default: "),r=y(t,"CODE",{});var l=k(r);s=b(l,"{}"),l.forEach(h),o=b(t,") – the props to be passed to the snackbar. The component also injects the "),a=y(t,"CODE",{});var m=k(a);c=b(m,"closeCallback"),m.forEach(h),f=b(t," prop into this object, which is a function that can be called to force-close the snackbar;")},m(t,p){u(t,e,p),E(e,n),u(t,$,p),u(t,r,p),E(r,s),u(t,o,p),u(t,a,p),E(a,c),u(t,f,p)},p:v,d(t){t&&h(e),t&&h($),t&&h(r),t&&h(o),t&&h(a),t&&h(f)}}}function V(t){let e,n,$,r,s,o;return{c(){e=w("code"),n=x("duration"),$=x(" (default: "),r=w("code"),s=x("4000"),o=x(") – the duration to show the snackbar in milliseconds.")},l(t){e=y(t,"CODE",{});var a=k(e);n=b(a,"duration"),a.forEach(h),$=b(t," (default: "),r=y(t,"CODE",{});var c=k(r);s=b(c,"4000"),c.forEach(h),o=b(t,") – the duration to show the snackbar in milliseconds.")},m(t,a){u(t,e,a),E(e,n),u(t,$,a),u(t,r,a),E(r,s),u(t,o,a)},p:v,d(t){t&&h(e),t&&h($),t&&h(r),t&&h(o)}}}function q(t){let e,n,$,a,c,m;return e=new N({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),$=new N({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),c=new N({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment),a=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t),a=g(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),u(t,a,r),o(c,t,r),m=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t)}}}function J(t){let e;return{c(){e=x("You can obtain this function in three different ways:")},l(t){e=b(t,"You can obtain this function in three different ways:")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Q(t){let e,n,$,r,s,o,a,c,f,p,l,m,i,d,g,O,D,C,S,R,j;return{c(){e=w("strong"),n=x("If you need it in the "),$=w("code"),r=x("<script>"),s=x(" of the component that has "),o=w("code"),a=x("SnackbarContainer"),c=x(" as a child"),f=x(": "),p=w("br"),l=x(" Get ahold of the "),m=w("code"),i=x("SnackbarContainer"),d=x(" instance with "),g=w("a"),O=w("code"),D=x("bind:this"),C=x(" and access the "),S=w("code"),R=x("showSnackbar"),j=x(" property on the instance."),this.h()},l(t){e=y(t,"STRONG",{});var u=k(e);n=b(u,"If you need it in the "),$=y(u,"CODE",{});var x=k($);r=b(x,"<script>"),x.forEach(h),s=b(u," of the component that has "),o=y(u,"CODE",{});var w=k(o);a=b(w,"SnackbarContainer"),w.forEach(h),c=b(u," as a child"),u.forEach(h),f=b(t,": "),p=y(t,"BR",{}),l=b(t," Get ahold of the "),m=y(t,"CODE",{});var E=k(m);i=b(E,"SnackbarContainer"),E.forEach(h),d=b(t," instance with "),g=y(t,"A",{href:!0,rel:!0});var v=k(g);O=y(v,"CODE",{});var T=k(O);D=b(T,"bind:this"),T.forEach(h),v.forEach(h),C=b(t," and access the "),S=y(t,"CODE",{});var I=k(S);R=b(I,"showSnackbar"),I.forEach(h),j=b(t," property on the instance."),this.h()},h(){T(g,"href","https://svelte.dev/docs#bind_component"),T(g,"rel","nofollow")},m(t,h){u(t,e,h),E(e,n),E(e,$),E($,r),E(e,s),E(e,o),E(o,a),E(e,c),u(t,f,h),u(t,p,h),u(t,l,h),u(t,m,h),E(m,i),u(t,d,h),u(t,g,h),E(g,O),E(O,D),u(t,C,h),u(t,S,h),E(S,R),u(t,j,h)},p:v,d(t){t&&h(e),t&&h(f),t&&h(p),t&&h(l),t&&h(m),t&&h(d),t&&h(g),t&&h(C),t&&h(S),t&&h(j)}}}function W(t){let e,n,$,r,s,o,a,c;return{c(){e=w("strong"),n=x("If you need to pass it in a property to the immediate children"),$=x(": "),r=w("br"),s=x(" Use an exposed slot property with "),o=w("code"),a=x("let:showSnackbar"),c=x(".")},l(t){e=y(t,"STRONG",{});var f=k(e);n=b(f,"If you need to pass it in a property to the immediate children"),f.forEach(h),$=b(t,": "),r=y(t,"BR",{}),s=b(t," Use an exposed slot property with "),o=y(t,"CODE",{});var p=k(o);a=b(p,"let:showSnackbar"),p.forEach(h),c=b(t,".")},m(t,f){u(t,e,f),E(e,n),u(t,$,f),u(t,r,f),u(t,s,f),u(t,o,f),E(o,a),u(t,c,f)},p:v,d(t){t&&h(e),t&&h($),t&&h(r),t&&h(s),t&&h(o),t&&h(c)}}}function X(t){let e,n,$,r,s,o,a,c,f;return{c(){e=w("strong"),n=x("If you need to access it deep in the component tree"),$=x(": "),r=w("br"),s=x(" Use "),o=w("a"),a=w("code"),c=x("getContext"),f=x(" inside a child of this component."),this.h()},l(t){e=y(t,"STRONG",{});var p=k(e);n=b(p,"If you need to access it deep in the component tree"),p.forEach(h),$=b(t,": "),r=y(t,"BR",{}),s=b(t," Use "),o=y(t,"A",{href:!0,rel:!0});var l=k(o);a=y(l,"CODE",{});var m=k(a);c=b(m,"getContext"),m.forEach(h),l.forEach(h),f=b(t," inside a child of this component."),this.h()},h(){T(o,"href","https://svelte.dev/docs#getContext"),T(o,"rel","nofollow")},m(t,p){u(t,e,p),E(e,n),u(t,$,p),u(t,r,p),u(t,s,p),u(t,o,p),E(o,a),E(a,c),u(t,f,p)},p:v,d(t){t&&h(e),t&&h($),t&&h(r),t&&h(s),t&&h(o),t&&h(f)}}}function Z(t){let e,n,$,a,c,m;return e=new N({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),$=new N({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new N({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment),a=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t),a=g(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),u(t,a,r),o(c,t,r),m=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t)}}}function tt(t){let e;return{c(){e=x("press to see")},l(t){e=b(t,"press to see")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function et(t){let e,n;return e=new S({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),e.$on("click",(function(){return t[1](t[2])})),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p(n,$){t=n;const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r)},i(t){n||(f(e.$$.fragment,t),n=!0)},o(t){p(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}function nt(t){let e,n,$;return n=new R({props:{$$slots:{default:[et,({showSnackbar:t})=>({2:t}),({showSnackbar:t})=>t?4:0]},$$scope:{ctx:t}}}),{c(){e=w("div"),r(n.$$.fragment),this.h()},l(t){e=y(t,"DIV",{slot:!0,class:!0});var $=k(e);s(n.$$.fragment,$),$.forEach(h),this.h()},h(){T(e,"slot","showcase"),T(e,"class","padded")},m(t,r){u(t,e,r),o(n,e,null),$=!0},p(t,e){const $={};12&e&&($.$$scope={dirty:e,ctx:t}),n.$set($)},i(t){$||(f(n.$$.fragment,t),$=!0)},o(t){p(n.$$.fragment,t),$=!1},d(t){t&&h(e),l(n)}}}function $t(t){let e,n;return{c(){e=w("div"),n=w("pre"),this.h()},l(t){e=y(t,"DIV",{slot:!0});var $=k(e);n=y($,"PRE",{class:!0}),k(n).forEach(h),$.forEach(h),this.h()},h(){T(n,"class","language-svelte"),T(e,"slot","source")},m(t,$){u(t,e,$),E(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>SnackbarContainer</span> <span class="token attr-name"><span class="token namespace">let:</span>showSnackbar</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token function">showSnackbar</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span> <span class="token literal-property property">props</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span> <span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">\'Hello!\'</span> <span class="token punctuation">&#125;</span> <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">&#125;</span></span><span class="token punctuation">></span></span>\n    press to see\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>SnackbarContainer</span><span class="token punctuation">></span></span></code>'},p:v,d(t){t&&h(e)}}}function rt(t){let e;return{c(){e=x("Properties")},l(t){e=b(t,"Properties")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function st(t){let e;return{c(){e=x("Style Properties")},l(t){e=b(t,"Style Properties")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function ot(t){let e;return{c(){e=x("Name")},l(t){e=b(t,"Name")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function at(t){let e;return{c(){e=x("Default")},l(t){e=b(t,"Default")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function ct(t){let e;return{c(){e=x("Type")},l(t){e=b(t,"Type")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function ft(t){let e;return{c(){e=x("Description")},l(t){e=b(t,"Description")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function pt(t){let e,n,$,a,c,m,i,x;return e=new _({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),$=new _({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),c=new _({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),i=new _({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment),a=d(),r(c.$$.fragment),m=d(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t),a=g(t),s(c.$$.fragment,t),m=g(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),u(t,a,r),o(c,t,r),u(t,m,r),o(i,t,r),x=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),i.$set(a)},i(t){x||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),x=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),x=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t),t&&h(m),l(i,t)}}}function lt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("position")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"position"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function mt(t){let e,n;return{c(){e=w("code"),n=x("SnackbarPositions.BOTTOM_LEFT")},l(t){e=y(t,"CODE",{});var $=k(e);n=b($,"SnackbarPositions.BOTTOM_LEFT"),$.forEach(h)},m(t,$){u(t,e,$),E(e,n)},p:v,d(t){t&&h(e)}}}function it(t){let e,n,$,r;return{c(){e=w("a"),n=w("mark"),$=w("code"),r=x("SnackbarPositions"),this.h()},l(t){e=y(t,"A",{href:!0});var s=k(e);n=y(s,"MARK",{});var o=k(n);$=y(o,"CODE",{});var a=k($);r=b(a,"SnackbarPositions"),a.forEach(h),o.forEach(h),s.forEach(h),this.h()},h(){T(e,"href","#snackbar-positions")},m(t,s){u(t,e,s),E(e,n),E(n,$),E($,r)},p:v,d(t){t&&h(e)}}}function dt(t){let e;return{c(){e=x("The position of the snackbar stack inside the window.")},l(t){e=b(t,"The position of the snackbar stack inside the window.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function gt(t){let e,n,$,a,c,m,i,x;return e=new H({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),i=new H({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment),a=d(),r(c.$$.fragment),m=d(),r(i.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t),a=g(t),s(c.$$.fragment,t),m=g(t),s(i.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),u(t,a,r),o(c,t,r),u(t,m,r),o(i,t,r),x=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),i.$set(a)},i(t){x||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),x=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),x=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t),t&&h(m),l(i,t)}}}function ut(t){let e,n,$,a,c,m;return n=new M({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),{c(){e=w("thead"),r(n.$$.fragment),$=d(),a=w("tbody"),r(c.$$.fragment)},l(t){e=y(t,"THEAD",{});var r=k(e);s(n.$$.fragment,r),r.forEach(h),$=g(t),a=y(t,"TBODY",{});var o=k(a);s(c.$$.fragment,o),o.forEach(h)},m(t,r){u(t,e,r),o(n,e,null),u(t,$,r),u(t,a,r),o(c,a,null),m=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r)},i(t){m||(f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&h(e),l(n),t&&h($),t&&h(a),l(c)}}}function ht(t){let e;return{c(){e=x("Class Properties")},l(t){e=b(t,"Class Properties")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function xt(t){let e,n,$,r,s,o,a;return{c(){e=x("All "),n=w("code"),$=x("<SnackbarContainer>"),r=x(" components create the element with a "),s=w("code"),o=x(".snackbar-stack"),a=x(" class after the default slot content.")},l(t){e=b(t,"All "),n=y(t,"CODE",{});var c=k(n);$=b(c,"<SnackbarContainer>"),c.forEach(h),r=b(t," components create the element with a "),s=y(t,"CODE",{});var f=k(s);o=b(f,".snackbar-stack"),f.forEach(h),a=b(t," class after the default slot content.")},m(t,c){u(t,e,c),u(t,n,c),E(n,$),u(t,r,c),u(t,s,c),E(s,o),u(t,a,c)},p:v,d(t){t&&h(e),t&&h(n),t&&h(r),t&&h(s),t&&h(a)}}}function bt(t){let e;return{c(){e=x("Slots")},l(t){e=b(t,"Slots")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function wt(t){let e;return{c(){e=x("Default slot")},l(t){e=b(t,"Default slot")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function yt(t){let e,n,$,r;return{c(){e=x("Any content where you'd like to initiate "),n=w("a"),$=x("the snackbar context"),r=x(". The snackbar stack will be inserted after it, invisibly."),this.h()},l(t){e=b(t,"Any content where you'd like to initiate "),n=y(t,"A",{href:!0});var s=k(n);$=b(s,"the snackbar context"),s.forEach(h),r=b(t,". The snackbar stack will be inserted after it, invisibly."),this.h()},h(){T(n,"href","#snackbar-context-key")},m(t,s){u(t,e,s),u(t,n,s),E(n,$),u(t,r,s)},p:v,d(t){t&&h(e),t&&h(n),t&&h(r)}}}function kt(t){let e;return{c(){e=x("Prop Name")},l(t){e=b(t,"Prop Name")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Et(t){let e;return{c(){e=x("Type")},l(t){e=b(t,"Type")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function vt(t){let e;return{c(){e=x("Description")},l(t){e=b(t,"Description")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Tt(t){let e,n,$,a,c,m;return e=new _({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),$=new _({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),c=new _({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment),a=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t),a=g(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),u(t,a,r),o(c,t,r),m=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t)}}}function Ot(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("showSnackbar")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"showSnackbar"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function Dt(t){let e,n;return{c(){e=w("code"),n=x("Function")},l(t){e=y(t,"CODE",{});var $=k(e);n=b($,"Function"),$.forEach(h)},m(t,$){u(t,e,$),E(e,n)},p:v,d(t){t&&h(e)}}}function Ct(t){let e;return{c(){e=x("Callback to display a new snackbar.")},l(t){e=b(t,"Callback to display a new snackbar.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function St(t){let e,n,$,a,c,m;return e=new H({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment),a=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t),a=g(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),u(t,a,r),o(c,t,r),m=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t)}}}function Rt(t){let e,n,$,a,c,m;return n=new M({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){e=w("thead"),r(n.$$.fragment),$=d(),a=w("tbody"),r(c.$$.fragment)},l(t){e=y(t,"THEAD",{});var r=k(e);s(n.$$.fragment,r),r.forEach(h),$=g(t),a=y(t,"TBODY",{});var o=k(a);s(c.$$.fragment,o),o.forEach(h)},m(t,r){u(t,e,r),o(n,e,null),u(t,$,r),u(t,a,r),o(c,a,null),m=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r)},i(t){m||(f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&h(e),l(n),t&&h($),t&&h(a),l(c)}}}function jt(t){let e;return{c(){e=x("Exported Attributes")},l(t){e=b(t,"Exported Attributes")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function It(t){let e,n,$,r;return{c(){e=x("These attributes can be accessed from variables holding component instances bound using "),n=w("code"),$=x("bind:this"),r=x(" on the instance.")},l(t){e=b(t,"These attributes can be accessed from variables holding component instances bound using "),n=y(t,"CODE",{});var s=k(n);$=b(s,"bind:this"),s.forEach(h),r=b(t," on the instance.")},m(t,s){u(t,e,s),u(t,n,s),E(n,$),u(t,r,s)},p:v,d(t){t&&h(e),t&&h(n),t&&h(r)}}}function At(t){let e;return{c(){e=x("Name")},l(t){e=b(t,"Name")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Gt(t){let e;return{c(){e=x("Type")},l(t){e=b(t,"Type")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Nt(t){let e;return{c(){e=x("Description")},l(t){e=b(t,"Description")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Pt(t){let e,n,$,a,c,m;return e=new _({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),$=new _({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),c=new _({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment),a=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t),a=g(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),u(t,a,r),o(c,t,r),m=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t)}}}function Lt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("showSnackbar")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"showSnackbar"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function Bt(t){let e,n;return{c(){e=w("code"),n=x("Function")},l(t){e=y(t,"CODE",{});var $=k(e);n=b($,"Function"),$.forEach(h)},m(t,$){u(t,e,$),E(e,n)},p:v,d(t){t&&h(e)}}}function Mt(t){let e,n,$,r;return{c(){e=x("Callback to display a new snackbar. Useful when you need to show a snackbar inside a component where the "),n=w("code"),$=x("SnackbarContainer"),r=x(" is created.")},l(t){e=b(t,"Callback to display a new snackbar. Useful when you need to show a snackbar inside a component where the "),n=y(t,"CODE",{});var s=k(n);$=b(s,"SnackbarContainer"),s.forEach(h),r=b(t," is created.")},m(t,s){u(t,e,s),u(t,n,s),E(n,$),u(t,r,s)},p:v,d(t){t&&h(e),t&&h(n),t&&h(r)}}}function _t(t){let e,n,$,a,c,m;return e=new H({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment),a=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t),a=g(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),u(t,a,r),o(c,t,r),m=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t)}}}function Ht(t){let e,n,$,a,c,m;return n=new M({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),{c(){e=w("thead"),r(n.$$.fragment),$=d(),a=w("tbody"),r(c.$$.fragment)},l(t){e=y(t,"THEAD",{});var r=k(e);s(n.$$.fragment,r),r.forEach(h),$=g(t),a=y(t,"TBODY",{});var o=k(a);s(c.$$.fragment,o),o.forEach(h)},m(t,r){u(t,e,r),o(n,e,null),u(t,$,r),u(t,a,r),o(c,a,null),m=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r)},i(t){m||(f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&h(e),l(n),t&&h($),t&&h(a),l(c)}}}function Ft(t){let e;return{c(){e=x("Related Objects")},l(t){e=b(t,"Related Objects")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Ut(t){let e,n,$,r;return{c(){e=x("The following objects are available as named exports in "),n=w("code"),$=x("'attractions/snackbar'"),r=x(".")},l(t){e=b(t,"The following objects are available as named exports in "),n=y(t,"CODE",{});var s=k(n);$=b(s,"'attractions/snackbar'"),s.forEach(h),r=b(t,".")},m(t,s){u(t,e,s),u(t,n,s),E(n,$),u(t,r,s)},p:v,d(t){t&&h(e),t&&h(n),t&&h(r)}}}function Yt(t){let e,n;return{c(){e=w("code"),n=x("SnackbarPositions")},l(t){e=y(t,"CODE",{});var $=k(e);n=b($,"SnackbarPositions"),$.forEach(h)},m(t,$){u(t,e,$),E(e,n)},p:v,d(t){t&&h(e)}}}function zt(t){let e;return{c(){e=x("An enum listing the possible positions for the snackbar stack.")},l(t){e=b(t,"An enum listing the possible positions for the snackbar stack.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Kt(t){let e;return{c(){e=x("Field")},l(t){e=b(t,"Field")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Vt(t){let e;return{c(){e=x("Description")},l(t){e=b(t,"Description")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function qt(t){let e,n,$,a;return e=new _({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),$=new _({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),a=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s)},i(t){a||(f(e.$$.fragment,t),f($.$$.fragment,t),a=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function Jt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("TOP_LEFT")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"TOP_LEFT"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function Qt(t){let e;return{c(){e=x("In the top left corner.")},l(t){e=b(t,"In the top left corner.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Wt(t){let e,n,$,a;return e=new H({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),a=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s)},i(t){a||(f(e.$$.fragment,t),f($.$$.fragment,t),a=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function Xt(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("TOP_MIDDLE")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"TOP_MIDDLE"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function Zt(t){let e;return{c(){e=x("At the top, horizontally centered.")},l(t){e=b(t,"At the top, horizontally centered.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function te(t){let e,n,$,a;return e=new H({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),a=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s)},i(t){a||(f(e.$$.fragment,t),f($.$$.fragment,t),a=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function ee(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("TOP_RIGHT")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"TOP_RIGHT"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function ne(t){let e;return{c(){e=x("In the top right corner.")},l(t){e=b(t,"In the top right corner.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function $e(t){let e,n,$,a;return e=new H({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),a=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s)},i(t){a||(f(e.$$.fragment,t),f($.$$.fragment,t),a=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function re(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("MIDDLE_RIGHT")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"MIDDLE_RIGHT"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function se(t){let e;return{c(){e=x("Along the right edge, vertically centered.")},l(t){e=b(t,"Along the right edge, vertically centered.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function oe(t){let e,n,$,a;return e=new H({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),a=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s)},i(t){a||(f(e.$$.fragment,t),f($.$$.fragment,t),a=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function ae(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("BOTTOM_RIGHT")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"BOTTOM_RIGHT"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function ce(t){let e;return{c(){e=x("In the bottom right corner.")},l(t){e=b(t,"In the bottom right corner.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function fe(t){let e,n,$,a;return e=new H({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),a=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s)},i(t){a||(f(e.$$.fragment,t),f($.$$.fragment,t),a=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function pe(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("BOTTOM_MIDDLE")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"BOTTOM_MIDDLE"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function le(t){let e;return{c(){e=x("At the bottom, horizontally centered.")},l(t){e=b(t,"At the bottom, horizontally centered.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function me(t){let e,n,$,a;return e=new H({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),a=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s)},i(t){a||(f(e.$$.fragment,t),f($.$$.fragment,t),a=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function ie(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("BOTTOM_LEFT")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"BOTTOM_LEFT"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function de(t){let e;return{c(){e=x("In the bottom left corner.")},l(t){e=b(t,"In the bottom left corner.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function ge(t){let e,n,$,a;return e=new H({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),a=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s)},i(t){a||(f(e.$$.fragment,t),f($.$$.fragment,t),a=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function ue(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("MIDDLE_LEFT")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"MIDDLE_LEFT"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function he(t){let e;return{c(){e=x("Along the left edge, vertically centered.")},l(t){e=b(t,"Along the left edge, vertically centered.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function xe(t){let e,n,$,a;return e=new H({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),a=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s)},i(t){a||(f(e.$$.fragment,t),f($.$$.fragment,t),a=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),a=!1},d(t){l(e,t),t&&h(n),l($,t)}}}function be(t){let e,n,$,a,c,m,i,x,b,v,T,O,D,C,S,R,j,I,A,G;return n=new M({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),i=new M({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),b=new M({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),T=new M({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),D=new M({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),S=new M({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),j=new M({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),A=new M({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),{c(){e=w("thead"),r(n.$$.fragment),$=d(),a=w("tbody"),r(c.$$.fragment),m=d(),r(i.$$.fragment),x=d(),r(b.$$.fragment),v=d(),r(T.$$.fragment),O=d(),r(D.$$.fragment),C=d(),r(S.$$.fragment),R=d(),r(j.$$.fragment),I=d(),r(A.$$.fragment)},l(t){e=y(t,"THEAD",{});var r=k(e);s(n.$$.fragment,r),r.forEach(h),$=g(t),a=y(t,"TBODY",{});var o=k(a);s(c.$$.fragment,o),m=g(o),s(i.$$.fragment,o),x=g(o),s(b.$$.fragment,o),v=g(o),s(T.$$.fragment,o),O=g(o),s(D.$$.fragment,o),C=g(o),s(S.$$.fragment,o),R=g(o),s(j.$$.fragment,o),I=g(o),s(A.$$.fragment,o),o.forEach(h)},m(t,r){u(t,e,r),o(n,e,null),u(t,$,r),u(t,a,r),o(c,a,null),E(a,m),o(i,a,null),E(a,x),o(b,a,null),E(a,v),o(T,a,null),E(a,O),o(D,a,null),E(a,C),o(S,a,null),E(a,R),o(j,a,null),E(a,I),o(A,a,null),G=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),i.$set(s);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),b.$set(o);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),T.$set(a);const f={};8&e&&(f.$$scope={dirty:e,ctx:t}),D.$set(f);const p={};8&e&&(p.$$scope={dirty:e,ctx:t}),S.$set(p);const l={};8&e&&(l.$$scope={dirty:e,ctx:t}),j.$set(l);const m={};8&e&&(m.$$scope={dirty:e,ctx:t}),A.$set(m)},i(t){G||(f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(b.$$.fragment,t),f(T.$$.fragment,t),f(D.$$.fragment,t),f(S.$$.fragment,t),f(j.$$.fragment,t),f(A.$$.fragment,t),G=!0)},o(t){p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),p(b.$$.fragment,t),p(T.$$.fragment,t),p(D.$$.fragment,t),p(S.$$.fragment,t),p(j.$$.fragment,t),p(A.$$.fragment,t),G=!1},d(t){t&&h(e),l(n),t&&h($),t&&h(a),l(c),l(i),l(b),l(T),l(D),l(S),l(j),l(A)}}}function we(t){let e,n;return{c(){e=w("code"),n=x("snackbarContextKey")},l(t){e=y(t,"CODE",{});var $=k(e);n=b($,"snackbarContextKey"),$.forEach(h)},m(t,$){u(t,e,$),E(e,n)},p:v,d(t){t&&h(e)}}}function ye(t){let e,n,$,r,s,o,a;return{c(){e=x("The context key to pass to Svelte's "),n=w("code"),$=x("getContext"),r=x(" to obtain the "),s=w("code"),o=x("showSnackbar"),a=x(" callback (described above).")},l(t){e=b(t,"The context key to pass to Svelte's "),n=y(t,"CODE",{});var c=k(n);$=b(c,"getContext"),c.forEach(h),r=b(t," to obtain the "),s=y(t,"CODE",{});var f=k(s);o=b(f,"showSnackbar"),f.forEach(h),a=b(t," callback (described above).")},m(t,c){u(t,e,c),u(t,n,c),E(n,$),u(t,r,c),u(t,s,c),E(s,o),u(t,a,c)},p:v,d(t){t&&h(e),t&&h(n),t&&h(r),t&&h(s),t&&h(a)}}}function ke(t){let e;return{c(){e=x("SCSS Variables")},l(t){e=b(t,"SCSS Variables")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Ee(t){let e;return{c(){e=x("Name")},l(t){e=b(t,"Name")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function ve(t){let e;return{c(){e=x("Description")},l(t){e=b(t,"Description")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Te(t){let e;return{c(){e=x("Default")},l(t){e=b(t,"Default")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Oe(t){let e,n,$,a,c,m;return e=new _({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),$=new _({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),c=new _({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment),a=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t),a=g(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),u(t,a,r),o(c,t,r),m=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t)}}}function De(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("$snackbar-horizontal-offset")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"$snackbar-horizontal-offset"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function Ce(t){let e;return{c(){e=x("The offset from the left or the right edge of the screen for the snackbars.")},l(t){e=b(t,"The offset from the left or the right edge of the screen for the snackbars.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Se(t){let e,n;return{c(){e=w("code"),n=x("5%")},l(t){e=y(t,"CODE",{});var $=k(e);n=b($,"5%"),$.forEach(h)},m(t,$){u(t,e,$),E(e,n)},p:v,d(t){t&&h(e)}}}function Re(t){let e,n,$,a,c,m;return e=new H({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment),a=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t),a=g(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),u(t,a,r),o(c,t,r),m=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t)}}}function je(t){let e,n,$;return{c(){e=w("strong"),n=w("code"),$=x("$snackbar-vertical-offset")},l(t){e=y(t,"STRONG",{});var r=k(e);n=y(r,"CODE",{});var s=k(n);$=b(s,"$snackbar-vertical-offset"),s.forEach(h),r.forEach(h)},m(t,r){u(t,e,r),E(e,n),E(n,$)},p:v,d(t){t&&h(e)}}}function Ie(t){let e;return{c(){e=x("The offset from the top or the bottom edge of the screen for the snackbars.")},l(t){e=b(t,"The offset from the top or the bottom edge of the screen for the snackbars.")},m(t,n){u(t,e,n)},d(t){t&&h(e)}}}function Ae(t){let e,n;return{c(){e=w("code"),n=x("3em")},l(t){e=y(t,"CODE",{});var $=k(e);n=b($,"3em"),$.forEach(h)},m(t,$){u(t,e,$),E(e,n)},p:v,d(t){t&&h(e)}}}function Ge(t){let e,n,$,a,c,m;return e=new H({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),$=new H({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment),a=d(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t),a=g(t),s(c.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),u(t,a,r),o(c,t,r),m=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o)},i(t){m||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t)}}}function Ne(t){let e,n,$,a,c,m,i,x;return n=new M({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),i=new M({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),{c(){e=w("thead"),r(n.$$.fragment),$=d(),a=w("tbody"),r(c.$$.fragment),m=d(),r(i.$$.fragment)},l(t){e=y(t,"THEAD",{});var r=k(e);s(n.$$.fragment,r),r.forEach(h),$=g(t),a=y(t,"TBODY",{});var o=k(a);s(c.$$.fragment,o),m=g(o),s(i.$$.fragment,o),o.forEach(h)},m(t,r){u(t,e,r),o(n,e,null),u(t,$,r),u(t,a,r),o(c,a,null),E(a,m),o(i,a,null),x=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),i.$set(s)},i(t){x||(f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),x=!0)},o(t){p(n.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),x=!1},d(t){t&&h(e),l(n),t&&h($),t&&h(a),l(c),l(i)}}}function Pe(t){let e,n,$,a,c,m,i,x,b,w,y,k,E,v,T,O,S,R,A,N,M,_,H,z,K,V,Q,W,X,tt,et,ot,at,ct,ft,pt,lt,mt,it,dt,gt,kt,Et,vt,Tt,Ot,Dt,Ct,St,At,Gt,Nt,Pt,Lt,Bt,Mt,_t,Kt;return e=new D({props:{$$slots:{default:[F]},$$scope:{ctx:t}}}),$=new C({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),c=new C({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),i=new G({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),b=new C({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),y=new G({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),E=new I({props:{components:_e}}),T=new j({props:{$$slots:{source:[$t],showcase:[nt]},$$scope:{ctx:t}}}),S=new P({props:{id:"properties",$$slots:{default:[rt]},$$scope:{ctx:t}}}),A=new L({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),M=new B({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),H=new L({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),K=new C({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),Q=new P({props:{id:"slots",$$slots:{default:[bt]},$$scope:{ctx:t}}}),X=new L({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),et=new C({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),at=new B({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),ft=new P({props:{id:"exported",$$slots:{default:[jt]},$$scope:{ctx:t}}}),lt=new C({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),it=new B({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),gt=new P({props:{id:"related-objects",$$slots:{default:[Ft]},$$scope:{ctx:t}}}),Et=new C({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),Tt=new L({props:{id:"snackbar-positions",$$slots:{default:[Yt]},$$scope:{ctx:t}}}),Dt=new C({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),St=new B({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),Gt=new L({props:{id:"snackbar-context-key",$$slots:{default:[we]},$$scope:{ctx:t}}}),Pt=new C({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),Bt=new P({props:{id:"scss-variables",$$slots:{default:[ke]},$$scope:{ctx:t}}}),_t=new B({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),n=d(),r($.$$.fragment),a=d(),r(c.$$.fragment),m=d(),r(i.$$.fragment),x=d(),r(b.$$.fragment),w=d(),r(y.$$.fragment),k=d(),r(E.$$.fragment),v=d(),r(T.$$.fragment),O=d(),r(S.$$.fragment),R=d(),r(A.$$.fragment),N=d(),r(M.$$.fragment),_=d(),r(H.$$.fragment),z=d(),r(K.$$.fragment),V=d(),r(Q.$$.fragment),W=d(),r(X.$$.fragment),tt=d(),r(et.$$.fragment),ot=d(),r(at.$$.fragment),ct=d(),r(ft.$$.fragment),pt=d(),r(lt.$$.fragment),mt=d(),r(it.$$.fragment),dt=d(),r(gt.$$.fragment),kt=d(),r(Et.$$.fragment),vt=d(),r(Tt.$$.fragment),Ot=d(),r(Dt.$$.fragment),Ct=d(),r(St.$$.fragment),At=d(),r(Gt.$$.fragment),Nt=d(),r(Pt.$$.fragment),Lt=d(),r(Bt.$$.fragment),Mt=d(),r(_t.$$.fragment)},l(t){s(e.$$.fragment,t),n=g(t),s($.$$.fragment,t),a=g(t),s(c.$$.fragment,t),m=g(t),s(i.$$.fragment,t),x=g(t),s(b.$$.fragment,t),w=g(t),s(y.$$.fragment,t),k=g(t),s(E.$$.fragment,t),v=g(t),s(T.$$.fragment,t),O=g(t),s(S.$$.fragment,t),R=g(t),s(A.$$.fragment,t),N=g(t),s(M.$$.fragment,t),_=g(t),s(H.$$.fragment,t),z=g(t),s(K.$$.fragment,t),V=g(t),s(Q.$$.fragment,t),W=g(t),s(X.$$.fragment,t),tt=g(t),s(et.$$.fragment,t),ot=g(t),s(at.$$.fragment,t),ct=g(t),s(ft.$$.fragment,t),pt=g(t),s(lt.$$.fragment,t),mt=g(t),s(it.$$.fragment,t),dt=g(t),s(gt.$$.fragment,t),kt=g(t),s(Et.$$.fragment,t),vt=g(t),s(Tt.$$.fragment,t),Ot=g(t),s(Dt.$$.fragment,t),Ct=g(t),s(St.$$.fragment,t),At=g(t),s(Gt.$$.fragment,t),Nt=g(t),s(Pt.$$.fragment,t),Lt=g(t),s(Bt.$$.fragment,t),Mt=g(t),s(_t.$$.fragment,t)},m(t,r){o(e,t,r),u(t,n,r),o($,t,r),u(t,a,r),o(c,t,r),u(t,m,r),o(i,t,r),u(t,x,r),o(b,t,r),u(t,w,r),o(y,t,r),u(t,k,r),o(E,t,r),u(t,v,r),o(T,t,r),u(t,O,r),o(S,t,r),u(t,R,r),o(A,t,r),u(t,N,r),o(M,t,r),u(t,_,r),o(H,t,r),u(t,z,r),o(K,t,r),u(t,V,r),o(Q,t,r),u(t,W,r),o(X,t,r),u(t,tt,r),o(et,t,r),u(t,ot,r),o(at,t,r),u(t,ct,r),o(ft,t,r),u(t,pt,r),o(lt,t,r),u(t,mt,r),o(it,t,r),u(t,dt,r),o(gt,t,r),u(t,kt,r),o(Et,t,r),u(t,vt,r),o(Tt,t,r),u(t,Ot,r),o(Dt,t,r),u(t,Ct,r),o(St,t,r),u(t,At,r),o(Gt,t,r),u(t,Nt,r),o(Pt,t,r),u(t,Lt,r),o(Bt,t,r),u(t,Mt,r),o(_t,t,r),Kt=!0},p(t,n){const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),e.$set(r);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),$.$set(s);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),c.$set(o);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),i.$set(a);const f={};8&n&&(f.$$scope={dirty:n,ctx:t}),b.$set(f);const p={};8&n&&(p.$$scope={dirty:n,ctx:t}),y.$set(p);const l={};8&n&&(l.$$scope={dirty:n,ctx:t}),T.$set(l);const m={};8&n&&(m.$$scope={dirty:n,ctx:t}),S.$set(m);const d={};8&n&&(d.$$scope={dirty:n,ctx:t}),A.$set(d);const g={};8&n&&(g.$$scope={dirty:n,ctx:t}),M.$set(g);const u={};8&n&&(u.$$scope={dirty:n,ctx:t}),H.$set(u);const h={};8&n&&(h.$$scope={dirty:n,ctx:t}),K.$set(h);const x={};8&n&&(x.$$scope={dirty:n,ctx:t}),Q.$set(x);const w={};8&n&&(w.$$scope={dirty:n,ctx:t}),X.$set(w);const k={};8&n&&(k.$$scope={dirty:n,ctx:t}),et.$set(k);const E={};8&n&&(E.$$scope={dirty:n,ctx:t}),at.$set(E);const v={};8&n&&(v.$$scope={dirty:n,ctx:t}),ft.$set(v);const O={};8&n&&(O.$$scope={dirty:n,ctx:t}),lt.$set(O);const D={};8&n&&(D.$$scope={dirty:n,ctx:t}),it.$set(D);const C={};8&n&&(C.$$scope={dirty:n,ctx:t}),gt.$set(C);const R={};8&n&&(R.$$scope={dirty:n,ctx:t}),Et.$set(R);const j={};8&n&&(j.$$scope={dirty:n,ctx:t}),Tt.$set(j);const I={};8&n&&(I.$$scope={dirty:n,ctx:t}),Dt.$set(I);const G={};8&n&&(G.$$scope={dirty:n,ctx:t}),St.$set(G);const N={};8&n&&(N.$$scope={dirty:n,ctx:t}),Gt.$set(N);const P={};8&n&&(P.$$scope={dirty:n,ctx:t}),Pt.$set(P);const L={};8&n&&(L.$$scope={dirty:n,ctx:t}),Bt.$set(L);const B={};8&n&&(B.$$scope={dirty:n,ctx:t}),_t.$set(B)},i(t){Kt||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(b.$$.fragment,t),f(y.$$.fragment,t),f(E.$$.fragment,t),f(T.$$.fragment,t),f(S.$$.fragment,t),f(A.$$.fragment,t),f(M.$$.fragment,t),f(H.$$.fragment,t),f(K.$$.fragment,t),f(Q.$$.fragment,t),f(X.$$.fragment,t),f(et.$$.fragment,t),f(at.$$.fragment,t),f(ft.$$.fragment,t),f(lt.$$.fragment,t),f(it.$$.fragment,t),f(gt.$$.fragment,t),f(Et.$$.fragment,t),f(Tt.$$.fragment,t),f(Dt.$$.fragment,t),f(St.$$.fragment,t),f(Gt.$$.fragment,t),f(Pt.$$.fragment,t),f(Bt.$$.fragment,t),f(_t.$$.fragment,t),Kt=!0)},o(t){p(e.$$.fragment,t),p($.$$.fragment,t),p(c.$$.fragment,t),p(i.$$.fragment,t),p(b.$$.fragment,t),p(y.$$.fragment,t),p(E.$$.fragment,t),p(T.$$.fragment,t),p(S.$$.fragment,t),p(A.$$.fragment,t),p(M.$$.fragment,t),p(H.$$.fragment,t),p(K.$$.fragment,t),p(Q.$$.fragment,t),p(X.$$.fragment,t),p(et.$$.fragment,t),p(at.$$.fragment,t),p(ft.$$.fragment,t),p(lt.$$.fragment,t),p(it.$$.fragment,t),p(gt.$$.fragment,t),p(Et.$$.fragment,t),p(Tt.$$.fragment,t),p(Dt.$$.fragment,t),p(St.$$.fragment,t),p(Gt.$$.fragment,t),p(Pt.$$.fragment,t),p(Bt.$$.fragment,t),p(_t.$$.fragment,t),Kt=!1},d(t){l(e,t),t&&h(n),l($,t),t&&h(a),l(c,t),t&&h(m),l(i,t),t&&h(x),l(b,t),t&&h(w),l(y,t),t&&h(k),l(E,t),t&&h(v),l(T,t),t&&h(O),l(S,t),t&&h(R),l(A,t),t&&h(N),l(M,t),t&&h(_),l(H,t),t&&h(z),l(K,t),t&&h(V),l(Q,t),t&&h(W),l(X,t),t&&h(tt),l(et,t),t&&h(ot),l(at,t),t&&h(ct),l(ft,t),t&&h(pt),l(lt,t),t&&h(mt),l(it,t),t&&h(dt),l(gt,t),t&&h(kt),l(Et,t),t&&h(vt),l(Tt,t),t&&h(Ot),l(Dt,t),t&&h(Ct),l(St,t),t&&h(At),l(Gt,t),t&&h(Nt),l(Pt,t),t&&h(Lt),l(Bt,t),t&&h(Mt),l(_t,t)}}}function Le(t){let e,n;const m=[t[0],Be];let i={$$slots:{default:[Pe]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=$(i,m[t]);return e=new O({props:i}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,$){o(e,t,$),n=!0},p(t,[n]){const $=1&n?a(m,[1&n&&c(t[0]),0&n&&c(Be)]):{};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($)},i(t){n||(f(e.$$.fragment,t),n=!0)},o(t){p(e.$$.fragment,t),n=!1},d(t){l(e,t)}}}const Be={name:"SnackbarContainer",relatedComponents:[{name:"Snackbar",link:"./docs/components/snackbar"}]},{name:Me,relatedComponents:_e}=Be;function He(t,e,n){m(A);return t.$$set=t=>{n(0,e=$($({},e),i(t)))},[e=i(e),t=>t({props:{text:"Hello!"}})]}class Fe extends t{constructor(t){super(),e(this,t,He,Le,n,{})}}export{Fe as default,Be as metadata};
diff --git a/376/client/snackbar-container.ae550c61.js b/376/client/snackbar-container.ae550c61.js
new file mode 100644
index 000000000..426ce985a
--- /dev/null
+++ b/376/client/snackbar-container.ae550c61.js
@@ -0,0 +1 @@
+import{S as t,i as e,s,M as o,u as n,h as a,w as r,k as l,b as i,d as c,e as p,f,Q as m,R as u,T as h,y as $,Z as d,z as T,t as g,p as b,a4 as k,r as v,H as E,j as O,l as D,m as I,U as M,a0 as _,q as L,_ as w,K as x}from"./client.0d36a0cf.js";import{S as P}from"./snackbar.e51b36cb.js";var S={},j=Object.freeze({TOP_LEFT:"top left",TOP_MIDDLE:"top h-middle",TOP_RIGHT:"top right",MIDDLE_RIGHT:"v-middle right",BOTTOM_RIGHT:"bottom right",BOTTOM_MIDDLE:"bottom h-middle",BOTTOM_LEFT:"bottom left",MIDDLE_LEFT:"v-middle left"});function y(t,e,s){const o=t.slice();return o[6]=e[s],o}const B=t=>({}),F=t=>({showSnackbar:t[1]});function H(t,e){let s,o,n,a;const r=[e[6].props];var l=e[6].component;function i(t){let e={};for(let t=0;t<r.length;t+=1)e=x(e,r[t]);return{props:e}}return l&&(o=v(l,i())),{key:t,first:null,c(){s=E(),o&&O(o.$$.fragment),n=E(),this.h()},l(t){s=E(),o&&D(o.$$.fragment,t),n=E(),this.h()},h(){this.first=s},m(t,e){f(t,s,e),o&&I(o,t,e),f(t,n,e),a=!0},p(t,s){e=t;const a=4&s?M(r,[_(e[6].props)]):{};if(4&s&&l!==(l=e[6].component)){if(o){$();const t=o;b(t.$$.fragment,1,0,(()=>{L(t,1)})),T()}l?(o=v(l,i()),O(o.$$.fragment),g(o.$$.fragment,1),I(o,n.parentNode,n)):o=null}else l&&o.$set(a)},i(t){a||(o&&g(o.$$.fragment,t),a=!0)},o(t){o&&b(o.$$.fragment,t),a=!1},d(t){t&&c(s),t&&c(n),o&&L(o,t)}}}function R(t){let e,s,k,v,E=[],O=new Map;const D=t[4].default,I=o(D,t,t[3],F);let M=[...t[2].values()];const _=t=>t[6];for(let e=0;e<M.length;e+=1){let s=y(t,M,e),o=_(s);O.set(o,E[e]=H(o,s))}return{c(){I&&I.c(),e=n(),s=a("div");for(let t=0;t<E.length;t+=1)E[t].c();this.h()},l(t){I&&I.l(t),e=r(t),s=l(t,"DIV",{class:!0});var o=i(s);for(let t=0;t<E.length;t+=1)E[t].l(o);o.forEach(c),this.h()},h(){p(s,"class",k="snackbar-stack "+t[0])},m(t,o){I&&I.m(t,o),f(t,e,o),f(t,s,o);for(let t=0;t<E.length;t+=1)E[t]&&E[t].m(s,null);v=!0},p(t,[e]){I&&I.p&&(!v||8&e)&&m(I,D,t,t[3],v?h(D,t[3],e,B):u(t[3]),F),4&e&&(M=[...t[2].values()],$(),E=d(E,e,_,1,t,M,O,s,w,H,null,y),T()),(!v||1&e&&k!==(k="snackbar-stack "+t[0]))&&p(s,"class",k)},i(t){if(!v){g(I,t);for(let t=0;t<M.length;t+=1)g(E[t]);v=!0}},o(t){b(I,t);for(let t=0;t<E.length;t+=1)b(E[t]);v=!1},d(t){I&&I.d(t),t&&c(e),t&&c(s);for(let t=0;t<E.length;t+=1)E[t].d()}}}function C(t,e,s){let{$$slots:o={},$$scope:n}=e,{position:a=j.BOTTOM_LEFT}=e,r=new Set;function l(t,e){r.delete(t),"function"==typeof t.resolveExpiredPromise&&t.resolveExpiredPromise(!e),s(2,r)}function i(t){const{component:e=P,props:o={},duration:n=4e3}=t,a={component:e,props:o},i=o.closeCallback;return a.props.closeCallback=function(){clearTimeout(a.timeoutID),l(a,!0),"function"==typeof i&&i()},a.timeoutID=setTimeout(l,n,a,!1),r.add(a),s(2,r),{close:a.props.closeCallback,expired:new Promise((t=>a.resolveExpiredPromise=t))}}return k(S,i),t.$$set=t=>{"position"in t&&s(0,a=t.position),"$$scope"in t&&s(3,n=t.$$scope)},[a,i,r,n,o]}var G=class extends t{constructor(t){super(),e(this,t,C,R,s,{position:0,showSnackbar:1})}get showSnackbar(){return this.$$.ctx[1]}};export{G as S};
diff --git a/376/client/snackbar.08a95ab7.js b/376/client/snackbar.08a95ab7.js
new file mode 100644
index 000000000..0e23465f9
--- /dev/null
+++ b/376/client/snackbar.08a95ab7.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as r,l as a,m as s,U as o,a0 as c,t as f,p as l,q as p,L as m,u as g,h as u,v as i,w as d,k as h,b as x,x as w,d as b,e as E,f as y,g as v,n as k}from"./client.0d36a0cf.js";import{L as O,H as C,P as D}from"./layout.b2760304.js";import{S as T}from"./snackbar.e51b36cb.js";import{S}from"./showcase.8eb3893d.js";import{C as R}from"./color-preview.278d2729.js";import{S as A}from"./shadow-preview.f1e703b1.js";import{R as N}from"./related-components.2f822d5e.js";import{H as j}from"./h2.122c8b9f.js";import{H as F}from"./h3.1e03849b.js";import{T as G,a as B,b as P,c as H}from"./table.e069c294.js";import"./button.743a388a.js";import"./classes.2453fa25.js";import"./index.4c1ceff5.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./popover.156a947e.js";import"./card.72b37821.js";function L(t){let e;return{c(){e=i("Snackbar")},l(t){e=w(t,"Snackbar")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function M(t){let e;return{c(){e=i("A small snackbar to display status messages.")},l(t){e=w(t,"A small snackbar to display status messages.")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function I(t){let e,$,n,r,a,s,o,c,f;return{c(){e=i("Note: below is not the intended way of using this component. It is meant to be passed into the "),$=u("code"),n=i("showSnackbar"),r=i(" function of the "),a=u("a"),s=u("mark"),o=u("code"),c=i("SnackbarContainer"),f=i(" component."),this.h()},l(t){e=w(t,"Note: below is not the intended way of using this component. It is meant to be passed into the "),$=h(t,"CODE",{});var l=x($);n=w(l,"showSnackbar"),l.forEach(b),r=w(t," function of the "),a=h(t,"A",{href:!0});var p=x(a);s=h(p,"MARK",{});var m=x(s);o=h(m,"CODE",{});var g=x(o);c=w(g,"SnackbarContainer"),g.forEach(b),m.forEach(b),p.forEach(b),f=w(t," component."),this.h()},h(){E(a,"href","./docs/components/snackbar-container")},m(t,l){y(t,e,l),y(t,$,l),v($,n),y(t,r,l),y(t,a,l),v(a,s),v(s,o),v(o,c),y(t,f,l)},p:k,d(t){t&&b(e),t&&b($),t&&b(r),t&&b(a),t&&b(f)}}}function q(t){let e,$,n;return $=new T({props:{text:"Hello!",action:{text:"oh, hi",callback:t[1]},closeCallback:Me}}),{c(){e=u("div"),r($.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var n=x(e);a($.$$.fragment,n),n.forEach(b),this.h()},h(){E(e,"slot","showcase"),E(e,"class","padded svelte-130hse3")},m(t,r){y(t,e,r),s($,e,null),n=!0},p:k,i(t){n||(f($.$$.fragment,t),n=!0)},o(t){l($.$$.fragment,t),n=!1},d(t){t&&b(e),p($)}}}function K(t){let e,$;return{c(){e=u("div"),$=u("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var n=x(e);$=h(n,"PRE",{class:!0}),x($).forEach(b),n.forEach(b),this.h()},h(){E($,"class","language-svelte"),E(e,"slot","source")},m(t,n){y(t,e,n),v(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Snackbar</span>\n  <span class="token attr-name">text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Hello!<span class="token punctuation">"</span></span>\n  <span class="token attr-name">action=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token punctuation">&#123;</span>\n    <span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">\'oh, hi\'</span><span class="token punctuation">,</span>\n    <span class="token function-variable function">callback</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">\'ack\'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">closeCallback=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">&#123;</span><span class="token punctuation">&#125;</span><span class="token punctuation">&#125;</span></span>\n<span class="token punctuation">/></span></span></code>'},p:k,d(t){t&&b(e)}}}function V(t){let e;return{c(){e=i("Properties")},l(t){e=w(t,"Properties")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function U(t){let e;return{c(){e=i("Functional Properties")},l(t){e=w(t,"Functional Properties")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function Y(t){let e;return{c(){e=i("Name")},l(t){e=w(t,"Name")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function W(t){let e;return{c(){e=i("Default")},l(t){e=w(t,"Default")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function z(t){let e;return{c(){e=i("Type")},l(t){e=w(t,"Type")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function J(t){let e;return{c(){e=i("Description")},l(t){e=w(t,"Description")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function Q(t){let e,$,n,o,c,m,u,i;return e=new P({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),y(t,m,r),s(u,t,r),i=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),i=!1},d(t){p(e,t),t&&b($),p(n,t),t&&b(o),p(c,t),t&&b(m),p(u,t)}}}function X(t){let e,$,n,r,a,s,o;return{c(){e=u("mark"),$=u("strong"),n=u("code"),r=i("text"),a=i(" "),s=u("span"),o=i("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);n=h(f,"CODE",{});var l=x(n);r=w(l,"text"),l.forEach(b),f.forEach(b),c.forEach(b),a=w(t," "),s=h(t,"SPAN",{class:!0});var p=x(s);o=w(p,"*"),p.forEach(b),this.h()},h(){E(s,"class","required")},m(t,c){y(t,e,c),v(e,$),v($,n),v(n,r),y(t,a,c),y(t,s,c),v(s,o)},p:k,d(t){t&&b(e),t&&b(a),t&&b(s)}}}function Z(t){let e,$;return{c(){e=u("code"),$=i("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(b)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&b(e)}}}function _(t){let e;return{c(){e=i("The text to show on the snackbar.")},l(t){e=w(t,"The text to show on the snackbar.")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function tt(t){let e,$,n,o,c,m,u,i;return e=new H({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),n=new H({}),c=new H({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),y(t,m,r),s(u,t,r),i=!0},p(t,$){const n={};4&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),u.$set(a)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),i=!1},d(t){p(e,t),t&&b($),p(n,t),t&&b(o),p(c,t),t&&b(m),p(u,t)}}}function et(t){let e,$,n,r,a,s,o;return{c(){e=u("mark"),$=u("strong"),n=u("code"),r=i("closeCallback"),a=i(" "),s=u("span"),o=i("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);n=h(f,"CODE",{});var l=x(n);r=w(l,"closeCallback"),l.forEach(b),f.forEach(b),c.forEach(b),a=w(t," "),s=h(t,"SPAN",{class:!0});var p=x(s);o=w(p,"*"),p.forEach(b),this.h()},h(){E(s,"class","required")},m(t,c){y(t,e,c),v(e,$),v($,n),v(n,r),y(t,a,c),y(t,s,c),v(s,o)},p:k,d(t){t&&b(e),t&&b(a),t&&b(s)}}}function $t(t){let e,$;return{c(){e=u("code"),$=i("Function")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"Function"),n.forEach(b)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&b(e)}}}function nt(t){let e,$,n,r,a,s,o,c,f,l;return{c(){e=i("The callback to call to close the snackbar in the "),$=u("code"),n=i("SnackbarContainer"),r=i(". Passed internally by the "),a=u("code"),s=i("SnackbarContainer"),o=i(" when using the "),c=u("code"),f=i("showSnackbar"),l=i(" function.")},l(t){e=w(t,"The callback to call to close the snackbar in the "),$=h(t,"CODE",{});var p=x($);n=w(p,"SnackbarContainer"),p.forEach(b),r=w(t,". Passed internally by the "),a=h(t,"CODE",{});var m=x(a);s=w(m,"SnackbarContainer"),m.forEach(b),o=w(t," when using the "),c=h(t,"CODE",{});var g=x(c);f=w(g,"showSnackbar"),g.forEach(b),l=w(t," function.")},m(t,p){y(t,e,p),y(t,$,p),v($,n),y(t,r,p),y(t,a,p),v(a,s),y(t,o,p),y(t,c,p),v(c,f),y(t,l,p)},p:k,d(t){t&&b(e),t&&b($),t&&b(r),t&&b(a),t&&b(o),t&&b(c),t&&b(l)}}}function rt(t){let e,$,n,o,c,m,u,i;return e=new H({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),n=new H({}),c=new H({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),y(t,m,r),s(u,t,r),i=!0},p(t,$){const n={};4&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),u.$set(a)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),i=!1},d(t){p(e,t),t&&b($),p(n,t),t&&b(o),p(c,t),t&&b(m),p(u,t)}}}function at(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=i("action")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"action"),a.forEach(b),r.forEach(b)},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&b(e)}}}function st(t){let e,$;return{c(){e=u("code"),$=i("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(b)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&b(e)}}}function ot(t){let e,$,n,r,a,s,o,c;return{c(){e=u("code"),$=i("{"),n=u("br"),r=i("  text: string,"),a=u("br"),s=i("  callback: Function"),o=u("br"),c=i("}")},l(t){e=h(t,"CODE",{});var f=x(e);$=w(f,"{"),n=h(f,"BR",{}),r=w(f,"  text: string,"),a=h(f,"BR",{}),s=w(f,"  callback: Function"),o=h(f,"BR",{}),c=w(f,"}"),f.forEach(b)},m(t,f){y(t,e,f),v(e,$),v(e,n),v(e,r),v(e,a),v(e,s),v(e,o),v(e,c)},p:k,d(t){t&&b(e)}}}function ct(t){let e,$,n,r,a,s,o,c,f,l;return{c(){e=i("The action for the button on the snackbar. If this is "),$=u("code"),n=i("null"),r=i(", the button is not rendered. Otherwise it has "),a=u("code"),s=i("text"),o=i(" as a label and calls "),c=u("code"),f=i("callback"),l=i(" on click.")},l(t){e=w(t,"The action for the button on the snackbar. If this is "),$=h(t,"CODE",{});var p=x($);n=w(p,"null"),p.forEach(b),r=w(t,", the button is not rendered. Otherwise it has "),a=h(t,"CODE",{});var m=x(a);s=w(m,"text"),m.forEach(b),o=w(t," as a label and calls "),c=h(t,"CODE",{});var g=x(c);f=w(g,"callback"),g.forEach(b),l=w(t," on click.")},m(t,p){y(t,e,p),y(t,$,p),v($,n),y(t,r,p),y(t,a,p),v(a,s),y(t,o,p),y(t,c,p),v(c,f),y(t,l,p)},p:k,d(t){t&&b(e),t&&b($),t&&b(r),t&&b(a),t&&b(o),t&&b(c),t&&b(l)}}}function ft(t){let e,$,n,o,c,m,u,i;return e=new H({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),y(t,m,r),s(u,t,r),i=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),i=!1},d(t){p(e,t),t&&b($),p(n,t),t&&b(o),p(c,t),t&&b(m),p(u,t)}}}function lt(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=i("closeOnAction")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"closeOnAction"),a.forEach(b),r.forEach(b)},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&b(e)}}}function pt(t){let e,$;return{c(){e=u("code"),$=i("true")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"true"),n.forEach(b)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&b(e)}}}function mt(t){let e,$;return{c(){e=u("code"),$=i("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"boolean"),n.forEach(b)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&b(e)}}}function gt(t){let e,$,n,r,a;return{c(){e=i("Whether to call the "),$=u("mark"),n=u("code"),r=i("closeCallback"),a=i(" when an action button is pressed, after its callback.")},l(t){e=w(t,"Whether to call the "),$=h(t,"MARK",{});var s=x($);n=h(s,"CODE",{});var o=x(n);r=w(o,"closeCallback"),o.forEach(b),s.forEach(b),a=w(t," when an action button is pressed, after its callback.")},m(t,s){y(t,e,s),y(t,$,s),v($,n),v(n,r),y(t,a,s)},p:k,d(t){t&&b(e),t&&b($),t&&b(a)}}}function ut(t){let e,$,n,o,c,m,u,i;return e=new H({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),y(t,m,r),s(u,t,r),i=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),i=!1},d(t){p(e,t),t&&b($),p(n,t),t&&b(o),p(c,t),t&&b(m),p(u,t)}}}function it(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=i("transition")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"transition"),a.forEach(b),r.forEach(b)},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&b(e)}}}function dt(t){let e,$,n;return{c(){e=u("a"),$=u("code"),n=i("fly"),this.h()},l(t){e=h(t,"A",{href:!0,rel:!0});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"fly"),a.forEach(b),r.forEach(b),this.h()},h(){E(e,"href","https://svelte.dev/docs#fly"),E(e,"rel","nofollow")},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&b(e)}}}function ht(t){let e;return{c(){e=i("Svelte transition")},l(t){e=w(t,"Svelte transition")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function xt(t){let e;return{c(){e=i("The transition to use to animate the in and out of the snackbar.")},l(t){e=w(t,"The transition to use to animate the in and out of the snackbar.")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function wt(t){let e,$,n,o,c,m,u,i;return e=new H({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),y(t,m,r),s(u,t,r),i=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),i=!1},d(t){p(e,t),t&&b($),p(n,t),t&&b(o),p(c,t),t&&b(m),p(u,t)}}}function bt(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=i("transitionOptions")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"transitionOptions"),a.forEach(b),r.forEach(b)},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&b(e)}}}function Et(t){let e,$,n,r,a,s,o,c;return{c(){e=u("code"),$=i("{"),n=u("br"),r=i("  x: -20,"),a=u("br"),s=i("  duration: 150"),o=u("br"),c=i("}")},l(t){e=h(t,"CODE",{});var f=x(e);$=w(f,"{"),n=h(f,"BR",{}),r=w(f,"  x: -20,"),a=h(f,"BR",{}),s=w(f,"  duration: 150"),o=h(f,"BR",{}),c=w(f,"}"),f.forEach(b)},m(t,f){y(t,e,f),v(e,$),v(e,n),v(e,r),v(e,a),v(e,s),v(e,o),v(e,c)},p:k,d(t){t&&b(e)}}}function yt(t){let e,$;return{c(){e=u("code"),$=i("object")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"object"),n.forEach(b)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&b(e)}}}function vt(t){let e;return{c(){e=i("The options to use with the given transition.")},l(t){e=w(t,"The options to use with the given transition.")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function kt(t){let e,$,n,o,c,m,u,i;return e=new H({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),y(t,m,r),s(u,t,r),i=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),i=!1},d(t){p(e,t),t&&b($),p(n,t),t&&b(o),p(c,t),t&&b(m),p(u,t)}}}function Ot(t){let e,$,n,o,c,m,i,w,E,k,O,C,D,T,S,R;return $=new B({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),i=new B({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),E=new B({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),O=new B({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),D=new B({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),S=new B({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){e=u("thead"),r($.$$.fragment),n=g(),o=u("tbody"),r(c.$$.fragment),m=g(),r(i.$$.fragment),w=g(),r(E.$$.fragment),k=g(),r(O.$$.fragment),C=g(),r(D.$$.fragment),T=g(),r(S.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);a($.$$.fragment,r),r.forEach(b),n=d(t),o=h(t,"TBODY",{});var s=x(o);a(c.$$.fragment,s),m=d(s),a(i.$$.fragment,s),w=d(s),a(E.$$.fragment,s),k=d(s),a(O.$$.fragment,s),C=d(s),a(D.$$.fragment,s),T=d(s),a(S.$$.fragment,s),s.forEach(b)},m(t,r){y(t,e,r),s($,e,null),y(t,n,r),y(t,o,r),s(c,o,null),v(o,m),s(i,o,null),v(o,w),s(E,o,null),v(o,k),s(O,o,null),v(o,C),s(D,o,null),v(o,T),s(S,o,null),R=!0},p(t,e){const n={};4&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),i.$set(a);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),E.$set(s);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),O.$set(o);const f={};4&e&&(f.$$scope={dirty:e,ctx:t}),D.$set(f);const l={};4&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l)},i(t){R||(f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(E.$$.fragment,t),f(O.$$.fragment,t),f(D.$$.fragment,t),f(S.$$.fragment,t),R=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(E.$$.fragment,t),l(O.$$.fragment,t),l(D.$$.fragment,t),l(S.$$.fragment,t),R=!1},d(t){t&&b(e),p($),t&&b(n),t&&b(o),p(c),p(i),p(E),p(O),p(D),p(S)}}}function Ct(t){let e;return{c(){e=i("Class Properties")},l(t){e=w(t,"Class Properties")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function Dt(t){let e,$,n,r,a,s,o;return{c(){e=i("All "),$=u("code"),n=i("<Snackbar>"),r=i(" components use the "),a=u("code"),s=i(".snackbar"),o=i(" class.")},l(t){e=w(t,"All "),$=h(t,"CODE",{});var c=x($);n=w(c,"<Snackbar>"),c.forEach(b),r=w(t," components use the "),a=h(t,"CODE",{});var f=x(a);s=w(f,".snackbar"),f.forEach(b),o=w(t," class.")},m(t,c){y(t,e,c),y(t,$,c),v($,n),y(t,r,c),y(t,a,c),v(a,s),y(t,o,c)},p:k,d(t){t&&b(e),t&&b($),t&&b(r),t&&b(a),t&&b(o)}}}function Tt(t){let e;return{c(){e=i("Falsy values passed to classes will be disregarded.")},l(t){e=w(t,"Falsy values passed to classes will be disregarded.")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function St(t){let e;return{c(){e=i("Name")},l(t){e=w(t,"Name")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function Rt(t){let e;return{c(){e=i("Default")},l(t){e=w(t,"Default")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function At(t){let e;return{c(){e=i("Type")},l(t){e=w(t,"Type")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function Nt(t){let e;return{c(){e=i("Description")},l(t){e=w(t,"Description")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function jt(t){let e,$,n,o,c,m,u,i;return e=new P({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),y(t,m,r),s(u,t,r),i=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),i=!1},d(t){p(e,t),t&&b($),p(n,t),t&&b(o),p(c,t),t&&b(m),p(u,t)}}}function Ft(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=i("class")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"class"),a.forEach(b),r.forEach(b)},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&b(e)}}}function Gt(t){let e,$;return{c(){e=u("code"),$=i("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(b)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&b(e)}}}function Bt(t){let e,$;return{c(){e=u("code"),$=i("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(b)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&b(e)}}}function Pt(t){let e;return{c(){e=i("A class string to add to the component.")},l(t){e=w(t,"A class string to add to the component.")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function Ht(t){let e,$,n,o,c,m,u,i;return e=new H({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),y(t,m,r),s(u,t,r),i=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),i=!1},d(t){p(e,t),t&&b($),p(n,t),t&&b(o),p(c,t),t&&b(m),p(u,t)}}}function Lt(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=i("textClass")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"textClass"),a.forEach(b),r.forEach(b)},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&b(e)}}}function Mt(t){let e,$;return{c(){e=u("code"),$=i("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(b)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&b(e)}}}function It(t){let e,$;return{c(){e=u("code"),$=i("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(b)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&b(e)}}}function qt(t){let e;return{c(){e=i("A class string to add to the label of the snackbar.")},l(t){e=w(t,"A class string to add to the label of the snackbar.")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function Kt(t){let e,$,n,o,c,m,u,i;return e=new H({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),y(t,m,r),s(u,t,r),i=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),i=!1},d(t){p(e,t),t&&b($),p(n,t),t&&b(o),p(c,t),t&&b(m),p(u,t)}}}function Vt(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=i("buttonClass")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"buttonClass"),a.forEach(b),r.forEach(b)},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&b(e)}}}function Ut(t){let e,$;return{c(){e=u("code"),$=i("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"null"),n.forEach(b)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&b(e)}}}function Yt(t){let e,$;return{c(){e=u("code"),$=i("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"string"),n.forEach(b)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&b(e)}}}function Wt(t){let e;return{c(){e=i("A class string to add to the action button of the snackbar.")},l(t){e=w(t,"A class string to add to the action button of the snackbar.")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function zt(t){let e,$,n,o,c,m,u,i;return e=new H({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),u=new H({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(u.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),y(t,m,r),s(u,t,r),i=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){i||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),i=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),i=!1},d(t){p(e,t),t&&b($),p(n,t),t&&b(o),p(c,t),t&&b(m),p(u,t)}}}function Jt(t){let e,$,n,o,c,m,i,w,E,k;return $=new B({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),i=new B({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),E=new B({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){e=u("thead"),r($.$$.fragment),n=g(),o=u("tbody"),r(c.$$.fragment),m=g(),r(i.$$.fragment),w=g(),r(E.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);a($.$$.fragment,r),r.forEach(b),n=d(t),o=h(t,"TBODY",{});var s=x(o);a(c.$$.fragment,s),m=d(s),a(i.$$.fragment,s),w=d(s),a(E.$$.fragment,s),s.forEach(b)},m(t,r){y(t,e,r),s($,e,null),y(t,n,r),y(t,o,r),s(c,o,null),v(o,m),s(i,o,null),v(o,w),s(E,o,null),k=!0},p(t,e){const n={};4&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),i.$set(a);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),E.$set(s)},i(t){k||(f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(E.$$.fragment,t),k=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(E.$$.fragment,t),k=!1},d(t){t&&b(e),p($),t&&b(n),t&&b(o),p(c),p(i),p(E)}}}function Qt(t){let e;return{c(){e=i("SCSS Variables")},l(t){e=w(t,"SCSS Variables")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function Xt(t){let e;return{c(){e=i("Name")},l(t){e=w(t,"Name")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function Zt(t){let e;return{c(){e=i("Description")},l(t){e=w(t,"Description")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function _t(t){let e;return{c(){e=i("Default")},l(t){e=w(t,"Default")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function te(t){let e,$,n,o,c,m;return e=new P({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),m=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&b($),p(n,t),t&&b(o),p(c,t)}}}function ee(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=i("$snackbar-bg")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"$snackbar-bg"),a.forEach(b),r.forEach(b)},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&b(e)}}}function $e(t){let e;return{c(){e=i("The background of the snackbar.")},l(t){e=w(t,"The background of the snackbar.")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function ne(t){let e,$;return e=new R({props:{value:"#404040"}}),{c(){r(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p:k,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function re(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),m=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&b($),p(n,t),t&&b(o),p(c,t)}}}function ae(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=i("$snackbar-fg")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"$snackbar-fg"),a.forEach(b),r.forEach(b)},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&b(e)}}}function se(t){let e;return{c(){e=i("The text color of the snackbar.")},l(t){e=w(t,"The text color of the snackbar.")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function oe(t){let e,$;return e=new R({props:{value:"#FFFFFF"}}),{c(){r(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p:k,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function ce(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),m=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&b($),p(n,t),t&&b(o),p(c,t)}}}function fe(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=i("$shadow-raised")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"$shadow-raised"),a.forEach(b),r.forEach(b)},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&b(e)}}}function le(t){let e;return{c(){e=i("The shadow of the snackbar.")},l(t){e=w(t,"The shadow of the snackbar.")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function pe(t){let e,$;return e=new A({props:{value:Le}}),{c(){r(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p:k,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function me(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),m=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&b($),p(n,t),t&&b(o),p(c,t)}}}function ge(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=i("$main")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"$main"),a.forEach(b),r.forEach(b)},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&b(e)}}}function ue(t){let e;return{c(){e=i("The action button color (75% lighter).")},l(t){e=w(t,"The action button color (75% lighter).")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function ie(t){let e,$;return e=new R({props:{value:"#4300B0"}}),{c(){r(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p:k,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function de(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),m=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&b($),p(n,t),t&&b(o),p(c,t)}}}function he(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=i("$snackbar-radius")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var a=x($);n=w(a,"$snackbar-radius"),a.forEach(b),r.forEach(b)},m(t,r){y(t,e,r),v(e,$),v($,n)},p:k,d(t){t&&b(e)}}}function xe(t){let e;return{c(){e=i("The curvature radius of the snackbar.")},l(t){e=w(t,"The curvature radius of the snackbar.")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function we(t){let e,$;return{c(){e=u("code"),$=i(".625em")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,".625em"),n.forEach(b)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&b(e)}}}function be(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),m=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&b($),p(n,t),t&&b(o),p(c,t)}}}function Ee(t){let e,$,n,r,a,s,o,c,f;return{c(){e=u("strong"),$=u("code"),n=i("$font"),r=g(),a=u("small"),s=i("From "),o=u("a"),c=u("code"),f=i("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var p=x($);n=w(p,"$font"),p.forEach(b),l.forEach(b),r=d(t),a=h(t,"SMALL",{});var m=x(a);s=w(m,"From "),o=h(m,"A",{href:!0});var g=x(o);c=h(g,"CODE",{});var u=x(c);f=w(u,"Button"),u.forEach(b),g.forEach(b),m.forEach(b),this.h()},h(){E(o,"href","./docs/components/button")},m(t,l){y(t,e,l),v(e,$),v($,n),y(t,r,l),y(t,a,l),v(a,s),v(a,o),v(o,c),v(c,f)},p:k,d(t){t&&b(e),t&&b(r),t&&b(a)}}}function ye(t){let e;return{c(){e=i("The font of the action button text.")},l(t){e=w(t,"The font of the action button text.")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function ve(t){let e,$;return{c(){e=u("code"),$=i("'Ubuntu'")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"'Ubuntu'"),n.forEach(b)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&b(e)}}}function ke(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),m=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&b($),p(n,t),t&&b(o),p(c,t)}}}function Oe(t){let e,$,n,r,a,s,o,c,f;return{c(){e=u("strong"),$=u("code"),n=i("$button-radius"),r=g(),a=u("small"),s=i("From "),o=u("a"),c=u("code"),f=i("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var p=x($);n=w(p,"$button-radius"),p.forEach(b),l.forEach(b),r=d(t),a=h(t,"SMALL",{});var m=x(a);s=w(m,"From "),o=h(m,"A",{href:!0});var g=x(o);c=h(g,"CODE",{});var u=x(c);f=w(u,"Button"),u.forEach(b),g.forEach(b),m.forEach(b),this.h()},h(){E(o,"href","./docs/components/button")},m(t,l){y(t,e,l),v(e,$),v($,n),y(t,r,l),y(t,a,l),v(a,s),v(a,o),v(o,c),v(c,f)},p:k,d(t){t&&b(e),t&&b(r),t&&b(a)}}}function Ce(t){let e;return{c(){e=i("The curvature radius of the action button.")},l(t){e=w(t,"The curvature radius of the action button.")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function De(t){let e,$;return{c(){e=u("code"),$=i("1.5625em")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"1.5625em"),n.forEach(b)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&b(e)}}}function Te(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),m=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&b($),p(n,t),t&&b(o),p(c,t)}}}function Se(t){let e,$,n,r,a,s,o,c,f;return{c(){e=u("strong"),$=u("code"),n=i("$bold-font-weight"),r=g(),a=u("small"),s=i("From "),o=u("a"),c=u("code"),f=i("Button"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var p=x($);n=w(p,"$bold-font-weight"),p.forEach(b),l.forEach(b),r=d(t),a=h(t,"SMALL",{});var m=x(a);s=w(m,"From "),o=h(m,"A",{href:!0});var g=x(o);c=h(g,"CODE",{});var u=x(c);f=w(u,"Button"),u.forEach(b),g.forEach(b),m.forEach(b),this.h()},h(){E(o,"href","./docs/components/button")},m(t,l){y(t,e,l),v(e,$),v($,n),y(t,r,l),y(t,a,l),v(a,s),v(a,o),v(o,c),v(c,f)},p:k,d(t){t&&b(e),t&&b(r),t&&b(a)}}}function Re(t){let e;return{c(){e=i("The font weight of the action button.")},l(t){e=w(t,"The font weight of the action button.")},m(t,$){y(t,e,$)},d(t){t&&b(e)}}}function Ae(t){let e,$;return{c(){e=u("code"),$=i("500")},l(t){e=h(t,"CODE",{});var n=x(e);$=w(n,"500"),n.forEach(b)},m(t,n){y(t,e,n),v(e,$)},p:k,d(t){t&&b(e)}}}function Ne(t){let e,$,n,o,c,m;return e=new H({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t)},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),m=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&b($),p(n,t),t&&b(o),p(c,t)}}}function je(t){let e,$,n,o,c,m,i,w,E,k,O,C,D,T,S,R,A,N,j,F;return $=new B({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),i=new B({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),E=new B({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),O=new B({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),D=new B({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),S=new B({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),A=new B({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),j=new B({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),{c(){e=u("thead"),r($.$$.fragment),n=g(),o=u("tbody"),r(c.$$.fragment),m=g(),r(i.$$.fragment),w=g(),r(E.$$.fragment),k=g(),r(O.$$.fragment),C=g(),r(D.$$.fragment),T=g(),r(S.$$.fragment),R=g(),r(A.$$.fragment),N=g(),r(j.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);a($.$$.fragment,r),r.forEach(b),n=d(t),o=h(t,"TBODY",{});var s=x(o);a(c.$$.fragment,s),m=d(s),a(i.$$.fragment,s),w=d(s),a(E.$$.fragment,s),k=d(s),a(O.$$.fragment,s),C=d(s),a(D.$$.fragment,s),T=d(s),a(S.$$.fragment,s),R=d(s),a(A.$$.fragment,s),N=d(s),a(j.$$.fragment,s),s.forEach(b)},m(t,r){y(t,e,r),s($,e,null),y(t,n,r),y(t,o,r),s(c,o,null),v(o,m),s(i,o,null),v(o,w),s(E,o,null),v(o,k),s(O,o,null),v(o,C),s(D,o,null),v(o,T),s(S,o,null),v(o,R),s(A,o,null),v(o,N),s(j,o,null),F=!0},p(t,e){const n={};4&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};4&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const a={};4&e&&(a.$$scope={dirty:e,ctx:t}),i.$set(a);const s={};4&e&&(s.$$scope={dirty:e,ctx:t}),E.$set(s);const o={};4&e&&(o.$$scope={dirty:e,ctx:t}),O.$set(o);const f={};4&e&&(f.$$scope={dirty:e,ctx:t}),D.$set(f);const l={};4&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l);const p={};4&e&&(p.$$scope={dirty:e,ctx:t}),A.$set(p);const m={};4&e&&(m.$$scope={dirty:e,ctx:t}),j.$set(m)},i(t){F||(f($.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),f(E.$$.fragment,t),f(O.$$.fragment,t),f(D.$$.fragment,t),f(S.$$.fragment,t),f(A.$$.fragment,t),f(j.$$.fragment,t),F=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),l(E.$$.fragment,t),l(O.$$.fragment,t),l(D.$$.fragment,t),l(S.$$.fragment,t),l(A.$$.fragment,t),l(j.$$.fragment,t),F=!1},d(t){t&&b(e),p($),t&&b(n),t&&b(o),p(c),p(i),p(E),p(O),p(D),p(S),p(A),p(j)}}}function Fe(t){let e,$,n,o,c,m,k,O,T,R,A,B,P,H,Y,W,z,J,Q,X,Z,_,tt,et,$t,nt,rt,at,st,ot,ct;return e=new C({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),n=new D({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),c=new N({props:{components:He,class:"mb"}}),k=new D({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),T=new S({props:{$$slots:{source:[K],showcase:[q]},$$scope:{ctx:t}}}),A=new j({props:{id:"properties",$$slots:{default:[V]},$$scope:{ctx:t}}}),P=new F({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),Y=new G({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),X=new F({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),_=new D({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),et=new D({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),nt=new G({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),at=new j({props:{id:"scss-variables",$$slots:{default:[Qt]},$$scope:{ctx:t}}}),ot=new G({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(k.$$.fragment),O=g(),r(T.$$.fragment),R=g(),r(A.$$.fragment),B=g(),r(P.$$.fragment),H=g(),r(Y.$$.fragment),W=g(),z=u("div"),J=i("* Required"),Q=g(),r(X.$$.fragment),Z=g(),r(_.$$.fragment),tt=g(),r(et.$$.fragment),$t=g(),r(nt.$$.fragment),rt=g(),r(at.$$.fragment),st=g(),r(ot.$$.fragment),this.h()},l(t){a(e.$$.fragment,t),$=d(t),a(n.$$.fragment,t),o=d(t),a(c.$$.fragment,t),m=d(t),a(k.$$.fragment,t),O=d(t),a(T.$$.fragment,t),R=d(t),a(A.$$.fragment,t),B=d(t),a(P.$$.fragment,t),H=d(t),a(Y.$$.fragment,t),W=d(t),z=h(t,"DIV",{class:!0});var r=x(z);J=w(r,"* Required"),r.forEach(b),Q=d(t),a(X.$$.fragment,t),Z=d(t),a(_.$$.fragment,t),tt=d(t),a(et.$$.fragment,t),$t=d(t),a(nt.$$.fragment,t),rt=d(t),a(at.$$.fragment,t),st=d(t),a(ot.$$.fragment,t),this.h()},h(){E(z,"class","required")},m(t,r){s(e,t,r),y(t,$,r),s(n,t,r),y(t,o,r),s(c,t,r),y(t,m,r),s(k,t,r),y(t,O,r),s(T,t,r),y(t,R,r),s(A,t,r),y(t,B,r),s(P,t,r),y(t,H,r),s(Y,t,r),y(t,W,r),y(t,z,r),v(z,J),y(t,Q,r),s(X,t,r),y(t,Z,r),s(_,t,r),y(t,tt,r),s(et,t,r),y(t,$t,r),s(nt,t,r),y(t,rt,r),s(at,t,r),y(t,st,r),s(ot,t,r),ct=!0},p(t,$){const r={};4&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};4&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const s={};4&$&&(s.$$scope={dirty:$,ctx:t}),k.$set(s);const o={};4&$&&(o.$$scope={dirty:$,ctx:t}),T.$set(o);const c={};4&$&&(c.$$scope={dirty:$,ctx:t}),A.$set(c);const f={};4&$&&(f.$$scope={dirty:$,ctx:t}),P.$set(f);const l={};4&$&&(l.$$scope={dirty:$,ctx:t}),Y.$set(l);const p={};4&$&&(p.$$scope={dirty:$,ctx:t}),X.$set(p);const m={};4&$&&(m.$$scope={dirty:$,ctx:t}),_.$set(m);const g={};4&$&&(g.$$scope={dirty:$,ctx:t}),et.$set(g);const u={};4&$&&(u.$$scope={dirty:$,ctx:t}),nt.$set(u);const i={};4&$&&(i.$$scope={dirty:$,ctx:t}),at.$set(i);const d={};4&$&&(d.$$scope={dirty:$,ctx:t}),ot.$set(d)},i(t){ct||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(k.$$.fragment,t),f(T.$$.fragment,t),f(A.$$.fragment,t),f(P.$$.fragment,t),f(Y.$$.fragment,t),f(X.$$.fragment,t),f(_.$$.fragment,t),f(et.$$.fragment,t),f(nt.$$.fragment,t),f(at.$$.fragment,t),f(ot.$$.fragment,t),ct=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(k.$$.fragment,t),l(T.$$.fragment,t),l(A.$$.fragment,t),l(P.$$.fragment,t),l(Y.$$.fragment,t),l(X.$$.fragment,t),l(_.$$.fragment,t),l(et.$$.fragment,t),l(nt.$$.fragment,t),l(at.$$.fragment,t),l(ot.$$.fragment,t),ct=!1},d(t){p(e,t),t&&b($),p(n,t),t&&b(o),p(c,t),t&&b(m),p(k,t),t&&b(O),p(T,t),t&&b(R),p(A,t),t&&b(B),p(P,t),t&&b(H),p(Y,t),t&&b(W),t&&b(z),t&&b(Q),p(X,t),t&&b(Z),p(_,t),t&&b(tt),p(et,t),t&&b($t),p(nt,t),t&&b(rt),p(at,t),t&&b(st),p(ot,t)}}}function Ge(t){let e,$;const m=[t[0],Be];let g={$$slots:{default:[Fe]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)g=n(g,m[t]);return e=new O({props:g}),{c(){r(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){s(e,t,n),$=!0},p(t,[$]){const n=1&$?o(m,[1&$&&c(t[0]),0&$&&c(Be)]):{};4&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}const Be={name:"Snackbar",relatedComponents:[{name:"SnackbarContainer",link:"./docs/components/snackbar-container"}],shadowRaised:"0 2px 4px -1px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);"},{name:Pe,relatedComponents:He,shadowRaised:Le}=Be,Me=()=>{};function Ie(t,e,$){return t.$$set=t=>{$(0,e=n(n({},e),m(t)))},[e=m(e),()=>console.log("ack")]}class qe extends t{constructor(t){super(),e(this,t,Ie,Ge,$,{})}}export{qe as default,Be as metadata};
diff --git a/376/client/snackbar.e51b36cb.js b/376/client/snackbar.e51b36cb.js
new file mode 100644
index 000000000..63f30ed5f
--- /dev/null
+++ b/376/client/snackbar.e51b36cb.js
@@ -0,0 +1 @@
+import{aa as s,S as t,i as n,s as a,h as l,v as o,u as i,k as c,b as e,x as r,d as u,w as p,e as f,X as $,f as m,g as d,A as x,t as b,y as C,p as y,z as k,ab as h,ac as v,j as g,l as O,m as w,q as A}from"./client.0d36a0cf.js";import{B as j}from"./button.743a388a.js";import{c as q}from"./index.4c1ceff5.js";import{c as S}from"./classes.2453fa25.js";function E(t,{delay:n=0,duration:a=400,easing:l=q,x:o=0,y:i=0,opacity:c=0}={}){const e=getComputedStyle(t),r=+e.opacity,u="none"===e.transform?"":e.transform,p=r*(1-c),[f,$]=s(o),[m,d]=s(i);return{delay:n,duration:a,easing:l,css:(s,t)=>`\n\t\t\ttransform: ${u} translate(${(1-s)*f}${$}, ${(1-s)*m}${d});\n\t\t\topacity: ${r-p*t}`}}function z(s,{transition:t=null,options:n=null}){return null===t?{delay:0,duration:0,css:()=>""}:t(s,n)}function B(s){let t,n;return t=new j({props:{class:S(s[2]),$$slots:{default:[D]},$$scope:{ctx:s}}}),t.$on("click",s[9]),{c(){g(t.$$.fragment)},l(s){O(t.$$.fragment,s)},m(s,a){w(t,s,a),n=!0},p(s,n){const a={};4&n&&(a.class=S(s[2])),1040&n&&(a.$$scope={dirty:n,ctx:s}),t.$set(a)},i(s){n||(b(t.$$.fragment,s),n=!0)},o(s){y(t.$$.fragment,s),n=!1},d(s){A(t,s)}}}function D(s){let t,n=s[4].text+"";return{c(){t=o(n)},l(s){t=r(s,n)},m(s,n){m(s,t,n)},p(s,a){16&a&&n!==(n=s[4].text+"")&&x(t,n)},d(s){s&&u(t)}}}function I(s){let t,n,a,g,O,w,A,j,q=null!=s[4]&&B(s);return{c(){t=l("div"),n=l("span"),a=o(s[3]),O=i(),q&&q.c(),this.h()},l(l){t=c(l,"DIV",{class:!0});var o=e(t);n=c(o,"SPAN",{class:!0});var i=e(n);a=r(i,s[3]),i.forEach(u),O=p(o),q&&q.l(o),o.forEach(u),this.h()},h(){f(n,"class",g=$(S("text",s[1]))+" svelte-1nruwq9"),f(t,"class",w=$(S("snackbar",s[0]))+" svelte-1nruwq9")},m(s,l){m(s,t,l),d(t,n),d(n,a),d(t,O),q&&q.m(t,null),j=!0},p(l,[o]){s=l,(!j||8&o)&&x(a,s[3]),(!j||2&o&&g!==(g=$(S("text",s[1]))+" svelte-1nruwq9"))&&f(n,"class",g),null!=s[4]?q?(q.p(s,o),16&o&&b(q,1)):(q=B(s),q.c(),b(q,1),q.m(t,null)):q&&(C(),y(q,1,1,(()=>{q=null})),k()),(!j||1&o&&w!==(w=$(S("snackbar",s[0]))+" svelte-1nruwq9"))&&f(t,"class",w)},i(n){j||(b(q),h((()=>{j&&(A||(A=v(t,z,{transition:s[7],options:s[8]},!0)),A.run(1))})),j=!0)},o(n){y(q),A||(A=v(t,z,{transition:s[7],options:s[8]},!1)),A.run(0),j=!1},d(s){s&&u(t),q&&q.d(),s&&A&&A.end()}}}function N(s,t,n){let{class:a=null}=t,{textClass:l=null}=t,{buttonClass:o=null}=t,{text:i}=t,{action:c=null}=t,{closeOnAction:e=!0}=t,{closeCallback:r}=t,{transition:u=E}=t,{transitionOptions:p={x:-20,duration:150}}=t;return s.$$set=s=>{"class"in s&&n(0,a=s.class),"textClass"in s&&n(1,l=s.textClass),"buttonClass"in s&&n(2,o=s.buttonClass),"text"in s&&n(3,i=s.text),"action"in s&&n(4,c=s.action),"closeOnAction"in s&&n(5,e=s.closeOnAction),"closeCallback"in s&&n(6,r=s.closeCallback),"transition"in s&&n(7,u=s.transition),"transitionOptions"in s&&n(8,p=s.transitionOptions)},[a,l,o,i,c,e,r,u,p,()=>{null!=c&&"function"==typeof c.callback&&c.callback(),e&&r()}]}var P=class extends t{constructor(s){super(),n(this,s,N,I,a,{class:0,textClass:1,buttonClass:2,text:3,action:4,closeOnAction:5,closeCallback:6,transition:7,transitionOptions:8})}};export{P as S,z as d};
diff --git a/376/client/star-rating-8a706d86.css b/376/client/star-rating-8a706d86.css
new file mode 100644
index 000000000..5c002bf84
--- /dev/null
+++ b/376/client/star-rating-8a706d86.css
@@ -0,0 +1 @@
+.star-rating.svelte-172gjzj.svelte-172gjzj.svelte-172gjzj.svelte-172gjzj{border-radius:1.5em;display:inline-flex;fill:none;flex-direction:row-reverse;justify-content:flex-end}.star-rating.svelte-172gjzj.svelte-172gjzj.svelte-172gjzj.svelte-172gjzj:focus-within{background:rgba(67, 0, 176, 0.05)}.star-rating.svelte-172gjzj input.svelte-172gjzj.svelte-172gjzj.svelte-172gjzj{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.star-rating.svelte-172gjzj label.svelte-172gjzj.svelte-172gjzj.svelte-172gjzj{border-radius:50%;color:#aaa;cursor:pointer;padding:0.5em}.star-rating.svelte-172gjzj label.svelte-172gjzj svg{display:block}.star-rating.svelte-172gjzj label.svelte-172gjzj .ripple{background:rgba(67, 0, 176, 0.1)}.star-rating.svelte-172gjzj label.svelte-172gjzj.svelte-172gjzj.svelte-172gjzj:hover{background:rgba(67, 0, 176, 0.05);color:#b499df}.star-rating.svelte-172gjzj label.svelte-172gjzj:hover~label.svelte-172gjzj.svelte-172gjzj{color:#b499df}.star-rating.svelte-172gjzj input.svelte-172gjzj:disabled+label.svelte-172gjzj.svelte-172gjzj{background:none;color:#888;cursor:not-allowed}.star-rating.svelte-172gjzj input.svelte-172gjzj:checked+label.svelte-172gjzj.svelte-172gjzj,.star-rating.svelte-172gjzj input.svelte-172gjzj:checked~input.svelte-172gjzj+label.svelte-172gjzj{color:#6933c0;fill:#6933c0}
diff --git a/376/client/star-rating.5a108501.js b/376/client/star-rating.5a108501.js
new file mode 100644
index 000000000..9658907d8
--- /dev/null
+++ b/376/client/star-rating.5a108501.js
@@ -0,0 +1 @@
+import{S as s,i as a,s as e,a as t,c as l,b as n,d as r,e as o,f as i,g as c,n as u,h,k as d,X as f,t as g,y as v,z as m,p,a9 as $,I as j,J as w,K as b,L as k,M as x,a3 as _,u as y,w as z,N as C,O as E,o as A,P as B,U as D,V as L,Q as I,R as U,T as M,W as N,j as P,l as R,m as S,q as T}from"./client.0d36a0cf.js";import{r as V}from"./range.ee7914b1.js";import{c as q}from"./classes.2453fa25.js";import{e as J,r as K}from"./button.743a388a.js";function O(s){let a,e;return{c(){a=t("svg"),e=t("polygon"),this.h()},l(s){a=l(s,"svg",{xmlns:!0,width:!0,height:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0});var t=n(a);e=l(t,"polygon",{points:!0}),n(e).forEach(r),t.forEach(r),this.h()},h(){o(e,"points","12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"),o(a,"xmlns","http://www.w3.org/2000/svg"),o(a,"width","24"),o(a,"height","24"),o(a,"viewBox","0 0 24 24"),o(a,"stroke","currentColor"),o(a,"stroke-width","2"),o(a,"stroke-linecap","round"),o(a,"stroke-linejoin","round")},m(s,t){i(s,a,t),c(a,e)},p:u,i:u,o:u,d(s){s&&r(a)}}}var Q=class extends s{constructor(s){super(),a(this,s,null,O,e,{})}};function W(s,a,e){const t=s.slice();return t[15]=a[e],t}const X=s=>({}),F=s=>({});function G(s){let a,e,t,l,u,v,m,$,j,w,k,V,O,W,G=[{__value:e=s[15]},{type:"radio"},{name:s[4]},{id:t=`${s[4]}-${s[15]}`},{disabled:s[5]},s[9]],H={};for(let s=0;s<G.length;s+=1)H=b(H,G[s]);const Y=s[11].icon,Z=x(Y,s,s[10],F),ss=Z||function(s){let a,e;return a=new Q({}),{c(){P(a.$$.fragment)},l(s){R(a.$$.fragment,s)},m(s,t){S(a,s,t),e=!0},i(s){e||(g(a.$$.fragment,s),e=!0)},o(s){p(a.$$.fragment,s),e=!1},d(s){T(a,s)}}}();return V=_(s[13][0]),{c(){a=h("input"),u=y(),v=h("label"),ss&&ss.c(),m=y(),this.h()},l(s){a=d(s,"INPUT",{type:!0,name:!0,id:!0}),u=z(s),v=d(s,"LABEL",{class:!0,for:!0});var e=n(v);ss&&ss.l(e),m=z(e),e.forEach(r),this.h()},h(){C(a,H),E(a,"svelte-172gjzj",!0),o(v,"class",$=f(q(s[2]))+" svelte-172gjzj"),o(v,"for",j=`${s[4]}-${s[15]}`),V.p(a)},m(e,t){i(e,a,t),a.autofocus&&a.focus(),a.checked=a.__value===s[0],i(e,u,t),i(e,v,t),ss&&ss.m(v,null),c(v,m),k=!0,O||(W=[A(a,"change",s[12]),A(a,"change",s[14]),A(a,"keydown",s[7]),B(l=J.call(null,a,s[6])),B(w=K.call(null,v,{disabled:s[5]}))],O=!0)},p(s,n){C(a,H=D(G,[(!k||8&n&&e!==(e=s[15]))&&{__value:e},{type:"radio"},(!k||16&n)&&{name:s[4]},(!k||24&n&&t!==(t=`${s[4]}-${s[15]}`))&&{id:t},(!k||32&n)&&{disabled:s[5]},512&n&&s[9]])),9&n&&(a.checked=a.__value===s[0]),l&&L(l.update)&&64&n&&l.update.call(null,s[6]),E(a,"svelte-172gjzj",!0),Z&&Z.p&&(!k||1024&n)&&I(Z,Y,s,s[10],k?M(Y,s[10],n,X):U(s[10]),F),(!k||4&n&&$!==($=f(q(s[2]))+" svelte-172gjzj"))&&o(v,"class",$),(!k||24&n&&j!==(j=`${s[4]}-${s[15]}`))&&o(v,"for",j),w&&L(w.update)&&32&n&&w.update.call(null,{disabled:s[5]})},i(s){k||(g(ss,s),k=!0)},o(s){p(ss,s),k=!1},d(s){s&&r(a),s&&r(u),s&&r(v),ss&&ss.d(s),V.r(),O=!1,N(W)}}}function H(s){let a,e,t,l=[...V(s[3],0,-1)],c=[];for(let a=0;a<l.length;a+=1)c[a]=G(W(s,l,a));const u=s=>p(c[s],1,1,(()=>{c[s]=null}));return{c(){a=h("div");for(let s=0;s<c.length;s+=1)c[s].c();this.h()},l(s){a=d(s,"DIV",{role:!0,class:!0});var e=n(a);for(let s=0;s<c.length;s+=1)c[s].l(e);e.forEach(r),this.h()},h(){o(a,"role","group"),o(a,"class",e=f(q("star-rating",s[1]))+" svelte-172gjzj")},m(s,e){i(s,a,e);for(let s=0;s<c.length;s+=1)c[s]&&c[s].m(a,null);t=!0},p(s,[n]){if(2045&n){let e;for(l=[...V(s[3],0,-1)],e=0;e<l.length;e+=1){const t=W(s,l,e);c[e]?(c[e].p(t,n),g(c[e],1)):(c[e]=G(t),c[e].c(),g(c[e],1),c[e].m(a,null))}for(v(),e=l.length;e<c.length;e+=1)u(e);m()}(!t||2&n&&e!==(e=f(q("star-rating",s[1]))+" svelte-172gjzj"))&&o(a,"class",e)},i(s){if(!t){for(let s=0;s<l.length;s+=1)g(c[s]);t=!0}},o(s){c=c.filter(Boolean);for(let s=0;s<c.length;s+=1)p(c[s]);t=!1},d(s){s&&r(a),$(c,s)}}}function Y(s,a,e){const t=["class","starClass","max","value","name","disabled","events"];let l=j(a,t),{$$slots:n={},$$scope:r}=a,{class:o=null}=a,{starClass:i=null}=a,{max:c=5}=a,{value:u=0}=a,{name:h}=a,{disabled:d=!1}=a,{events:f=[]}=a;const g=w();return s.$$set=s=>{a=b(b({},a),k(s)),e(9,l=j(a,t)),"class"in s&&e(1,o=s.class),"starClass"in s&&e(2,i=s.starClass),"max"in s&&e(3,c=s.max),"value"in s&&e(0,u=s.value),"name"in s&&e(4,h=s.name),"disabled"in s&&e(5,d=s.disabled),"events"in s&&e(6,f=s.events),"$$scope"in s&&e(10,r=s.$$scope)},[u,o,i,c,h,d,f,function(s){switch(s.key){case"ArrowLeft":case"ArrowDown":s.preventDefault(),e(0,u=(u+(c+1)-1)%(c+1)),0===u&&e(0,u=c);break;case"ArrowRight":case"ArrowUp":s.preventDefault(),e(0,u=(u+1)%(c+1))}e(0,u=Math.max(u,1))},g,l,r,n,function(){u=this.__value,e(0,u)},[[]],s=>g("change",{value:u,nativeEvent:s})]}var Z=class extends s{constructor(s){super(),a(this,s,Y,H,e,{class:1,starClass:2,max:3,value:0,name:4,disabled:5,events:6})}};export{Z as S};
diff --git a/376/client/star-rating.fae16850.js b/376/client/star-rating.fae16850.js
new file mode 100644
index 000000000..bef25a5ac
--- /dev/null
+++ b/376/client/star-rating.fae16850.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,a as $,c as s,b as a,d as r,e as o,f as c,g as l,n as p,K as f,j as m,l as g,m as i,U as u,a0 as d,t as h,p as x,q as v,L as w,u as E,h as y,v as k,w as D,k as b,x as O,Y as C,$ as T,a1 as S}from"./client.0d36a0cf.js";import{L as A,H as R,P as N}from"./layout.b2760304.js";import{S as j}from"./star-rating.5a108501.js";import{S as H}from"./showcase.8eb3893d.js";import{C as G}from"./color-preview.278d2729.js";import{H as P}from"./h2.122c8b9f.js";import{H as z}from"./h3.1e03849b.js";import{T as B,a as F,b as M,c as L}from"./table.e069c294.js";import"./range.ee7914b1.js";import"./classes.2453fa25.js";import"./button.743a388a.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";function q(t){let e,n,f;return{c(){e=$("svg"),n=$("path"),this.h()},l(t){e=s(t,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var $=a(e);n=s($,"path",{d:!0}),a(n).forEach(r),$.forEach(r),this.h()},h(){o(n,"d","M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"),o(e,"xmlns","http://www.w3.org/2000/svg"),o(e,"width",t[0]),o(e,"height",t[0]),o(e,"fill","none"),o(e,"viewBox","0 0 24 24"),o(e,"stroke","currentColor"),o(e,"stroke-width",t[1]),o(e,"stroke-linecap","round"),o(e,"stroke-linejoin","round"),o(e,"class",f="feather feather-thumbs-up "+t[2])},m(t,$){c(t,e,$),l(e,n)},p(t,[n]){1&n&&o(e,"width",t[0]),1&n&&o(e,"height",t[0]),2&n&&o(e,"stroke-width",t[1]),4&n&&f!==(f="feather feather-thumbs-up "+t[2])&&o(e,"class",f)},i:p,o:p,d(t){t&&r(e)}}}function I(t,e,n){let{size:$="100%"}=e,{strokeWidth:s=2}=e,{class:a=""}=e;return"100%"!==$&&($="x"===$.slice(-1)?$.slice(0,$.length-1)+"em":parseInt($)+"px"),t.$$set=t=>{"size"in t&&n(0,$=t.size),"strokeWidth"in t&&n(1,s=t.strokeWidth),"class"in t&&n(2,a=t.class)},[$,s,a]}class V extends t{constructor(t){super(),e(this,t,I,q,n,{size:0,strokeWidth:1,class:2})}}function W(t){let e;return{c(){e=k("StarRating")},l(t){e=O(t,"StarRating")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function Y(t){let e;return{c(){e=k("An input element used for rating with a number of stars.")},l(t){e=O(t,"An input element used for rating with a number of stars.")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function U(t){let e,n,$;return n=new V({props:{size:"24"}}),{c(){e=y("span"),m(n.$$.fragment),this.h()},l(t){e=b(t,"SPAN",{slot:!0});var $=a(e);g(n.$$.fragment,$),$.forEach(r),this.h()},h(){o(e,"slot","icon")},m(t,s){c(t,e,s),i(n,e,null),$=!0},p:p,i(t){$||(h(n.$$.fragment,t),$=!0)},o(t){x(n.$$.fragment,t),$=!1},d(t){t&&r(e),v(n)}}}function K(t){let e,n,$,s,p,f,u,d;function w(e){t[2](e)}let k={name:"restaurant"};return void 0!==t[0]&&(k.value=t[0]),n=new j({props:k}),C.push((()=>T(n,"value",w))),u=new j({props:{name:"hotel",value:5,max:7,disabled:!0,$$slots:{icon:[U]},$$scope:{ctx:t}}}),{c(){e=y("div"),m(n.$$.fragment),s=E(),p=y("br"),f=E(),m(u.$$.fragment),this.h()},l(t){e=b(t,"DIV",{slot:!0,class:!0});var $=a(e);g(n.$$.fragment,$),s=D($),p=b($,"BR",{}),f=D($),g(u.$$.fragment,$),$.forEach(r),this.h()},h(){o(e,"slot","showcase"),o(e,"class","padded")},m(t,$){c(t,e,$),i(n,e,null),l(e,s),l(e,p),l(e,f),i(u,e,null),d=!0},p(t,e){const s={};!$&&1&e&&($=!0,s.value=t[0],S((()=>$=!1))),n.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),u.$set(a)},i(t){d||(h(n.$$.fragment,t),h(u.$$.fragment,t),d=!0)},o(t){x(n.$$.fragment,t),x(u.$$.fragment,t),d=!1},d(t){t&&r(e),v(n),v(u)}}}function _(t){let e,n;return{c(){e=y("div"),n=y("pre"),this.h()},l(t){e=b(t,"DIV",{slot:!0});var $=a(e);n=b($,"PRE",{class:!0}),a(n).forEach(r),$.forEach(r),this.h()},h(){o(n,"class","language-svelte"),o(e,"slot","source")},m(t,$){c(t,e,$),l(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">let</span> restaurantRating <span class="token operator">=</span> <span class="token number">1</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>StarRating</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>restaurant<span class="token punctuation">"</span></span> <span class="token attr-name"><span class="token namespace">bind:</span>value=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>restaurantRating<span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>StarRating</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>hotel<span class="token punctuation">"</span></span> <span class="token attr-name">value=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">5</span><span class="token punctuation">&#125;</span></span> <span class="token attr-name">max=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token number">7</span><span class="token punctuation">&#125;</span></span> <span class="token attr-name">disabled</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>icon<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ThumbsUpIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>StarRating</span><span class="token punctuation">></span></span></code>'},p:p,d(t){t&&r(e)}}}function J(t){let e;return{c(){e=k("Properties")},l(t){e=O(t,"Properties")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function Q(t){let e;return{c(){e=k("Functional Properties")},l(t){e=O(t,"Functional Properties")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function X(t){let e;return{c(){e=k("Name")},l(t){e=O(t,"Name")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function Z(t){let e;return{c(){e=k("Default")},l(t){e=O(t,"Default")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function tt(t){let e;return{c(){e=k("Type")},l(t){e=O(t,"Type")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function et(t){let e;return{c(){e=k("Description")},l(t){e=O(t,"Description")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function nt(t){let e,n,$,s,a,o,l,p;return e=new M({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),a=new M({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),l=new M({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(l.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t),o=D(t),g(l.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),c(t,o,r),i(l,t,r),p=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),l.$set(c)},i(t){p||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),p=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),p=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t),t&&r(o),v(l,t)}}}function $t(t){let e,n,$,s,f,m,g;return{c(){e=y("mark"),n=y("strong"),$=y("code"),s=k("name"),f=k(" "),m=y("span"),g=k("*"),this.h()},l(t){e=b(t,"MARK",{});var o=a(e);n=b(o,"STRONG",{});var c=a(n);$=b(c,"CODE",{});var l=a($);s=O(l,"name"),l.forEach(r),c.forEach(r),o.forEach(r),f=O(t," "),m=b(t,"SPAN",{class:!0});var p=a(m);g=O(p,"*"),p.forEach(r),this.h()},h(){o(m,"class","required")},m(t,a){c(t,e,a),l(e,n),l(n,$),l($,s),c(t,f,a),c(t,m,a),l(m,g)},p:p,d(t){t&&r(e),t&&r(f),t&&r(m)}}}function st(t){let e,n;return{c(){e=y("code"),n=k("string")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"string"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:p,d(t){t&&r(e)}}}function at(t){let e,n,$,s;return{c(){e=k("The name to assign to all stars belonging to the same group. Check "),n=y("a"),$=k("MDN docs"),s=k(" for more information."),this.h()},l(t){e=O(t,"The name to assign to all stars belonging to the same group. Check "),n=b(t,"A",{href:!0,rel:!0});var o=a(n);$=O(o,"MDN docs"),o.forEach(r),s=O(t," for more information."),this.h()},h(){o(n,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname"),o(n,"rel","nofollow")},m(t,a){c(t,e,a),c(t,n,a),l(n,$),c(t,s,a)},p:p,d(t){t&&r(e),t&&r(n),t&&r(s)}}}function rt(t){let e,n,$,s,a,o,l,p;return e=new L({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),$=new L({}),a=new L({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),l=new L({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(l.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t),o=D(t),g(l.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),c(t,o,r),i(l,t,r),p=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),a.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),l.$set(r)},i(t){p||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),p=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),p=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t),t&&r(o),v(l,t)}}}function ot(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=k("max")},l(t){e=b(t,"STRONG",{});var s=a(e);n=b(s,"CODE",{});var o=a(n);$=O(o,"max"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),l(e,n),l(n,$)},p:p,d(t){t&&r(e)}}}function ct(t){let e,n;return{c(){e=y("code"),n=k("5")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"5"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:p,d(t){t&&r(e)}}}function lt(t){let e,n;return{c(){e=y("code"),n=k("number")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"number"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:p,d(t){t&&r(e)}}}function pt(t){let e;return{c(){e=k("How many stars to be displayed.")},l(t){e=O(t,"How many stars to be displayed.")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function ft(t){let e,n,$,s,a,o,l,p;return e=new L({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),l=new L({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(l.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t),o=D(t),g(l.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),c(t,o,r),i(l,t,r),p=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),l.$set(c)},i(t){p||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),p=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),p=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t),t&&r(o),v(l,t)}}}function mt(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=k("value")},l(t){e=b(t,"STRONG",{});var s=a(e);n=b(s,"CODE",{});var o=a(n);$=O(o,"value"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),l(e,n),l(n,$)},p:p,d(t){t&&r(e)}}}function gt(t){let e,n;return{c(){e=y("code"),n=k("null")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"null"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:p,d(t){t&&r(e)}}}function it(t){let e,n;return{c(){e=y("code"),n=k("number")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"number"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:p,d(t){t&&r(e)}}}function ut(t){let e;return{c(){e=k("Current amount of selected stars.")},l(t){e=O(t,"Current amount of selected stars.")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function dt(t){let e,n,$,s,a,o,l,p;return e=new L({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),l=new L({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(l.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t),o=D(t),g(l.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),c(t,o,r),i(l,t,r),p=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),l.$set(c)},i(t){p||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),p=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),p=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t),t&&r(o),v(l,t)}}}function ht(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=k("disabled")},l(t){e=b(t,"STRONG",{});var s=a(e);n=b(s,"CODE",{});var o=a(n);$=O(o,"disabled"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),l(e,n),l(n,$)},p:p,d(t){t&&r(e)}}}function xt(t){let e,n;return{c(){e=y("code"),n=k("false")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"false"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:p,d(t){t&&r(e)}}}function vt(t){let e,n;return{c(){e=y("code"),n=k("boolean")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"boolean"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:p,d(t){t&&r(e)}}}function wt(t){let e;return{c(){e=k("Disables star selection.")},l(t){e=O(t,"Disables star selection.")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function Et(t){let e,n,$,s,a,o,l,p;return e=new L({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),l=new L({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(l.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t),o=D(t),g(l.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),c(t,o,r),i(l,t,r),p=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),l.$set(c)},i(t){p||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),p=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),p=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t),t&&r(o),v(l,t)}}}function yt(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=k("events")},l(t){e=b(t,"STRONG",{});var s=a(e);n=b(s,"CODE",{});var o=a(n);$=O(o,"events"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),l(e,n),l(n,$)},p:p,d(t){t&&r(e)}}}function kt(t){let e,n;return{c(){e=y("code"),n=k("[]")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"[]"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:p,d(t){t&&r(e)}}}function Dt(t){let e,n;return{c(){e=y("code"),n=k("Array")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"Array"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:p,d(t){t&&r(e)}}}function bt(t){let e,n,$,s,f,m,g,i,u,d;return{c(){e=k("List of handlers for the "),n=y("a"),$=k("Events action"),s=k(": "),f=y("code"),m=k("[{ name, handler }]"),g=k(". The event listeners are registered on the "),i=y("code"),u=k('<input type="radio">'),d=k(" elements."),this.h()},l(t){e=O(t,"List of handlers for the "),n=b(t,"A",{href:!0});var o=a(n);$=O(o,"Events action"),o.forEach(r),s=O(t,": "),f=b(t,"CODE",{});var c=a(f);m=O(c,"[{ name, handler }]"),c.forEach(r),g=O(t,". The event listeners are registered on the "),i=b(t,"CODE",{});var l=a(i);u=O(l,'<input type="radio">'),l.forEach(r),d=O(t," elements."),this.h()},h(){o(n,"href","./docs/utilities")},m(t,a){c(t,e,a),c(t,n,a),l(n,$),c(t,s,a),c(t,f,a),l(f,m),c(t,g,a),c(t,i,a),l(i,u),c(t,d,a)},p:p,d(t){t&&r(e),t&&r(n),t&&r(s),t&&r(f),t&&r(g),t&&r(i),t&&r(d)}}}function Ot(t){let e,n,$,s,a,o,l,p;return e=new L({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),l=new L({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(l.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t),o=D(t),g(l.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),c(t,o,r),i(l,t,r),p=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),l.$set(c)},i(t){p||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),p=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),p=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t),t&&r(o),v(l,t)}}}function Ct(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=k("...")},l(t){e=b(t,"STRONG",{});var s=a(e);n=b(s,"CODE",{});var o=a(n);$=O(o,"..."),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),l(e,n),l(n,$)},p:p,d(t){t&&r(e)}}}function Tt(t){let e,n;return{c(){e=y("code"),n=k("any")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"any"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:p,d(t){t&&r(e)}}}function St(t){let e,n,$,s;return{c(){e=k("Everything else will be passed to the underlying "),n=y("code"),$=k('<input type="radio">'),s=k(" elements.")},l(t){e=O(t,"Everything else will be passed to the underlying "),n=b(t,"CODE",{});var o=a(n);$=O(o,'<input type="radio">'),o.forEach(r),s=O(t," elements.")},m(t,a){c(t,e,a),c(t,n,a),l(n,$),c(t,s,a)},p:p,d(t){t&&r(e),t&&r(n),t&&r(s)}}}function At(t){let e,n,$,s,a,o,l,p;return e=new L({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),$=new L({}),a=new L({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),l=new L({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(l.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t),o=D(t),g(l.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),c(t,o,r),i(l,t,r),p=!0},p(t,n){const $={};8&n&&($.$$scope={dirty:n,ctx:t}),e.$set($);const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),a.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),l.$set(r)},i(t){p||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),p=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),p=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t),t&&r(o),v(l,t)}}}function Rt(t){let e,n,$,s,o,p,f,u,d,w,k,O,C,T,S,A;return n=new F({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),o=new F({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),f=new F({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),d=new F({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),k=new F({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),C=new F({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),S=new F({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){e=y("thead"),m(n.$$.fragment),$=E(),s=y("tbody"),m(o.$$.fragment),p=E(),m(f.$$.fragment),u=E(),m(d.$$.fragment),w=E(),m(k.$$.fragment),O=E(),m(C.$$.fragment),T=E(),m(S.$$.fragment)},l(t){e=b(t,"THEAD",{});var c=a(e);g(n.$$.fragment,c),c.forEach(r),$=D(t),s=b(t,"TBODY",{});var l=a(s);g(o.$$.fragment,l),p=D(l),g(f.$$.fragment,l),u=D(l),g(d.$$.fragment,l),w=D(l),g(k.$$.fragment,l),O=D(l),g(C.$$.fragment,l),T=D(l),g(S.$$.fragment,l),l.forEach(r)},m(t,a){c(t,e,a),i(n,e,null),c(t,$,a),c(t,s,a),i(o,s,null),l(s,p),i(f,s,null),l(s,u),i(d,s,null),l(s,w),i(k,s,null),l(s,O),i(C,s,null),l(s,T),i(S,s,null),A=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),o.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),f.$set(a);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),d.$set(r);const c={};8&e&&(c.$$scope={dirty:e,ctx:t}),k.$set(c);const l={};8&e&&(l.$$scope={dirty:e,ctx:t}),C.$set(l);const p={};8&e&&(p.$$scope={dirty:e,ctx:t}),S.$set(p)},i(t){A||(h(n.$$.fragment,t),h(o.$$.fragment,t),h(f.$$.fragment,t),h(d.$$.fragment,t),h(k.$$.fragment,t),h(C.$$.fragment,t),h(S.$$.fragment,t),A=!0)},o(t){x(n.$$.fragment,t),x(o.$$.fragment,t),x(f.$$.fragment,t),x(d.$$.fragment,t),x(k.$$.fragment,t),x(C.$$.fragment,t),x(S.$$.fragment,t),A=!1},d(t){t&&r(e),v(n),t&&r($),t&&r(s),v(o),v(f),v(d),v(k),v(C),v(S)}}}function Nt(t){let e;return{c(){e=k("Class Properties")},l(t){e=O(t,"Class Properties")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function jt(t){let e,n,$,s,o,f,m;return{c(){e=k("All "),n=y("code"),$=k("<StarRating>"),s=k(" components use the "),o=y("code"),f=k(".star-rating"),m=k(" class.")},l(t){e=O(t,"All "),n=b(t,"CODE",{});var c=a(n);$=O(c,"<StarRating>"),c.forEach(r),s=O(t," components use the "),o=b(t,"CODE",{});var l=a(o);f=O(l,".star-rating"),l.forEach(r),m=O(t," class.")},m(t,a){c(t,e,a),c(t,n,a),l(n,$),c(t,s,a),c(t,o,a),l(o,f),c(t,m,a)},p:p,d(t){t&&r(e),t&&r(n),t&&r(s),t&&r(o),t&&r(m)}}}function Ht(t){let e;return{c(){e=k("Falsy values passed to classes will be disregarded.")},l(t){e=O(t,"Falsy values passed to classes will be disregarded.")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function Gt(t){let e;return{c(){e=k("Name")},l(t){e=O(t,"Name")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function Pt(t){let e;return{c(){e=k("Default")},l(t){e=O(t,"Default")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function zt(t){let e;return{c(){e=k("Type")},l(t){e=O(t,"Type")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function Bt(t){let e;return{c(){e=k("Description")},l(t){e=O(t,"Description")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function Ft(t){let e,n,$,s,a,o,l,p;return e=new M({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),a=new M({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),l=new M({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(l.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t),o=D(t),g(l.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),c(t,o,r),i(l,t,r),p=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),l.$set(c)},i(t){p||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),p=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),p=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t),t&&r(o),v(l,t)}}}function Mt(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=k("class")},l(t){e=b(t,"STRONG",{});var s=a(e);n=b(s,"CODE",{});var o=a(n);$=O(o,"class"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),l(e,n),l(n,$)},p:p,d(t){t&&r(e)}}}function Lt(t){let e,n;return{c(){e=y("code"),n=k("null")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"null"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:p,d(t){t&&r(e)}}}function qt(t){let e,n;return{c(){e=y("code"),n=k("string")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"string"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:p,d(t){t&&r(e)}}}function It(t){let e;return{c(){e=k("A class string to add to the component.")},l(t){e=O(t,"A class string to add to the component.")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function Vt(t){let e,n,$,s,a,o,l,p;return e=new L({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),l=new L({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(l.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t),o=D(t),g(l.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),c(t,o,r),i(l,t,r),p=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),l.$set(c)},i(t){p||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),p=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),p=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t),t&&r(o),v(l,t)}}}function Wt(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=k("starClass")},l(t){e=b(t,"STRONG",{});var s=a(e);n=b(s,"CODE",{});var o=a(n);$=O(o,"starClass"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),l(e,n),l(n,$)},p:p,d(t){t&&r(e)}}}function Yt(t){let e,n;return{c(){e=y("code"),n=k("null")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"null"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:p,d(t){t&&r(e)}}}function Ut(t){let e,n;return{c(){e=y("code"),n=k("string")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"string"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:p,d(t){t&&r(e)}}}function Kt(t){let e,n,$,s;return{c(){e=k("A class string to assign to the "),n=y("code"),$=k("<label>"),s=k(" element containing the star icon.")},l(t){e=O(t,"A class string to assign to the "),n=b(t,"CODE",{});var o=a(n);$=O(o,"<label>"),o.forEach(r),s=O(t," element containing the star icon.")},m(t,a){c(t,e,a),c(t,n,a),l(n,$),c(t,s,a)},p:p,d(t){t&&r(e),t&&r(n),t&&r(s)}}}function _t(t){let e,n,$,s,a,o,l,p;return e=new L({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),l=new L({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment),o=E(),m(l.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t),o=D(t),g(l.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),c(t,o,r),i(l,t,r),p=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),l.$set(c)},i(t){p||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),h(l.$$.fragment,t),p=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),x(l.$$.fragment,t),p=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t),t&&r(o),v(l,t)}}}function Jt(t){let e,n,$,s,o,p,f,u;return n=new F({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),o=new F({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),f=new F({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),{c(){e=y("thead"),m(n.$$.fragment),$=E(),s=y("tbody"),m(o.$$.fragment),p=E(),m(f.$$.fragment)},l(t){e=b(t,"THEAD",{});var c=a(e);g(n.$$.fragment,c),c.forEach(r),$=D(t),s=b(t,"TBODY",{});var l=a(s);g(o.$$.fragment,l),p=D(l),g(f.$$.fragment,l),l.forEach(r)},m(t,a){c(t,e,a),i(n,e,null),c(t,$,a),c(t,s,a),i(o,s,null),l(s,p),i(f,s,null),u=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),o.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),f.$set(a)},i(t){u||(h(n.$$.fragment,t),h(o.$$.fragment,t),h(f.$$.fragment,t),u=!0)},o(t){x(n.$$.fragment,t),x(o.$$.fragment,t),x(f.$$.fragment,t),u=!1},d(t){t&&r(e),v(n),t&&r($),t&&r(s),v(o),v(f)}}}function Qt(t){let e;return{c(){e=k("Events")},l(t){e=O(t,"Events")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function Xt(t){let e;return{c(){e=k("Name")},l(t){e=O(t,"Name")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function Zt(t){let e;return{c(){e=k("Event Detail")},l(t){e=O(t,"Event Detail")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function te(t){let e;return{c(){e=k("Description")},l(t){e=O(t,"Description")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function ee(t){let e,n,$,s,a,o;return e=new M({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),a=new M({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),o=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o)},i(t){o||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),o=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t)}}}function ne(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=k("change")},l(t){e=b(t,"STRONG",{});var s=a(e);n=b(s,"CODE",{});var o=a(n);$=O(o,"change"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),l(e,n),l(n,$)},p:p,d(t){t&&r(e)}}}function $e(t){let e,n;return{c(){e=y("code"),n=k("{ value, nativeEvent }")},l(t){e=b(t,"CODE",{});var $=a(e);n=O($,"{ value, nativeEvent }"),$.forEach(r)},m(t,$){c(t,e,$),l(e,n)},p:p,d(t){t&&r(e)}}}function se(t){let e,n,$,s,f,m,g,i,u,d;return{c(){e=k("Fired when the selection changes. The "),n=y("code"),$=k("value"),s=k(" contains the number of selected stars and "),f=y("code"),m=k("nativeEvent"),g=k(" has the "),i=y("a"),u=k("native change event"),d=k("."),this.h()},l(t){e=O(t,"Fired when the selection changes. The "),n=b(t,"CODE",{});var o=a(n);$=O(o,"value"),o.forEach(r),s=O(t," contains the number of selected stars and "),f=b(t,"CODE",{});var c=a(f);m=O(c,"nativeEvent"),c.forEach(r),g=O(t," has the "),i=b(t,"A",{href:!0,rel:!0});var l=a(i);u=O(l,"native change event"),l.forEach(r),d=O(t,"."),this.h()},h(){o(i,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),o(i,"rel","nofollow")},m(t,a){c(t,e,a),c(t,n,a),l(n,$),c(t,s,a),c(t,f,a),l(f,m),c(t,g,a),c(t,i,a),l(i,u),c(t,d,a)},p:p,d(t){t&&r(e),t&&r(n),t&&r(s),t&&r(f),t&&r(g),t&&r(i),t&&r(d)}}}function ae(t){let e,n,$,s,a,o;return e=new L({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),o=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o)},i(t){o||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),o=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t)}}}function re(t){let e,n,$,s,o,l;return n=new F({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),o=new F({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),{c(){e=y("thead"),m(n.$$.fragment),$=E(),s=y("tbody"),m(o.$$.fragment)},l(t){e=b(t,"THEAD",{});var c=a(e);g(n.$$.fragment,c),c.forEach(r),$=D(t),s=b(t,"TBODY",{});var l=a(s);g(o.$$.fragment,l),l.forEach(r)},m(t,a){c(t,e,a),i(n,e,null),c(t,$,a),c(t,s,a),i(o,s,null),l=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),o.$set(s)},i(t){l||(h(n.$$.fragment,t),h(o.$$.fragment,t),l=!0)},o(t){x(n.$$.fragment,t),x(o.$$.fragment,t),l=!1},d(t){t&&r(e),v(n),t&&r($),t&&r(s),v(o)}}}function oe(t){let e;return{c(){e=k("Slots")},l(t){e=O(t,"Slots")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function ce(t){let e,n,$;return{c(){e=y("code"),n=k("icon"),$=k(" slot")},l(t){e=b(t,"CODE",{});var s=a(e);n=O(s,"icon"),s.forEach(r),$=O(t," slot")},m(t,s){c(t,e,s),l(e,n),c(t,$,s)},p:p,d(t){t&&r(e),t&&r($)}}}function le(t){let e,n,$,s,f,m,g;return{c(){e=k("The icon to use as the star. Defaults to "),n=y("a"),$=k("Feather icons"),s=k("' "),f=y("code"),m=k("Star"),g=k("."),this.h()},l(t){e=O(t,"The icon to use as the star. Defaults to "),n=b(t,"A",{href:!0,rel:!0});var o=a(n);$=O(o,"Feather icons"),o.forEach(r),s=O(t,"' "),f=b(t,"CODE",{});var c=a(f);m=O(c,"Star"),c.forEach(r),g=O(t,"."),this.h()},h(){o(n,"href","https://feathericons.com/?query=star"),o(n,"rel","nofollow")},m(t,a){c(t,e,a),c(t,n,a),l(n,$),c(t,s,a),c(t,f,a),l(f,m),c(t,g,a)},p:p,d(t){t&&r(e),t&&r(n),t&&r(s),t&&r(f),t&&r(g)}}}function pe(t){let e;return{c(){e=k("SCSS Variables")},l(t){e=O(t,"SCSS Variables")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function fe(t){let e;return{c(){e=k("Name")},l(t){e=O(t,"Name")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function me(t){let e;return{c(){e=k("Description")},l(t){e=O(t,"Description")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function ge(t){let e;return{c(){e=k("Default")},l(t){e=O(t,"Default")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function ie(t){let e,n,$,s,a,o;return e=new M({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),$=new M({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),a=new M({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),o=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o)},i(t){o||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),o=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t)}}}function ue(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=k("$main")},l(t){e=b(t,"STRONG",{});var s=a(e);n=b(s,"CODE",{});var o=a(n);$=O(o,"$main"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),l(e,n),l(n,$)},p:p,d(t){t&&r(e)}}}function de(t){let e;return{c(){e=k("Affects the hover and background colors of the component and the fill color of the selected stars.")},l(t){e=O(t,"Affects the hover and background colors of the component and the fill color of the selected stars.")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function he(t){let e,n;return e=new G({props:{value:"#4300B0"}}),{c(){m(e.$$.fragment)},l(t){g(e.$$.fragment,t)},m(t,$){i(e,t,$),n=!0},p:p,i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){x(e.$$.fragment,t),n=!1},d(t){v(e,t)}}}function xe(t){let e,n,$,s,a,o;return e=new L({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),o=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o)},i(t){o||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),o=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t)}}}function ve(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=k("$off-state")},l(t){e=b(t,"STRONG",{});var s=a(e);n=b(s,"CODE",{});var o=a(n);$=O(o,"$off-state"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),l(e,n),l(n,$)},p:p,d(t){t&&r(e)}}}function we(t){let e;return{c(){e=k("The color of the unselected label.")},l(t){e=O(t,"The color of the unselected label.")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function Ee(t){let e,n;return e=new G({props:{value:"#AAAAAA"}}),{c(){m(e.$$.fragment)},l(t){g(e.$$.fragment,t)},m(t,$){i(e,t,$),n=!0},p:p,i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){x(e.$$.fragment,t),n=!1},d(t){v(e,t)}}}function ye(t){let e,n,$,s,a,o;return e=new L({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),o=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o)},i(t){o||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),o=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t)}}}function ke(t){let e,n,$;return{c(){e=y("strong"),n=y("code"),$=k("$disabled")},l(t){e=b(t,"STRONG",{});var s=a(e);n=b(s,"CODE",{});var o=a(n);$=O(o,"$disabled"),o.forEach(r),s.forEach(r)},m(t,s){c(t,e,s),l(e,n),l(n,$)},p:p,d(t){t&&r(e)}}}function De(t){let e;return{c(){e=k("The color of the icon when the input is disabled.")},l(t){e=O(t,"The color of the icon when the input is disabled.")},m(t,n){c(t,e,n)},d(t){t&&r(e)}}}function be(t){let e,n;return e=new G({props:{value:"#888888"}}),{c(){m(e.$$.fragment)},l(t){g(e.$$.fragment,t)},m(t,$){i(e,t,$),n=!0},p:p,i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){x(e.$$.fragment,t),n=!1},d(t){v(e,t)}}}function Oe(t){let e,n,$,s,a,o;return e=new L({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),$=new L({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),a=new L({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(a.$$.fragment)},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(a.$$.fragment,t)},m(t,r){i(e,t,r),c(t,n,r),i($,t,r),c(t,s,r),i(a,t,r),o=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const r={};8&n&&(r.$$scope={dirty:n,ctx:t}),$.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),a.$set(o)},i(t){o||(h(e.$$.fragment,t),h($.$$.fragment,t),h(a.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(a.$$.fragment,t),o=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(a,t)}}}function Ce(t){let e,n,$,s,o,p,f,u,d,w;return n=new F({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),o=new F({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),f=new F({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),d=new F({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),{c(){e=y("thead"),m(n.$$.fragment),$=E(),s=y("tbody"),m(o.$$.fragment),p=E(),m(f.$$.fragment),u=E(),m(d.$$.fragment)},l(t){e=b(t,"THEAD",{});var c=a(e);g(n.$$.fragment,c),c.forEach(r),$=D(t),s=b(t,"TBODY",{});var l=a(s);g(o.$$.fragment,l),p=D(l),g(f.$$.fragment,l),u=D(l),g(d.$$.fragment,l),l.forEach(r)},m(t,a){c(t,e,a),i(n,e,null),c(t,$,a),c(t,s,a),i(o,s,null),l(s,p),i(f,s,null),l(s,u),i(d,s,null),w=!0},p(t,e){const $={};8&e&&($.$$scope={dirty:e,ctx:t}),n.$set($);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),o.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),f.$set(a);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),d.$set(r)},i(t){w||(h(n.$$.fragment,t),h(o.$$.fragment,t),h(f.$$.fragment,t),h(d.$$.fragment,t),w=!0)},o(t){x(n.$$.fragment,t),x(o.$$.fragment,t),x(f.$$.fragment,t),x(d.$$.fragment,t),w=!1},d(t){t&&r(e),v(n),t&&r($),t&&r(s),v(o),v(f),v(d)}}}function Te(t){let e,n,$,s,p,f,u,d,w,C,T,S,A,j,G,F,M,L,q,I,V,U,X,Z,tt,et,nt,$t,st,at,rt,ot,ct,lt,pt,ft,mt;return e=new R({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),$=new N({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),p=new H({props:{$$slots:{source:[_],showcase:[K]},$$scope:{ctx:t}}}),u=new P({props:{id:"properties",$$slots:{default:[J]},$$scope:{ctx:t}}}),w=new z({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),T=new B({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),F=new z({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),L=new N({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),I=new N({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),U=new B({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),Z=new P({props:{id:"events",$$slots:{default:[Qt]},$$scope:{ctx:t}}}),et=new B({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),$t=new P({props:{id:"slots",$$slots:{default:[oe]},$$scope:{ctx:t}}}),at=new z({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),ot=new N({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),lt=new P({props:{id:"scss-variables",$$slots:{default:[pe]},$$scope:{ctx:t}}}),ft=new B({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),n=E(),m($.$$.fragment),s=E(),m(p.$$.fragment),f=E(),m(u.$$.fragment),d=E(),m(w.$$.fragment),C=E(),m(T.$$.fragment),S=E(),A=y("div"),j=k("* Required"),G=E(),m(F.$$.fragment),M=E(),m(L.$$.fragment),q=E(),m(I.$$.fragment),V=E(),m(U.$$.fragment),X=E(),m(Z.$$.fragment),tt=E(),m(et.$$.fragment),nt=E(),m($t.$$.fragment),st=E(),m(at.$$.fragment),rt=E(),m(ot.$$.fragment),ct=E(),m(lt.$$.fragment),pt=E(),m(ft.$$.fragment),this.h()},l(t){g(e.$$.fragment,t),n=D(t),g($.$$.fragment,t),s=D(t),g(p.$$.fragment,t),f=D(t),g(u.$$.fragment,t),d=D(t),g(w.$$.fragment,t),C=D(t),g(T.$$.fragment,t),S=D(t),A=b(t,"DIV",{class:!0});var o=a(A);j=O(o,"* Required"),o.forEach(r),G=D(t),g(F.$$.fragment,t),M=D(t),g(L.$$.fragment,t),q=D(t),g(I.$$.fragment,t),V=D(t),g(U.$$.fragment,t),X=D(t),g(Z.$$.fragment,t),tt=D(t),g(et.$$.fragment,t),nt=D(t),g($t.$$.fragment,t),st=D(t),g(at.$$.fragment,t),rt=D(t),g(ot.$$.fragment,t),ct=D(t),g(lt.$$.fragment,t),pt=D(t),g(ft.$$.fragment,t),this.h()},h(){o(A,"class","required")},m(t,a){i(e,t,a),c(t,n,a),i($,t,a),c(t,s,a),i(p,t,a),c(t,f,a),i(u,t,a),c(t,d,a),i(w,t,a),c(t,C,a),i(T,t,a),c(t,S,a),c(t,A,a),l(A,j),c(t,G,a),i(F,t,a),c(t,M,a),i(L,t,a),c(t,q,a),i(I,t,a),c(t,V,a),i(U,t,a),c(t,X,a),i(Z,t,a),c(t,tt,a),i(et,t,a),c(t,nt,a),i($t,t,a),c(t,st,a),i(at,t,a),c(t,rt,a),i(ot,t,a),c(t,ct,a),i(lt,t,a),c(t,pt,a),i(ft,t,a),mt=!0},p(t,n){const s={};8&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};8&n&&(a.$$scope={dirty:n,ctx:t}),$.$set(a);const r={};9&n&&(r.$$scope={dirty:n,ctx:t}),p.$set(r);const o={};8&n&&(o.$$scope={dirty:n,ctx:t}),u.$set(o);const c={};8&n&&(c.$$scope={dirty:n,ctx:t}),w.$set(c);const l={};8&n&&(l.$$scope={dirty:n,ctx:t}),T.$set(l);const f={};8&n&&(f.$$scope={dirty:n,ctx:t}),F.$set(f);const m={};8&n&&(m.$$scope={dirty:n,ctx:t}),L.$set(m);const g={};8&n&&(g.$$scope={dirty:n,ctx:t}),I.$set(g);const i={};8&n&&(i.$$scope={dirty:n,ctx:t}),U.$set(i);const d={};8&n&&(d.$$scope={dirty:n,ctx:t}),Z.$set(d);const h={};8&n&&(h.$$scope={dirty:n,ctx:t}),et.$set(h);const x={};8&n&&(x.$$scope={dirty:n,ctx:t}),$t.$set(x);const v={};8&n&&(v.$$scope={dirty:n,ctx:t}),at.$set(v);const E={};8&n&&(E.$$scope={dirty:n,ctx:t}),ot.$set(E);const y={};8&n&&(y.$$scope={dirty:n,ctx:t}),lt.$set(y);const k={};8&n&&(k.$$scope={dirty:n,ctx:t}),ft.$set(k)},i(t){mt||(h(e.$$.fragment,t),h($.$$.fragment,t),h(p.$$.fragment,t),h(u.$$.fragment,t),h(w.$$.fragment,t),h(T.$$.fragment,t),h(F.$$.fragment,t),h(L.$$.fragment,t),h(I.$$.fragment,t),h(U.$$.fragment,t),h(Z.$$.fragment,t),h(et.$$.fragment,t),h($t.$$.fragment,t),h(at.$$.fragment,t),h(ot.$$.fragment,t),h(lt.$$.fragment,t),h(ft.$$.fragment,t),mt=!0)},o(t){x(e.$$.fragment,t),x($.$$.fragment,t),x(p.$$.fragment,t),x(u.$$.fragment,t),x(w.$$.fragment,t),x(T.$$.fragment,t),x(F.$$.fragment,t),x(L.$$.fragment,t),x(I.$$.fragment,t),x(U.$$.fragment,t),x(Z.$$.fragment,t),x(et.$$.fragment,t),x($t.$$.fragment,t),x(at.$$.fragment,t),x(ot.$$.fragment,t),x(lt.$$.fragment,t),x(ft.$$.fragment,t),mt=!1},d(t){v(e,t),t&&r(n),v($,t),t&&r(s),v(p,t),t&&r(f),v(u,t),t&&r(d),v(w,t),t&&r(C),v(T,t),t&&r(S),t&&r(A),t&&r(G),v(F,t),t&&r(M),v(L,t),t&&r(q),v(I,t),t&&r(V),v(U,t),t&&r(X),v(Z,t),t&&r(tt),v(et,t),t&&r(nt),v($t,t),t&&r(st),v(at,t),t&&r(rt),v(ot,t),t&&r(ct),v(lt,t),t&&r(pt),v(ft,t)}}}function Se(t){let e,n;const $=[t[1],Ae];let s={$$slots:{default:[Te]},$$scope:{ctx:t}};for(let t=0;t<$.length;t+=1)s=f(s,$[t]);return e=new A({props:s}),{c(){m(e.$$.fragment)},l(t){g(e.$$.fragment,t)},m(t,$){i(e,t,$),n=!0},p(t,[n]){const s=2&n?u($,[2&n&&d(t[1]),0&n&&d(Ae)]):{};9&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){x(e.$$.fragment,t),n=!1},d(t){v(e,t)}}}const Ae={name:"StarRating"};function Re(t,e,n){let $=1;return t.$$set=t=>{n(1,e=f(f({},e),w(t)))},e=w(e),[$,e,function(t){$=t,n(0,$)}]}class Ne extends t{constructor(t){super(),e(this,t,Re,Se,n,{})}}export{Ne as default,Ae as metadata};
diff --git a/376/client/subhead-0a618575.css b/376/client/subhead-0a618575.css
new file mode 100644
index 000000000..22972c9a2
--- /dev/null
+++ b/376/client/subhead-0a618575.css
@@ -0,0 +1,5 @@
+h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 0.5em}@media only screen and (min-width: 640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width: 840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width: 1024px){h1.svelte-9b0tta{font-size:1.8em}}
+h2.svelte-2wjwmd{color:#4300b0;font-size:1.3em;font-weight:500;margin:0 0 0.4em}@media only screen and (min-width: 640px){h2.svelte-2wjwmd{font-size:1.4em}}@media only screen and (min-width: 840px){h2.svelte-2wjwmd{font-size:1.5em}}
+h3.svelte-tdqvpc{font-size:1.15em;font-weight:500;margin:0 0 0.3em}@media only screen and (min-width: 640px){h3.svelte-tdqvpc{font-size:1.25em}}@media only screen and (min-width: 840px){h3.svelte-tdqvpc{font-size:1.35em}}
+.headline.svelte-7dvfxj{color:#4300b0;font-size:1.5em;font-weight:500;margin-bottom:0.2em}@media only screen and (min-width: 640px){.headline.svelte-7dvfxj{font-size:1.9em}}@media only screen and (min-width: 840px){.headline.svelte-7dvfxj{font-size:2em}}@media only screen and (min-width: 1024px){.headline.svelte-7dvfxj{font-size:2.1em}}@media only screen and (min-width: 1200px){.headline.svelte-7dvfxj{font-size:2.2em}}
+.subhead.svelte-1hj5ed6{font-size:0.95em;font-weight:300;line-height:1.2em}@media only screen and (min-width: 640px){.subhead.svelte-1hj5ed6{font-size:1em;line-height:1.25em}}@media only screen and (min-width: 840px){.subhead.svelte-1hj5ed6{font-size:1.1em;line-height:1.4em}}@media only screen and (min-width: 1024px){.subhead.svelte-1hj5ed6{font-size:1.2em;line-height:1.6em}}
diff --git a/376/client/subhead.4e227d90.js b/376/client/subhead.4e227d90.js
new file mode 100644
index 000000000..1c41ef076
--- /dev/null
+++ b/376/client/subhead.4e227d90.js
@@ -0,0 +1 @@
+import{S as s,i as l,s as t,M as c,K as e,h as a,k as n,b as o,d as u,N as r,O as h,f as $,Q as i,R as d,T as p,U as f,t as v,p as m,I as j,L as x}from"./client.0d36a0cf.js";import{c as b}from"./classes.2453fa25.js";function g(s){let l,t,j;const x=s[3].default,g=c(x,s,s[2],null);let E=[{class:t=b(s[0])},s[1]],w={};for(let s=0;s<E.length;s+=1)w=e(w,E[s]);return{c(){l=a("h1"),g&&g.c(),this.h()},l(s){l=n(s,"H1",{class:!0});var t=o(l);g&&g.l(t),t.forEach(u),this.h()},h(){r(l,w),h(l,"svelte-9b0tta",!0)},m(s,t){$(s,l,t),g&&g.m(l,null),j=!0},p(s,[c]){g&&g.p&&(!j||4&c)&&i(g,x,s,s[2],j?p(x,s[2],c,null):d(s[2]),null),r(l,w=f(E,[(!j||1&c&&t!==(t=b(s[0])))&&{class:t},2&c&&s[1]])),h(l,"svelte-9b0tta",!0)},i(s){j||(v(g,s),j=!0)},o(s){m(g,s),j=!1},d(s){s&&u(l),g&&g.d(s)}}}function E(s,l,t){const c=["class"];let a=j(l,c),{$$slots:n={},$$scope:o}=l,{class:u=null}=l;return s.$$set=s=>{l=e(e({},l),x(s)),t(1,a=j(l,c)),"class"in s&&t(0,u=s.class),"$$scope"in s&&t(2,o=s.$$scope)},[u,a,o,n]}var w=class extends s{constructor(s){super(),l(this,s,E,g,t,{class:0})}};function H(s){let l,t,j;const x=s[3].default,g=c(x,s,s[2],null);let E=[{class:t=b(s[0])},s[1]],w={};for(let s=0;s<E.length;s+=1)w=e(w,E[s]);return{c(){l=a("h2"),g&&g.c(),this.h()},l(s){l=n(s,"H2",{class:!0});var t=o(l);g&&g.l(t),t.forEach(u),this.h()},h(){r(l,w),h(l,"svelte-2wjwmd",!0)},m(s,t){$(s,l,t),g&&g.m(l,null),j=!0},p(s,[c]){g&&g.p&&(!j||4&c)&&i(g,x,s,s[2],j?p(x,s[2],c,null):d(s[2]),null),r(l,w=f(E,[(!j||1&c&&t!==(t=b(s[0])))&&{class:t},2&c&&s[1]])),h(l,"svelte-2wjwmd",!0)},i(s){j||(v(g,s),j=!0)},o(s){m(g,s),j=!1},d(s){s&&u(l),g&&g.d(s)}}}function I(s,l,t){const c=["class"];let a=j(l,c),{$$slots:n={},$$scope:o}=l,{class:u=null}=l;return s.$$set=s=>{l=e(e({},l),x(s)),t(1,a=j(l,c)),"class"in s&&t(0,u=s.class),"$$scope"in s&&t(2,o=s.$$scope)},[u,a,o,n]}var q=class extends s{constructor(s){super(),l(this,s,I,H,t,{class:0})}};function D(s){let l,t,j;const x=s[3].default,g=c(x,s,s[2],null);let E=[{class:t=b(s[0])},s[1]],w={};for(let s=0;s<E.length;s+=1)w=e(w,E[s]);return{c(){l=a("h3"),g&&g.c(),this.h()},l(s){l=n(s,"H3",{class:!0});var t=o(l);g&&g.l(t),t.forEach(u),this.h()},h(){r(l,w),h(l,"svelte-tdqvpc",!0)},m(s,t){$(s,l,t),g&&g.m(l,null),j=!0},p(s,[c]){g&&g.p&&(!j||4&c)&&i(g,x,s,s[2],j?p(x,s[2],c,null):d(s[2]),null),r(l,w=f(E,[(!j||1&c&&t!==(t=b(s[0])))&&{class:t},2&c&&s[1]])),h(l,"svelte-tdqvpc",!0)},i(s){j||(v(g,s),j=!0)},o(s){m(g,s),j=!1},d(s){s&&u(l),g&&g.d(s)}}}function S(s,l,t){const c=["class"];let a=j(l,c),{$$slots:n={},$$scope:o}=l,{class:u=null}=l;return s.$$set=s=>{l=e(e({},l),x(s)),t(1,a=j(l,c)),"class"in s&&t(0,u=s.class),"$$scope"in s&&t(2,o=s.$$scope)},[u,a,o,n]}var V=class extends s{constructor(s){super(),l(this,s,S,D,t,{class:0})}};function k(s){let l,t,j;const x=s[3].default,g=c(x,s,s[2],null);let E=[{class:t=b("headline",s[0])},s[1]],w={};for(let s=0;s<E.length;s+=1)w=e(w,E[s]);return{c(){l=a("div"),g&&g.c(),this.h()},l(s){l=n(s,"DIV",{class:!0});var t=o(l);g&&g.l(t),t.forEach(u),this.h()},h(){r(l,w),h(l,"svelte-7dvfxj",!0)},m(s,t){$(s,l,t),g&&g.m(l,null),j=!0},p(s,[c]){g&&g.p&&(!j||4&c)&&i(g,x,s,s[2],j?p(x,s[2],c,null):d(s[2]),null),r(l,w=f(E,[(!j||1&c&&t!==(t=b("headline",s[0])))&&{class:t},2&c&&s[1]])),h(l,"svelte-7dvfxj",!0)},i(s){j||(v(g,s),j=!0)},o(s){m(g,s),j=!1},d(s){s&&u(l),g&&g.d(s)}}}function K(s,l,t){const c=["class"];let a=j(l,c),{$$slots:n={},$$scope:o}=l,{class:u=null}=l;return s.$$set=s=>{l=e(e({},l),x(s)),t(1,a=j(l,c)),"class"in s&&t(0,u=s.class),"$$scope"in s&&t(2,o=s.$$scope)},[u,a,o,n]}var L=class extends s{constructor(s){super(),l(this,s,K,k,t,{class:0})}};function M(s){let l,t,j;const x=s[3].default,g=c(x,s,s[2],null);let E=[{class:t=b("subhead",s[0])},s[1]],w={};for(let s=0;s<E.length;s+=1)w=e(w,E[s]);return{c(){l=a("div"),g&&g.c(),this.h()},l(s){l=n(s,"DIV",{class:!0});var t=o(l);g&&g.l(t),t.forEach(u),this.h()},h(){r(l,w),h(l,"svelte-1hj5ed6",!0)},m(s,t){$(s,l,t),g&&g.m(l,null),j=!0},p(s,[c]){g&&g.p&&(!j||4&c)&&i(g,x,s,s[2],j?p(x,s[2],c,null):d(s[2]),null),r(l,w=f(E,[(!j||1&c&&t!==(t=b("subhead",s[0])))&&{class:t},2&c&&s[1]])),h(l,"svelte-1hj5ed6",!0)},i(s){j||(v(g,s),j=!0)},o(s){m(g,s),j=!1},d(s){s&&u(l),g&&g.d(s)}}}function N(s,l,t){const c=["class"];let a=j(l,c),{$$slots:n={},$$scope:o}=l,{class:u=null}=l;return s.$$set=s=>{l=e(e({},l),x(s)),t(1,a=j(l,c)),"class"in s&&t(0,u=s.class),"$$scope"in s&&t(2,o=s.$$scope)},[u,a,o,n]}var O=class extends s{constructor(s){super(),l(this,s,N,M,t,{class:0})}};export{w as H,O as S,q as a,V as b,L as c};
diff --git a/376/client/switch-cc3afc23.css b/376/client/switch-cc3afc23.css
new file mode 100644
index 000000000..c6db3188c
--- /dev/null
+++ b/376/client/switch-cc3afc23.css
@@ -0,0 +1 @@
+.switch.svelte-aapm94.svelte-aapm94.svelte-aapm94.svelte-aapm94{align-items:center;cursor:pointer;display:flex;font-family:"Ubuntu", sans-serif}.switch.svelte-aapm94 input.svelte-aapm94.svelte-aapm94.svelte-aapm94{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.switch.svelte-aapm94 .track.svelte-aapm94.svelte-aapm94.svelte-aapm94{border:0.125em solid #aaa;border-radius:0.75em;cursor:pointer;height:1.125em;position:relative;width:2em}.switch.svelte-aapm94 .track.svelte-aapm94.svelte-aapm94.svelte-aapm94::before{border-radius:1.125em;content:"";height:2.375em;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:3.25em}.switch.svelte-aapm94 .track.svelte-aapm94>.thumb.svelte-aapm94.svelte-aapm94{background:#aaa;border-radius:50%;height:0.75em;left:0.25em;position:absolute;top:50%;transform:translateY(-50%);transition:transform 100ms;width:0.75em}.switch.svelte-aapm94 input.svelte-aapm94:checked~.track.svelte-aapm94.svelte-aapm94{border-color:#4300b0}.switch.svelte-aapm94 input.svelte-aapm94:checked~.track.svelte-aapm94>.thumb.svelte-aapm94{background-color:#4300b0;transform:translateY(-50%) translateX(100%)}.switch.svelte-aapm94 input.svelte-aapm94:disabled~.track.svelte-aapm94.svelte-aapm94{border-color:#888;cursor:not-allowed}.switch.svelte-aapm94 input.svelte-aapm94:disabled~.track.svelte-aapm94>.thumb.svelte-aapm94{background:none;border:0.125em solid #888;height:0.5em;position:relative;width:0.5em}.switch.svelte-aapm94 input.svelte-aapm94:disabled~.track.svelte-aapm94>.thumb.svelte-aapm94::before{background:#888;content:"";height:0.125em;left:0;position:absolute;top:0.1875em;transform:rotate(-45deg);width:100%}.switch.svelte-aapm94 input.svelte-aapm94:focus~.track.svelte-aapm94.svelte-aapm94::before{background:rgba(0, 0, 0, 0.1)}.switch.svelte-aapm94 input.svelte-aapm94:focus:checked~.track.svelte-aapm94.svelte-aapm94::before{background:rgba(67, 0, 176, 0.1)}.switch.svelte-aapm94:hover .track.svelte-aapm94.svelte-aapm94.svelte-aapm94::before{background:rgba(0, 0, 0, 0.1)}.switch.svelte-aapm94:hover input.svelte-aapm94:checked:not(:disabled)~.track.svelte-aapm94.svelte-aapm94::before{background:rgba(67, 0, 176, 0.05)}
diff --git a/376/client/switch.621b5c35.js b/376/client/switch.621b5c35.js
new file mode 100644
index 000000000..207e6ad8f
--- /dev/null
+++ b/376/client/switch.621b5c35.js
@@ -0,0 +1 @@
+import{S as s,i as a,s as l,K as t,h as e,u as c,k as n,b as u,w as i,d as o,N as r,O as d,e as p,X as h,f as m,g as f,o as v,t as b,y as C,p as k,z as $,U as L,W as g,I as E,J as x,L as y,M as I,Q as w,R as T,T as j}from"./client.0d36a0cf.js";import{c as D}from"./classes.2453fa25.js";function N(s){let a;const l=s[10].default,t=I(l,s,s[9],null);return{c(){t&&t.c()},l(s){t&&t.l(s)},m(s,l){t&&t.m(s,l),a=!0},p(s,e){t&&t.p&&(!a||512&e)&&w(t,l,s,s[9],a?j(l,s[9],e,null):T(s[9]),null)},i(s){a||(b(t,s),a=!0)},o(s){k(t,s),a=!1},d(s){t&&t.d(s)}}}function S(s){let a;const l=s[10].default,t=I(l,s,s[9],null);return{c(){t&&t.c()},l(s){t&&t.l(s)},m(s,l){t&&t.m(s,l),a=!0},p(s,e){t&&t.p&&(!a||512&e)&&w(t,l,s,s[9],a?j(l,s[9],e,null):T(s[9]),null)},i(s){a||(b(t,s),a=!0)},o(s){k(t,s),a=!1},d(s){t&&t.d(s)}}}function U(s){let a,l,E,x,y,I,w,T,j,U,V,z,A,B,J=s[6]&&N(s),K=[{type:"checkbox"},{class:x=D(s[2])},{disabled:s[5]},s[8]],M={};for(let s=0;s<K.length;s+=1)M=t(M,K[s]);let O=!s[6]&&S(s);return{c(){a=e("label"),J&&J.c(),l=c(),E=e("input"),y=c(),I=e("div"),w=e("div"),U=c(),O&&O.c(),this.h()},l(s){a=n(s,"LABEL",{class:!0});var t=u(a);J&&J.l(t),l=i(t),E=n(t,"INPUT",{type:!0,class:!0}),y=i(t),I=n(t,"DIV",{class:!0});var e=u(I);w=n(e,"DIV",{class:!0}),u(w).forEach(o),e.forEach(o),U=i(t),O&&O.l(t),t.forEach(o),this.h()},h(){r(E,M),d(E,"svelte-aapm94",!0),p(w,"class",T=h(D("thumb",s[4]))+" svelte-aapm94"),p(I,"class",j=h(D("track",s[3]))+" svelte-aapm94"),p(a,"class",V=h(D("switch",s[1]))+" svelte-aapm94")},m(t,e){m(t,a,e),J&&J.m(a,null),f(a,l),f(a,E),E.autofocus&&E.focus(),E.checked=s[0],f(a,y),f(a,I),f(I,w),f(a,U),O&&O.m(a,null),z=!0,A||(B=[v(E,"change",s[11]),v(E,"change",s[12])],A=!0)},p(s,[t]){s[6]?J?(J.p(s,t),64&t&&b(J,1)):(J=N(s),J.c(),b(J,1),J.m(a,l)):J&&(C(),k(J,1,1,(()=>{J=null})),$()),r(E,M=L(K,[{type:"checkbox"},(!z||4&t&&x!==(x=D(s[2])))&&{class:x},(!z||32&t)&&{disabled:s[5]},256&t&&s[8]])),1&t&&(E.checked=s[0]),d(E,"svelte-aapm94",!0),(!z||16&t&&T!==(T=h(D("thumb",s[4]))+" svelte-aapm94"))&&p(w,"class",T),(!z||8&t&&j!==(j=h(D("track",s[3]))+" svelte-aapm94"))&&p(I,"class",j),s[6]?O&&(C(),k(O,1,1,(()=>{O=null})),$()):O?(O.p(s,t),64&t&&b(O,1)):(O=S(s),O.c(),b(O,1),O.m(a,null)),(!z||2&t&&V!==(V=h(D("switch",s[1]))+" svelte-aapm94"))&&p(a,"class",V)},i(s){z||(b(J),b(O),z=!0)},o(s){k(J),k(O),z=!1},d(s){s&&o(a),J&&J.d(),O&&O.d(),A=!1,g(B)}}}function V(s,a,l){const e=["class","inputClass","trackClass","thumbClass","value","disabled","slotLeft"];let c=E(a,e),{$$slots:n={},$$scope:u}=a,{class:i=null}=a,{inputClass:o=null}=a,{trackClass:r=null}=a,{thumbClass:d=null}=a,{value:p=!1}=a,{disabled:h=!1}=a,{slotLeft:m=!1}=a;const f=x();return s.$$set=s=>{a=t(t({},a),y(s)),l(8,c=E(a,e)),"class"in s&&l(1,i=s.class),"inputClass"in s&&l(2,o=s.inputClass),"trackClass"in s&&l(3,r=s.trackClass),"thumbClass"in s&&l(4,d=s.thumbClass),"value"in s&&l(0,p=s.value),"disabled"in s&&l(5,h=s.disabled),"slotLeft"in s&&l(6,m=s.slotLeft),"$$scope"in s&&l(9,u=s.$$scope)},[p,i,o,r,d,h,m,f,c,u,n,function(){p=this.checked,l(0,p)},s=>f("change",{value:s.currentTarget.checked,nativeEvent:s})]}var z=class extends s{constructor(s){super(),a(this,s,V,U,l,{class:1,inputClass:2,trackClass:3,thumbClass:4,value:0,disabled:5,slotLeft:6})}};export{z as S};
diff --git a/376/client/switch.9d04d675.js b/376/client/switch.9d04d675.js
new file mode 100644
index 000000000..2536f9af3
--- /dev/null
+++ b/376/client/switch.9d04d675.js
@@ -0,0 +1 @@
+import{S as t,i as $,s as e,K as n,j as r,l as s,m as o,U as c,a0 as a,t as f,p as l,q as p,L as m,u as g,w as i,f as u,d,v as h,x,h as w,k as y,b as E,e as v,g as D,n as b}from"./client.0d36a0cf.js";import{L as O,H as C,P as T}from"./layout.b2760304.js";import{S as k}from"./switch.621b5c35.js";import{S}from"./showcase.8eb3893d.js";import{C as A}from"./color-preview.278d2729.js";import{H as N}from"./h2.122c8b9f.js";import{H as R}from"./h3.1e03849b.js";import{T as j,a as G,b as P,c as H}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./button.743a388a.js";function L(t){let $;return{c(){$=h("Switch")},l(t){$=x(t,"Switch")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function B(t){let $;return{c(){$=h("An on/off switch.")},l(t){$=x(t,"An on/off switch.")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function F(t){let $,e;return{c(){$=w("span"),e=h("No luck"),this.h()},l(t){$=y(t,"SPAN",{class:!0});var n=E($);e=x(n,"No luck"),n.forEach(d),this.h()},h(){v($,"class","ml")},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&d($)}}}function W(t){let $,e,n,c,a;return e=new k({}),c=new k({props:{disabled:!0,$$slots:{default:[F]},$$scope:{ctx:t}}}),{c(){$=w("div"),r(e.$$.fragment),n=g(),r(c.$$.fragment),this.h()},l(t){$=y(t,"DIV",{slot:!0,class:!0});var r=E($);s(e.$$.fragment,r),n=i(r),s(c.$$.fragment,r),r.forEach(d),this.h()},h(){v($,"slot","showcase"),v($,"class","padded")},m(t,r){u(t,$,r),o(e,$,null),D($,n),o(c,$,null),a=!0},p(t,$){const e={};2&$&&(e.$$scope={dirty:$,ctx:t}),c.$set(e)},i(t){a||(f(e.$$.fragment,t),f(c.$$.fragment,t),a=!0)},o(t){l(e.$$.fragment,t),l(c.$$.fragment,t),a=!1},d(t){t&&d($),p(e),p(c)}}}function Y(t){let $,e;return{c(){$=w("div"),e=w("pre"),this.h()},l(t){$=y(t,"DIV",{slot:!0});var n=E($);e=y(n,"PRE",{class:!0}),E(e).forEach(d),n.forEach(d),this.h()},h(){v(e,"class","language-svelte"),v($,"slot","source")},m(t,n){u(t,$,n),D($,e),e.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Switch</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Switch</span> <span class="token attr-name">disabled</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>No luck<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Switch</span><span class="token punctuation">></span></span></code>'},p:b,d(t){t&&d($)}}}function M(t){let $;return{c(){$=h("Properties")},l(t){$=x(t,"Properties")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function U(t){let $;return{c(){$=h("Style Properties")},l(t){$=x(t,"Style Properties")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function V(t){let $;return{c(){$=h("Name")},l(t){$=x(t,"Name")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function I(t){let $;return{c(){$=h("Default")},l(t){$=x(t,"Default")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function K(t){let $;return{c(){$=h("Type")},l(t){$=x(t,"Type")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function q(t){let $;return{c(){$=h("Description")},l(t){$=x(t,"Description")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function z(t){let $,e,n,c,a,m,h,x;return $=new P({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),a=new P({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),c=g(),r(a.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),c=i(t),s(a.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),u(t,e,r),o(n,t,r),u(t,c,r),o(a,t,r),u(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),a.$set(o);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),h.$set(c)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(a.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&d(e),p(n,t),t&&d(c),p(a,t),t&&d(m),p(h,t)}}}function _(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("slotLeft")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"slotLeft"),s.forEach(d),r.forEach(d)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&d($)}}}function J(t){let $,e;return{c(){$=w("code"),e=h("false")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"false"),n.forEach(d)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&d($)}}}function Q(t){let $,e;return{c(){$=w("code"),e=h("boolean")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"boolean"),n.forEach(d)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&d($)}}}function X(t){let $;return{c(){$=h("Whether to place the default slot to the left of the switch or to the right.")},l(t){$=x(t,"Whether to place the default slot to the left of the switch or to the right.")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function Z(t){let $,e,n,c,a,m,h,x;return $=new H({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),a=new H({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),c=g(),r(a.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),c=i(t),s(a.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),u(t,e,r),o(n,t,r),u(t,c,r),o(a,t,r),u(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),a.$set(o);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),h.$set(c)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(a.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&d(e),p(n,t),t&&d(c),p(a,t),t&&d(m),p(h,t)}}}function tt(t){let $,e,n,c,a,m;return e=new G({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),{c(){$=w("thead"),r(e.$$.fragment),n=g(),c=w("tbody"),r(a.$$.fragment)},l(t){$=y(t,"THEAD",{});var r=E($);s(e.$$.fragment,r),r.forEach(d),n=i(t),c=y(t,"TBODY",{});var o=E(c);s(a.$$.fragment,o),o.forEach(d)},m(t,r){u(t,$,r),o(e,$,null),u(t,n,r),u(t,c,r),o(a,c,null),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r)},i(t){m||(f(e.$$.fragment,t),f(a.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(a.$$.fragment,t),m=!1},d(t){t&&d($),p(e),t&&d(n),t&&d(c),p(a)}}}function $t(t){let $;return{c(){$=h("Functional Properties")},l(t){$=x(t,"Functional Properties")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function et(t){let $;return{c(){$=h("Name")},l(t){$=x(t,"Name")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function nt(t){let $;return{c(){$=h("Default")},l(t){$=x(t,"Default")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function rt(t){let $;return{c(){$=h("Type")},l(t){$=x(t,"Type")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function st(t){let $;return{c(){$=h("Description")},l(t){$=x(t,"Description")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function ot(t){let $,e,n,c,a,m,h,x;return $=new P({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),a=new P({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),c=g(),r(a.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),c=i(t),s(a.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),u(t,e,r),o(n,t,r),u(t,c,r),o(a,t,r),u(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),a.$set(o);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),h.$set(c)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(a.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&d(e),p(n,t),t&&d(c),p(a,t),t&&d(m),p(h,t)}}}function ct(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("value")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"value"),s.forEach(d),r.forEach(d)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&d($)}}}function at(t){let $,e;return{c(){$=w("code"),e=h("false")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"false"),n.forEach(d)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&d($)}}}function ft(t){let $,e;return{c(){$=w("code"),e=h("boolean")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"boolean"),n.forEach(d)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&d($)}}}function lt(t){let $;return{c(){$=h("Whether the switch is currently on.")},l(t){$=x(t,"Whether the switch is currently on.")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function pt(t){let $,e,n,c,a,m,h,x;return $=new H({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),a=new H({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),c=g(),r(a.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),c=i(t),s(a.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),u(t,e,r),o(n,t,r),u(t,c,r),o(a,t,r),u(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),a.$set(o);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),h.$set(c)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(a.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&d(e),p(n,t),t&&d(c),p(a,t),t&&d(m),p(h,t)}}}function mt(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("disabled")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"disabled"),s.forEach(d),r.forEach(d)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&d($)}}}function gt(t){let $,e;return{c(){$=w("code"),e=h("false")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"false"),n.forEach(d)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&d($)}}}function it(t){let $,e;return{c(){$=w("code"),e=h("boolean")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"boolean"),n.forEach(d)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&d($)}}}function ut(t){let $;return{c(){$=h("Disables the switch.")},l(t){$=x(t,"Disables the switch.")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function dt(t){let $,e,n,c,a,m,h,x;return $=new H({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),a=new H({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),c=g(),r(a.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),c=i(t),s(a.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),u(t,e,r),o(n,t,r),u(t,c,r),o(a,t,r),u(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),a.$set(o);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),h.$set(c)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(a.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&d(e),p(n,t),t&&d(c),p(a,t),t&&d(m),p(h,t)}}}function ht(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("...")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"..."),s.forEach(d),r.forEach(d)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&d($)}}}function xt(t){let $,e;return{c(){$=w("code"),e=h("any")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"any"),n.forEach(d)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&d($)}}}function wt(t){let $,e,n,r;return{c(){$=h("Everything else will be passed to the underlying "),e=w("code"),n=h("<input>"),r=h(" element.")},l(t){$=x(t,"Everything else will be passed to the underlying "),e=y(t,"CODE",{});var s=E(e);n=x(s,"<input>"),s.forEach(d),r=x(t," element.")},m(t,s){u(t,$,s),u(t,e,s),D(e,n),u(t,r,s)},p:b,d(t){t&&d($),t&&d(e),t&&d(r)}}}function yt(t){let $,e,n,c,a,m,h,x;return $=new H({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),n=new H({}),a=new H({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),c=g(),r(a.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),c=i(t),s(a.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),u(t,e,r),o(n,t,r),u(t,c,r),o(a,t,r),u(t,m,r),o(h,t,r),x=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),a.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),h.$set(s)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(a.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&d(e),p(n,t),t&&d(c),p(a,t),t&&d(m),p(h,t)}}}function Et(t){let $,e,n,c,a,m,h,x,v,b;return e=new G({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),v=new G({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),{c(){$=w("thead"),r(e.$$.fragment),n=g(),c=w("tbody"),r(a.$$.fragment),m=g(),r(h.$$.fragment),x=g(),r(v.$$.fragment)},l(t){$=y(t,"THEAD",{});var r=E($);s(e.$$.fragment,r),r.forEach(d),n=i(t),c=y(t,"TBODY",{});var o=E(c);s(a.$$.fragment,o),m=i(o),s(h.$$.fragment,o),x=i(o),s(v.$$.fragment,o),o.forEach(d)},m(t,r){u(t,$,r),o(e,$,null),u(t,n,r),u(t,c,r),o(a,c,null),D(c,m),o(h,c,null),D(c,x),o(v,c,null),b=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),v.$set(o)},i(t){b||(f(e.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),f(v.$$.fragment,t),b=!0)},o(t){l(e.$$.fragment,t),l(a.$$.fragment,t),l(h.$$.fragment,t),l(v.$$.fragment,t),b=!1},d(t){t&&d($),p(e),t&&d(n),t&&d(c),p(a),p(h),p(v)}}}function vt(t){let $;return{c(){$=h("Class Properties")},l(t){$=x(t,"Class Properties")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function Dt(t){let $,e,n,r,s,o,c;return{c(){$=h("All "),e=w("code"),n=h("<Switch>"),r=h(" components use the "),s=w("code"),o=h(".switch"),c=h(" class.")},l(t){$=x(t,"All "),e=y(t,"CODE",{});var a=E(e);n=x(a,"<Switch>"),a.forEach(d),r=x(t," components use the "),s=y(t,"CODE",{});var f=E(s);o=x(f,".switch"),f.forEach(d),c=x(t," class.")},m(t,a){u(t,$,a),u(t,e,a),D(e,n),u(t,r,a),u(t,s,a),D(s,o),u(t,c,a)},p:b,d(t){t&&d($),t&&d(e),t&&d(r),t&&d(s),t&&d(c)}}}function bt(t){let $;return{c(){$=h("Falsy values passed to classes will be disregarded.")},l(t){$=x(t,"Falsy values passed to classes will be disregarded.")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function Ot(t){let $;return{c(){$=h("Name")},l(t){$=x(t,"Name")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function Ct(t){let $;return{c(){$=h("Default")},l(t){$=x(t,"Default")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function Tt(t){let $;return{c(){$=h("Type")},l(t){$=x(t,"Type")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function kt(t){let $;return{c(){$=h("Description")},l(t){$=x(t,"Description")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function St(t){let $,e,n,c,a,m,h,x;return $=new P({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),a=new P({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),c=g(),r(a.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),c=i(t),s(a.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),u(t,e,r),o(n,t,r),u(t,c,r),o(a,t,r),u(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),a.$set(o);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),h.$set(c)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(a.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&d(e),p(n,t),t&&d(c),p(a,t),t&&d(m),p(h,t)}}}function At(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("class")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"class"),s.forEach(d),r.forEach(d)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&d($)}}}function Nt(t){let $,e;return{c(){$=w("code"),e=h("null")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"null"),n.forEach(d)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&d($)}}}function Rt(t){let $,e;return{c(){$=w("code"),e=h("string")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"string"),n.forEach(d)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&d($)}}}function jt(t){let $;return{c(){$=h("A class string to add to the component.")},l(t){$=x(t,"A class string to add to the component.")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function Gt(t){let $,e,n,c,a,m,h,x;return $=new H({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),a=new H({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),c=g(),r(a.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),c=i(t),s(a.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),u(t,e,r),o(n,t,r),u(t,c,r),o(a,t,r),u(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),a.$set(o);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),h.$set(c)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(a.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&d(e),p(n,t),t&&d(c),p(a,t),t&&d(m),p(h,t)}}}function Pt(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("inputClass")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"inputClass"),s.forEach(d),r.forEach(d)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&d($)}}}function Ht(t){let $,e;return{c(){$=w("code"),e=h("null")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"null"),n.forEach(d)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&d($)}}}function Lt(t){let $,e;return{c(){$=w("code"),e=h("string")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"string"),n.forEach(d)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&d($)}}}function Bt(t){let $,e,n,r;return{c(){$=h("A class string to add to the "),e=w("code"),n=h("<input>"),r=h(" inside.")},l(t){$=x(t,"A class string to add to the "),e=y(t,"CODE",{});var s=E(e);n=x(s,"<input>"),s.forEach(d),r=x(t," inside.")},m(t,s){u(t,$,s),u(t,e,s),D(e,n),u(t,r,s)},p:b,d(t){t&&d($),t&&d(e),t&&d(r)}}}function Ft(t){let $,e,n,c,a,m,h,x;return $=new H({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),a=new H({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),c=g(),r(a.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),c=i(t),s(a.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),u(t,e,r),o(n,t,r),u(t,c,r),o(a,t,r),u(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),a.$set(o);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),h.$set(c)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(a.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&d(e),p(n,t),t&&d(c),p(a,t),t&&d(m),p(h,t)}}}function Wt(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("trackClass")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"trackClass"),s.forEach(d),r.forEach(d)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&d($)}}}function Yt(t){let $,e;return{c(){$=w("code"),e=h("null")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"null"),n.forEach(d)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&d($)}}}function Mt(t){let $,e;return{c(){$=w("code"),e=h("string")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"string"),n.forEach(d)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&d($)}}}function Ut(t){let $,e,n,r;return{c(){$=h("A class string to add to the "),e=w("a"),n=h("track"),r=h(" of the switch."),this.h()},l(t){$=x(t,"A class string to add to the "),e=y(t,"A",{href:!0,rel:!0});var s=E(e);n=x(s,"track"),s.forEach(d),r=x(t," of the switch."),this.h()},h(){v(e,"href","https://material.io/components/selection-controls#switches"),v(e,"rel","nofollow")},m(t,s){u(t,$,s),u(t,e,s),D(e,n),u(t,r,s)},p:b,d(t){t&&d($),t&&d(e),t&&d(r)}}}function Vt(t){let $,e,n,c,a,m,h,x;return $=new H({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),a=new H({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),c=g(),r(a.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),c=i(t),s(a.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),u(t,e,r),o(n,t,r),u(t,c,r),o(a,t,r),u(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),a.$set(o);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),h.$set(c)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(a.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&d(e),p(n,t),t&&d(c),p(a,t),t&&d(m),p(h,t)}}}function It(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("thumbClass")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"thumbClass"),s.forEach(d),r.forEach(d)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&d($)}}}function Kt(t){let $,e;return{c(){$=w("code"),e=h("null")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"null"),n.forEach(d)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&d($)}}}function qt(t){let $,e;return{c(){$=w("code"),e=h("string")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"string"),n.forEach(d)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&d($)}}}function zt(t){let $,e,n,r;return{c(){$=h("A class string to add to the "),e=w("a"),n=h("thumb"),r=h(" of the switch."),this.h()},l(t){$=x(t,"A class string to add to the "),e=y(t,"A",{href:!0,rel:!0});var s=E(e);n=x(s,"thumb"),s.forEach(d),r=x(t," of the switch."),this.h()},h(){v(e,"href","https://material.io/components/selection-controls#switches"),v(e,"rel","nofollow")},m(t,s){u(t,$,s),u(t,e,s),D(e,n),u(t,r,s)},p:b,d(t){t&&d($),t&&d(e),t&&d(r)}}}function _t(t){let $,e,n,c,a,m,h,x;return $=new H({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),a=new H({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),h=new H({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),c=g(),r(a.$$.fragment),m=g(),r(h.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),c=i(t),s(a.$$.fragment,t),m=i(t),s(h.$$.fragment,t)},m(t,r){o($,t,r),u(t,e,r),o(n,t,r),u(t,c,r),o(a,t,r),u(t,m,r),o(h,t,r),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),a.$set(o);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),h.$set(c)},i(t){x||(f($.$$.fragment,t),f(n.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(a.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){p($,t),t&&d(e),p(n,t),t&&d(c),p(a,t),t&&d(m),p(h,t)}}}function Jt(t){let $,e,n,c,a,m,h,x,v,b,O,C;return e=new G({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),v=new G({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),O=new G({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),{c(){$=w("thead"),r(e.$$.fragment),n=g(),c=w("tbody"),r(a.$$.fragment),m=g(),r(h.$$.fragment),x=g(),r(v.$$.fragment),b=g(),r(O.$$.fragment)},l(t){$=y(t,"THEAD",{});var r=E($);s(e.$$.fragment,r),r.forEach(d),n=i(t),c=y(t,"TBODY",{});var o=E(c);s(a.$$.fragment,o),m=i(o),s(h.$$.fragment,o),x=i(o),s(v.$$.fragment,o),b=i(o),s(O.$$.fragment,o),o.forEach(d)},m(t,r){u(t,$,r),o(e,$,null),u(t,n,r),u(t,c,r),o(a,c,null),D(c,m),o(h,c,null),D(c,x),o(v,c,null),D(c,b),o(O,c,null),C=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),v.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),O.$set(c)},i(t){C||(f(e.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),f(v.$$.fragment,t),f(O.$$.fragment,t),C=!0)},o(t){l(e.$$.fragment,t),l(a.$$.fragment,t),l(h.$$.fragment,t),l(v.$$.fragment,t),l(O.$$.fragment,t),C=!1},d(t){t&&d($),p(e),t&&d(n),t&&d(c),p(a),p(h),p(v),p(O)}}}function Qt(t){let $;return{c(){$=h("Events")},l(t){$=x(t,"Events")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function Xt(t){let $;return{c(){$=h("Name")},l(t){$=x(t,"Name")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function Zt(t){let $;return{c(){$=h("Event Detail")},l(t){$=x(t,"Event Detail")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function t$(t){let $;return{c(){$=h("Description")},l(t){$=x(t,"Description")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function $$(t){let $,e,n,c,a,m;return $=new P({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),a=new P({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),c=g(),r(a.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),c=i(t),s(a.$$.fragment,t)},m(t,r){o($,t,r),u(t,e,r),o(n,t,r),u(t,c,r),o(a,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),a.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(a.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(a.$$.fragment,t),m=!1},d(t){p($,t),t&&d(e),p(n,t),t&&d(c),p(a,t)}}}function e$(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("change")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"change"),s.forEach(d),r.forEach(d)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&d($)}}}function n$(t){let $,e;return{c(){$=w("code"),e=h("{ value, nativeEvent }")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"{ value, nativeEvent }"),n.forEach(d)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&d($)}}}function r$(t){let $,e,n,r,s,o,c,a,f,l,p,m,g,i;return{c(){$=h("Fires when a switch is toggled. The "),e=w("code"),n=h("value"),r=h(" corresponds to the current value of the "),s=w("mark"),o=w("code"),c=h("value"),a=h(" property, the "),f=w("code"),l=h("nativeEvent"),p=h(" contains the "),m=w("a"),g=h("native change event"),i=h("."),this.h()},l(t){$=x(t,"Fires when a switch is toggled. The "),e=y(t,"CODE",{});var u=E(e);n=x(u,"value"),u.forEach(d),r=x(t," corresponds to the current value of the "),s=y(t,"MARK",{});var h=E(s);o=y(h,"CODE",{});var w=E(o);c=x(w,"value"),w.forEach(d),h.forEach(d),a=x(t," property, the "),f=y(t,"CODE",{});var v=E(f);l=x(v,"nativeEvent"),v.forEach(d),p=x(t," contains the "),m=y(t,"A",{href:!0,rel:!0});var D=E(m);g=x(D,"native change event"),D.forEach(d),i=x(t,"."),this.h()},h(){v(m,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),v(m,"rel","nofollow")},m(t,d){u(t,$,d),u(t,e,d),D(e,n),u(t,r,d),u(t,s,d),D(s,o),D(o,c),u(t,a,d),u(t,f,d),D(f,l),u(t,p,d),u(t,m,d),D(m,g),u(t,i,d)},p:b,d(t){t&&d($),t&&d(e),t&&d(r),t&&d(s),t&&d(a),t&&d(f),t&&d(p),t&&d(m),t&&d(i)}}}function s$(t){let $,e,n,c,a,m;return $=new H({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[n$]},$$scope:{ctx:t}}}),a=new H({props:{$$slots:{default:[r$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),c=g(),r(a.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),c=i(t),s(a.$$.fragment,t)},m(t,r){o($,t,r),u(t,e,r),o(n,t,r),u(t,c,r),o(a,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),a.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(a.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(a.$$.fragment,t),m=!1},d(t){p($,t),t&&d(e),p(n,t),t&&d(c),p(a,t)}}}function o$(t){let $,e,n,c,a,m;return e=new G({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[s$]},$$scope:{ctx:t}}}),{c(){$=w("thead"),r(e.$$.fragment),n=g(),c=w("tbody"),r(a.$$.fragment)},l(t){$=y(t,"THEAD",{});var r=E($);s(e.$$.fragment,r),r.forEach(d),n=i(t),c=y(t,"TBODY",{});var o=E(c);s(a.$$.fragment,o),o.forEach(d)},m(t,r){u(t,$,r),o(e,$,null),u(t,n,r),u(t,c,r),o(a,c,null),m=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r)},i(t){m||(f(e.$$.fragment,t),f(a.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(a.$$.fragment,t),m=!1},d(t){t&&d($),p(e),t&&d(n),t&&d(c),p(a)}}}function c$(t){let $;return{c(){$=h("Slots")},l(t){$=x(t,"Slots")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function a$(t){let $;return{c(){$=h("Default slot")},l(t){$=x(t,"Default slot")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function f$(t){let $,e,n,r,s;return{c(){$=h("The label of the switch. Positioned to the right of the switch by default, but can be moved to the left using the "),e=w("mark"),n=w("code"),r=h("slotLeft"),s=h(" property.")},l(t){$=x(t,"The label of the switch. Positioned to the right of the switch by default, but can be moved to the left using the "),e=y(t,"MARK",{});var o=E(e);n=y(o,"CODE",{});var c=E(n);r=x(c,"slotLeft"),c.forEach(d),o.forEach(d),s=x(t," property.")},m(t,o){u(t,$,o),u(t,e,o),D(e,n),D(n,r),u(t,s,o)},p:b,d(t){t&&d($),t&&d(e),t&&d(s)}}}function l$(t){let $;return{c(){$=h("SCSS Variables")},l(t){$=x(t,"SCSS Variables")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function p$(t){let $;return{c(){$=h("Name")},l(t){$=x(t,"Name")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function m$(t){let $;return{c(){$=h("Description")},l(t){$=x(t,"Description")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function g$(t){let $;return{c(){$=h("Default")},l(t){$=x(t,"Default")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function i$(t){let $,e,n,c,a,m;return $=new P({props:{$$slots:{default:[p$]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[m$]},$$scope:{ctx:t}}}),a=new P({props:{$$slots:{default:[g$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),c=g(),r(a.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),c=i(t),s(a.$$.fragment,t)},m(t,r){o($,t,r),u(t,e,r),o(n,t,r),u(t,c,r),o(a,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),a.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(a.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(a.$$.fragment,t),m=!1},d(t){p($,t),t&&d(e),p(n,t),t&&d(c),p(a,t)}}}function u$(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("$main")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"$main"),s.forEach(d),r.forEach(d)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&d($)}}}function d$(t){let $;return{c(){$=h('The color of the switch in the "on" position.')},l(t){$=x(t,'The color of the switch in the "on" position.')},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function h$(t){let $,e;return $=new A({props:{value:"#4300B0"}}),{c(){r($.$$.fragment)},l(t){s($.$$.fragment,t)},m(t,n){o($,t,n),e=!0},p:b,i(t){e||(f($.$$.fragment,t),e=!0)},o(t){l($.$$.fragment,t),e=!1},d(t){p($,t)}}}function x$(t){let $,e,n,c,a,m;return $=new H({props:{$$slots:{default:[u$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[d$]},$$scope:{ctx:t}}}),a=new H({props:{$$slots:{default:[h$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),c=g(),r(a.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),c=i(t),s(a.$$.fragment,t)},m(t,r){o($,t,r),u(t,e,r),o(n,t,r),u(t,c,r),o(a,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),a.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(a.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(a.$$.fragment,t),m=!1},d(t){p($,t),t&&d(e),p(n,t),t&&d(c),p(a,t)}}}function w$(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("$disabled")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"$disabled"),s.forEach(d),r.forEach(d)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&d($)}}}function y$(t){let $;return{c(){$=h("The color of the disabled switch.")},l(t){$=x(t,"The color of the disabled switch.")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function E$(t){let $,e;return $=new A({props:{value:"#888888"}}),{c(){r($.$$.fragment)},l(t){s($.$$.fragment,t)},m(t,n){o($,t,n),e=!0},p:b,i(t){e||(f($.$$.fragment,t),e=!0)},o(t){l($.$$.fragment,t),e=!1},d(t){p($,t)}}}function v$(t){let $,e,n,c,a,m;return $=new H({props:{$$slots:{default:[w$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[y$]},$$scope:{ctx:t}}}),a=new H({props:{$$slots:{default:[E$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),c=g(),r(a.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),c=i(t),s(a.$$.fragment,t)},m(t,r){o($,t,r),u(t,e,r),o(n,t,r),u(t,c,r),o(a,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),a.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(a.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(a.$$.fragment,t),m=!1},d(t){p($,t),t&&d(e),p(n,t),t&&d(c),p(a,t)}}}function D$(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("$off-state")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"$off-state"),s.forEach(d),r.forEach(d)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&d($)}}}function b$(t){let $;return{c(){$=h('The color of the switch in the "off" position.')},l(t){$=x(t,'The color of the switch in the "off" position.')},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function O$(t){let $,e;return $=new A({props:{value:"#AAAAAA"}}),{c(){r($.$$.fragment)},l(t){s($.$$.fragment,t)},m(t,n){o($,t,n),e=!0},p:b,i(t){e||(f($.$$.fragment,t),e=!0)},o(t){l($.$$.fragment,t),e=!1},d(t){p($,t)}}}function C$(t){let $,e,n,c,a,m;return $=new H({props:{$$slots:{default:[D$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[b$]},$$scope:{ctx:t}}}),a=new H({props:{$$slots:{default:[O$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),c=g(),r(a.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),c=i(t),s(a.$$.fragment,t)},m(t,r){o($,t,r),u(t,e,r),o(n,t,r),u(t,c,r),o(a,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),a.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(a.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(a.$$.fragment,t),m=!1},d(t){p($,t),t&&d(e),p(n,t),t&&d(c),p(a,t)}}}function T$(t){let $,e,n;return{c(){$=w("strong"),e=w("code"),n=h("$font")},l(t){$=y(t,"STRONG",{});var r=E($);e=y(r,"CODE",{});var s=E(e);n=x(s,"$font"),s.forEach(d),r.forEach(d)},m(t,r){u(t,$,r),D($,e),D(e,n)},p:b,d(t){t&&d($)}}}function k$(t){let $;return{c(){$=h("The font used for the labels.")},l(t){$=x(t,"The font used for the labels.")},m(t,e){u(t,$,e)},d(t){t&&d($)}}}function S$(t){let $,e;return{c(){$=w("code"),e=h("'Ubuntu'")},l(t){$=y(t,"CODE",{});var n=E($);e=x(n,"'Ubuntu'"),n.forEach(d)},m(t,n){u(t,$,n),D($,e)},p:b,d(t){t&&d($)}}}function A$(t){let $,e,n,c,a,m;return $=new H({props:{$$slots:{default:[T$]},$$scope:{ctx:t}}}),n=new H({props:{$$slots:{default:[k$]},$$scope:{ctx:t}}}),a=new H({props:{$$slots:{default:[S$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),c=g(),r(a.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),c=i(t),s(a.$$.fragment,t)},m(t,r){o($,t,r),u(t,e,r),o(n,t,r),u(t,c,r),o(a,t,r),m=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),a.$set(o)},i(t){m||(f($.$$.fragment,t),f(n.$$.fragment,t),f(a.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(a.$$.fragment,t),m=!1},d(t){p($,t),t&&d(e),p(n,t),t&&d(c),p(a,t)}}}function N$(t){let $,e,n,c,a,m,h,x,v,b,O,C;return e=new G({props:{$$slots:{default:[i$]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[x$]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[v$]},$$scope:{ctx:t}}}),v=new G({props:{$$slots:{default:[C$]},$$scope:{ctx:t}}}),O=new G({props:{$$slots:{default:[A$]},$$scope:{ctx:t}}}),{c(){$=w("thead"),r(e.$$.fragment),n=g(),c=w("tbody"),r(a.$$.fragment),m=g(),r(h.$$.fragment),x=g(),r(v.$$.fragment),b=g(),r(O.$$.fragment)},l(t){$=y(t,"THEAD",{});var r=E($);s(e.$$.fragment,r),r.forEach(d),n=i(t),c=y(t,"TBODY",{});var o=E(c);s(a.$$.fragment,o),m=i(o),s(h.$$.fragment,o),x=i(o),s(v.$$.fragment,o),b=i(o),s(O.$$.fragment,o),o.forEach(d)},m(t,r){u(t,$,r),o(e,$,null),u(t,n,r),u(t,c,r),o(a,c,null),D(c,m),o(h,c,null),D(c,x),o(v,c,null),D(c,b),o(O,c,null),C=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),a.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),v.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),O.$set(c)},i(t){C||(f(e.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),f(v.$$.fragment,t),f(O.$$.fragment,t),C=!0)},o(t){l(e.$$.fragment,t),l(a.$$.fragment,t),l(h.$$.fragment,t),l(v.$$.fragment,t),l(O.$$.fragment,t),C=!1},d(t){t&&d($),p(e),t&&d(n),t&&d(c),p(a),p(h),p(v),p(O)}}}function R$(t){let $,e,n,c,a,m,h,x,w,y,E,v,D,b,O,k,A,G,P,H,F,V,I,K,q,z,_,J,Q,X,Z,et,nt,rt,st,ot,ct,at;return $=new C({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),n=new T({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),a=new S({props:{$$slots:{source:[Y],showcase:[W]},$$scope:{ctx:t}}}),h=new N({props:{id:"properties",$$slots:{default:[M]},$$scope:{ctx:t}}}),w=new R({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),E=new j({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),D=new R({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),O=new j({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),A=new R({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),P=new T({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),F=new T({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),I=new j({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),q=new N({props:{id:"events",$$slots:{default:[Qt]},$$scope:{ctx:t}}}),_=new j({props:{$$slots:{default:[o$]},$$scope:{ctx:t}}}),Q=new N({props:{id:"slots",$$slots:{default:[c$]},$$scope:{ctx:t}}}),Z=new R({props:{$$slots:{default:[a$]},$$scope:{ctx:t}}}),nt=new T({props:{$$slots:{default:[f$]},$$scope:{ctx:t}}}),st=new N({props:{id:"scss-variables",$$slots:{default:[l$]},$$scope:{ctx:t}}}),ct=new j({props:{$$slots:{default:[N$]},$$scope:{ctx:t}}}),{c(){r($.$$.fragment),e=g(),r(n.$$.fragment),c=g(),r(a.$$.fragment),m=g(),r(h.$$.fragment),x=g(),r(w.$$.fragment),y=g(),r(E.$$.fragment),v=g(),r(D.$$.fragment),b=g(),r(O.$$.fragment),k=g(),r(A.$$.fragment),G=g(),r(P.$$.fragment),H=g(),r(F.$$.fragment),V=g(),r(I.$$.fragment),K=g(),r(q.$$.fragment),z=g(),r(_.$$.fragment),J=g(),r(Q.$$.fragment),X=g(),r(Z.$$.fragment),et=g(),r(nt.$$.fragment),rt=g(),r(st.$$.fragment),ot=g(),r(ct.$$.fragment)},l(t){s($.$$.fragment,t),e=i(t),s(n.$$.fragment,t),c=i(t),s(a.$$.fragment,t),m=i(t),s(h.$$.fragment,t),x=i(t),s(w.$$.fragment,t),y=i(t),s(E.$$.fragment,t),v=i(t),s(D.$$.fragment,t),b=i(t),s(O.$$.fragment,t),k=i(t),s(A.$$.fragment,t),G=i(t),s(P.$$.fragment,t),H=i(t),s(F.$$.fragment,t),V=i(t),s(I.$$.fragment,t),K=i(t),s(q.$$.fragment,t),z=i(t),s(_.$$.fragment,t),J=i(t),s(Q.$$.fragment,t),X=i(t),s(Z.$$.fragment,t),et=i(t),s(nt.$$.fragment,t),rt=i(t),s(st.$$.fragment,t),ot=i(t),s(ct.$$.fragment,t)},m(t,r){o($,t,r),u(t,e,r),o(n,t,r),u(t,c,r),o(a,t,r),u(t,m,r),o(h,t,r),u(t,x,r),o(w,t,r),u(t,y,r),o(E,t,r),u(t,v,r),o(D,t,r),u(t,b,r),o(O,t,r),u(t,k,r),o(A,t,r),u(t,G,r),o(P,t,r),u(t,H,r),o(F,t,r),u(t,V,r),o(I,t,r),u(t,K,r),o(q,t,r),u(t,z,r),o(_,t,r),u(t,J,r),o(Q,t,r),u(t,X,r),o(Z,t,r),u(t,et,r),o(nt,t,r),u(t,rt,r),o(st,t,r),u(t,ot,r),o(ct,t,r),at=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),a.$set(o);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),h.$set(c);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),w.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),E.$set(l);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),D.$set(p);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),O.$set(m);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),A.$set(g);const i={};2&e&&(i.$$scope={dirty:e,ctx:t}),P.$set(i);const u={};2&e&&(u.$$scope={dirty:e,ctx:t}),F.$set(u);const d={};2&e&&(d.$$scope={dirty:e,ctx:t}),I.$set(d);const x={};2&e&&(x.$$scope={dirty:e,ctx:t}),q.$set(x);const y={};2&e&&(y.$$scope={dirty:e,ctx:t}),_.$set(y);const v={};2&e&&(v.$$scope={dirty:e,ctx:t}),Q.$set(v);const b={};2&e&&(b.$$scope={dirty:e,ctx:t}),Z.$set(b);const C={};2&e&&(C.$$scope={dirty:e,ctx:t}),nt.$set(C);const T={};2&e&&(T.$$scope={dirty:e,ctx:t}),st.$set(T);const k={};2&e&&(k.$$scope={dirty:e,ctx:t}),ct.$set(k)},i(t){at||(f($.$$.fragment,t),f(n.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),f(w.$$.fragment,t),f(E.$$.fragment,t),f(D.$$.fragment,t),f(O.$$.fragment,t),f(A.$$.fragment,t),f(P.$$.fragment,t),f(F.$$.fragment,t),f(I.$$.fragment,t),f(q.$$.fragment,t),f(_.$$.fragment,t),f(Q.$$.fragment,t),f(Z.$$.fragment,t),f(nt.$$.fragment,t),f(st.$$.fragment,t),f(ct.$$.fragment,t),at=!0)},o(t){l($.$$.fragment,t),l(n.$$.fragment,t),l(a.$$.fragment,t),l(h.$$.fragment,t),l(w.$$.fragment,t),l(E.$$.fragment,t),l(D.$$.fragment,t),l(O.$$.fragment,t),l(A.$$.fragment,t),l(P.$$.fragment,t),l(F.$$.fragment,t),l(I.$$.fragment,t),l(q.$$.fragment,t),l(_.$$.fragment,t),l(Q.$$.fragment,t),l(Z.$$.fragment,t),l(nt.$$.fragment,t),l(st.$$.fragment,t),l(ct.$$.fragment,t),at=!1},d(t){p($,t),t&&d(e),p(n,t),t&&d(c),p(a,t),t&&d(m),p(h,t),t&&d(x),p(w,t),t&&d(y),p(E,t),t&&d(v),p(D,t),t&&d(b),p(O,t),t&&d(k),p(A,t),t&&d(G),p(P,t),t&&d(H),p(F,t),t&&d(V),p(I,t),t&&d(K),p(q,t),t&&d(z),p(_,t),t&&d(J),p(Q,t),t&&d(X),p(Z,t),t&&d(et),p(nt,t),t&&d(rt),p(st,t),t&&d(ot),p(ct,t)}}}function j$(t){let $,e;const m=[t[0],G$];let g={$$slots:{default:[R$]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)g=n(g,m[t]);return $=new O({props:g}),{c(){r($.$$.fragment)},l(t){s($.$$.fragment,t)},m(t,n){o($,t,n),e=!0},p(t,[e]){const n=1&e?c(m,[1&e&&a(t[0]),0&e&&a(G$)]):{};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n)},i(t){e||(f($.$$.fragment,t),e=!0)},o(t){l($.$$.fragment,t),e=!1},d(t){p($,t)}}}const G$={name:"Switch"};function P$(t,$,e){return t.$$set=t=>{e(0,$=n(n({},$),m(t)))},[$=m($)]}class H$ extends t{constructor(t){super(),$(this,t,P$,j$,e,{})}}export{H$ as default,G$ as metadata};
diff --git a/376/client/tab-182d5aba.css b/376/client/tab-182d5aba.css
new file mode 100644
index 000000000..532081edb
--- /dev/null
+++ b/376/client/tab-182d5aba.css
@@ -0,0 +1 @@
+.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67, 0, 176, 0.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:0.125em;border-top-left-radius:0.3125em;border-top-right-radius:0.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:"Ubuntu", sans-serif;font-weight:500;padding:0.7em 0.6em 0.5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170, 170, 170, 0.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170, 170, 170, 0.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67, 0, 176, 0.6)}
diff --git a/376/client/tab.bbb6306c.js b/376/client/tab.bbb6306c.js
new file mode 100644
index 000000000..ae525a835
--- /dev/null
+++ b/376/client/tab.bbb6306c.js
@@ -0,0 +1 @@
+import{S as s,i as a,s as l,K as e,M as n,a3 as t,h as c,u as i,k as u,b as o,w as p,d,N as r,O as v,e as m,X as f,f as h,g as b,o as g,P as C,U as $,Q as _,R as x,T as R,V as k,t as E,p as j,W as y,I,J as L,L as T,v as A,x as N,A as P}from"./client.0d36a0cf.js";import{r as U}from"./button.743a388a.js";import{c as V}from"./classes.2453fa25.js";function w(s){let a,l,I,L,T,w,B,D,J,K,M,O,Q=[{__value:s[4]},{name:s[5]},{type:"radio"},{class:I=V(s[2])},{disabled:s[6]},s[9]],S={};for(let s=0;s<Q.length;s+=1)S=e(S,Q[s]);const W=s[11].default,X=n(W,s,s[10],null),q=X||function(s){let a;return{c(){a=A(s[4])},l(l){a=N(l,s[4])},m(s,l){h(s,a,l)},p(s,l){16&l&&P(a,s[4])},d(s){s&&d(a)}}}(s);return K=t(s[13][0]),{c(){a=c("label"),l=c("input"),L=i(),T=c("div"),q&&q.c(),this.h()},l(s){a=u(s,"LABEL",{class:!0});var e=o(a);l=u(e,"INPUT",{name:!0,type:!0,class:!0}),L=p(e),T=u(e,"DIV",{class:!0});var n=o(T);q&&q.l(n),n.forEach(d),e.forEach(d),this.h()},h(){r(l,S),v(l,"svelte-xi6tc3",!0),m(T,"class",w=f(V("content",s[3]))+" svelte-xi6tc3"),m(a,"class",D=f(V("tab",s[1]))+" svelte-xi6tc3"),K.p(l)},m(e,n){h(e,a,n),b(a,l),l.autofocus&&l.focus(),l.checked=l.__value===s[0],b(a,L),b(a,T),q&&q.m(T,null),J=!0,M||(O=[g(l,"change",s[12]),g(l,"change",s[14]),g(l,"click",s[15]),C(B=U.call(null,T,{disabled:s[7]||s[6]}))],M=!0)},p(s,[e]){r(l,S=$(Q,[(!J||16&e)&&{__value:s[4]},(!J||32&e)&&{name:s[5]},{type:"radio"},(!J||4&e&&I!==(I=V(s[2])))&&{class:I},(!J||64&e)&&{disabled:s[6]},512&e&&s[9]])),1&e&&(l.checked=l.__value===s[0]),v(l,"svelte-xi6tc3",!0),X?X.p&&(!J||1024&e)&&_(X,W,s,s[10],J?R(W,s[10],e,null):x(s[10]),null):q&&q.p&&(!J||16&e)&&q.p(s,J?e:-1),(!J||8&e&&w!==(w=f(V("content",s[3]))+" svelte-xi6tc3"))&&m(T,"class",w),B&&k(B.update)&&192&e&&B.update.call(null,{disabled:s[7]||s[6]}),(!J||2&e&&D!==(D=f(V("tab",s[1]))+" svelte-xi6tc3"))&&m(a,"class",D)},i(s){J||(E(q,s),J=!0)},o(s){j(q,s),J=!1},d(s){s&&d(a),q&&q.d(s),K.r(),M=!1,y(O)}}}function B(s,a,l){const n=["class","inputClass","contentClass","value","name","group","disabled","noRipple"];let t=I(a,n),{$$slots:c={},$$scope:i}=a,{class:u=null}=a,{inputClass:o=null}=a,{contentClass:p=null}=a,{value:d}=a,{name:r=null}=a,{group:v=null}=a,{disabled:m=!1}=a,{noRipple:f=!1}=a;const h=L();return s.$$set=s=>{a=e(e({},a),T(s)),l(9,t=I(a,n)),"class"in s&&l(1,u=s.class),"inputClass"in s&&l(2,o=s.inputClass),"contentClass"in s&&l(3,p=s.contentClass),"value"in s&&l(4,d=s.value),"name"in s&&l(5,r=s.name),"group"in s&&l(0,v=s.group),"disabled"in s&&l(6,m=s.disabled),"noRipple"in s&&l(7,f=s.noRipple),"$$scope"in s&&l(10,i=s.$$scope)},[v,u,o,p,d,r,m,f,h,t,i,c,function(){v=this.__value,l(0,v)},[[]],s=>h("change",{value:d,nativeEvent:s}),s=>h("click",{nativeEvent:s})]}var D=class extends s{constructor(s){super(),a(this,s,B,w,l,{class:1,inputClass:2,contentClass:3,value:4,name:5,group:0,disabled:6,noRipple:7})}};export{D as T};
diff --git a/376/client/tab.e6473c76.js b/376/client/tab.e6473c76.js
new file mode 100644
index 000000000..3c63aae69
--- /dev/null
+++ b/376/client/tab.e6473c76.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as r,l as s,m as a,U as o,a0 as c,t as f,p as l,q as p,L as m,u as g,h as u,v as d,w as i,k as h,b as x,x as v,d as E,e as w,f as y,g as b,n as D}from"./client.0d36a0cf.js";import{L as O,H as k,P as C}from"./layout.b2760304.js";import{T}from"./tab.bbb6306c.js";import{S as A}from"./showcase.8eb3893d.js";import{C as S}from"./color-preview.278d2729.js";import{R as N}from"./related-components.2f822d5e.js";import{H as R}from"./h2.122c8b9f.js";import{H as G}from"./h3.1e03849b.js";import{T as j,a as H,b as P,c as U}from"./table.e069c294.js";import"./button.743a388a.js";import"./classes.2453fa25.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./card.72b37821.js";function F(t){let e;return{c(){e=d("Tab")},l(t){e=v(t,"Tab")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function I(t){let e,$,n,r,s,a;return{c(){e=d("Allows for finer control over individual tabs when the default "),$=u("a"),n=u("mark"),r=u("code"),s=d("Tabs"),a=d(" is not good enough."),this.h()},l(t){e=v(t,"Allows for finer control over individual tabs when the default "),$=h(t,"A",{href:!0});var o=x($);n=h(o,"MARK",{});var c=x(n);r=h(c,"CODE",{});var f=x(r);s=v(f,"Tabs"),f.forEach(E),c.forEach(E),o.forEach(E),a=v(t," is not good enough."),this.h()},h(){w($,"href","./docs/components/tabs")},m(t,o){y(t,e,o),y(t,$,o),b($,n),b(n,r),b(r,s),y(t,a,o)},p:D,d(t){t&&E(e),t&&E($),t&&E(a)}}}function M(t){let e;return{c(){e=d("Components")},l(t){e=v(t,"Components")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function B(t){let e;return{c(){e=d("Installation")},l(t){e=v(t,"Installation")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function L(t){let e,$,n,o,c,m,d;return $=new T({props:{value:"page1",name:"nav1",$$slots:{default:[M]},$$scope:{ctx:t}}}),o=new T({props:{value:"page2",name:"nav1",disabled:!0,$$slots:{default:[B]},$$scope:{ctx:t}}}),m=new T({props:{value:"Showcase",name:"nav1"}}),{c(){e=u("div"),r($.$$.fragment),n=g(),r(o.$$.fragment),c=g(),r(m.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var r=x(e);s($.$$.fragment,r),n=i(r),s(o.$$.fragment,r),c=i(r),s(m.$$.fragment,r),r.forEach(E),this.h()},h(){w(e,"slot","showcase"),w(e,"class","padded")},m(t,r){y(t,e,r),a($,e,null),b(e,n),a(o,e,null),b(e,c),a(m,e,null),d=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),o.$set(r)},i(t){d||(f($.$$.fragment,t),f(o.$$.fragment,t),f(m.$$.fragment,t),d=!0)},o(t){l($.$$.fragment,t),l(o.$$.fragment,t),l(m.$$.fragment,t),d=!1},d(t){t&&E(e),p($),p(o),p(m)}}}function V(t){let e,$;return{c(){e=u("div"),$=u("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var n=x(e);$=h(n,"PRE",{class:!0}),x($).forEach(E),n.forEach(E),this.h()},h(){w($,"class","language-svelte"),w(e,"slot","source")},m(t,n){y(t,e,n),b(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Tab</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>page1<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n  Components\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Tab</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Tab</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>page2<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav1<span class="token punctuation">"</span></span> <span class="token attr-name">disabled</span><span class="token punctuation">></span></span>\n  Installation\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Tab</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Tab</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Showcase<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav1<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code>'},p:D,d(t){t&&E(e)}}}function q(t){let e;return{c(){e=d("Properties")},l(t){e=v(t,"Properties")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Y(t){let e;return{c(){e=d("Style Properties")},l(t){e=v(t,"Style Properties")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function z(t){let e;return{c(){e=d("Name")},l(t){e=v(t,"Name")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function W(t){let e;return{c(){e=d("Default")},l(t){e=v(t,"Default")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function K(t){let e;return{c(){e=d("Type")},l(t){e=v(t,"Type")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function _(t){let e;return{c(){e=d("Description")},l(t){e=v(t,"Description")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function J(t){let e,$,n,o,c,m,u,d;return e=new P({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(u.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(u,t,r),d=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(u,t)}}}function Q(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=d("noRipple")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"noRipple"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function X(t){let e,$;return{c(){e=u("code"),$=d("false")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"false"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function Z(t){let e,$;return{c(){e=u("code"),$=d("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"boolean"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function tt(t){let e;return{c(){e=d("Disables the ripple on the tab when clicking on it.")},l(t){e=v(t,"Disables the ripple on the tab when clicking on it.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function et(t){let e,$,n,o,c,m,u,d;return e=new U({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),u=new U({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(u.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(u,t,r),d=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(u,t)}}}function $t(t){let e,$,n,o,c,m;return $=new H({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),{c(){e=u("thead"),r($.$$.fragment),n=g(),o=u("tbody"),r(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(E),n=i(t),o=h(t,"TBODY",{});var a=x(o);s(c.$$.fragment,a),a.forEach(E)},m(t,r){y(t,e,r),a($,e,null),y(t,n,r),y(t,o,r),a(c,o,null),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r)},i(t){m||(f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&E(e),p($),t&&E(n),t&&E(o),p(c)}}}function nt(t){let e;return{c(){e=d("Functional Properties")},l(t){e=v(t,"Functional Properties")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function rt(t){let e;return{c(){e=d("Name")},l(t){e=v(t,"Name")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function st(t){let e;return{c(){e=d("Default")},l(t){e=v(t,"Default")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function at(t){let e;return{c(){e=d("Type")},l(t){e=v(t,"Type")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function ot(t){let e;return{c(){e=d("Description")},l(t){e=v(t,"Description")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function ct(t){let e,$,n,o,c,m,u,d;return e=new P({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(u.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(u,t,r),d=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(u,t)}}}function ft(t){let e,$,n,r,s,a,o;return{c(){e=u("mark"),$=u("strong"),n=u("code"),r=d("value"),s=d(" "),a=u("span"),o=d("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);n=h(f,"CODE",{});var l=x(n);r=v(l,"value"),l.forEach(E),f.forEach(E),c.forEach(E),s=v(t," "),a=h(t,"SPAN",{class:!0});var p=x(a);o=v(p,"*"),p.forEach(E),this.h()},h(){w(a,"class","required")},m(t,c){y(t,e,c),b(e,$),b($,n),b(n,r),y(t,s,c),y(t,a,c),b(a,o)},p:D,d(t){t&&E(e),t&&E(s),t&&E(a)}}}function lt(t){let e,$;return{c(){e=u("code"),$=d("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"string"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function pt(t){let e,$,n,r,s,a,o;return{c(){e=d("The value assigned to the "),$=u("code"),n=d('<input type="radio">'),r=d(". Check "),s=u("a"),a=d("MDN Docs"),o=d(" for more information."),this.h()},l(t){e=v(t,"The value assigned to the "),$=h(t,"CODE",{});var c=x($);n=v(c,'<input type="radio">'),c.forEach(E),r=v(t,". Check "),s=h(t,"A",{href:!0,rel:!0});var f=x(s);a=v(f,"MDN Docs"),f.forEach(E),o=v(t," for more information."),this.h()},h(){w(s,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#Value"),w(s,"rel","nofollow")},m(t,c){y(t,e,c),y(t,$,c),b($,n),y(t,r,c),y(t,s,c),b(s,a),y(t,o,c)},p:D,d(t){t&&E(e),t&&E($),t&&E(r),t&&E(s),t&&E(o)}}}function mt(t){let e,$,n,o,c,m,u,d;return e=new U({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),n=new U({}),c=new U({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),u=new U({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(u.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(u,t,r),d=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),u.$set(s)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(u,t)}}}function gt(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=d("name")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"name"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function ut(t){let e,$;return{c(){e=u("code"),$=d("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"null"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function dt(t){let e,$;return{c(){e=u("code"),$=d("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"string"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function it(t){let e,$,n,r,s,a,o,c,f;return{c(){e=d("The name assigned to the "),$=u("code"),n=d('<input type="radio">'),r=d("'s "),s=u("a"),a=u("code"),o=d("name"),c=d(" attribute"),f=d("."),this.h()},l(t){e=v(t,"The name assigned to the "),$=h(t,"CODE",{});var l=x($);n=v(l,'<input type="radio">'),l.forEach(E),r=v(t,"'s "),s=h(t,"A",{href:!0,rel:!0});var p=x(s);a=h(p,"CODE",{});var m=x(a);o=v(m,"name"),m.forEach(E),c=v(p," attribute"),p.forEach(E),f=v(t,"."),this.h()},h(){w(s,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname"),w(s,"rel","nofollow")},m(t,l){y(t,e,l),y(t,$,l),b($,n),y(t,r,l),y(t,s,l),b(s,a),b(a,o),b(s,c),y(t,f,l)},p:D,d(t){t&&E(e),t&&E($),t&&E(r),t&&E(s),t&&E(f)}}}function ht(t){let e,$,n,o,c,m,u,d;return e=new U({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),u=new U({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(u.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(u,t,r),d=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(u,t)}}}function xt(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=d("group")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"group"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function vt(t){let e,$;return{c(){e=u("code"),$=d("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"null"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function Et(t){let e,$;return{c(){e=u("code"),$=d("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"string"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function wt(t){let e,$,n,r,s,a,o;return{c(){e=d("The "),$=u("code"),n=d("value"),r=d(" of the currently selected tab. Use with "),s=u("code"),a=d("bind:group"),o=d(".")},l(t){e=v(t,"The "),$=h(t,"CODE",{});var c=x($);n=v(c,"value"),c.forEach(E),r=v(t," of the currently selected tab. Use with "),s=h(t,"CODE",{});var f=x(s);a=v(f,"bind:group"),f.forEach(E),o=v(t,".")},m(t,c){y(t,e,c),y(t,$,c),b($,n),y(t,r,c),y(t,s,c),b(s,a),y(t,o,c)},p:D,d(t){t&&E(e),t&&E($),t&&E(r),t&&E(s),t&&E(o)}}}function yt(t){let e,$,n,o,c,m,u,d;return e=new U({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),u=new U({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(u.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(u,t,r),d=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(u,t)}}}function bt(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=d("disabled")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"disabled"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function Dt(t){let e,$;return{c(){e=u("code"),$=d("false")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"false"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function Ot(t){let e,$;return{c(){e=u("code"),$=d("boolean")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"boolean"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function kt(t){let e;return{c(){e=d("Disallows selecting this tab.")},l(t){e=v(t,"Disallows selecting this tab.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Ct(t){let e,$,n,o,c,m,u,d;return e=new U({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),u=new U({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(u.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(u,t,r),d=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(u,t)}}}function Tt(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=d("...")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"..."),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function At(t){let e,$;return{c(){e=u("code"),$=d("any")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"any"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function St(t){let e,$,n,r;return{c(){e=d("Everything else will be passed to the underlying "),$=u("code"),n=d('<input type="radio">'),r=d(" element.")},l(t){e=v(t,"Everything else will be passed to the underlying "),$=h(t,"CODE",{});var s=x($);n=v(s,'<input type="radio">'),s.forEach(E),r=v(t," element.")},m(t,s){y(t,e,s),y(t,$,s),b($,n),y(t,r,s)},p:D,d(t){t&&E(e),t&&E($),t&&E(r)}}}function Nt(t){let e,$,n,o,c,m,u,d;return e=new U({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),n=new U({}),c=new U({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),u=new U({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(u.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(u,t,r),d=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),u.$set(s)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(u,t)}}}function Rt(t){let e,$,n,o,c,m,d,v,w,D,O,k,C,T;return $=new H({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),d=new H({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),w=new H({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),O=new H({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),C=new H({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),{c(){e=u("thead"),r($.$$.fragment),n=g(),o=u("tbody"),r(c.$$.fragment),m=g(),r(d.$$.fragment),v=g(),r(w.$$.fragment),D=g(),r(O.$$.fragment),k=g(),r(C.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(E),n=i(t),o=h(t,"TBODY",{});var a=x(o);s(c.$$.fragment,a),m=i(a),s(d.$$.fragment,a),v=i(a),s(w.$$.fragment,a),D=i(a),s(O.$$.fragment,a),k=i(a),s(C.$$.fragment,a),a.forEach(E)},m(t,r){y(t,e,r),a($,e,null),y(t,n,r),y(t,o,r),a(c,o,null),b(o,m),a(d,o,null),b(o,v),a(w,o,null),b(o,D),a(O,o,null),b(o,k),a(C,o,null),T=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),d.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),w.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),O.$set(o);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f)},i(t){T||(f($.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),f(w.$$.fragment,t),f(O.$$.fragment,t),f(C.$$.fragment,t),T=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),l(w.$$.fragment,t),l(O.$$.fragment,t),l(C.$$.fragment,t),T=!1},d(t){t&&E(e),p($),t&&E(n),t&&E(o),p(c),p(d),p(w),p(O),p(C)}}}function Gt(t){let e;return{c(){e=d("Class Properties")},l(t){e=v(t,"Class Properties")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function jt(t){let e,$,n,r,s,a,o,c,f,l,p,m,g;return{c(){e=d("All "),$=u("code"),n=d("<Tab>"),r=d(" components use the "),s=u("code"),a=d(".tab"),o=d(" class on the "),c=u("code"),f=d("<label>"),l=d(" element and "),p=u("code"),m=d(".content"),g=d(" on the content of the tab label.")},l(t){e=v(t,"All "),$=h(t,"CODE",{});var u=x($);n=v(u,"<Tab>"),u.forEach(E),r=v(t," components use the "),s=h(t,"CODE",{});var d=x(s);a=v(d,".tab"),d.forEach(E),o=v(t," class on the "),c=h(t,"CODE",{});var i=x(c);f=v(i,"<label>"),i.forEach(E),l=v(t," element and "),p=h(t,"CODE",{});var w=x(p);m=v(w,".content"),w.forEach(E),g=v(t," on the content of the tab label.")},m(t,u){y(t,e,u),y(t,$,u),b($,n),y(t,r,u),y(t,s,u),b(s,a),y(t,o,u),y(t,c,u),b(c,f),y(t,l,u),y(t,p,u),b(p,m),y(t,g,u)},p:D,d(t){t&&E(e),t&&E($),t&&E(r),t&&E(s),t&&E(o),t&&E(c),t&&E(l),t&&E(p),t&&E(g)}}}function Ht(t){let e;return{c(){e=d("Falsy values passed to classes will be disregarded.")},l(t){e=v(t,"Falsy values passed to classes will be disregarded.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Pt(t){let e;return{c(){e=d("Name")},l(t){e=v(t,"Name")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Ut(t){let e;return{c(){e=d("Default")},l(t){e=v(t,"Default")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Ft(t){let e;return{c(){e=d("Type")},l(t){e=v(t,"Type")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function It(t){let e;return{c(){e=d("Description")},l(t){e=v(t,"Description")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Mt(t){let e,$,n,o,c,m,u,d;return e=new P({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(u.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(u,t,r),d=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(u,t)}}}function Bt(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=d("class")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"class"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function Lt(t){let e,$;return{c(){e=u("code"),$=d("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"null"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function Vt(t){let e,$;return{c(){e=u("code"),$=d("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"string"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function qt(t){let e,$,n,r;return{c(){e=d("A class string to add to the root "),$=u("code"),n=d("<label>"),r=d(" element.")},l(t){e=v(t,"A class string to add to the root "),$=h(t,"CODE",{});var s=x($);n=v(s,"<label>"),s.forEach(E),r=v(t," element.")},m(t,s){y(t,e,s),y(t,$,s),b($,n),y(t,r,s)},p:D,d(t){t&&E(e),t&&E($),t&&E(r)}}}function Yt(t){let e,$,n,o,c,m,u,d;return e=new U({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),u=new U({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(u.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(u,t,r),d=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(u,t)}}}function zt(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=d("inputClass")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"inputClass"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function Wt(t){let e,$;return{c(){e=u("code"),$=d("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"null"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function Kt(t){let e,$;return{c(){e=u("code"),$=d("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"string"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function _t(t){let e,$,n,r;return{c(){e=d("A class string to assign to the "),$=u("code"),n=d("<input>"),r=d(" element.")},l(t){e=v(t,"A class string to assign to the "),$=h(t,"CODE",{});var s=x($);n=v(s,"<input>"),s.forEach(E),r=v(t," element.")},m(t,s){y(t,e,s),y(t,$,s),b($,n),y(t,r,s)},p:D,d(t){t&&E(e),t&&E($),t&&E(r)}}}function Jt(t){let e,$,n,o,c,m,u,d;return e=new U({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),u=new U({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(u.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(u,t,r),d=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(u,t)}}}function Qt(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=d("contentClass")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"contentClass"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function Xt(t){let e,$;return{c(){e=u("code"),$=d("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"null"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function Zt(t){let e,$;return{c(){e=u("code"),$=d("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"string"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function te(t){let e;return{c(){e=d("A class string to add to the content of the tab.")},l(t){e=v(t,"A class string to add to the content of the tab.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function ee(t){let e,$,n,o,c,m,u,d;return e=new U({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),u=new U({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(u.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(u.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(u,t,r),d=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),u.$set(o)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(u.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(u.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(u,t)}}}function $e(t){let e,$,n,o,c,m,d,v,w,D;return $=new H({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),d=new H({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),w=new H({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),{c(){e=u("thead"),r($.$$.fragment),n=g(),o=u("tbody"),r(c.$$.fragment),m=g(),r(d.$$.fragment),v=g(),r(w.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(E),n=i(t),o=h(t,"TBODY",{});var a=x(o);s(c.$$.fragment,a),m=i(a),s(d.$$.fragment,a),v=i(a),s(w.$$.fragment,a),a.forEach(E)},m(t,r){y(t,e,r),a($,e,null),y(t,n,r),y(t,o,r),a(c,o,null),b(o,m),a(d,o,null),b(o,v),a(w,o,null),D=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),d.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),w.$set(a)},i(t){D||(f($.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),f(w.$$.fragment,t),D=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),l(w.$$.fragment,t),D=!1},d(t){t&&E(e),p($),t&&E(n),t&&E(o),p(c),p(d),p(w)}}}function ne(t){let e;return{c(){e=d("Events")},l(t){e=v(t,"Events")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function re(t){let e;return{c(){e=d("Name")},l(t){e=v(t,"Name")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function se(t){let e;return{c(){e=d("Event Detail")},l(t){e=v(t,"Event Detail")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function ae(t){let e;return{c(){e=d("Description")},l(t){e=v(t,"Description")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function oe(t){let e,$,n,o,c,m;return e=new P({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function ce(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=d("change")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"change"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function fe(t){let e,$;return{c(){e=u("code"),$=d("{ value, nativeEvent }")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"{ value, nativeEvent }"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function le(t){let e,$,n,r,s,a,o,c,f,l,p,m,g;return{c(){e=d("Fired when selecting a tab. The "),$=u("code"),n=d("value"),r=d(" is the "),s=u("code"),a=d("value"),o=d(" prop and "),c=u("code"),f=d("nativeEvent"),l=d(" has the "),p=u("a"),m=d("native change event"),g=d("."),this.h()},l(t){e=v(t,"Fired when selecting a tab. The "),$=h(t,"CODE",{});var u=x($);n=v(u,"value"),u.forEach(E),r=v(t," is the "),s=h(t,"CODE",{});var d=x(s);a=v(d,"value"),d.forEach(E),o=v(t," prop and "),c=h(t,"CODE",{});var i=x(c);f=v(i,"nativeEvent"),i.forEach(E),l=v(t," has the "),p=h(t,"A",{href:!0,rel:!0});var w=x(p);m=v(w,"native change event"),w.forEach(E),g=v(t,"."),this.h()},h(){w(p,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),w(p,"rel","nofollow")},m(t,u){y(t,e,u),y(t,$,u),b($,n),y(t,r,u),y(t,s,u),b(s,a),y(t,o,u),y(t,c,u),b(c,f),y(t,l,u),y(t,p,u),b(p,m),y(t,g,u)},p:D,d(t){t&&E(e),t&&E($),t&&E(r),t&&E(s),t&&E(o),t&&E(c),t&&E(l),t&&E(p),t&&E(g)}}}function pe(t){let e,$,n,o,c,m;return e=new U({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function me(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=d("click")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"click"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function ge(t){let e,$;return{c(){e=u("code"),$=d("{ nativeEvent }")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"{ nativeEvent }"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function ue(t){let e,$,n,r,s,a,o;return{c(){e=d("Fired when clicking on a tab. The "),$=u("code"),n=d("nativeEvent"),r=d(" has the "),s=u("a"),a=d("native click event"),o=d("."),this.h()},l(t){e=v(t,"Fired when clicking on a tab. The "),$=h(t,"CODE",{});var c=x($);n=v(c,"nativeEvent"),c.forEach(E),r=v(t," has the "),s=h(t,"A",{href:!0,rel:!0});var f=x(s);a=v(f,"native click event"),f.forEach(E),o=v(t,"."),this.h()},h(){w(s,"href","https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event"),w(s,"rel","nofollow")},m(t,c){y(t,e,c),y(t,$,c),b($,n),y(t,r,c),y(t,s,c),b(s,a),y(t,o,c)},p:D,d(t){t&&E(e),t&&E($),t&&E(r),t&&E(s),t&&E(o)}}}function de(t){let e,$,n,o,c,m;return e=new U({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function ie(t){let e,$,n,o,c,m,d,v;return $=new H({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),d=new H({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),{c(){e=u("thead"),r($.$$.fragment),n=g(),o=u("tbody"),r(c.$$.fragment),m=g(),r(d.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(E),n=i(t),o=h(t,"TBODY",{});var a=x(o);s(c.$$.fragment,a),m=i(a),s(d.$$.fragment,a),a.forEach(E)},m(t,r){y(t,e,r),a($,e,null),y(t,n,r),y(t,o,r),a(c,o,null),b(o,m),a(d,o,null),v=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),d.$set(s)},i(t){v||(f($.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),v=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),v=!1},d(t){t&&E(e),p($),t&&E(n),t&&E(o),p(c),p(d)}}}function he(t){let e;return{c(){e=d("Slots")},l(t){e=v(t,"Slots")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function xe(t){let e;return{c(){e=d("Default slot")},l(t){e=v(t,"Default slot")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function ve(t){let e,$,n,r;return{c(){e=d("The content of the tab label. Defaults to the content of the "),$=u("code"),n=d("value"),r=d(" prop.")},l(t){e=v(t,"The content of the tab label. Defaults to the content of the "),$=h(t,"CODE",{});var s=x($);n=v(s,"value"),s.forEach(E),r=v(t," prop.")},m(t,s){y(t,e,s),y(t,$,s),b($,n),y(t,r,s)},p:D,d(t){t&&E(e),t&&E($),t&&E(r)}}}function Ee(t){let e;return{c(){e=d("SCSS Variables")},l(t){e=v(t,"SCSS Variables")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function we(t){let e;return{c(){e=d("Name")},l(t){e=v(t,"Name")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function ye(t){let e;return{c(){e=d("Description")},l(t){e=v(t,"Description")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function be(t){let e;return{c(){e=d("Default")},l(t){e=v(t,"Default")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function De(t){let e,$,n,o,c,m;return e=new P({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function Oe(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=d("$main")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"$main"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function ke(t){let e;return{c(){e=d("Affects the color of the ripple background, border color of the selected tab, and text color.")},l(t){e=v(t,"Affects the color of the ripple background, border color of the selected tab, and text color.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Ce(t){let e,$;return e=new S({props:{value:"#4300B0"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){a(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Te(t){let e,$,n,o,c,m;return e=new U({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function Ae(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=d("$disabled")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"$disabled"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function Se(t){let e;return{c(){e=d("The text color of disabled tabs.")},l(t){e=v(t,"The text color of disabled tabs.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Ne(t){let e,$;return e=new S({props:{value:"#888888"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){a(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Re(t){let e,$,n,o,c,m;return e=new U({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function Ge(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=d("$off-state")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"$off-state"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function je(t){let e;return{c(){e=d("Affects the background color of the tab when focused or hovered on and the default border color.")},l(t){e=v(t,"Affects the background color of the tab when focused or hovered on and the default border color.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function He(t){let e,$;return e=new S({props:{value:"#AAAAAA"}}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){a(e,t,n),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Pe(t){let e,$,n,o,c,m;return e=new U({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function Ue(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=d("$font")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"$font"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function Fe(t){let e;return{c(){e=d("The font family of the content text.")},l(t){e=v(t,"The font family of the content text.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Ie(t){let e,$;return{c(){e=u("code"),$=d("'Ubuntu'")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"'Ubuntu'"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function Me(t){let e,$,n,o,c,m;return e=new U({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function Be(t){let e,$,n;return{c(){e=u("strong"),$=u("code"),n=d("$bold-font-weight")},l(t){e=h(t,"STRONG",{});var r=x(e);$=h(r,"CODE",{});var s=x($);n=v(s,"$bold-font-weight"),s.forEach(E),r.forEach(E)},m(t,r){y(t,e,r),b(e,$),b($,n)},p:D,d(t){t&&E(e)}}}function Le(t){let e;return{c(){e=d("The font weight of the content text.")},l(t){e=v(t,"The font weight of the content text.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Ve(t){let e,$;return{c(){e=u("code"),$=d("500")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"500"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:D,d(t){t&&E(e)}}}function qe(t){let e,$,n,o,c,m;return e=new U({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),c=new U({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment)},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t)},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),m=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function Ye(t){let e,$,n,o,c,m,d,v,w,D,O,k,C,T;return $=new H({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),d=new H({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),w=new H({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),O=new H({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),C=new H({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),{c(){e=u("thead"),r($.$$.fragment),n=g(),o=u("tbody"),r(c.$$.fragment),m=g(),r(d.$$.fragment),v=g(),r(w.$$.fragment),D=g(),r(O.$$.fragment),k=g(),r(C.$$.fragment)},l(t){e=h(t,"THEAD",{});var r=x(e);s($.$$.fragment,r),r.forEach(E),n=i(t),o=h(t,"TBODY",{});var a=x(o);s(c.$$.fragment,a),m=i(a),s(d.$$.fragment,a),v=i(a),s(w.$$.fragment,a),D=i(a),s(O.$$.fragment,a),k=i(a),s(C.$$.fragment,a),a.forEach(E)},m(t,r){y(t,e,r),a($,e,null),y(t,n,r),y(t,o,r),a(c,o,null),b(o,m),a(d,o,null),b(o,v),a(w,o,null),b(o,D),a(O,o,null),b(o,k),a(C,o,null),T=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),c.$set(r);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),d.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),w.$set(a);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),O.$set(o);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),C.$set(f)},i(t){T||(f($.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),f(w.$$.fragment,t),f(O.$$.fragment,t),f(C.$$.fragment,t),T=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),l(w.$$.fragment,t),l(O.$$.fragment,t),l(C.$$.fragment,t),T=!1},d(t){t&&E(e),p($),t&&E(n),t&&E(o),p(c),p(d),p(w),p(O),p(C)}}}function ze(t){let e,$,n,o,c,m,D,O,T,S,H,P,U,M,B,z,W,K,_,J,Q,X,Z,tt,et,rt,st,at,ot,ct,ft,lt,pt,mt,gt,ut,dt,it,ht,xt,vt,Et,wt;return e=new k({props:{$$slots:{default:[F]},$$scope:{ctx:t}}}),n=new C({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),c=new N({props:{components:Je}}),D=new A({props:{$$slots:{source:[V],showcase:[L]},$$scope:{ctx:t}}}),T=new R({props:{id:"properties",$$slots:{default:[q]},$$scope:{ctx:t}}}),H=new G({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),U=new j({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),B=new G({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),W=new j({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),X=new G({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),tt=new C({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),rt=new C({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),at=new j({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),ct=new R({props:{id:"events",$$slots:{default:[ne]},$$scope:{ctx:t}}}),lt=new j({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),mt=new R({props:{id:"slots",$$slots:{default:[he]},$$scope:{ctx:t}}}),ut=new G({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),it=new C({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),xt=new R({props:{id:"scss-variables",$$slots:{default:[Ee]},$$scope:{ctx:t}}}),Et=new j({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),{c(){r(e.$$.fragment),$=g(),r(n.$$.fragment),o=g(),r(c.$$.fragment),m=g(),r(D.$$.fragment),O=g(),r(T.$$.fragment),S=g(),r(H.$$.fragment),P=g(),r(U.$$.fragment),M=g(),r(B.$$.fragment),z=g(),r(W.$$.fragment),K=g(),_=u("div"),J=d("* Required"),Q=g(),r(X.$$.fragment),Z=g(),r(tt.$$.fragment),et=g(),r(rt.$$.fragment),st=g(),r(at.$$.fragment),ot=g(),r(ct.$$.fragment),ft=g(),r(lt.$$.fragment),pt=g(),r(mt.$$.fragment),gt=g(),r(ut.$$.fragment),dt=g(),r(it.$$.fragment),ht=g(),r(xt.$$.fragment),vt=g(),r(Et.$$.fragment),this.h()},l(t){s(e.$$.fragment,t),$=i(t),s(n.$$.fragment,t),o=i(t),s(c.$$.fragment,t),m=i(t),s(D.$$.fragment,t),O=i(t),s(T.$$.fragment,t),S=i(t),s(H.$$.fragment,t),P=i(t),s(U.$$.fragment,t),M=i(t),s(B.$$.fragment,t),z=i(t),s(W.$$.fragment,t),K=i(t),_=h(t,"DIV",{class:!0});var r=x(_);J=v(r,"* Required"),r.forEach(E),Q=i(t),s(X.$$.fragment,t),Z=i(t),s(tt.$$.fragment,t),et=i(t),s(rt.$$.fragment,t),st=i(t),s(at.$$.fragment,t),ot=i(t),s(ct.$$.fragment,t),ft=i(t),s(lt.$$.fragment,t),pt=i(t),s(mt.$$.fragment,t),gt=i(t),s(ut.$$.fragment,t),dt=i(t),s(it.$$.fragment,t),ht=i(t),s(xt.$$.fragment,t),vt=i(t),s(Et.$$.fragment,t),this.h()},h(){w(_,"class","required")},m(t,r){a(e,t,r),y(t,$,r),a(n,t,r),y(t,o,r),a(c,t,r),y(t,m,r),a(D,t,r),y(t,O,r),a(T,t,r),y(t,S,r),a(H,t,r),y(t,P,r),a(U,t,r),y(t,M,r),a(B,t,r),y(t,z,r),a(W,t,r),y(t,K,r),y(t,_,r),b(_,J),y(t,Q,r),a(X,t,r),y(t,Z,r),a(tt,t,r),y(t,et,r),a(rt,t,r),y(t,st,r),a(at,t,r),y(t,ot,r),a(ct,t,r),y(t,ft,r),a(lt,t,r),y(t,pt,r),a(mt,t,r),y(t,gt,r),a(ut,t,r),y(t,dt,r),a(it,t,r),y(t,ht,r),a(xt,t,r),y(t,vt,r),a(Et,t,r),wt=!0},p(t,$){const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),n.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),D.$set(a);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),T.$set(o);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),H.$set(c);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),U.$set(f);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),B.$set(l);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),W.$set(p);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),X.$set(m);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),tt.$set(g);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),rt.$set(u);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),at.$set(d);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),ct.$set(i);const h={};2&$&&(h.$$scope={dirty:$,ctx:t}),lt.$set(h);const x={};2&$&&(x.$$scope={dirty:$,ctx:t}),mt.$set(x);const v={};2&$&&(v.$$scope={dirty:$,ctx:t}),ut.$set(v);const E={};2&$&&(E.$$scope={dirty:$,ctx:t}),it.$set(E);const w={};2&$&&(w.$$scope={dirty:$,ctx:t}),xt.$set(w);const y={};2&$&&(y.$$scope={dirty:$,ctx:t}),Et.$set(y)},i(t){wt||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(D.$$.fragment,t),f(T.$$.fragment,t),f(H.$$.fragment,t),f(U.$$.fragment,t),f(B.$$.fragment,t),f(W.$$.fragment,t),f(X.$$.fragment,t),f(tt.$$.fragment,t),f(rt.$$.fragment,t),f(at.$$.fragment,t),f(ct.$$.fragment,t),f(lt.$$.fragment,t),f(mt.$$.fragment,t),f(ut.$$.fragment,t),f(it.$$.fragment,t),f(xt.$$.fragment,t),f(Et.$$.fragment,t),wt=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(D.$$.fragment,t),l(T.$$.fragment,t),l(H.$$.fragment,t),l(U.$$.fragment,t),l(B.$$.fragment,t),l(W.$$.fragment,t),l(X.$$.fragment,t),l(tt.$$.fragment,t),l(rt.$$.fragment,t),l(at.$$.fragment,t),l(ct.$$.fragment,t),l(lt.$$.fragment,t),l(mt.$$.fragment,t),l(ut.$$.fragment,t),l(it.$$.fragment,t),l(xt.$$.fragment,t),l(Et.$$.fragment,t),wt=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(D,t),t&&E(O),p(T,t),t&&E(S),p(H,t),t&&E(P),p(U,t),t&&E(M),p(B,t),t&&E(z),p(W,t),t&&E(K),t&&E(_),t&&E(Q),p(X,t),t&&E(Z),p(tt,t),t&&E(et),p(rt,t),t&&E(st),p(at,t),t&&E(ot),p(ct,t),t&&E(ft),p(lt,t),t&&E(pt),p(mt,t),t&&E(gt),p(ut,t),t&&E(dt),p(it,t),t&&E(ht),p(xt,t),t&&E(vt),p(Et,t)}}}function We(t){let e,$;const m=[t[0],Ke];let g={$$slots:{default:[ze]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)g=n(g,m[t]);return e=new O({props:g}),{c(){r(e.$$.fragment)},l(t){s(e.$$.fragment,t)},m(t,n){a(e,t,n),$=!0},p(t,[$]){const n=1&$?o(m,[1&$&&c(t[0]),0&$&&c(Ke)]):{};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}const Ke={name:"Tab",relatedComponents:[{name:"Tabs",link:"./docs/components/tabs"}]},{name:_e,relatedComponents:Je}=Ke;function Qe(t,e,$){return t.$$set=t=>{$(0,e=n(n({},e),m(t)))},[e=m(e)]}class Xe extends t{constructor(t){super(),e(this,t,Qe,We,$,{})}}export{Xe as default,Ke as metadata};
diff --git a/376/client/table-4b993a74.css b/376/client/table-4b993a74.css
new file mode 100644
index 000000000..4edc0b09a
--- /dev/null
+++ b/376/client/table-4b993a74.css
@@ -0,0 +1,4 @@
+td.svelte-2jo25p{border:0 solid rgba(67, 0, 176, 0.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}
+tr.svelte-1mf82y5:nth-child(even){background:rgba(67, 0, 176, 0.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:0.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:0.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:0.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:0.5em}
+th.svelte-pwzfgs{padding:0.5em 1em;text-align:left}
+table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}
diff --git a/376/client/table-5fc11a35.css b/376/client/table-5fc11a35.css
new file mode 100644
index 000000000..6d0c4f01e
--- /dev/null
+++ b/376/client/table-5fc11a35.css
@@ -0,0 +1 @@
+table.svelte-81z2q2.svelte-81z2q2.svelte-81z2q2{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}table.svelte-81z2q2 th.svelte-81z2q2.svelte-81z2q2{padding:0.5em 1em;text-align:start}table.svelte-81z2q2 th.center.svelte-81z2q2.svelte-81z2q2{text-align:center}table.svelte-81z2q2 th.end.svelte-81z2q2.svelte-81z2q2{text-align:end}table.svelte-81z2q2 tr.alternating.svelte-81z2q2.svelte-81z2q2:nth-child(even){background:rgba(67, 0, 176, 0.03)}table.svelte-81z2q2 tr.svelte-81z2q2:first-child>td.svelte-81z2q2:first-child{border-top-left-radius:0.5em}table.svelte-81z2q2 tr.svelte-81z2q2:first-child>td.svelte-81z2q2:last-child{border-top-right-radius:0.5em}table.svelte-81z2q2 tr.svelte-81z2q2:last-child>td.svelte-81z2q2{border-bottom-width:1px}table.svelte-81z2q2 tr.svelte-81z2q2:last-child>td.svelte-81z2q2:first-child{border-bottom-left-radius:0.5em}table.svelte-81z2q2 tr.svelte-81z2q2:last-child>td.svelte-81z2q2:last-child{border-bottom-right-radius:0.5em}table.svelte-81z2q2 td.svelte-81z2q2.svelte-81z2q2{border:0 solid rgba(67, 0, 176, 0.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em;text-align:start}table.svelte-81z2q2 td.center.svelte-81z2q2.svelte-81z2q2{text-align:center}table.svelte-81z2q2 td.end.svelte-81z2q2.svelte-81z2q2{text-align:end}table.svelte-81z2q2 td.svelte-81z2q2.svelte-81z2q2:last-child{border-right-width:1px}
diff --git a/376/client/table.8e98240c.js b/376/client/table.8e98240c.js
new file mode 100644
index 000000000..6826e5088
--- /dev/null
+++ b/376/client/table.8e98240c.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,K as s,j as a,l as $,m as r,U as o,a0 as c,t as p,p as l,q as f,L as m,u as i,w as u,f as g,d,v as h,x,h as y,k,b as w,e as E,n as v,g as b}from"./client.0d36a0cf.js";import{L as D,H as O,P as T}from"./layout.b2760304.js";import{T as C}from"./table.b361c3b7.js";import{S as N}from"./showcase.8eb3893d.js";import{C as j}from"./color-preview.278d2729.js";import{H as S}from"./h2.122c8b9f.js";import{H as L}from"./h3.1e03849b.js";import{T as R,a as P,b as A,c as G}from"./table.e069c294.js";import"./label.16b4782e.js";import"./classes.2453fa25.js";import"./copyable-code.1fddc954.js";import"./button.743a388a.js";function H(t){let e;return{c(){e=h("Table")},l(t){e=x(t,"Table")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function B(t){let e;return{c(){e=h("Simple data table.")},l(t){e=x(t,"Simple data table.")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function I(t){let e,n,s;return n=new C({props:{headers:t[0],items:t[1]}}),{c(){e=y("div"),a(n.$$.fragment),this.h()},l(t){e=k(t,"DIV",{slot:!0,class:!0});var s=w(e);$(n.$$.fragment,s),s.forEach(d),this.h()},h(){E(e,"slot","showcase"),E(e,"class","padded")},m(t,a){g(t,e,a),r(n,e,null),s=!0},p:v,i(t){s||(p(n.$$.fragment,t),s=!0)},o(t){l(n.$$.fragment,t),s=!1},d(t){t&&d(e),f(n)}}}function Y(t){let e,n;return{c(){e=y("div"),n=y("pre"),this.h()},l(t){e=k(t,"DIV",{slot:!0});var s=w(e);n=k(s,"PRE",{class:!0}),w(n).forEach(d),s.forEach(d),this.h()},h(){E(n,"class","language-svelte"),E(e,"slot","source")},m(t,s){g(t,e,s),b(e,n),n.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">const</span> headers <span class="token operator">=</span> <span class="token punctuation">[</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">\'First Name\'</span><span class="token punctuation">,</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'firstName\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">\'Last Name\'</span><span class="token punctuation">,</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'lastName\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">\'Age\'</span><span class="token punctuation">,</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">\'age\'</span><span class="token punctuation">,</span> <span class="token literal-property property">align</span><span class="token operator">:</span> <span class="token string">\'end\'</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">;</span>\n  <span class="token keyword">const</span> items <span class="token operator">=</span> <span class="token punctuation">[</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">firstName</span><span class="token operator">:</span> <span class="token string">\'John\'</span><span class="token punctuation">,</span> <span class="token literal-property property">lastName</span><span class="token operator">:</span> <span class="token string">\'Doe\'</span><span class="token punctuation">,</span> <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">694</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">firstName</span><span class="token operator">:</span> <span class="token string">\'Leo\'</span><span class="token punctuation">,</span> <span class="token literal-property property">lastName</span><span class="token operator">:</span> <span class="token string">\'Tolstoy\'</span><span class="token punctuation">,</span> <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">Date</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">getFullYear</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">-</span> <span class="token number">1828</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">firstName</span><span class="token operator">:</span> <span class="token string">\'فلان\'</span><span class="token punctuation">,</span> <span class="token literal-property property">lastName</span><span class="token operator">:</span> <span class="token string">\'الفلاني\'</span><span class="token punctuation">,</span> <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">42</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#123;</span> <span class="token literal-property property">firstName</span><span class="token operator">:</span> <span class="token string">\'Иван\'</span><span class="token punctuation">,</span> <span class="token literal-property property">lastName</span><span class="token operator">:</span> <span class="token string">\'Иванов\'</span><span class="token punctuation">,</span> <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">69</span> <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Table</span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>headers<span class="token punctuation">&#125;</span></span> <span class="token language-javascript"><span class="token punctuation">&#123;</span>items<span class="token punctuation">&#125;</span></span> <span class="token punctuation">/></span></span></code>'},p:v,d(t){t&&d(e)}}}function F(t){let e;return{c(){e=h("Properties")},l(t){e=x(t,"Properties")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function U(t){let e;return{c(){e=h("Style Properties")},l(t){e=x(t,"Style Properties")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function z(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function V(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function J(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function q(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function K(t){let e,n,s,o,c,m,h,x;return e=new A({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),s=new A({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),c=new A({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),h=new A({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a(s.$$.fragment),o=i(),a(c.$$.fragment),m=i(),a(h.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(s.$$.fragment,t),o=u(t),$(c.$$.fragment,t),m=u(t),$(h.$$.fragment,t)},m(t,a){r(e,t,a),g(t,n,a),r(s,t,a),g(t,o,a),r(c,t,a),g(t,m,a),r(h,t,a),x=!0},p(t,n){const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),s.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){f(e,t),t&&d(n),f(s,t),t&&d(o),f(c,t),t&&d(m),f(h,t)}}}function M(t){let e,n,s;return{c(){e=y("strong"),n=y("code"),s=h("alternatingRows")},l(t){e=k(t,"STRONG",{});var a=w(e);n=k(a,"CODE",{});var $=w(n);s=x($,"alternatingRows"),$.forEach(d),a.forEach(d)},m(t,a){g(t,e,a),b(e,n),b(n,s)},p:v,d(t){t&&d(e)}}}function Q(t){let e,n;return{c(){e=y("code"),n=h("true")},l(t){e=k(t,"CODE",{});var s=w(e);n=x(s,"true"),s.forEach(d)},m(t,s){g(t,e,s),b(e,n)},p:v,d(t){t&&d(e)}}}function W(t){let e,n;return{c(){e=y("code"),n=h("boolean")},l(t){e=k(t,"CODE",{});var s=w(e);n=x(s,"boolean"),s.forEach(d)},m(t,s){g(t,e,s),b(e,n)},p:v,d(t){t&&d(e)}}}function X(t){let e;return{c(){e=h("Controls whether rows will have an alternating background color.")},l(t){e=x(t,"Controls whether rows will have an alternating background color.")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function Z(t){let e,n,s,o,c,m,h,x;return e=new G({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),s=new G({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a(s.$$.fragment),o=i(),a(c.$$.fragment),m=i(),a(h.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(s.$$.fragment,t),o=u(t),$(c.$$.fragment,t),m=u(t),$(h.$$.fragment,t)},m(t,a){r(e,t,a),g(t,n,a),r(s,t,a),g(t,o,a),r(c,t,a),g(t,m,a),r(h,t,a),x=!0},p(t,n){const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),s.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){f(e,t),t&&d(n),f(s,t),t&&d(o),f(c,t),t&&d(m),f(h,t)}}}function _(t){let e,n,s,o,c,m;return n=new P({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),{c(){e=y("thead"),a(n.$$.fragment),s=i(),o=y("tbody"),a(c.$$.fragment)},l(t){e=k(t,"THEAD",{});var a=w(e);$(n.$$.fragment,a),a.forEach(d),s=u(t),o=k(t,"TBODY",{});var r=w(o);$(c.$$.fragment,r),r.forEach(d)},m(t,a){g(t,e,a),r(n,e,null),g(t,s,a),g(t,o,a),r(c,o,null),m=!0},p(t,e){const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};32&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&d(e),f(n),t&&d(s),t&&d(o),f(c)}}}function tt(t){let e;return{c(){e=h("Functional Properties")},l(t){e=x(t,"Functional Properties")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function et(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function nt(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function st(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function at(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function $t(t){let e,n,s,o,c,m,h,x;return e=new A({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),s=new A({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),c=new A({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),h=new A({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a(s.$$.fragment),o=i(),a(c.$$.fragment),m=i(),a(h.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(s.$$.fragment,t),o=u(t),$(c.$$.fragment,t),m=u(t),$(h.$$.fragment,t)},m(t,a){r(e,t,a),g(t,n,a),r(s,t,a),g(t,o,a),r(c,t,a),g(t,m,a),r(h,t,a),x=!0},p(t,n){const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),s.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){f(e,t),t&&d(n),f(s,t),t&&d(o),f(c,t),t&&d(m),f(h,t)}}}function rt(t){let e,n,s;return{c(){e=y("strong"),n=y("code"),s=h("headers")},l(t){e=k(t,"STRONG",{});var a=w(e);n=k(a,"CODE",{});var $=w(n);s=x($,"headers"),$.forEach(d),a.forEach(d)},m(t,a){g(t,e,a),b(e,n),b(n,s)},p:v,d(t){t&&d(e)}}}function ot(t){let e,n;return{c(){e=y("code"),n=h("[]")},l(t){e=k(t,"CODE",{});var s=w(e);n=x(s,"[]"),s.forEach(d)},m(t,s){g(t,e,s),b(e,n)},p:v,d(t){t&&d(e)}}}function ct(t){let e,n;return{c(){e=y("code"),n=h(t[2])},l(s){e=k(s,"CODE",{});var a=w(e);n=x(a,t[2]),a.forEach(d)},m(t,s){g(t,e,s),b(e,n)},p:v,d(t){t&&d(e)}}}function pt(t){let e,n,s,a,$,r,o,c,p,l,f,m,i,u,E,D,O,T,C,N,j,S,L,R;return{c(){e=h("The labels for the column headers. Each column header is an object with the following fields:"),n=y("br"),s=y("ul"),a=y("li"),$=y("code"),r=h("text"),o=h(" is the text to display;"),c=y("li"),p=y("code"),l=h("value"),f=h(" is the name of the field to take from each object in "),m=y("code"),i=h("items"),u=h(" to put in this column;"),E=y("li"),D=y("code"),O=h("align"),T=h(" is the alignment of the text in the column ("),C=y("code"),N=h('"start" | "center" | "end"'),j=h("), defaulting to "),S=y("code"),L=h('"start"'),R=h(".")},l(t){e=x(t,"The labels for the column headers. Each column header is an object with the following fields:"),n=k(t,"BR",{}),s=k(t,"UL",{});var g=w(s);a=k(g,"LI",{});var h=w(a);$=k(h,"CODE",{});var y=w($);r=x(y,"text"),y.forEach(d),o=x(h," is the text to display;"),h.forEach(d),c=k(g,"LI",{});var v=w(c);p=k(v,"CODE",{});var b=w(p);l=x(b,"value"),b.forEach(d),f=x(v," is the name of the field to take from each object in "),m=k(v,"CODE",{});var P=w(m);i=x(P,"items"),P.forEach(d),u=x(v," to put in this column;"),v.forEach(d),E=k(g,"LI",{});var A=w(E);D=k(A,"CODE",{});var G=w(D);O=x(G,"align"),G.forEach(d),T=x(A," is the alignment of the text in the column ("),C=k(A,"CODE",{});var H=w(C);N=x(H,'"start" | "center" | "end"'),H.forEach(d),j=x(A,"), defaulting to "),S=k(A,"CODE",{});var B=w(S);L=x(B,'"start"'),B.forEach(d),R=x(A,"."),A.forEach(d),g.forEach(d)},m(t,d){g(t,e,d),g(t,n,d),g(t,s,d),b(s,a),b(a,$),b($,r),b(a,o),b(s,c),b(c,p),b(p,l),b(c,f),b(c,m),b(m,i),b(c,u),b(s,E),b(E,D),b(D,O),b(E,T),b(E,C),b(C,N),b(E,j),b(E,S),b(S,L),b(E,R)},p:v,d(t){t&&d(e),t&&d(n),t&&d(s)}}}function lt(t){let e,n,s,o,c,m,h,x;return e=new G({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),s=new G({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a(s.$$.fragment),o=i(),a(c.$$.fragment),m=i(),a(h.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(s.$$.fragment,t),o=u(t),$(c.$$.fragment,t),m=u(t),$(h.$$.fragment,t)},m(t,a){r(e,t,a),g(t,n,a),r(s,t,a),g(t,o,a),r(c,t,a),g(t,m,a),r(h,t,a),x=!0},p(t,n){const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),s.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){f(e,t),t&&d(n),f(s,t),t&&d(o),f(c,t),t&&d(m),f(h,t)}}}function ft(t){let e,n,s;return{c(){e=y("strong"),n=y("code"),s=h("items")},l(t){e=k(t,"STRONG",{});var a=w(e);n=k(a,"CODE",{});var $=w(n);s=x($,"items"),$.forEach(d),a.forEach(d)},m(t,a){g(t,e,a),b(e,n),b(n,s)},p:v,d(t){t&&d(e)}}}function mt(t){let e,n;return{c(){e=y("code"),n=h("[]")},l(t){e=k(t,"CODE",{});var s=w(e);n=x(s,"[]"),s.forEach(d)},m(t,s){g(t,e,s),b(e,n)},p:v,d(t){t&&d(e)}}}function it(t){let e,n;return{c(){e=y("code"),n=h(t[3])},l(s){e=k(s,"CODE",{});var a=w(e);n=x(a,t[3]),a.forEach(d)},m(t,s){g(t,e,s),b(e,n)},p:v,d(t){t&&d(e)}}}function ut(t){let e,n,s,a;return{c(){e=h("The actual rows of data to be displayed. It is an array of objects, where each object must have as its keys the content of the "),n=y("code"),s=h("value"),a=h(" property of the headers, and the value is the text to be displayed.")},l(t){e=x(t,"The actual rows of data to be displayed. It is an array of objects, where each object must have as its keys the content of the "),n=k(t,"CODE",{});var $=w(n);s=x($,"value"),$.forEach(d),a=x(t," property of the headers, and the value is the text to be displayed.")},m(t,$){g(t,e,$),g(t,n,$),b(n,s),g(t,a,$)},p:v,d(t){t&&d(e),t&&d(n),t&&d(a)}}}function gt(t){let e,n,s,o,c,m,h,x;return e=new G({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),s=new G({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a(s.$$.fragment),o=i(),a(c.$$.fragment),m=i(),a(h.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(s.$$.fragment,t),o=u(t),$(c.$$.fragment,t),m=u(t),$(h.$$.fragment,t)},m(t,a){r(e,t,a),g(t,n,a),r(s,t,a),g(t,o,a),r(c,t,a),g(t,m,a),r(h,t,a),x=!0},p(t,n){const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),s.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o)},i(t){x||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){f(e,t),t&&d(n),f(s,t),t&&d(o),f(c,t),t&&d(m),f(h,t)}}}function dt(t){let e,n,s;return{c(){e=y("strong"),n=y("code"),s=h("...")},l(t){e=k(t,"STRONG",{});var a=w(e);n=k(a,"CODE",{});var $=w(n);s=x($,"..."),$.forEach(d),a.forEach(d)},m(t,a){g(t,e,a),b(e,n),b(n,s)},p:v,d(t){t&&d(e)}}}function ht(t){let e,n;return{c(){e=y("code"),n=h("any")},l(t){e=k(t,"CODE",{});var s=w(e);n=x(s,"any"),s.forEach(d)},m(t,s){g(t,e,s),b(e,n)},p:v,d(t){t&&d(e)}}}function xt(t){let e,n,s,a;return{c(){e=h("Everything else will be passed to the underlying "),n=y("code"),s=h("<table>"),a=h(" element.")},l(t){e=x(t,"Everything else will be passed to the underlying "),n=k(t,"CODE",{});var $=w(n);s=x($,"<table>"),$.forEach(d),a=x(t," element.")},m(t,$){g(t,e,$),g(t,n,$),b(n,s),g(t,a,$)},p:v,d(t){t&&d(e),t&&d(n),t&&d(a)}}}function yt(t){let e,n,s,o,c,m,h,x;return e=new G({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),s=new G({}),c=new G({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a(s.$$.fragment),o=i(),a(c.$$.fragment),m=i(),a(h.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(s.$$.fragment,t),o=u(t),$(c.$$.fragment,t),m=u(t),$(h.$$.fragment,t)},m(t,a){r(e,t,a),g(t,n,a),r(s,t,a),g(t,o,a),r(c,t,a),g(t,m,a),r(h,t,a),x=!0},p(t,n){const s={};32&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s);const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),c.$set(a);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),h.$set($)},i(t){x||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){f(e,t),t&&d(n),f(s,t),t&&d(o),f(c,t),t&&d(m),f(h,t)}}}function kt(t){let e,n,s,o,c,m,h,x,E,v;return n=new P({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),E=new P({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),{c(){e=y("thead"),a(n.$$.fragment),s=i(),o=y("tbody"),a(c.$$.fragment),m=i(),a(h.$$.fragment),x=i(),a(E.$$.fragment)},l(t){e=k(t,"THEAD",{});var a=w(e);$(n.$$.fragment,a),a.forEach(d),s=u(t),o=k(t,"TBODY",{});var r=w(o);$(c.$$.fragment,r),m=u(r),$(h.$$.fragment,r),x=u(r),$(E.$$.fragment,r),r.forEach(d)},m(t,a){g(t,e,a),r(n,e,null),g(t,s,a),g(t,o,a),r(c,o,null),b(o,m),r(h,o,null),b(o,x),r(E,o,null),v=!0},p(t,e){const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};32&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const $={};32&e&&($.$$scope={dirty:e,ctx:t}),h.$set($);const r={};32&e&&(r.$$scope={dirty:e,ctx:t}),E.$set(r)},i(t){v||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),p(E.$$.fragment,t),v=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(E.$$.fragment,t),v=!1},d(t){t&&d(e),f(n),t&&d(s),t&&d(o),f(c),f(h),f(E)}}}function wt(t){let e;return{c(){e=h("Slots")},l(t){e=x(t,"Slots")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function Et(t){let e,n,s;return{c(){e=y("code"),n=h("header-item"),s=h(" slot")},l(t){e=k(t,"CODE",{});var a=w(e);n=x(a,"header-item"),a.forEach(d),s=x(t," slot")},m(t,a){g(t,e,a),b(e,n),g(t,s,a)},p:v,d(t){t&&d(e),t&&d(s)}}}function vt(t){let e,n,s,a,$,r,o;return{c(){e=h("Customizes the content of the "),n=y("code"),s=h("<th>"),a=h(" elements. Defaults to a "),$=y("code"),r=h("<Label>"),o=h(" component with the text content of the header.")},l(t){e=x(t,"Customizes the content of the "),n=k(t,"CODE",{});var c=w(n);s=x(c,"<th>"),c.forEach(d),a=x(t," elements. Defaults to a "),$=k(t,"CODE",{});var p=w($);r=x(p,"<Label>"),p.forEach(d),o=x(t," component with the text content of the header.")},m(t,c){g(t,e,c),g(t,n,c),b(n,s),g(t,a,c),g(t,$,c),b($,r),g(t,o,c)},p:v,d(t){t&&d(e),t&&d(n),t&&d(a),t&&d($),t&&d(o)}}}function bt(t){let e;return{c(){e=h("Prop Name")},l(t){e=x(t,"Prop Name")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function Dt(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function Ot(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function Tt(t){let e,n,s,o,c,m;return e=new A({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),s=new A({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),c=new A({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a(s.$$.fragment),o=i(),a(c.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(s.$$.fragment,t),o=u(t),$(c.$$.fragment,t)},m(t,a){r(e,t,a),g(t,n,a),r(s,t,a),g(t,o,a),r(c,t,a),m=!0},p(t,n){const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),s.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&d(n),f(s,t),t&&d(o),f(c,t)}}}function Ct(t){let e,n,s;return{c(){e=y("strong"),n=y("code"),s=h("header")},l(t){e=k(t,"STRONG",{});var a=w(e);n=k(a,"CODE",{});var $=w(n);s=x($,"header"),$.forEach(d),a.forEach(d)},m(t,a){g(t,e,a),b(e,n),b(n,s)},p:v,d(t){t&&d(e)}}}function Nt(t){let e,n;return{c(){e=y("code"),n=h(fe)},l(t){e=k(t,"CODE",{});var s=w(e);n=x(s,fe),s.forEach(d)},m(t,s){g(t,e,s),b(e,n)},p:v,d(t){t&&d(e)}}}function jt(t){let e,n,s,a;return{c(){e=h("The header object passed as part of the "),n=y("code"),s=h("headers"),a=h(" array.")},l(t){e=x(t,"The header object passed as part of the "),n=k(t,"CODE",{});var $=w(n);s=x($,"headers"),$.forEach(d),a=x(t," array.")},m(t,$){g(t,e,$),g(t,n,$),b(n,s),g(t,a,$)},p:v,d(t){t&&d(e),t&&d(n),t&&d(a)}}}function St(t){let e,n,s,o,c,m;return e=new G({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),s=new G({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a(s.$$.fragment),o=i(),a(c.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(s.$$.fragment,t),o=u(t),$(c.$$.fragment,t)},m(t,a){r(e,t,a),g(t,n,a),r(s,t,a),g(t,o,a),r(c,t,a),m=!0},p(t,n){const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),s.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&d(n),f(s,t),t&&d(o),f(c,t)}}}function Lt(t){let e,n,s,o,c,m;return n=new P({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){e=y("thead"),a(n.$$.fragment),s=i(),o=y("tbody"),a(c.$$.fragment)},l(t){e=k(t,"THEAD",{});var a=w(e);$(n.$$.fragment,a),a.forEach(d),s=u(t),o=k(t,"TBODY",{});var r=w(o);$(c.$$.fragment,r),r.forEach(d)},m(t,a){g(t,e,a),r(n,e,null),g(t,s,a),g(t,o,a),r(c,o,null),m=!0},p(t,e){const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};32&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a)},i(t){m||(p(n.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&d(e),f(n),t&&d(s),t&&d(o),f(c)}}}function Rt(t){let e,n,s;return{c(){e=y("code"),n=h("item"),s=h(" slot")},l(t){e=k(t,"CODE",{});var a=w(e);n=x(a,"item"),a.forEach(d),s=x(t," slot")},m(t,a){g(t,e,a),b(e,n),g(t,s,a)},p:v,d(t){t&&d(e),t&&d(s)}}}function Pt(t){let e,n,s,a,$,r,o,c,p,l;return{c(){e=h("Used to customize each data cell (contents of "),n=y("code"),s=h("<td>"),a=h(") on its own.\nThe intersection of "),$=y("code"),r=h("header"),o=h(" and "),c=y("code"),p=h("item"),l=h(" can be used to identify the data cell.")},l(t){e=x(t,"Used to customize each data cell (contents of "),n=k(t,"CODE",{});var f=w(n);s=x(f,"<td>"),f.forEach(d),a=x(t,") on its own.\nThe intersection of "),$=k(t,"CODE",{});var m=w($);r=x(m,"header"),m.forEach(d),o=x(t," and "),c=k(t,"CODE",{});var i=w(c);p=x(i,"item"),i.forEach(d),l=x(t," can be used to identify the data cell.")},m(t,f){g(t,e,f),g(t,n,f),b(n,s),g(t,a,f),g(t,$,f),b($,r),g(t,o,f),g(t,c,f),b(c,p),g(t,l,f)},p:v,d(t){t&&d(e),t&&d(n),t&&d(a),t&&d($),t&&d(o),t&&d(c),t&&d(l)}}}function At(t){let e;return{c(){e=h("Prop Name")},l(t){e=x(t,"Prop Name")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function Gt(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function Ht(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function Bt(t){let e,n,s,o,c,m;return e=new A({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),s=new A({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),c=new A({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a(s.$$.fragment),o=i(),a(c.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(s.$$.fragment,t),o=u(t),$(c.$$.fragment,t)},m(t,a){r(e,t,a),g(t,n,a),r(s,t,a),g(t,o,a),r(c,t,a),m=!0},p(t,n){const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),s.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&d(n),f(s,t),t&&d(o),f(c,t)}}}function It(t){let e,n,s;return{c(){e=y("strong"),n=y("code"),s=h("header")},l(t){e=k(t,"STRONG",{});var a=w(e);n=k(a,"CODE",{});var $=w(n);s=x($,"header"),$.forEach(d),a.forEach(d)},m(t,a){g(t,e,a),b(e,n),b(n,s)},p:v,d(t){t&&d(e)}}}function Yt(t){let e,n;return{c(){e=y("code"),n=h(fe)},l(t){e=k(t,"CODE",{});var s=w(e);n=x(s,fe),s.forEach(d)},m(t,s){g(t,e,s),b(e,n)},p:v,d(t){t&&d(e)}}}function Ft(t){let e,n,s,a;return{c(){e=h("The header object passed as part of the "),n=y("code"),s=h("headers"),a=h(" array.")},l(t){e=x(t,"The header object passed as part of the "),n=k(t,"CODE",{});var $=w(n);s=x($,"headers"),$.forEach(d),a=x(t," array.")},m(t,$){g(t,e,$),g(t,n,$),b(n,s),g(t,a,$)},p:v,d(t){t&&d(e),t&&d(n),t&&d(a)}}}function Ut(t){let e,n,s,o,c,m;return e=new G({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),s=new G({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a(s.$$.fragment),o=i(),a(c.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(s.$$.fragment,t),o=u(t),$(c.$$.fragment,t)},m(t,a){r(e,t,a),g(t,n,a),r(s,t,a),g(t,o,a),r(c,t,a),m=!0},p(t,n){const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),s.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&d(n),f(s,t),t&&d(o),f(c,t)}}}function zt(t){let e,n,s;return{c(){e=y("strong"),n=y("code"),s=h("item")},l(t){e=k(t,"STRONG",{});var a=w(e);n=k(a,"CODE",{});var $=w(n);s=x($,"item"),$.forEach(d),a.forEach(d)},m(t,a){g(t,e,a),b(e,n),b(n,s)},p:v,d(t){t&&d(e)}}}function Vt(t){let e,n;return{c(){e=y("code"),n=h(me)},l(t){e=k(t,"CODE",{});var s=w(e);n=x(s,me),s.forEach(d)},m(t,s){g(t,e,s),b(e,n)},p:v,d(t){t&&d(e)}}}function Jt(t){let e,n,s,a;return{c(){e=h("The row object passed as part of the "),n=y("code"),s=h("items"),a=h(" array.")},l(t){e=x(t,"The row object passed as part of the "),n=k(t,"CODE",{});var $=w(n);s=x($,"items"),$.forEach(d),a=x(t," array.")},m(t,$){g(t,e,$),g(t,n,$),b(n,s),g(t,a,$)},p:v,d(t){t&&d(e),t&&d(n),t&&d(a)}}}function qt(t){let e,n,s,o,c,m;return e=new G({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),s=new G({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a(s.$$.fragment),o=i(),a(c.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(s.$$.fragment,t),o=u(t),$(c.$$.fragment,t)},m(t,a){r(e,t,a),g(t,n,a),r(s,t,a),g(t,o,a),r(c,t,a),m=!0},p(t,n){const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),s.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&d(n),f(s,t),t&&d(o),f(c,t)}}}function Kt(t){let e,n,s,o,c,m,h,x;return n=new P({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){e=y("thead"),a(n.$$.fragment),s=i(),o=y("tbody"),a(c.$$.fragment),m=i(),a(h.$$.fragment)},l(t){e=k(t,"THEAD",{});var a=w(e);$(n.$$.fragment,a),a.forEach(d),s=u(t),o=k(t,"TBODY",{});var r=w(o);$(c.$$.fragment,r),m=u(r),$(h.$$.fragment,r),r.forEach(d)},m(t,a){g(t,e,a),r(n,e,null),g(t,s,a),g(t,o,a),r(c,o,null),b(o,m),r(h,o,null),x=!0},p(t,e){const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};32&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const $={};32&e&&($.$$scope={dirty:e,ctx:t}),h.$set($)},i(t){x||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){t&&d(e),f(n),t&&d(s),t&&d(o),f(c),f(h)}}}function Mt(t){let e;return{c(){e=h("SCSS Variables")},l(t){e=x(t,"SCSS Variables")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function Qt(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function Wt(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function Xt(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function Zt(t){let e,n,s,o,c,m;return e=new A({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),s=new A({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),c=new A({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a(s.$$.fragment),o=i(),a(c.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(s.$$.fragment,t),o=u(t),$(c.$$.fragment,t)},m(t,a){r(e,t,a),g(t,n,a),r(s,t,a),g(t,o,a),r(c,t,a),m=!0},p(t,n){const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),s.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&d(n),f(s,t),t&&d(o),f(c,t)}}}function _t(t){let e,n,s;return{c(){e=y("strong"),n=y("code"),s=h("$main")},l(t){e=k(t,"STRONG",{});var a=w(e);n=k(a,"CODE",{});var $=w(n);s=x($,"$main"),$.forEach(d),a.forEach(d)},m(t,a){g(t,e,a),b(e,n),b(n,s)},p:v,d(t){t&&d(e)}}}function te(t){let e;return{c(){e=h("Used for the border color and the background color of alternating rows.")},l(t){e=x(t,"Used for the border color and the background color of alternating rows.")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function ee(t){let e,n;return e=new j({props:{value:"#4300B0"}}),{c(){a(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,s){r(e,t,s),n=!0},p:v,i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}function ne(t){let e,n,s,o,c,m;return e=new G({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),s=new G({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a(s.$$.fragment),o=i(),a(c.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(s.$$.fragment,t),o=u(t),$(c.$$.fragment,t)},m(t,a){r(e,t,a),g(t,n,a),r(s,t,a),g(t,o,a),r(c,t,a),m=!0},p(t,n){const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),s.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&d(n),f(s,t),t&&d(o),f(c,t)}}}function se(t){let e,n,s;return{c(){e=y("strong"),n=y("code"),s=h("$table-radius")},l(t){e=k(t,"STRONG",{});var a=w(e);n=k(a,"CODE",{});var $=w(n);s=x($,"$table-radius"),$.forEach(d),a.forEach(d)},m(t,a){g(t,e,a),b(e,n),b(n,s)},p:v,d(t){t&&d(e)}}}function ae(t){let e;return{c(){e=h("The border radius of the table body.")},l(t){e=x(t,"The border radius of the table body.")},m(t,n){g(t,e,n)},d(t){t&&d(e)}}}function $e(t){let e,n;return{c(){e=y("code"),n=h("0.5em")},l(t){e=k(t,"CODE",{});var s=w(e);n=x(s,"0.5em"),s.forEach(d)},m(t,s){g(t,e,s),b(e,n)},p:v,d(t){t&&d(e)}}}function re(t){let e,n,s,o,c,m;return e=new G({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),s=new G({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a(s.$$.fragment),o=i(),a(c.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(s.$$.fragment,t),o=u(t),$(c.$$.fragment,t)},m(t,a){r(e,t,a),g(t,n,a),r(s,t,a),g(t,o,a),r(c,t,a),m=!0},p(t,n){const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),s.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r)},i(t){m||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&d(n),f(s,t),t&&d(o),f(c,t)}}}function oe(t){let e,n,s,o,c,m,h,x;return n=new P({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),h=new P({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),{c(){e=y("thead"),a(n.$$.fragment),s=i(),o=y("tbody"),a(c.$$.fragment),m=i(),a(h.$$.fragment)},l(t){e=k(t,"THEAD",{});var a=w(e);$(n.$$.fragment,a),a.forEach(d),s=u(t),o=k(t,"TBODY",{});var r=w(o);$(c.$$.fragment,r),m=u(r),$(h.$$.fragment,r),r.forEach(d)},m(t,a){g(t,e,a),r(n,e,null),g(t,s,a),g(t,o,a),r(c,o,null),b(o,m),r(h,o,null),x=!0},p(t,e){const s={};32&e&&(s.$$scope={dirty:e,ctx:t}),n.$set(s);const a={};32&e&&(a.$$scope={dirty:e,ctx:t}),c.$set(a);const $={};32&e&&($.$$scope={dirty:e,ctx:t}),h.$set($)},i(t){x||(p(n.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),x=!0)},o(t){l(n.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),x=!1},d(t){t&&d(e),f(n),t&&d(s),t&&d(o),f(c),f(h)}}}function ce(t){let e,n,s,o,c,m,h,x,y,k,w,E,v,b,D,C,j,P,A,G,z,V,J,q,K,M,Q,W,X,Z,et,nt,st,at;return e=new O({props:{$$slots:{default:[H]},$$scope:{ctx:t}}}),s=new T({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),c=new N({props:{$$slots:{source:[Y],showcase:[I]},$$scope:{ctx:t}}}),h=new S({props:{id:"properties",$$slots:{default:[F]},$$scope:{ctx:t}}}),y=new L({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),w=new R({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),v=new L({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),D=new R({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),j=new S({props:{id:"slots",$$slots:{default:[wt]},$$scope:{ctx:t}}}),A=new L({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),z=new T({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),J=new R({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),K=new L({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),Q=new T({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),X=new R({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),et=new S({props:{id:"scss-variables",$$slots:{default:[Mt]},$$scope:{ctx:t}}}),st=new R({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),{c(){a(e.$$.fragment),n=i(),a(s.$$.fragment),o=i(),a(c.$$.fragment),m=i(),a(h.$$.fragment),x=i(),a(y.$$.fragment),k=i(),a(w.$$.fragment),E=i(),a(v.$$.fragment),b=i(),a(D.$$.fragment),C=i(),a(j.$$.fragment),P=i(),a(A.$$.fragment),G=i(),a(z.$$.fragment),V=i(),a(J.$$.fragment),q=i(),a(K.$$.fragment),M=i(),a(Q.$$.fragment),W=i(),a(X.$$.fragment),Z=i(),a(et.$$.fragment),nt=i(),a(st.$$.fragment)},l(t){$(e.$$.fragment,t),n=u(t),$(s.$$.fragment,t),o=u(t),$(c.$$.fragment,t),m=u(t),$(h.$$.fragment,t),x=u(t),$(y.$$.fragment,t),k=u(t),$(w.$$.fragment,t),E=u(t),$(v.$$.fragment,t),b=u(t),$(D.$$.fragment,t),C=u(t),$(j.$$.fragment,t),P=u(t),$(A.$$.fragment,t),G=u(t),$(z.$$.fragment,t),V=u(t),$(J.$$.fragment,t),q=u(t),$(K.$$.fragment,t),M=u(t),$(Q.$$.fragment,t),W=u(t),$(X.$$.fragment,t),Z=u(t),$(et.$$.fragment,t),nt=u(t),$(st.$$.fragment,t)},m(t,a){r(e,t,a),g(t,n,a),r(s,t,a),g(t,o,a),r(c,t,a),g(t,m,a),r(h,t,a),g(t,x,a),r(y,t,a),g(t,k,a),r(w,t,a),g(t,E,a),r(v,t,a),g(t,b,a),r(D,t,a),g(t,C,a),r(j,t,a),g(t,P,a),r(A,t,a),g(t,G,a),r(z,t,a),g(t,V,a),r(J,t,a),g(t,q,a),r(K,t,a),g(t,M,a),r(Q,t,a),g(t,W,a),r(X,t,a),g(t,Z,a),r(et,t,a),g(t,nt,a),r(st,t,a),at=!0},p(t,n){const a={};32&n&&(a.$$scope={dirty:n,ctx:t}),e.$set(a);const $={};32&n&&($.$$scope={dirty:n,ctx:t}),s.$set($);const r={};32&n&&(r.$$scope={dirty:n,ctx:t}),c.$set(r);const o={};32&n&&(o.$$scope={dirty:n,ctx:t}),h.$set(o);const p={};32&n&&(p.$$scope={dirty:n,ctx:t}),y.$set(p);const l={};32&n&&(l.$$scope={dirty:n,ctx:t}),w.$set(l);const f={};32&n&&(f.$$scope={dirty:n,ctx:t}),v.$set(f);const m={};32&n&&(m.$$scope={dirty:n,ctx:t}),D.$set(m);const i={};32&n&&(i.$$scope={dirty:n,ctx:t}),j.$set(i);const u={};32&n&&(u.$$scope={dirty:n,ctx:t}),A.$set(u);const g={};32&n&&(g.$$scope={dirty:n,ctx:t}),z.$set(g);const d={};32&n&&(d.$$scope={dirty:n,ctx:t}),J.$set(d);const x={};32&n&&(x.$$scope={dirty:n,ctx:t}),K.$set(x);const k={};32&n&&(k.$$scope={dirty:n,ctx:t}),Q.$set(k);const E={};32&n&&(E.$$scope={dirty:n,ctx:t}),X.$set(E);const b={};32&n&&(b.$$scope={dirty:n,ctx:t}),et.$set(b);const O={};32&n&&(O.$$scope={dirty:n,ctx:t}),st.$set(O)},i(t){at||(p(e.$$.fragment,t),p(s.$$.fragment,t),p(c.$$.fragment,t),p(h.$$.fragment,t),p(y.$$.fragment,t),p(w.$$.fragment,t),p(v.$$.fragment,t),p(D.$$.fragment,t),p(j.$$.fragment,t),p(A.$$.fragment,t),p(z.$$.fragment,t),p(J.$$.fragment,t),p(K.$$.fragment,t),p(Q.$$.fragment,t),p(X.$$.fragment,t),p(et.$$.fragment,t),p(st.$$.fragment,t),at=!0)},o(t){l(e.$$.fragment,t),l(s.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(y.$$.fragment,t),l(w.$$.fragment,t),l(v.$$.fragment,t),l(D.$$.fragment,t),l(j.$$.fragment,t),l(A.$$.fragment,t),l(z.$$.fragment,t),l(J.$$.fragment,t),l(K.$$.fragment,t),l(Q.$$.fragment,t),l(X.$$.fragment,t),l(et.$$.fragment,t),l(st.$$.fragment,t),at=!1},d(t){f(e,t),t&&d(n),f(s,t),t&&d(o),f(c,t),t&&d(m),f(h,t),t&&d(x),f(y,t),t&&d(k),f(w,t),t&&d(E),f(v,t),t&&d(b),f(D,t),t&&d(C),f(j,t),t&&d(P),f(A,t),t&&d(G),f(z,t),t&&d(V),f(J,t),t&&d(q),f(K,t),t&&d(M),f(Q,t),t&&d(W),f(X,t),t&&d(Z),f(et,t),t&&d(nt),f(st,t)}}}function pe(t){let e,n;const m=[t[4],le];let i={$$slots:{default:[ce]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)i=s(i,m[t]);return e=new D({props:i}),{c(){a(e.$$.fragment)},l(t){$(e.$$.fragment,t)},m(t,s){r(e,t,s),n=!0},p(t,[n]){const s=16&n?o(m,[16&n&&c(t[4]),0&n&&c(le)]):{};32&n&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(p(e.$$.fragment,t),n=!0)},o(t){l(e.$$.fragment,t),n=!1},d(t){f(e,t)}}}const le={name:"Table"},fe="{ text: string; value: string}",me="{ [key: string]: string | number }";function ie(t,e,n){const a=[{firstName:"John",lastName:"Doe",age:694},{firstName:"Leo",lastName:"Tolstoy",age:(new Date).getFullYear()-1828},{firstName:"فلان",lastName:"الفلاني",age:42},{firstName:"Иван",lastName:"Иванов",age:69}],$=`Array<${me}>`;return t.$$set=t=>{n(4,e=s(s({},e),m(t)))},[[{text:"First Name",value:"firstName"},{text:"Last Name",value:"lastName"},{text:"Age",value:"age",align:"end"}],a,'Array<{\n  text: string;\n  value: string;\n  align?: "start" | "center" | "end"\n}>',$,e=m(e)]}class ue extends t{constructor(t){super(),e(this,t,ie,pe,n,{})}}export{ue as default,le as metadata};
diff --git a/376/client/table.b361c3b7.js b/376/client/table.b361c3b7.js
new file mode 100644
index 000000000..0dc87f90c
--- /dev/null
+++ b/376/client/table.b361c3b7.js
@@ -0,0 +1 @@
+import{S as e,i as t,s as l,K as n,h as s,u as a,k as r,b as o,d as c,w as i,N as h,O as f,f as g,g as u,y as d,Z as m,z as p,t as $,U as v,p as w,a9 as E,I as T,L as R,M as x,e as q,Q as z,R as b,T as y,_ as j,j as k,l as A,m as B,q as D,v as L,x as M,A as H}from"./client.0d36a0cf.js";import{L as O}from"./label.16b4782e.js";function I(e,t,l){const n=e.slice();return n[6]=t[l],n}function K(e,t,l){const n=e.slice();return n[9]=t[l],n}const N=e=>({header:1&e,item:2&e}),Q=e=>({header:e[9],item:e[6]});function S(e,t,l){const n=e.slice();return n[9]=t[l],n}const U=e=>({header:1&e}),Y=e=>({header:e[9]});function Z(e){let t,l=e[9].text+"";return{c(){t=L(l)},l(e){t=M(e,l)},m(e,l){g(e,t,l)},p(e,n){1&n&&l!==(l=e[9].text+"")&&H(t,l)},d(e){e&&c(t)}}}function _(e,t){let l,n,h;const d=t[4]["header-item"],m=x(d,t,t[5],Y),p=m||function(e){let t,l;return t=new O({props:{$$slots:{default:[Z]},$$scope:{ctx:e}}}),{c(){k(t.$$.fragment)},l(e){A(t.$$.fragment,e)},m(e,n){B(t,e,n),l=!0},p(e,l){const n={};33&l&&(n.$$scope={dirty:l,ctx:e}),t.$set(n)},i(e){l||($(t.$$.fragment,e),l=!0)},o(e){w(t.$$.fragment,e),l=!1},d(e){D(t,e)}}}(t);return{key:e,first:null,c(){l=s("th"),p&&p.c(),n=a(),this.h()},l(e){l=r(e,"TH",{class:!0});var t=o(l);p&&p.l(t),n=i(t),t.forEach(c),this.h()},h(){q(l,"class","svelte-81z2q2"),f(l,"center","center"===t[9].align),f(l,"end","end"===t[9].align),this.first=l},m(e,t){g(e,l,t),p&&p.m(l,null),u(l,n),h=!0},p(e,n){t=e,m?m.p&&(!h||33&n)&&z(m,d,t,t[5],h?y(d,t[5],n,U):b(t[5]),Y):p&&p.p&&(!h||1&n)&&p.p(t,h?n:-1),(!h||1&n)&&f(l,"center","center"===t[9].align),(!h||1&n)&&f(l,"end","end"===t[9].align)},i(e){h||($(p,e),h=!0)},o(e){w(p,e),h=!1},d(e){e&&c(l),p&&p.d(e)}}}function C(e,t){let l,n;const a=t[4].item,i=x(a,t,t[5],Q),h=i||function(e){let t,l=e[6][e[9].value]+"";return{c(){t=L(l)},l(e){t=M(e,l)},m(e,l){g(e,t,l)},p(e,n){3&n&&l!==(l=e[6][e[9].value]+"")&&H(t,l)},d(e){e&&c(t)}}}(t);return{key:e,first:null,c(){l=s("td"),h&&h.c(),this.h()},l(e){l=r(e,"TD",{class:!0});var t=o(l);h&&h.l(t),t.forEach(c),this.h()},h(){q(l,"class","svelte-81z2q2"),f(l,"center","center"===t[9].align),f(l,"end","end"===t[9].align),this.first=l},m(e,t){g(e,l,t),h&&h.m(l,null),n=!0},p(e,s){t=e,i?i.p&&(!n||35&s)&&z(i,a,t,t[5],n?y(a,t[5],s,N):b(t[5]),Q):h&&h.p&&(!n||3&s)&&h.p(t,n?s:-1),(!n||1&s)&&f(l,"center","center"===t[9].align),(!n||1&s)&&f(l,"end","end"===t[9].align)},i(e){n||($(h,e),n=!0)},o(e){w(h,e),n=!1},d(e){e&&c(l),h&&h.d(e)}}}function F(e){let t,l,n,h=[],v=new Map,E=e[0];const T=e=>e[9].value;for(let t=0;t<E.length;t+=1){let l=K(e,E,t),n=T(l);v.set(n,h[t]=C(n,l))}return{c(){t=s("tr");for(let e=0;e<h.length;e+=1)h[e].c();l=a(),this.h()},l(e){t=r(e,"TR",{class:!0});var n=o(t);for(let e=0;e<h.length;e+=1)h[e].l(n);l=i(n),n.forEach(c),this.h()},h(){q(t,"class","svelte-81z2q2"),f(t,"alternating",e[2])},m(e,s){g(e,t,s);for(let e=0;e<h.length;e+=1)h[e]&&h[e].m(t,null);u(t,l),n=!0},p(e,s){35&s&&(E=e[0],d(),h=m(h,s,T,1,e,E,v,t,j,C,l,K),p()),(!n||4&s)&&f(t,"alternating",e[2])},i(e){if(!n){for(let e=0;e<E.length;e+=1)$(h[e]);n=!0}},o(e){for(let e=0;e<h.length;e+=1)w(h[e]);n=!1},d(e){e&&c(t);for(let e=0;e<h.length;e+=1)h[e].d()}}}function G(e){let t,l,T,R,x,q,z=[],b=new Map,y=e[0];const k=e=>e[9].value;for(let t=0;t<y.length;t+=1){let l=S(e,y,t),n=k(l);b.set(n,z[t]=_(n,l))}let A=e[1],B=[];for(let t=0;t<A.length;t+=1)B[t]=F(I(e,A,t));const D=e=>w(B[e],1,1,(()=>{B[e]=null}));let L=[e[3]],M={};for(let e=0;e<L.length;e+=1)M=n(M,L[e]);return{c(){t=s("table"),l=s("thead"),T=s("tr");for(let e=0;e<z.length;e+=1)z[e].c();R=a(),x=s("tbody");for(let e=0;e<B.length;e+=1)B[e].c();this.h()},l(e){t=r(e,"TABLE",{});var n=o(t);l=r(n,"THEAD",{});var s=o(l);T=r(s,"TR",{});var a=o(T);for(let e=0;e<z.length;e+=1)z[e].l(a);a.forEach(c),s.forEach(c),R=i(n),x=r(n,"TBODY",{});var h=o(x);for(let e=0;e<B.length;e+=1)B[e].l(h);h.forEach(c),n.forEach(c),this.h()},h(){h(t,M),f(t,"svelte-81z2q2",!0)},m(e,n){g(e,t,n),u(t,l),u(l,T);for(let e=0;e<z.length;e+=1)z[e]&&z[e].m(T,null);u(t,R),u(t,x);for(let e=0;e<B.length;e+=1)B[e]&&B[e].m(x,null);q=!0},p(e,[l]){if(33&l&&(y=e[0],d(),z=m(z,l,k,1,e,y,b,T,j,_,null,S),p()),39&l){let t;for(A=e[1],t=0;t<A.length;t+=1){const n=I(e,A,t);B[t]?(B[t].p(n,l),$(B[t],1)):(B[t]=F(n),B[t].c(),$(B[t],1),B[t].m(x,null))}for(d(),t=A.length;t<B.length;t+=1)D(t);p()}h(t,M=v(L,[8&l&&e[3]])),f(t,"svelte-81z2q2",!0)},i(e){if(!q){for(let e=0;e<y.length;e+=1)$(z[e]);for(let e=0;e<A.length;e+=1)$(B[e]);q=!0}},o(e){for(let e=0;e<z.length;e+=1)w(z[e]);B=B.filter(Boolean);for(let e=0;e<B.length;e+=1)w(B[e]);q=!1},d(e){e&&c(t);for(let e=0;e<z.length;e+=1)z[e].d();E(B,e)}}}function J(e,t,l){const s=["headers","items","alternatingRows"];let a=T(t,s),{$$slots:r={},$$scope:o}=t,{headers:c=[]}=t,{items:i=[]}=t,{alternatingRows:h=!0}=t;return e.$$set=e=>{t=n(n({},t),R(e)),l(3,a=T(t,s)),"headers"in e&&l(0,c=e.headers),"items"in e&&l(1,i=e.items),"alternatingRows"in e&&l(2,h=e.alternatingRows),"$$scope"in e&&l(5,o=e.$$scope)},[c,i,h,a,r,o]}var P=class extends e{constructor(e){super(),t(this,e,J,G,l,{headers:0,items:1,alternatingRows:2})}};export{P as T};
diff --git a/376/client/table.e069c294.js b/376/client/table.e069c294.js
new file mode 100644
index 000000000..5f10f6911
--- /dev/null
+++ b/376/client/table.e069c294.js
@@ -0,0 +1 @@
+import{S as s,i as t,s as l,M as e,h as c,k as n,b as o,d as a,e as $,f as r,Q as u,R as i,T as p,t as h,p as f,j as d,l as m,m as v,q as x}from"./client.0d36a0cf.js";import{L as T}from"./label.16b4782e.js";function b(s){let t,l;const d=s[1].default,m=e(d,s,s[0],null);return{c(){t=c("td"),m&&m.c(),this.h()},l(s){t=n(s,"TD",{class:!0});var l=o(t);m&&m.l(l),l.forEach(a),this.h()},h(){$(t,"class","svelte-2jo25p")},m(s,e){r(s,t,e),m&&m.m(t,null),l=!0},p(s,[t]){m&&m.p&&(!l||1&t)&&u(m,d,s,s[0],l?p(d,s[0],t,null):i(s[0]),null)},i(s){l||(h(m,s),l=!0)},o(s){f(m,s),l=!1},d(s){s&&a(t),m&&m.d(s)}}}function g(s,t,l){let{$$slots:e={},$$scope:c}=t;return s.$$set=s=>{"$$scope"in s&&l(0,c=s.$$scope)},[c,e]}class E extends s{constructor(s){super(),t(this,s,g,b,l,{})}}function j(s){let t,l;const d=s[1].default,m=e(d,s,s[0],null);return{c(){t=c("tr"),m&&m.c(),this.h()},l(s){t=n(s,"TR",{class:!0});var l=o(t);m&&m.l(l),l.forEach(a),this.h()},h(){$(t,"class","svelte-1mf82y5")},m(s,e){r(s,t,e),m&&m.m(t,null),l=!0},p(s,[t]){m&&m.p&&(!l||1&t)&&u(m,d,s,s[0],l?p(d,s[0],t,null):i(s[0]),null)},i(s){l||(h(m,s),l=!0)},o(s){f(m,s),l=!1},d(s){s&&a(t),m&&m.d(s)}}}function w(s,t,l){let{$$slots:e={},$$scope:c}=t;return s.$$set=s=>{"$$scope"in s&&l(0,c=s.$$scope)},[c,e]}class y extends s{constructor(s){super(),t(this,s,w,j,l,{})}}function L(s){let t;const l=s[0].default,c=e(l,s,s[1],null);return{c(){c&&c.c()},l(s){c&&c.l(s)},m(s,l){c&&c.m(s,l),t=!0},p(s,e){c&&c.p&&(!t||2&e)&&u(c,l,s,s[1],t?p(l,s[1],e,null):i(s[1]),null)},i(s){t||(h(c,s),t=!0)},o(s){f(c,s),t=!1},d(s){c&&c.d(s)}}}function R(s){let t,l,e;return l=new T({props:{$$slots:{default:[L]},$$scope:{ctx:s}}}),{c(){t=c("th"),d(l.$$.fragment),this.h()},l(s){t=n(s,"TH",{class:!0});var e=o(t);m(l.$$.fragment,e),e.forEach(a),this.h()},h(){$(t,"class","svelte-pwzfgs")},m(s,c){r(s,t,c),v(l,t,null),e=!0},p(s,[t]){const e={};2&t&&(e.$$scope={dirty:t,ctx:s}),l.$set(e)},i(s){e||(h(l.$$.fragment,s),e=!0)},o(s){f(l.$$.fragment,s),e=!1},d(s){s&&a(t),x(l)}}}function k(s,t,l){let{$$slots:e={},$$scope:c}=t;return s.$$set=s=>{"$$scope"in s&&l(1,c=s.$$scope)},[e,c]}class q extends s{constructor(s){super(),t(this,s,k,R,l,{})}}function z(s){let t,l;const d=s[1].default,m=e(d,s,s[0],null);return{c(){t=c("table"),m&&m.c(),this.h()},l(s){t=n(s,"TABLE",{class:!0});var l=o(t);m&&m.l(l),l.forEach(a),this.h()},h(){$(t,"class","svelte-174o5ul")},m(s,e){r(s,t,e),m&&m.m(t,null),l=!0},p(s,[t]){m&&m.p&&(!l||1&t)&&u(m,d,s,s[0],l?p(d,s[0],t,null):i(s[0]),null)},i(s){l||(h(m,s),l=!0)},o(s){f(m,s),l=!1},d(s){s&&a(t),m&&m.d(s)}}}function A(s,t,l){let{$$slots:e={},$$scope:c}=t;return s.$$set=s=>{"$$scope"in s&&l(0,c=s.$$scope)},[c,e]}class B extends s{constructor(s){super(),t(this,s,A,z,l,{})}}export{B as T,y as a,q as b,E as c};
diff --git a/376/client/tabs-0c50dbbb.css b/376/client/tabs-0c50dbbb.css
new file mode 100644
index 000000000..5b98ab8e0
--- /dev/null
+++ b/376/client/tabs-0c50dbbb.css
@@ -0,0 +1 @@
+nav.svelte-nmqube{display:flex;justify-content:space-between}
diff --git a/376/client/tabs.8ab10f21.js b/376/client/tabs.8ab10f21.js
new file mode 100644
index 000000000..27b96cb20
--- /dev/null
+++ b/376/client/tabs.8ab10f21.js
@@ -0,0 +1 @@
+import{S as s,i as a,s as t,h as e,k as l,b as n,d as r,e as o,X as i,f as c,y as u,Z as f,z as m,t as h,p as g,Y as p,$,H as v,j as b,l as d,m as j,a1 as C,q,_ as k,a2 as w}from"./client.0d36a0cf.js";import{c as x}from"./classes.2453fa25.js";import{T as y}from"./tab.bbb6306c.js";function T(s,a,t){const e=s.slice();return e[7]=a[t],e}function z(s,a){let t,e,l,n;function o(s){a[5](s)}let i={class:x(a[2]),value:a[7],name:a[4]};return void 0!==a[0]&&(i.group=a[0]),e=new y({props:i}),p.push((()=>$(e,"group",o))),e.$on("change",a[6]),{key:s,first:null,c(){t=v(),b(e.$$.fragment),this.h()},l(s){t=v(),d(e.$$.fragment,s),this.h()},h(){this.first=t},m(s,a){c(s,t,a),j(e,s,a),n=!0},p(s,t){a=s;const n={};4&t&&(n.class=x(a[2])),8&t&&(n.value=a[7]),16&t&&(n.name=a[4]),!l&&1&t&&(l=!0,n.group=a[0],C((()=>l=!1))),e.$set(n)},i(s){n||(h(e.$$.fragment,s),n=!0)},o(s){g(e.$$.fragment,s),n=!1},d(s){s&&r(t),q(e,s)}}}function A(s){let a,t,p,$=[],v=new Map,b=s[3];const d=s=>s[7];for(let a=0;a<b.length;a+=1){let t=T(s,b,a),e=d(t);v.set(e,$[a]=z(e,t))}return{c(){a=e("nav");for(let s=0;s<$.length;s+=1)$[s].c();this.h()},l(s){a=l(s,"NAV",{class:!0,role:!0});var t=n(a);for(let s=0;s<$.length;s+=1)$[s].l(t);t.forEach(r),this.h()},h(){o(a,"class",t=i(x(s[1]))+" svelte-nmqube"),o(a,"role","group")},m(s,t){c(s,a,t);for(let s=0;s<$.length;s+=1)$[s]&&$[s].m(a,null);p=!0},p(s,[e]){29&e&&(b=s[3],u(),$=f($,e,d,1,s,b,v,a,k,z,null,T),m()),(!p||2&e&&t!==(t=i(x(s[1]))+" svelte-nmqube"))&&o(a,"class",t)},i(s){if(!p){for(let s=0;s<b.length;s+=1)h($[s]);p=!0}},o(s){for(let s=0;s<$.length;s+=1)g($[s]);p=!1},d(s){s&&r(a);for(let s=0;s<$.length;s+=1)$[s].d()}}}function E(s,a,t){let{class:e=null}=a,{tabClass:l=null}=a,{value:n=null}=a,{items:r}=a,{name:o}=a;return s.$$set=s=>{"class"in s&&t(1,e=s.class),"tabClass"in s&&t(2,l=s.tabClass),"value"in s&&t(0,n=s.value),"items"in s&&t(3,r=s.items),"name"in s&&t(4,o=s.name)},[n,e,l,r,o,function(s){n=s,t(0,n)},function(a){w.call(this,s,a)}]}var H=class extends s{constructor(s){super(),a(this,s,E,A,t,{class:1,tabClass:2,value:0,items:3,name:4})}};export{H as T};
diff --git a/376/client/tabs.a8d9b606.js b/376/client/tabs.a8d9b606.js
new file mode 100644
index 000000000..d9e7b8e5f
--- /dev/null
+++ b/376/client/tabs.a8d9b606.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as s,l as r,m as a,U as o,a0 as c,t as f,p as l,q as p,L as m,u as g,h as i,v as d,w as u,k as h,b as x,x as v,d as E,e as w,f as y,g as b,Y as D,$ as T,a1 as O,n as k}from"./client.0d36a0cf.js";import{L as C,H as A,P as S}from"./layout.b2760304.js";import{T as N}from"./tabs.8ab10f21.js";import{S as j}from"./showcase.8eb3893d.js";import{C as R}from"./color-preview.278d2729.js";import{R as F}from"./related-components.2f822d5e.js";import{H as L}from"./h2.122c8b9f.js";import{H as M}from"./h3.1e03849b.js";import{T as G,a as H,b as P,c as q}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./tab.bbb6306c.js";import"./button.743a388a.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";import"./card.72b37821.js";function z(t){let e;return{c(){e=d("Tabs")},l(t){e=v(t,"Tabs")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function B(t){let e;return{c(){e=d("Tabs are used to organize content and navigate between it.")},l(t){e=v(t,"Tabs are used to organize content and navigate between it.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function U(t){let e,$,n,o;function c(e){t[2](e)}let m={name:"menu",items:["Appetizers","Main dishes","Drinks"]};return void 0!==t[0]&&(m.value=t[0]),$=new N({props:m}),D.push((()=>T($,"value",c))),{c(){e=i("div"),s($.$$.fragment),this.h()},l(t){e=h(t,"DIV",{slot:!0,class:!0});var n=x(e);r($.$$.fragment,n),n.forEach(E),this.h()},h(){w(e,"slot","showcase"),w(e,"class","padded")},m(t,n){y(t,e,n),a($,e,null),o=!0},p(t,e){const s={};!n&&1&e&&(n=!0,s.value=t[0],O((()=>n=!1))),$.$set(s)},i(t){o||(f($.$$.fragment,t),o=!0)},o(t){l($.$$.fragment,t),o=!1},d(t){t&&E(e),p($)}}}function V(t){let e,$;return{c(){e=i("div"),$=i("pre"),this.h()},l(t){e=h(t,"DIV",{slot:!0});var n=x(e);$=h(n,"PRE",{class:!0}),x($).forEach(E),n.forEach(E),this.h()},h(){w($,"class","language-svelte"),w(e,"slot","source")},m(t,n){y(t,e,n),b(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">let</span> selectedTab <span class="token operator">=</span> <span class="token string">\'Main dishes\'</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Tabs</span>\n  <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>menu<span class="token punctuation">"</span></span>\n  <span class="token attr-name">items=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span><span class="token punctuation">[</span><span class="token string">\'Appetizers\'</span><span class="token punctuation">,</span> <span class="token string">\'Main dishes\'</span><span class="token punctuation">,</span> <span class="token string">\'Drinks\'</span><span class="token punctuation">]</span><span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name"><span class="token namespace">bind:</span>value=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>selectedTab<span class="token punctuation">&#125;</span></span>\n<span class="token punctuation">/></span></span></code>'},p:k,d(t){t&&E(e)}}}function Y(t){let e;return{c(){e=d("Properties")},l(t){e=v(t,"Properties")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function I(t){let e;return{c(){e=d("Functional Properties")},l(t){e=v(t,"Functional Properties")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function K(t){let e;return{c(){e=d("Name")},l(t){e=v(t,"Name")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function W(t){let e;return{c(){e=d("Default")},l(t){e=v(t,"Default")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function _(t){let e;return{c(){e=d("Type")},l(t){e=v(t,"Type")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function J(t){let e;return{c(){e=d("Description")},l(t){e=v(t,"Description")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Q(t){let e,$,n,o,c,m,i,d;return e=new P({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),i=new P({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),o=u(t),r(c.$$.fragment,t),m=u(t),r(i.$$.fragment,t)},m(t,s){a(e,t,s),y(t,$,s),a(n,t,s),y(t,o,s),a(c,t,s),y(t,m,s),a(i,t,s),d=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),i.$set(o)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(i,t)}}}function X(t){let e,$,n,s,r,a,o;return{c(){e=i("mark"),$=i("strong"),n=i("code"),s=d("name"),r=d(" "),a=i("span"),o=d("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);n=h(f,"CODE",{});var l=x(n);s=v(l,"name"),l.forEach(E),f.forEach(E),c.forEach(E),r=v(t," "),a=h(t,"SPAN",{class:!0});var p=x(a);o=v(p,"*"),p.forEach(E),this.h()},h(){w(a,"class","required")},m(t,c){y(t,e,c),b(e,$),b($,n),b(n,s),y(t,r,c),y(t,a,c),b(a,o)},p:k,d(t){t&&E(e),t&&E(r),t&&E(a)}}}function Z(t){let e,$;return{c(){e=i("code"),$=d("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"string"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:k,d(t){t&&E(e)}}}function tt(t){let e,$,n,s,r,a,o,c,f,l,p,m;return{c(){e=d("The name passed to each of the underlying "),$=i("code"),n=d("<Tab>"),s=d("s, which in turn becomes assigned to the "),r=i("code"),a=d('<input type="radio">'),o=d("s' "),c=i("a"),f=i("code"),l=d("name"),p=d(" attribute"),m=d("."),this.h()},l(t){e=v(t,"The name passed to each of the underlying "),$=h(t,"CODE",{});var g=x($);n=v(g,"<Tab>"),g.forEach(E),s=v(t,"s, which in turn becomes assigned to the "),r=h(t,"CODE",{});var i=x(r);a=v(i,'<input type="radio">'),i.forEach(E),o=v(t,"s' "),c=h(t,"A",{href:!0,rel:!0});var d=x(c);f=h(d,"CODE",{});var u=x(f);l=v(u,"name"),u.forEach(E),p=v(d," attribute"),d.forEach(E),m=v(t,"."),this.h()},h(){w(c,"href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname"),w(c,"rel","nofollow")},m(t,g){y(t,e,g),y(t,$,g),b($,n),y(t,s,g),y(t,r,g),b(r,a),y(t,o,g),y(t,c,g),b(c,f),b(f,l),b(c,p),y(t,m,g)},p:k,d(t){t&&E(e),t&&E($),t&&E(s),t&&E(r),t&&E(o),t&&E(c),t&&E(m)}}}function et(t){let e,$,n,o,c,m,i,d;return e=new q({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),n=new q({}),c=new q({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),i=new q({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),o=u(t),r(c.$$.fragment,t),m=u(t),r(i.$$.fragment,t)},m(t,s){a(e,t,s),y(t,$,s),a(n,t,s),y(t,o,s),a(c,t,s),y(t,m,s),a(i,t,s),d=!0},p(t,$){const n={};8&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),i.$set(r)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(i,t)}}}function $t(t){let e,$,n,s,r,a,o;return{c(){e=i("mark"),$=i("strong"),n=i("code"),s=d("items"),r=d(" "),a=i("span"),o=d("*"),this.h()},l(t){e=h(t,"MARK",{});var c=x(e);$=h(c,"STRONG",{});var f=x($);n=h(f,"CODE",{});var l=x(n);s=v(l,"items"),l.forEach(E),f.forEach(E),c.forEach(E),r=v(t," "),a=h(t,"SPAN",{class:!0});var p=x(a);o=v(p,"*"),p.forEach(E),this.h()},h(){w(a,"class","required")},m(t,c){y(t,e,c),b(e,$),b($,n),b(n,s),y(t,r,c),y(t,a,c),b(a,o)},p:k,d(t){t&&E(e),t&&E(r),t&&E(a)}}}function nt(t){let e,$;return{c(){e=i("code"),$=d("Array")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"Array"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:k,d(t){t&&E(e)}}}function st(t){let e;return{c(){e=d("An array of strings that act as the labels of the tabs.")},l(t){e=v(t,"An array of strings that act as the labels of the tabs.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function rt(t){let e,$,n,o,c,m,i,d;return e=new q({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),n=new q({}),c=new q({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),i=new q({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),o=u(t),r(c.$$.fragment,t),m=u(t),r(i.$$.fragment,t)},m(t,s){a(e,t,s),y(t,$,s),a(n,t,s),y(t,o,s),a(c,t,s),y(t,m,s),a(i,t,s),d=!0},p(t,$){const n={};8&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),i.$set(r)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(i,t)}}}function at(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=d("value")},l(t){e=h(t,"STRONG",{});var s=x(e);$=h(s,"CODE",{});var r=x($);n=v(r,"value"),r.forEach(E),s.forEach(E)},m(t,s){y(t,e,s),b(e,$),b($,n)},p:k,d(t){t&&E(e)}}}function ot(t){let e,$;return{c(){e=i("code"),$=d("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"null"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:k,d(t){t&&E(e)}}}function ct(t){let e,$;return{c(){e=i("code"),$=d("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"string"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:k,d(t){t&&E(e)}}}function ft(t){let e;return{c(){e=d("The currently selected tab.")},l(t){e=v(t,"The currently selected tab.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function lt(t){let e,$,n,o,c,m,i,d;return e=new q({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),n=new q({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),i=new q({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),o=u(t),r(c.$$.fragment,t),m=u(t),r(i.$$.fragment,t)},m(t,s){a(e,t,s),y(t,$,s),a(n,t,s),y(t,o,s),a(c,t,s),y(t,m,s),a(i,t,s),d=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),i.$set(o)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(i,t)}}}function pt(t){let e,$,n,o,c,m,d,v,w,D;return $=new H({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),d=new H({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),w=new H({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),{c(){e=i("thead"),s($.$$.fragment),n=g(),o=i("tbody"),s(c.$$.fragment),m=g(),s(d.$$.fragment),v=g(),s(w.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);r($.$$.fragment,s),s.forEach(E),n=u(t),o=h(t,"TBODY",{});var a=x(o);r(c.$$.fragment,a),m=u(a),r(d.$$.fragment,a),v=u(a),r(w.$$.fragment,a),a.forEach(E)},m(t,s){y(t,e,s),a($,e,null),y(t,n,s),y(t,o,s),a(c,o,null),b(o,m),a(d,o,null),b(o,v),a(w,o,null),D=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),d.$set(r);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),w.$set(a)},i(t){D||(f($.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),f(w.$$.fragment,t),D=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),l(w.$$.fragment,t),D=!1},d(t){t&&E(e),p($),t&&E(n),t&&E(o),p(c),p(d),p(w)}}}function mt(t){let e;return{c(){e=d("Class Properties")},l(t){e=v(t,"Class Properties")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function gt(t){let e;return{c(){e=d("Falsy values passed to classes will be disregarded.")},l(t){e=v(t,"Falsy values passed to classes will be disregarded.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function it(t){let e;return{c(){e=d("Name")},l(t){e=v(t,"Name")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function dt(t){let e;return{c(){e=d("Default")},l(t){e=v(t,"Default")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function ut(t){let e;return{c(){e=d("Type")},l(t){e=v(t,"Type")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function ht(t){let e;return{c(){e=d("Description")},l(t){e=v(t,"Description")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function xt(t){let e,$,n,o,c,m,i,d;return e=new P({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),i=new P({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),o=u(t),r(c.$$.fragment,t),m=u(t),r(i.$$.fragment,t)},m(t,s){a(e,t,s),y(t,$,s),a(n,t,s),y(t,o,s),a(c,t,s),y(t,m,s),a(i,t,s),d=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),i.$set(o)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(i,t)}}}function vt(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=d("class")},l(t){e=h(t,"STRONG",{});var s=x(e);$=h(s,"CODE",{});var r=x($);n=v(r,"class"),r.forEach(E),s.forEach(E)},m(t,s){y(t,e,s),b(e,$),b($,n)},p:k,d(t){t&&E(e)}}}function Et(t){let e,$;return{c(){e=i("code"),$=d("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"null"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:k,d(t){t&&E(e)}}}function wt(t){let e,$;return{c(){e=i("code"),$=d("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"string"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:k,d(t){t&&E(e)}}}function yt(t){let e,$,n,s;return{c(){e=d("A class string to assign to the root "),$=i("code"),n=d("<nav>"),s=d(" element.")},l(t){e=v(t,"A class string to assign to the root "),$=h(t,"CODE",{});var r=x($);n=v(r,"<nav>"),r.forEach(E),s=v(t," element.")},m(t,r){y(t,e,r),y(t,$,r),b($,n),y(t,s,r)},p:k,d(t){t&&E(e),t&&E($),t&&E(s)}}}function bt(t){let e,$,n,o,c,m,i,d;return e=new q({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),n=new q({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),i=new q({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),o=u(t),r(c.$$.fragment,t),m=u(t),r(i.$$.fragment,t)},m(t,s){a(e,t,s),y(t,$,s),a(n,t,s),y(t,o,s),a(c,t,s),y(t,m,s),a(i,t,s),d=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),i.$set(o)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(i,t)}}}function Dt(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=d("tabClass")},l(t){e=h(t,"STRONG",{});var s=x(e);$=h(s,"CODE",{});var r=x($);n=v(r,"tabClass"),r.forEach(E),s.forEach(E)},m(t,s){y(t,e,s),b(e,$),b($,n)},p:k,d(t){t&&E(e)}}}function Tt(t){let e,$;return{c(){e=i("code"),$=d("null")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"null"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:k,d(t){t&&E(e)}}}function Ot(t){let e,$;return{c(){e=i("code"),$=d("string")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"string"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:k,d(t){t&&E(e)}}}function kt(t){let e,$,n,s;return{c(){e=d("A class string to pass to each "),$=i("code"),n=d("<Tab>"),s=d(" component.")},l(t){e=v(t,"A class string to pass to each "),$=h(t,"CODE",{});var r=x($);n=v(r,"<Tab>"),r.forEach(E),s=v(t," component.")},m(t,r){y(t,e,r),y(t,$,r),b($,n),y(t,s,r)},p:k,d(t){t&&E(e),t&&E($),t&&E(s)}}}function Ct(t){let e,$,n,o,c,m,i,d;return e=new q({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),n=new q({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),i=new q({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(i.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),o=u(t),r(c.$$.fragment,t),m=u(t),r(i.$$.fragment,t)},m(t,s){a(e,t,s),y(t,$,s),a(n,t,s),y(t,o,s),a(c,t,s),y(t,m,s),a(i,t,s),d=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),i.$set(o)},i(t){d||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(i.$$.fragment,t),d=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(i.$$.fragment,t),d=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(i,t)}}}function At(t){let e,$,n,o,c,m,d,v;return $=new H({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),d=new H({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){e=i("thead"),s($.$$.fragment),n=g(),o=i("tbody"),s(c.$$.fragment),m=g(),s(d.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);r($.$$.fragment,s),s.forEach(E),n=u(t),o=h(t,"TBODY",{});var a=x(o);r(c.$$.fragment,a),m=u(a),r(d.$$.fragment,a),a.forEach(E)},m(t,s){y(t,e,s),a($,e,null),y(t,n,s),y(t,o,s),a(c,o,null),b(o,m),a(d,o,null),v=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),d.$set(r)},i(t){v||(f($.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),v=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),v=!1},d(t){t&&E(e),p($),t&&E(n),t&&E(o),p(c),p(d)}}}function St(t){let e;return{c(){e=d("Events")},l(t){e=v(t,"Events")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Nt(t){let e;return{c(){e=d("Name")},l(t){e=v(t,"Name")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function jt(t){let e;return{c(){e=d("Event Detail")},l(t){e=v(t,"Event Detail")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Rt(t){let e;return{c(){e=d("Description")},l(t){e=v(t,"Description")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Ft(t){let e,$,n,o,c,m;return e=new P({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),o=u(t),r(c.$$.fragment,t)},m(t,s){a(e,t,s),y(t,$,s),a(n,t,s),y(t,o,s),a(c,t,s),m=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function Lt(t){let e,$,n;return{c(){e=i("strong"),$=i("code"),n=d("change")},l(t){e=h(t,"STRONG",{});var s=x(e);$=h(s,"CODE",{});var r=x($);n=v(r,"change"),r.forEach(E),s.forEach(E)},m(t,s){y(t,e,s),b(e,$),b($,n)},p:k,d(t){t&&E(e)}}}function Mt(t){let e,$;return{c(){e=i("code"),$=d("{ value, nativeEvent }")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"{ value, nativeEvent }"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:k,d(t){t&&E(e)}}}function Gt(t){let e,$,n,s,r,a,o,c,f,l,p,m,g,u,D,T;return{c(){e=d("Fired when selecting a different tab. The "),$=i("code"),n=d("value"),s=d(" contains the tab's "),r=i("code"),a=d("value"),o=d(" (from the "),c=i("code"),f=d("items"),l=d(" prop) and "),p=i("code"),m=d("nativeEvent"),g=d(" has the "),u=i("a"),D=d("native change event"),T=d("."),this.h()},l(t){e=v(t,"Fired when selecting a different tab. The "),$=h(t,"CODE",{});var i=x($);n=v(i,"value"),i.forEach(E),s=v(t," contains the tab's "),r=h(t,"CODE",{});var d=x(r);a=v(d,"value"),d.forEach(E),o=v(t," (from the "),c=h(t,"CODE",{});var w=x(c);f=v(w,"items"),w.forEach(E),l=v(t," prop) and "),p=h(t,"CODE",{});var y=x(p);m=v(y,"nativeEvent"),y.forEach(E),g=v(t," has the "),u=h(t,"A",{href:!0,rel:!0});var b=x(u);D=v(b,"native change event"),b.forEach(E),T=v(t,"."),this.h()},h(){w(u,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),w(u,"rel","nofollow")},m(t,i){y(t,e,i),y(t,$,i),b($,n),y(t,s,i),y(t,r,i),b(r,a),y(t,o,i),y(t,c,i),b(c,f),y(t,l,i),y(t,p,i),b(p,m),y(t,g,i),y(t,u,i),b(u,D),y(t,T,i)},p:k,d(t){t&&E(e),t&&E($),t&&E(s),t&&E(r),t&&E(o),t&&E(c),t&&E(l),t&&E(p),t&&E(g),t&&E(u),t&&E(T)}}}function Ht(t){let e,$,n,o,c,m;return e=new q({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),n=new q({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),o=u(t),r(c.$$.fragment,t)},m(t,s){a(e,t,s),y(t,$,s),a(n,t,s),y(t,o,s),a(c,t,s),m=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function Pt(t){let e,$,n,o,c,m;return $=new H({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),{c(){e=i("thead"),s($.$$.fragment),n=g(),o=i("tbody"),s(c.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);r($.$$.fragment,s),s.forEach(E),n=u(t),o=h(t,"TBODY",{});var a=x(o);r(c.$$.fragment,a),a.forEach(E)},m(t,s){y(t,e,s),a($,e,null),y(t,n,s),y(t,o,s),a(c,o,null),m=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(f($.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){t&&E(e),p($),t&&E(n),t&&E(o),p(c)}}}function qt(t){let e;return{c(){e=d("SCSS Variables")},l(t){e=v(t,"SCSS Variables")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function zt(t){let e;return{c(){e=d("Name")},l(t){e=v(t,"Name")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Bt(t){let e;return{c(){e=d("Description")},l(t){e=v(t,"Description")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Ut(t){let e;return{c(){e=d("Default")},l(t){e=v(t,"Default")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Vt(t){let e,$,n,o,c,m;return e=new P({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),n=new P({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),c=new P({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),o=u(t),r(c.$$.fragment,t)},m(t,s){a(e,t,s),y(t,$,s),a(n,t,s),y(t,o,s),a(c,t,s),m=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function Yt(t){let e,$,n,s,r,a,o,c,f;return{c(){e=i("strong"),$=i("code"),n=d("$main"),s=g(),r=i("small"),a=d("From "),o=i("a"),c=i("code"),f=d("Tab"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var p=x($);n=v(p,"$main"),p.forEach(E),l.forEach(E),s=u(t),r=h(t,"SMALL",{});var m=x(r);a=v(m,"From "),o=h(m,"A",{href:!0});var g=x(o);c=h(g,"CODE",{});var i=x(c);f=v(i,"Tab"),i.forEach(E),g.forEach(E),m.forEach(E),this.h()},h(){w(o,"href","./docs/components/tab")},m(t,l){y(t,e,l),b(e,$),b($,n),y(t,s,l),y(t,r,l),b(r,a),b(r,o),b(o,c),b(c,f)},p:k,d(t){t&&E(e),t&&E(s),t&&E(r)}}}function It(t){let e;return{c(){e=d("Affects the color of the ripple background, border color of the selected tab, and text color.")},l(t){e=v(t,"Affects the color of the ripple background, border color of the selected tab, and text color.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Kt(t){let e,$;return e=new R({props:{value:"#4300B0"}}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){a(e,t,n),$=!0},p:k,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Wt(t){let e,$,n,o,c,m;return e=new q({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),n=new q({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),o=u(t),r(c.$$.fragment,t)},m(t,s){a(e,t,s),y(t,$,s),a(n,t,s),y(t,o,s),a(c,t,s),m=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function _t(t){let e,$,n,s,r,a,o,c,f;return{c(){e=i("strong"),$=i("code"),n=d("$disabled"),s=g(),r=i("small"),a=d("From "),o=i("a"),c=i("code"),f=d("Tab"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var p=x($);n=v(p,"$disabled"),p.forEach(E),l.forEach(E),s=u(t),r=h(t,"SMALL",{});var m=x(r);a=v(m,"From "),o=h(m,"A",{href:!0});var g=x(o);c=h(g,"CODE",{});var i=x(c);f=v(i,"Tab"),i.forEach(E),g.forEach(E),m.forEach(E),this.h()},h(){w(o,"href","./docs/components/tab")},m(t,l){y(t,e,l),b(e,$),b($,n),y(t,s,l),y(t,r,l),b(r,a),b(r,o),b(o,c),b(c,f)},p:k,d(t){t&&E(e),t&&E(s),t&&E(r)}}}function Jt(t){let e;return{c(){e=d("The text color of disabled tabs.")},l(t){e=v(t,"The text color of disabled tabs.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function Qt(t){let e,$;return e=new R({props:{value:"#888888"}}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){a(e,t,n),$=!0},p:k,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function Xt(t){let e,$,n,o,c,m;return e=new q({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),n=new q({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),o=u(t),r(c.$$.fragment,t)},m(t,s){a(e,t,s),y(t,$,s),a(n,t,s),y(t,o,s),a(c,t,s),m=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function Zt(t){let e,$,n,s,r,a,o,c,f;return{c(){e=i("strong"),$=i("code"),n=d("$off-state"),s=g(),r=i("small"),a=d("From "),o=i("a"),c=i("code"),f=d("Tab"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var p=x($);n=v(p,"$off-state"),p.forEach(E),l.forEach(E),s=u(t),r=h(t,"SMALL",{});var m=x(r);a=v(m,"From "),o=h(m,"A",{href:!0});var g=x(o);c=h(g,"CODE",{});var i=x(c);f=v(i,"Tab"),i.forEach(E),g.forEach(E),m.forEach(E),this.h()},h(){w(o,"href","./docs/components/tab")},m(t,l){y(t,e,l),b(e,$),b($,n),y(t,s,l),y(t,r,l),b(r,a),b(r,o),b(o,c),b(c,f)},p:k,d(t){t&&E(e),t&&E(s),t&&E(r)}}}function te(t){let e;return{c(){e=d("Affects the background color of the tab when focused or hovered on and the default border color.")},l(t){e=v(t,"Affects the background color of the tab when focused or hovered on and the default border color.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function ee(t){let e,$;return e=new R({props:{value:"#AAAAAA"}}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){a(e,t,n),$=!0},p:k,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}function $e(t){let e,$,n,o,c,m;return e=new q({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),n=new q({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),o=u(t),r(c.$$.fragment,t)},m(t,s){a(e,t,s),y(t,$,s),a(n,t,s),y(t,o,s),a(c,t,s),m=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function ne(t){let e,$,n,s,r,a,o,c,f;return{c(){e=i("strong"),$=i("code"),n=d("$font"),s=g(),r=i("small"),a=d("From "),o=i("a"),c=i("code"),f=d("Tab"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var p=x($);n=v(p,"$font"),p.forEach(E),l.forEach(E),s=u(t),r=h(t,"SMALL",{});var m=x(r);a=v(m,"From "),o=h(m,"A",{href:!0});var g=x(o);c=h(g,"CODE",{});var i=x(c);f=v(i,"Tab"),i.forEach(E),g.forEach(E),m.forEach(E),this.h()},h(){w(o,"href","./docs/components/tab")},m(t,l){y(t,e,l),b(e,$),b($,n),y(t,s,l),y(t,r,l),b(r,a),b(r,o),b(o,c),b(c,f)},p:k,d(t){t&&E(e),t&&E(s),t&&E(r)}}}function se(t){let e;return{c(){e=d("The font family of the content text.")},l(t){e=v(t,"The font family of the content text.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function re(t){let e,$;return{c(){e=i("code"),$=d("'Ubuntu'")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"'Ubuntu'"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:k,d(t){t&&E(e)}}}function ae(t){let e,$,n,o,c,m;return e=new q({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),n=new q({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),o=u(t),r(c.$$.fragment,t)},m(t,s){a(e,t,s),y(t,$,s),a(n,t,s),y(t,o,s),a(c,t,s),m=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function oe(t){let e,$,n,s,r,a,o,c,f;return{c(){e=i("strong"),$=i("code"),n=d("$bold-font-weight"),s=g(),r=i("small"),a=d("From "),o=i("a"),c=i("code"),f=d("Tab"),this.h()},l(t){e=h(t,"STRONG",{});var l=x(e);$=h(l,"CODE",{});var p=x($);n=v(p,"$bold-font-weight"),p.forEach(E),l.forEach(E),s=u(t),r=h(t,"SMALL",{});var m=x(r);a=v(m,"From "),o=h(m,"A",{href:!0});var g=x(o);c=h(g,"CODE",{});var i=x(c);f=v(i,"Tab"),i.forEach(E),g.forEach(E),m.forEach(E),this.h()},h(){w(o,"href","./docs/components/tab")},m(t,l){y(t,e,l),b(e,$),b($,n),y(t,s,l),y(t,r,l),b(r,a),b(r,o),b(o,c),b(c,f)},p:k,d(t){t&&E(e),t&&E(s),t&&E(r)}}}function ce(t){let e;return{c(){e=d("The font weight of the content text.")},l(t){e=v(t,"The font weight of the content text.")},m(t,$){y(t,e,$)},d(t){t&&E(e)}}}function fe(t){let e,$;return{c(){e=i("code"),$=d("500")},l(t){e=h(t,"CODE",{});var n=x(e);$=v(n,"500"),n.forEach(E)},m(t,n){y(t,e,n),b(e,$)},p:k,d(t){t&&E(e)}}}function le(t){let e,$,n,o,c,m;return e=new q({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),n=new q({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),c=new q({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment)},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),o=u(t),r(c.$$.fragment,t)},m(t,s){a(e,t,s),y(t,$,s),a(n,t,s),y(t,o,s),a(c,t,s),m=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),c.$set(a)},i(t){m||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),m=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t)}}}function pe(t){let e,$,n,o,c,m,d,v,w,D,T,O,k,C;return $=new H({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),c=new H({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),d=new H({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),w=new H({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),T=new H({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),k=new H({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),{c(){e=i("thead"),s($.$$.fragment),n=g(),o=i("tbody"),s(c.$$.fragment),m=g(),s(d.$$.fragment),v=g(),s(w.$$.fragment),D=g(),s(T.$$.fragment),O=g(),s(k.$$.fragment)},l(t){e=h(t,"THEAD",{});var s=x(e);r($.$$.fragment,s),s.forEach(E),n=u(t),o=h(t,"TBODY",{});var a=x(o);r(c.$$.fragment,a),m=u(a),r(d.$$.fragment,a),v=u(a),r(w.$$.fragment,a),D=u(a),r(T.$$.fragment,a),O=u(a),r(k.$$.fragment,a),a.forEach(E)},m(t,s){y(t,e,s),a($,e,null),y(t,n,s),y(t,o,s),a(c,o,null),b(o,m),a(d,o,null),b(o,v),a(w,o,null),b(o,D),a(T,o,null),b(o,O),a(k,o,null),C=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),d.$set(r);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),w.$set(a);const o={};8&e&&(o.$$scope={dirty:e,ctx:t}),T.$set(o);const f={};8&e&&(f.$$scope={dirty:e,ctx:t}),k.$set(f)},i(t){C||(f($.$$.fragment,t),f(c.$$.fragment,t),f(d.$$.fragment,t),f(w.$$.fragment,t),f(T.$$.fragment,t),f(k.$$.fragment,t),C=!0)},o(t){l($.$$.fragment,t),l(c.$$.fragment,t),l(d.$$.fragment,t),l(w.$$.fragment,t),l(T.$$.fragment,t),l(k.$$.fragment,t),C=!1},d(t){t&&E(e),p($),t&&E(n),t&&E(o),p(c),p(d),p(w),p(T),p(k)}}}function me(t){let e,$,n,o,c,m,D,T,O,k,C,N,R,H,P,q,K,W,_,J,Q,X,Z,tt,et,$t,nt,st,rt,at,ot;return e=new A({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),n=new S({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),c=new F({props:{components:ue}}),D=new j({props:{$$slots:{source:[V],showcase:[U]},$$scope:{ctx:t}}}),O=new L({props:{id:"properties",$$slots:{default:[Y]},$$scope:{ctx:t}}}),C=new M({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),R=new G({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),W=new M({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),J=new S({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),X=new G({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),tt=new L({props:{id:"events",$$slots:{default:[St]},$$scope:{ctx:t}}}),$t=new G({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),st=new L({props:{id:"scss-variables",$$slots:{default:[qt]},$$scope:{ctx:t}}}),at=new G({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(D.$$.fragment),T=g(),s(O.$$.fragment),k=g(),s(C.$$.fragment),N=g(),s(R.$$.fragment),H=g(),P=i("div"),q=d("* Required"),K=g(),s(W.$$.fragment),_=g(),s(J.$$.fragment),Q=g(),s(X.$$.fragment),Z=g(),s(tt.$$.fragment),et=g(),s($t.$$.fragment),nt=g(),s(st.$$.fragment),rt=g(),s(at.$$.fragment),this.h()},l(t){r(e.$$.fragment,t),$=u(t),r(n.$$.fragment,t),o=u(t),r(c.$$.fragment,t),m=u(t),r(D.$$.fragment,t),T=u(t),r(O.$$.fragment,t),k=u(t),r(C.$$.fragment,t),N=u(t),r(R.$$.fragment,t),H=u(t),P=h(t,"DIV",{class:!0});var s=x(P);q=v(s,"* Required"),s.forEach(E),K=u(t),r(W.$$.fragment,t),_=u(t),r(J.$$.fragment,t),Q=u(t),r(X.$$.fragment,t),Z=u(t),r(tt.$$.fragment,t),et=u(t),r($t.$$.fragment,t),nt=u(t),r(st.$$.fragment,t),rt=u(t),r(at.$$.fragment,t),this.h()},h(){w(P,"class","required")},m(t,s){a(e,t,s),y(t,$,s),a(n,t,s),y(t,o,s),a(c,t,s),y(t,m,s),a(D,t,s),y(t,T,s),a(O,t,s),y(t,k,s),a(C,t,s),y(t,N,s),a(R,t,s),y(t,H,s),y(t,P,s),b(P,q),y(t,K,s),a(W,t,s),y(t,_,s),a(J,t,s),y(t,Q,s),a(X,t,s),y(t,Z,s),a(tt,t,s),y(t,et,s),a($t,t,s),y(t,nt,s),a(st,t,s),y(t,rt,s),a(at,t,s),ot=!0},p(t,$){const s={};8&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),n.$set(r);const a={};9&$&&(a.$$scope={dirty:$,ctx:t}),D.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),O.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),C.$set(c);const f={};8&$&&(f.$$scope={dirty:$,ctx:t}),R.$set(f);const l={};8&$&&(l.$$scope={dirty:$,ctx:t}),W.$set(l);const p={};8&$&&(p.$$scope={dirty:$,ctx:t}),J.$set(p);const m={};8&$&&(m.$$scope={dirty:$,ctx:t}),X.$set(m);const g={};8&$&&(g.$$scope={dirty:$,ctx:t}),tt.$set(g);const i={};8&$&&(i.$$scope={dirty:$,ctx:t}),$t.$set(i);const d={};8&$&&(d.$$scope={dirty:$,ctx:t}),st.$set(d);const u={};8&$&&(u.$$scope={dirty:$,ctx:t}),at.$set(u)},i(t){ot||(f(e.$$.fragment,t),f(n.$$.fragment,t),f(c.$$.fragment,t),f(D.$$.fragment,t),f(O.$$.fragment,t),f(C.$$.fragment,t),f(R.$$.fragment,t),f(W.$$.fragment,t),f(J.$$.fragment,t),f(X.$$.fragment,t),f(tt.$$.fragment,t),f($t.$$.fragment,t),f(st.$$.fragment,t),f(at.$$.fragment,t),ot=!0)},o(t){l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(D.$$.fragment,t),l(O.$$.fragment,t),l(C.$$.fragment,t),l(R.$$.fragment,t),l(W.$$.fragment,t),l(J.$$.fragment,t),l(X.$$.fragment,t),l(tt.$$.fragment,t),l($t.$$.fragment,t),l(st.$$.fragment,t),l(at.$$.fragment,t),ot=!1},d(t){p(e,t),t&&E($),p(n,t),t&&E(o),p(c,t),t&&E(m),p(D,t),t&&E(T),p(O,t),t&&E(k),p(C,t),t&&E(N),p(R,t),t&&E(H),t&&E(P),t&&E(K),p(W,t),t&&E(_),p(J,t),t&&E(Q),p(X,t),t&&E(Z),p(tt,t),t&&E(et),p($t,t),t&&E(nt),p(st,t),t&&E(rt),p(at,t)}}}function ge(t){let e,$;const m=[t[1],ie];let g={$$slots:{default:[me]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)g=n(g,m[t]);return e=new C({props:g}),{c(){s(e.$$.fragment)},l(t){r(e.$$.fragment,t)},m(t,n){a(e,t,n),$=!0},p(t,[$]){const n=2&$?o(m,[2&$&&c(t[1]),0&$&&c(ie)]):{};9&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){l(e.$$.fragment,t),$=!1},d(t){p(e,t)}}}const ie={name:"Tabs",relatedComponents:[{name:"Tab",link:"./docs/components/tab"}]},{name:de,relatedComponents:ue}=ie;function he(t,e,$){let s="Main dishes";return t.$$set=t=>{$(1,e=n(n({},e),m(t)))},e=m(e),[s,e,function(t){s=t,$(0,s)}]}class xe extends t{constructor(t){super(),e(this,t,he,ge,$,{})}}export{xe as default,ie as metadata};
diff --git a/376/client/text-field-02b3c03b.css b/376/client/text-field-02b3c03b.css
new file mode 100644
index 000000000..a6269e17f
--- /dev/null
+++ b/376/client/text-field-02b3c03b.css
@@ -0,0 +1 @@
+.text-field.svelte-fxvd28 input[type=search].svelte-fxvd28.svelte-fxvd28::-webkit-search-cancel-button{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");background-size:contain;border:0.1875em solid transparent;border-radius:50%;cursor:pointer;height:1.25em;position:relative;top:1px;width:1.25em}.text-field.svelte-fxvd28 input[type=search].svelte-fxvd28.svelte-fxvd28::-webkit-search-cancel-button:hover{background-color:rgba(51, 51, 51, 0.1)}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{background-color:#f5f5f5;border:0 solid rgba(0, 0, 0, 0.42);border-bottom-width:0.0625em;border-top-left-radius:0.375em;border-top-right-radius:0.375em;box-sizing:border-box;padding:0 0.625em 0.0625em;width:100%;font-family:"Ubuntu", sans-serif;font-size:1rem;font-weight:300;height:2.8em;outline:none}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:hover,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:hover{background-color:#eeeeee}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:focus,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:focus{background-color:#e1e1e1;border-bottom-width:0.125em;border-color:#4800bd;padding-bottom:0}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:disabled,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:disabled{background-color:#f7f7f7;border-color:rgba(51, 51, 51, 0.3);color:#888}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:disabled:hover,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:disabled:hover{background-color:#f7f7f7}.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{height:6em;padding:0.75em 0.625em 0.0625em}.text-field.with-item.svelte-fxvd28.svelte-fxvd28.svelte-fxvd28{position:relative}.text-field.with-item.left.svelte-fxvd28.svelte-fxvd28.svelte-fxvd28{flex-direction:row-reverse}.text-field.with-item.left.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28,.text-field.with-item.left.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{padding-left:3rem}.text-field.with-item.left.svelte-fxvd28 input[type=search].svelte-fxvd28.svelte-fxvd28{padding-left:2.2em}.text-field.with-item.left.svelte-fxvd28>.item{font-weight:500;left:0.625em}.text-field.with-item.right.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28,.text-field.with-item.right.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{padding-right:1.875em;text-align:right}.text-field.with-item.right.svelte-fxvd28>.item{right:0.625em}.text-field.with-item.svelte-fxvd28>.item{color:#7a7a7a;height:1.1em;position:absolute;top:0.85em}.text-field.with-item.svelte-fxvd28>input.svelte-fxvd28:focus+.item{color:#4300b0;stroke:#4300b0}.text-field.with-item.svelte-fxvd28>input.svelte-fxvd28:focus+.item svg{stroke:#4300b0}.text-field.with-item.right-align.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28{text-align:right}.text-field.with-item.svelte-fxvd28 input[type=number].svelte-fxvd28.svelte-fxvd28{appearance:textfield}.text-field.with-item.svelte-fxvd28 input[type=number].svelte-fxvd28.svelte-fxvd28::-webkit-outer-spin-button,.text-field.with-item.svelte-fxvd28 input[type=number].svelte-fxvd28.svelte-fxvd28::-webkit-inner-spin-button{appearance:none;margin:0}.text-field.with-item.svelte-fxvd28>svg.item{height:1em;top:0.9em}.text-field.with-item.svelte-fxvd28 input.svelte-fxvd28:invalid+svg.item{stroke:#b80000}.text-field.outline.svelte-fxvd28.svelte-fxvd28.svelte-fxvd28{margin-top:0.65em;position:relative}.text-field.outline.svelte-fxvd28 label.svelte-fxvd28.svelte-fxvd28{background-color:#fff;border-radius:0.3125em;color:rgba(0, 0, 0, 0.42);font-family:"Ubuntu", sans-serif;left:1.4em;padding:0 0.25em;position:absolute;top:0;transform:translate(-0.25em, -55%)}.text-field.outline.with-item.left.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28{padding-left:2.2em}.text-field.outline.with-item.left.svelte-fxvd28 label.svelte-fxvd28.svelte-fxvd28{left:2.2em}.text-field.outline.with-item.left.svelte-fxvd28 svg{stroke:#888}.text-field.outline.with-item.left.svelte-fxvd28>input.svelte-fxvd28:focus~.item{color:#4300b0}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28{background-color:transparent;border:1px solid rgba(0, 0, 0, 0.42);border-radius:1.5625em;padding:0 1.4em}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:hover{border-color:rgba(0, 0, 0, 0.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:hover+label.svelte-fxvd28{color:rgba(0, 0, 0, 0.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:focus{border-color:#4300b0}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:focus+label.svelte-fxvd28{color:#4300b0}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:invalid{border-color:rgba(184, 0, 0, 0.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:invalid+label.svelte-fxvd28{color:rgba(184, 0, 0, 0.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:invalid~svg.item{stroke:rgba(184, 0, 0, 0.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:invalid:focus~svg.item{stroke:rgba(184, 0, 0, 0.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:focus~svg.item{stroke:#4300b0}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:invalid{background:#fbeeee;border-bottom-color:#b80000;box-shadow:none}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:not(.outline):invalid{background-color:#fbeeee}.text-field.svelte-fxvd28 .svelte-fxvd28.svelte-fxvd28:-moz-ui-invalid{box-shadow:none}.text-field.svelte-fxvd28>.error.svelte-fxvd28.svelte-fxvd28{color:rgba(184, 0, 0, 0.7);font-size:0.8rem;font-weight:500}.text-field.no-spinner.svelte-fxvd28>input[type=number].svelte-fxvd28.svelte-fxvd28{appearance:textfield}.text-field.no-spinner.svelte-fxvd28>input[type=number].svelte-fxvd28.svelte-fxvd28::-webkit-inner-spin-button,.text-field.no-spinner.svelte-fxvd28>input[type=number].svelte-fxvd28.svelte-fxvd28::-webkit-outer-spin-button{appearance:none;margin:0}
diff --git a/376/client/text-field-140b4d4d.css b/376/client/text-field-140b4d4d.css
new file mode 100644
index 000000000..6bb9d8c07
--- /dev/null
+++ b/376/client/text-field-140b4d4d.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-1icg9h5 .text-field.outline{margin-top:1.5em}[slot=showcase].svelte-1icg9h5 .dollar{font-weight:500;top:0.8em !important}
diff --git a/376/client/text-field.37ad5edd.js b/376/client/text-field.37ad5edd.js
new file mode 100644
index 000000000..ed0f2fc7b
--- /dev/null
+++ b/376/client/text-field.37ad5edd.js
@@ -0,0 +1 @@
+import{S as l,i as e,s,h as t,k as n,b as a,d as u,e as i,X as r,O as o,f as c,y as v,p as f,z as d,t as h,I as p,E as m,J as b,K as g,L as x,Y as E,u as C,H as w,w as $,N as I,o as S,P as y,U as R,V as T,W as N,n as k,v as A,x as L,g as j,A as P,M as U,Q as V,R as X,T as z}from"./client.0d36a0cf.js";import{e as B}from"./button.743a388a.js";import{c as D}from"./classes.2453fa25.js";const F=l=>({}),H=l=>({});function J(l){let e,s,a,i,r,p,m,b,x,E,k,A=[{id:l[8]},{value:s=Y(l[0])},{class:a=D(l[2])},l[17]],L={};for(let l=0;l<A.length;l+=1)L=g(L,A[l]);let j=l[5]&&null!=l[10]&&M(l),P=l[6]&&O(l),U=l[11]&&Q(l);return{c(){e=t("input"),r=C(),j&&j.c(),p=C(),P&&P.c(),m=C(),U&&U.c(),b=w(),this.h()},l(l){e=n(l,"INPUT",{id:!0,class:!0}),r=$(l),j&&j.l(l),p=$(l),P&&P.l(l),m=$(l),U&&U.l(l),b=w(),this.h()},h(){I(e,L),o(e,"svelte-fxvd28",!0)},m(s,t){c(s,e,t),"value"in L&&(e.value=L.value),e.autofocus&&e.focus(),l[26](e),c(s,r,t),j&&j.m(s,t),c(s,p,t),P&&P.m(s,t),c(s,m,t),U&&U.m(s,t),c(s,b,t),x=!0,E||(k=[S(e,"input",l[15]),S(e,"change",l[27]),S(e,"focus",l[28]),S(e,"keydown",l[29]),S(e,"blur",l[30]),y(i=B.call(null,e,l[13]))],E=!0)},p(l,t){I(e,L=R(A,[(!x||256&t)&&{id:l[8]},(!x||1&t&&s!==(s=Y(l[0]))&&e.value!==s)&&{value:s},(!x||4&t&&a!==(a=D(l[2])))&&{class:a},131072&t&&l[17]])),"value"in L&&(e.value=L.value),i&&T(i.update)&&8192&t&&i.update.call(null,l[13]),o(e,"svelte-fxvd28",!0),l[5]&&null!=l[10]?j?j.p(l,t):(j=M(l),j.c(),j.m(p.parentNode,p)):j&&(j.d(1),j=null),l[6]?P?(P.p(l,t),64&t&&h(P,1)):(P=O(l),P.c(),h(P,1),P.m(m.parentNode,m)):P&&(v(),f(P,1,1,(()=>{P=null})),d()),l[11]?U?(U.p(l,t),2048&t&&h(U,1)):(U=Q(l),U.c(),h(U,1),U.m(b.parentNode,b)):U&&(v(),f(U,1,1,(()=>{U=null})),d())},i(l){x||(h(P),h(U),x=!0)},o(l){f(P),f(U),x=!1},d(s){s&&u(e),l[26](null),s&&u(r),j&&j.d(s),s&&u(p),P&&P.d(s),s&&u(m),U&&U.d(s),s&&u(b),E=!1,N(k)}}}function K(l){let e,s,i,r,v,f=[{id:l[8]},{value:l[0]},{class:s=D(l[2])},l[17]],d={};for(let l=0;l<f.length;l+=1)d=g(d,f[l]);return{c(){e=t("textarea"),this.h()},l(l){e=n(l,"TEXTAREA",{id:!0,class:!0}),a(e).forEach(u),this.h()},h(){I(e,d),o(e,"svelte-fxvd28",!0)},m(s,t){c(s,e,t),e.autofocus&&e.focus(),l[21](e),r||(v=[S(e,"input",l[15]),S(e,"change",l[22]),S(e,"focus",l[23]),S(e,"keydown",l[24]),S(e,"blur",l[25]),y(i=B.call(null,e,l[13]))],r=!0)},p(l,t){I(e,d=R(f,[256&t&&{id:l[8]},1&t&&{value:l[0]},4&t&&s!==(s=D(l[2]))&&{class:s},131072&t&&l[17]])),i&&T(i.update)&&8192&t&&i.update.call(null,l[13]),o(e,"svelte-fxvd28",!0)},i:k,o:k,d(s){s&&u(e),l[21](null),r=!1,N(v)}}}function M(l){let e,s,o;return{c(){e=t("label"),s=A(l[10]),this.h()},l(t){e=n(t,"LABEL",{for:!0,class:!0});var i=a(e);s=L(i,l[10]),i.forEach(u),this.h()},h(){i(e,"for",l[8]),i(e,"class",o=r(D(l[3]))+" svelte-fxvd28")},m(l,t){c(l,e,t),j(e,s)},p(l,t){1024&t&&P(s,l[10]),256&t&&i(e,"for",l[8]),8&t&&o!==(o=r(D(l[3]))+" svelte-fxvd28")&&i(e,"class",o)},d(l){l&&u(e)}}}function O(l){let e;const s=l[20].default,t=U(s,l,l[19],null);return{c(){t&&t.c()},l(l){t&&t.l(l)},m(l,s){t&&t.m(l,s),e=!0},p(l,n){t&&t.p&&(!e||524288&n)&&V(t,s,l,l[19],e?z(s,l[19],n,null):X(l[19]),null)},i(l){e||(h(t,l),e=!0)},o(l){f(t,l),e=!1},d(l){t&&t.d(l)}}}function Q(l){let e,s,o;const v=l[20].error,d=U(v,l,l[19],H),p=d||function(l){let e;return{c(){e=A(l[11])},l(s){e=L(s,l[11])},m(l,s){c(l,e,s)},p(l,s){2048&s&&P(e,l[11])},d(l){l&&u(e)}}}(l);return{c(){e=t("span"),p&&p.c(),this.h()},l(l){e=n(l,"SPAN",{class:!0});var s=a(e);p&&p.l(s),s.forEach(u),this.h()},h(){i(e,"class",s=r(D("error",l[4]))+" svelte-fxvd28")},m(l,s){c(l,e,s),p&&p.m(e,null),o=!0},p(l,t){d?d.p&&(!o||524288&t)&&V(d,v,l,l[19],o?z(v,l[19],t,F):X(l[19]),H):p&&p.p&&(!o||2048&t)&&p.p(l,o?t:-1),(!o||16&t&&s!==(s=r(D("error",l[4]))+" svelte-fxvd28"))&&i(e,"class",s)},i(l){o||(h(p,l),o=!0)},o(l){f(p,l),o=!1},d(l){l&&u(e),p&&p.d(l)}}}function W(l){let e,s,p,m,b;const g=[K,J],x=[];function E(l,e){return l[12]?0:1}return s=E(l),p=x[s]=g[s](l),{c(){e=t("div"),p.c(),this.h()},l(l){e=n(l,"DIV",{class:!0});var s=a(e);p.l(s),s.forEach(u),this.h()},h(){i(e,"class",m=r(D("text-field",l[1]))+" svelte-fxvd28"),o(e,"outline",l[5]),o(e,"with-item",l[6]),o(e,"left",l[6]&&!l[7]),o(e,"right",l[6]&&l[7]),o(e,"no-spinner",l[9])},m(l,t){c(l,e,t),x[s].m(e,null),b=!0},p(l,[t]){let n=s;s=E(l),s===n?x[s].p(l,t):(v(),f(x[n],1,1,(()=>{x[n]=null})),d(),p=x[s],p?p.p(l,t):(p=x[s]=g[s](l),p.c()),h(p,1),p.m(e,null)),(!b||2&t&&m!==(m=r(D("text-field",l[1]))+" svelte-fxvd28"))&&i(e,"class",m),(!b||34&t)&&o(e,"outline",l[5]),(!b||66&t)&&o(e,"with-item",l[6]),(!b||194&t)&&o(e,"left",l[6]&&!l[7]),(!b||194&t)&&o(e,"right",l[6]&&l[7]),(!b||514&t)&&o(e,"no-spinner",l[9])},i(l){b||(h(p),b=!0)},o(l){f(p),b=!1},d(l){l&&u(e),x[s].d()}}}function Y(l){return null==l?"":l.toString()}function q(l,e,s){const t=["class","inputClass","labelClass","errorClass","outline","withItem","itemRight","id","noSpinner","label","error","multiline","autofocus","value","events"];let n=p(e,t),{$$slots:a={},$$scope:u}=e,{class:i=null}=e,{inputClass:r=null}=e,{labelClass:o=null}=e,{errorClass:c=null}=e,{outline:v=!1}=e,{withItem:f=!1}=e,{itemRight:d=!1}=e,{id:h=null}=e,{noSpinner:C=!1}=e,{label:w=null}=e,{error:$=null}=e,{multiline:I=!1}=e,{autofocus:S=!1}=e;v||null==w||console.error("Labels are only available for outlined text fields");let y,{value:R=null}=e,{events:T=[]}=e;m((()=>S&&y.focus()));const N=b();return l.$$set=l=>{e=g(g({},e),x(l)),s(17,n=p(e,t)),"class"in l&&s(1,i=l.class),"inputClass"in l&&s(2,r=l.inputClass),"labelClass"in l&&s(3,o=l.labelClass),"errorClass"in l&&s(4,c=l.errorClass),"outline"in l&&s(5,v=l.outline),"withItem"in l&&s(6,f=l.withItem),"itemRight"in l&&s(7,d=l.itemRight),"id"in l&&s(8,h=l.id),"noSpinner"in l&&s(9,C=l.noSpinner),"label"in l&&s(10,w=l.label),"error"in l&&s(11,$=l.error),"multiline"in l&&s(12,I=l.multiline),"autofocus"in l&&s(18,S=l.autofocus),"value"in l&&s(0,R=l.value),"events"in l&&s(13,T=l.events),"$$scope"in l&&s(19,u=l.$$scope)},[R,i,r,o,c,v,f,d,h,C,w,$,I,T,y,function(l){var e;s(0,R="number"===n.type?""===(e=l.currentTarget.value)?null:parseFloat(e):l.currentTarget.value),N("input",{value:R,nativeEvent:l})},N,n,S,u,a,function(l){E[l?"unshift":"push"]((()=>{y=l,s(14,y)}))},l=>N("change",{value:R,nativeEvent:l}),l=>N("focus",{nativeEvent:l}),l=>N("keydown",{nativeEvent:l}),l=>N("blur",{nativeEvent:l}),function(l){E[l?"unshift":"push"]((()=>{y=l,s(14,y)}))},l=>N("change",{value:R,nativeEvent:l}),l=>N("focus",{nativeEvent:l}),l=>N("keydown",{nativeEvent:l}),l=>N("blur",{nativeEvent:l})]}var G=class extends l{constructor(l){super(),e(this,l,q,W,s,{class:1,inputClass:2,labelClass:3,errorClass:4,outline:5,withItem:6,itemRight:7,id:8,noSpinner:9,label:10,error:11,multiline:12,autofocus:18,value:0,events:13})}};export{G as T};
diff --git a/376/client/text-field.96c93937.js b/376/client/text-field.96c93937.js
new file mode 100644
index 000000000..bb38ca16b
--- /dev/null
+++ b/376/client/text-field.96c93937.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,a as n,c as r,b as s,d as a,e as o,f as c,g as f,n as l,K as p,j as m,l as i,m as d,U as g,a0 as u,t as h,p as x,q as v,L as E,u as w,w as y,v as k,x as O,Y as D,$ as b,h as C,k as T,a1 as S}from"./client.0d36a0cf.js";import{L as R,H as N,P as A}from"./layout.b2760304.js";import{T as G}from"./text-field.37ad5edd.js";import{S as F}from"./showcase.8eb3893d.js";import{C as W}from"./color-preview.278d2729.js";import{H as I}from"./h2.122c8b9f.js";import{H as j}from"./h3.1e03849b.js";import{T as P,a as B,b as U,c as z}from"./table.e069c294.js";import"./button.743a388a.js";import"./classes.2453fa25.js";import"./label.16b4782e.js";import"./copyable-code.1fddc954.js";function H(t){let e,$,p,m;return{c(){e=n("svg"),$=n("circle"),p=n("path"),this.h()},l(t){e=r(t,"svg",{xmlns:!0,width:!0,height:!0,fill:!0,viewBox:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0,class:!0});var n=s(e);$=r(n,"circle",{cx:!0,cy:!0,r:!0}),s($).forEach(a),p=r(n,"path",{d:!0}),s(p).forEach(a),n.forEach(a),this.h()},h(){o($,"cx","12"),o($,"cy","12"),o($,"r","4"),o(p,"d","M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"),o(e,"xmlns","http://www.w3.org/2000/svg"),o(e,"width",t[0]),o(e,"height",t[0]),o(e,"fill","none"),o(e,"viewBox","0 0 24 24"),o(e,"stroke","currentColor"),o(e,"stroke-width",t[1]),o(e,"stroke-linecap","round"),o(e,"stroke-linejoin","round"),o(e,"class",m="feather feather-at-sign "+t[2])},m(t,n){c(t,e,n),f(e,$),f(e,p)},p(t,[$]){1&$&&o(e,"width",t[0]),1&$&&o(e,"height",t[0]),2&$&&o(e,"stroke-width",t[1]),4&$&&m!==(m="feather feather-at-sign "+t[2])&&o(e,"class",m)},i:l,o:l,d(t){t&&a(e)}}}function L(t,e,$){let{size:n="100%"}=e,{strokeWidth:r=2}=e,{class:s=""}=e;return"100%"!==n&&(n="x"===n.slice(-1)?n.slice(0,n.length-1)+"em":parseInt(n)+"px"),t.$$set=t=>{"size"in t&&$(0,n=t.size),"strokeWidth"in t&&$(1,r=t.strokeWidth),"class"in t&&$(2,s=t.class)},[n,r,s]}class M extends t{constructor(t){super(),e(this,t,L,H,$,{size:0,strokeWidth:1,class:2})}}function K(t){let e;return{c(){e=k("TextField")},l(t){e=O(t,"TextField")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Y(t){let e;return{c(){e=k("The most basic form element – taking text input.")},l(t){e=O(t,"The most basic form element – taking text input.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function _(t){let e,$;return{c(){e=C("span"),$=k("$"),this.h()},l(t){e=T(t,"SPAN",{class:!0});var n=s(e);$=O(n,"$"),n.forEach(a),this.h()},h(){o(e,"class","item dollar")},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function V(t){let e,$;return e=new M({props:{size:"24",class:"item"}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,n){d(e,t,n),$=!0},p:l,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){v(e,t)}}}function X(t){let e,$,n,r,l,p,g,u,E,k;function O(e){t[2](e)}let R={placeholder:"1234 5678 9012 3456",error:t[0].startsWith("2")&&"We do not serve your bank."};return void 0!==t[0]&&(R.value=t[0]),$=new G({props:R}),D.push((()=>b($,"value",O))),l=new G({props:{withItem:!0,itemRight:!0,type:"number",noSpinner:!0,$$slots:{default:[_]},$$scope:{ctx:t}}}),g=new G({props:{outline:!0,label:"Username",withItem:!0,$$slots:{default:[V]},$$scope:{ctx:t}}}),E=new G({props:{type:"search"}}),{c(){e=C("div"),m($.$$.fragment),r=w(),m(l.$$.fragment),p=w(),m(g.$$.fragment),u=w(),m(E.$$.fragment),this.h()},l(t){e=T(t,"DIV",{slot:!0,class:!0});var n=s(e);i($.$$.fragment,n),r=y(n),i(l.$$.fragment,n),p=y(n),i(g.$$.fragment,n),u=y(n),i(E.$$.fragment,n),n.forEach(a),this.h()},h(){o(e,"slot","showcase"),o(e,"class","padded svelte-1icg9h5")},m(t,n){c(t,e,n),d($,e,null),f(e,r),d(l,e,null),f(e,p),d(g,e,null),f(e,u),d(E,e,null),k=!0},p(t,e){const r={};1&e&&(r.error=t[0].startsWith("2")&&"We do not serve your bank."),!n&&1&e&&(n=!0,r.value=t[0],S((()=>n=!1))),$.$set(r);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),l.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),g.$set(a)},i(t){k||(h($.$$.fragment,t),h(l.$$.fragment,t),h(g.$$.fragment,t),h(E.$$.fragment,t),k=!0)},o(t){x($.$$.fragment,t),x(l.$$.fragment,t),x(g.$$.fragment,t),x(E.$$.fragment,t),k=!1},d(t){t&&a(e),v($),v(l),v(g),v(E)}}}function q(t){let e,$;return{c(){e=C("div"),$=C("pre"),this.h()},l(t){e=T(t,"DIV",{slot:!0});var n=s(e);$=T(n,"PRE",{class:!0}),s($).forEach(a),n.forEach(a),this.h()},h(){o($,"class","language-svelte"),o(e,"slot","source")},m(t,n){c(t,e,n),f(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">let</span> cardNumber <span class="token operator">=</span> <span class="token string">\'\'</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TextField</span>\n  <span class="token attr-name">placeholder</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>1234 5678 9012 3456<span class="token punctuation">"</span></span>\n  <span class="token attr-name"><span class="token namespace">bind:</span>value=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>cardNumber<span class="token punctuation">&#125;</span></span>\n  <span class="token attr-name">error=</span><span class="token language-javascript"><span class="token punctuation">&#123;</span>cardNumber<span class="token punctuation">.</span><span class="token function">startsWith</span><span class="token punctuation">(</span><span class="token string">\'2\'</span><span class="token punctuation">)</span> <span class="token operator">&amp;&amp;</span> <span class="token string">\'We do not serve your bank.\'</span><span class="token punctuation">&#125;</span></span>\n<span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TextField</span> <span class="token attr-name">withItem</span> <span class="token attr-name">itemRight</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>number<span class="token punctuation">"</span></span> <span class="token attr-name">noSpinner</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>item dollar<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>$<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>TextField</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TextField</span> <span class="token attr-name">outline</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Username<span class="token punctuation">"</span></span> <span class="token attr-name">withItem</span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AtSignIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>item<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>TextField</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TextField</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>search<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code>'},p:l,d(t){t&&a(e)}}}function J(t){let e;return{c(){e=k("Properties")},l(t){e=O(t,"Properties")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Q(t){let e;return{c(){e=k("Style Properties")},l(t){e=O(t,"Style Properties")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Z(t){let e;return{c(){e=k("Name")},l(t){e=O(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function tt(t){let e;return{c(){e=k("Default")},l(t){e=O(t,"Default")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function et(t){let e;return{c(){e=k("Type")},l(t){e=O(t,"Type")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function $t(t){let e;return{c(){e=k("Description")},l(t){e=O(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function nt(t){let e,$,n,r,s,o,f,l;return e=new U({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),s=new U({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),f=new U({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function rt(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("outline")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"outline"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function st(t){let e,$;return{c(){e=C("code"),$=k("false")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"false"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function at(t){let e,$;return{c(){e=C("code"),$=k("boolean")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"boolean"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function ot(t){let e;return{c(){e=k("Whether the text field should have outline styling.")},l(t){e=O(t,"Whether the text field should have outline styling.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function ct(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function ft(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("withItem")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"withItem"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function lt(t){let e,$;return{c(){e=C("code"),$=k("false")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"false"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function pt(t){let e,$;return{c(){e=C("code"),$=k("boolean")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"boolean"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function mt(t){let e;return{c(){e=k("Whether there will be something permanent inside the field like an icon. By default, this item is placed to the left of the input area.")},l(t){e=O(t,"Whether there will be something permanent inside the field like an icon. By default, this item is placed to the left of the input area.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function it(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function dt(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("itemRight")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"itemRight"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function gt(t){let e,$;return{c(){e=C("code"),$=k("false")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"false"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function ut(t){let e,$;return{c(){e=C("code"),$=k("boolean")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"boolean"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function ht(t){let e;return{c(){e=k("Whether the item should be placed to the right of the input area.")},l(t){e=O(t,"Whether the item should be placed to the right of the input area.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function xt(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function vt(t){let e,$,n,r,o,l,p,g,u,E;return $=new B({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),o=new B({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),p=new B({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),u=new B({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){e=C("thead"),m($.$$.fragment),n=w(),r=C("tbody"),m(o.$$.fragment),l=w(),m(p.$$.fragment),g=w(),m(u.$$.fragment)},l(t){e=T(t,"THEAD",{});var c=s(e);i($.$$.fragment,c),c.forEach(a),n=y(t),r=T(t,"TBODY",{});var f=s(r);i(o.$$.fragment,f),l=y(f),i(p.$$.fragment,f),g=y(f),i(u.$$.fragment,f),f.forEach(a)},m(t,s){c(t,e,s),d($,e,null),c(t,n,s),c(t,r,s),d(o,r,null),f(r,l),d(p,r,null),f(r,g),d(u,r,null),E=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),o.$set(r);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),p.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),u.$set(a)},i(t){E||(h($.$$.fragment,t),h(o.$$.fragment,t),h(p.$$.fragment,t),h(u.$$.fragment,t),E=!0)},o(t){x($.$$.fragment,t),x(o.$$.fragment,t),x(p.$$.fragment,t),x(u.$$.fragment,t),E=!1},d(t){t&&a(e),v($),t&&a(n),t&&a(r),v(o),v(p),v(u)}}}function Et(t){let e;return{c(){e=k("Functional Properties")},l(t){e=O(t,"Functional Properties")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function wt(t){let e;return{c(){e=k("Name")},l(t){e=O(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function yt(t){let e;return{c(){e=k("Default")},l(t){e=O(t,"Default")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function kt(t){let e;return{c(){e=k("Type")},l(t){e=O(t,"Type")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Ot(t){let e;return{c(){e=k("Description")},l(t){e=O(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Dt(t){let e,$,n,r,s,o,f,l;return e=new U({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),s=new U({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),f=new U({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function bt(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("value")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"value"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function Ct(t){let e,$;return{c(){e=C("code"),$=k("null")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"null"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Tt(t){let e,$,n,r,o;return{c(){e=C("code"),$=k("string"),n=k(" or "),r=C("code"),o=k("number")},l(t){e=T(t,"CODE",{});var c=s(e);$=O(c,"string"),c.forEach(a),n=O(t," or "),r=T(t,"CODE",{});var f=s(r);o=O(f,"number"),f.forEach(a)},m(t,s){c(t,e,s),f(e,$),c(t,n,s),c(t,r,s),f(r,o)},p:l,d(t){t&&a(e),t&&a(n),t&&a(r)}}}function St(t){let e,$,n,r;return{c(){e=k("The current value of the text field. Converted to a number if "),$=C("code"),n=k('type="number"'),r=k(".")},l(t){e=O(t,"The current value of the text field. Converted to a number if "),$=T(t,"CODE",{});var o=s($);n=O(o,'type="number"'),o.forEach(a),r=O(t,".")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r)}}}function Rt(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function Nt(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("multiline")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"multiline"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function At(t){let e,$;return{c(){e=C("code"),$=k("false")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"false"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Gt(t){let e,$;return{c(){e=C("code"),$=k("boolean")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"boolean"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Ft(t){let e,$,n,r,o,p,m;return{c(){e=k("Whether the text field should allow multiple lines ("),$=C("code"),n=k("<textarea>"),r=k(" will be used instead of the "),o=C("code"),p=k("<input>"),m=k(").")},l(t){e=O(t,"Whether the text field should allow multiple lines ("),$=T(t,"CODE",{});var c=s($);n=O(c,"<textarea>"),c.forEach(a),r=O(t," will be used instead of the "),o=T(t,"CODE",{});var f=s(o);p=O(f,"<input>"),f.forEach(a),m=O(t,").")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s),c(t,o,s),f(o,p),c(t,m,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r),t&&a(o),t&&a(m)}}}function Wt(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function It(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("id")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"id"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function jt(t){let e,$;return{c(){e=C("code"),$=k("null")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"null"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Pt(t){let e,$;return{c(){e=C("code"),$=k("string")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"string"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Bt(t){let e;return{c(){e=k("The ID to assign to the input.")},l(t){e=O(t,"The ID to assign to the input.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Ut(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function zt(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("noSpinner")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"noSpinner"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function Ht(t){let e,$;return{c(){e=C("code"),$=k("false")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"false"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Lt(t){let e,$;return{c(){e=C("code"),$=k("boolean")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"boolean"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Mt(t){let e,$,n,r;return{c(){e=k("Whether to hide the spinner (arrow buttons inside "),$=C("code"),n=k('<input type="number">'),r=k(").")},l(t){e=O(t,"Whether to hide the spinner (arrow buttons inside "),$=T(t,"CODE",{});var o=s($);n=O(o,'<input type="number">'),o.forEach(a),r=O(t,").")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r)}}}function Kt(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function Yt(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("label")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"label"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function _t(t){let e,$;return{c(){e=C("code"),$=k("null")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"null"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Vt(t){let e,$;return{c(){e=C("code"),$=k("string")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"string"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Xt(t){let e,$,n,r,o;return{c(){e=k("The label to show above the text field. Only works with "),$=C("mark"),n=C("code"),r=k("outline"),o=k(" text fields.")},l(t){e=O(t,"The label to show above the text field. Only works with "),$=T(t,"MARK",{});var c=s($);n=T(c,"CODE",{});var f=s(n);r=O(f,"outline"),f.forEach(a),c.forEach(a),o=O(t," text fields.")},m(t,s){c(t,e,s),c(t,$,s),f($,n),f(n,r),c(t,o,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(o)}}}function qt(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function Jt(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("error")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"error"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function Qt(t){let e,$;return{c(){e=C("code"),$=k("null")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"null"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Zt(t){let e,$;return{c(){e=C("code"),$=k("string")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"string"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function te(t){let e;return{c(){e=k("The error message to show under the text field.")},l(t){e=O(t,"The error message to show under the text field.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function ee(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function $e(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("autofocus")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"autofocus"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function ne(t){let e,$;return{c(){e=C("code"),$=k("false")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"false"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function re(t){let e,$;return{c(){e=C("code"),$=k("boolean")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"boolean"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function se(t){let e;return{c(){e=k("Whether the field should be focused on mount.")},l(t){e=O(t,"Whether the field should be focused on mount.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function ae(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function oe(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("events")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"events"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function ce(t){let e,$;return{c(){e=C("code"),$=k("[]")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"[]"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function fe(t){let e,$;return{c(){e=C("code"),$=k("Array")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"Array"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function le(t){let e,$,n,r,p,m,i;return{c(){e=k("List of handlers for the "),$=C("a"),n=k("Events action"),r=k(": "),p=C("code"),m=k("[{ name, handler }]"),i=k("."),this.h()},l(t){e=O(t,"List of handlers for the "),$=T(t,"A",{href:!0});var o=s($);n=O(o,"Events action"),o.forEach(a),r=O(t,": "),p=T(t,"CODE",{});var c=s(p);m=O(c,"[{ name, handler }]"),c.forEach(a),i=O(t,"."),this.h()},h(){o($,"href","./docs/utilities")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s),c(t,p,s),f(p,m),c(t,i,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r),t&&a(p),t&&a(i)}}}function pe(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function me(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("...")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"..."),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function ie(t){let e,$;return{c(){e=C("code"),$=k("any")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"any"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function de(t){let e,$,n,r,o,p,m;return{c(){e=k("Everything else will be passed to the underlying "),$=C("code"),n=k("<input>"),r=k(" or "),o=C("code"),p=k("<textarea>"),m=k(" element.")},l(t){e=O(t,"Everything else will be passed to the underlying "),$=T(t,"CODE",{});var c=s($);n=O(c,"<input>"),c.forEach(a),r=O(t," or "),o=T(t,"CODE",{});var f=s(o);p=O(f,"<textarea>"),f.forEach(a),m=O(t," element.")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s),c(t,o,s),f(o,p),c(t,m,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r),t&&a(o),t&&a(m)}}}function ge(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),n=new z({}),s=new z({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const n={};8&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),s.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),f.$set(a)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function ue(t){let e,$,n,r,o,l,p,g,u,E,k,O,D,b,S,R,N,A,G,F,W,I;return $=new B({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),o=new B({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),p=new B({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),u=new B({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),k=new B({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),D=new B({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),S=new B({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),N=new B({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),G=new B({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),W=new B({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),{c(){e=C("thead"),m($.$$.fragment),n=w(),r=C("tbody"),m(o.$$.fragment),l=w(),m(p.$$.fragment),g=w(),m(u.$$.fragment),E=w(),m(k.$$.fragment),O=w(),m(D.$$.fragment),b=w(),m(S.$$.fragment),R=w(),m(N.$$.fragment),A=w(),m(G.$$.fragment),F=w(),m(W.$$.fragment)},l(t){e=T(t,"THEAD",{});var c=s(e);i($.$$.fragment,c),c.forEach(a),n=y(t),r=T(t,"TBODY",{});var f=s(r);i(o.$$.fragment,f),l=y(f),i(p.$$.fragment,f),g=y(f),i(u.$$.fragment,f),E=y(f),i(k.$$.fragment,f),O=y(f),i(D.$$.fragment,f),b=y(f),i(S.$$.fragment,f),R=y(f),i(N.$$.fragment,f),A=y(f),i(G.$$.fragment,f),F=y(f),i(W.$$.fragment,f),f.forEach(a)},m(t,s){c(t,e,s),d($,e,null),c(t,n,s),c(t,r,s),d(o,r,null),f(r,l),d(p,r,null),f(r,g),d(u,r,null),f(r,E),d(k,r,null),f(r,O),d(D,r,null),f(r,b),d(S,r,null),f(r,R),d(N,r,null),f(r,A),d(G,r,null),f(r,F),d(W,r,null),I=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),o.$set(r);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),p.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),u.$set(a);const c={};8&e&&(c.$$scope={dirty:e,ctx:t}),k.$set(c);const f={};8&e&&(f.$$scope={dirty:e,ctx:t}),D.$set(f);const l={};8&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l);const m={};8&e&&(m.$$scope={dirty:e,ctx:t}),N.$set(m);const i={};8&e&&(i.$$scope={dirty:e,ctx:t}),G.$set(i);const d={};8&e&&(d.$$scope={dirty:e,ctx:t}),W.$set(d)},i(t){I||(h($.$$.fragment,t),h(o.$$.fragment,t),h(p.$$.fragment,t),h(u.$$.fragment,t),h(k.$$.fragment,t),h(D.$$.fragment,t),h(S.$$.fragment,t),h(N.$$.fragment,t),h(G.$$.fragment,t),h(W.$$.fragment,t),I=!0)},o(t){x($.$$.fragment,t),x(o.$$.fragment,t),x(p.$$.fragment,t),x(u.$$.fragment,t),x(k.$$.fragment,t),x(D.$$.fragment,t),x(S.$$.fragment,t),x(N.$$.fragment,t),x(G.$$.fragment,t),x(W.$$.fragment,t),I=!1},d(t){t&&a(e),v($),t&&a(n),t&&a(r),v(o),v(p),v(u),v(k),v(D),v(S),v(N),v(G),v(W)}}}function he(t){let e;return{c(){e=k("Class Properties")},l(t){e=O(t,"Class Properties")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function xe(t){let e,$,n,r,o,p,m;return{c(){e=k("All "),$=C("code"),n=k("<TextField>"),r=k(" components use the "),o=C("code"),p=k(".text-field"),m=k(" class.")},l(t){e=O(t,"All "),$=T(t,"CODE",{});var c=s($);n=O(c,"<TextField>"),c.forEach(a),r=O(t," components use the "),o=T(t,"CODE",{});var f=s(o);p=O(f,".text-field"),f.forEach(a),m=O(t," class.")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s),c(t,o,s),f(o,p),c(t,m,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r),t&&a(o),t&&a(m)}}}function ve(t){let e;return{c(){e=k("Falsy values passed to classes will be disregarded.")},l(t){e=O(t,"Falsy values passed to classes will be disregarded.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Ee(t){let e;return{c(){e=k("Name")},l(t){e=O(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function we(t){let e;return{c(){e=k("Default")},l(t){e=O(t,"Default")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function ye(t){let e;return{c(){e=k("Type")},l(t){e=O(t,"Type")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function ke(t){let e;return{c(){e=k("Description")},l(t){e=O(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Oe(t){let e,$,n,r,s,o,f,l;return e=new U({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),s=new U({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),f=new U({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function De(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("class")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"class"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function be(t){let e,$;return{c(){e=C("code"),$=k("null")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"null"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Ce(t){let e,$;return{c(){e=C("code"),$=k("string")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"string"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Te(t){let e;return{c(){e=k("A class string to add to the component.")},l(t){e=O(t,"A class string to add to the component.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Se(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function Re(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("inputClass")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"inputClass"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function Ne(t){let e,$;return{c(){e=C("code"),$=k("null")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"null"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Ae(t){let e,$;return{c(){e=C("code"),$=k("string")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"string"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Ge(t){let e,$,n,r,o,p,m;return{c(){e=k("A class string to assign to the "),$=C("code"),n=k("<input>"),r=k(" or "),o=C("code"),p=k("<textarea>"),m=k(" element.")},l(t){e=O(t,"A class string to assign to the "),$=T(t,"CODE",{});var c=s($);n=O(c,"<input>"),c.forEach(a),r=O(t," or "),o=T(t,"CODE",{});var f=s(o);p=O(f,"<textarea>"),f.forEach(a),m=O(t," element.")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s),c(t,o,s),f(o,p),c(t,m,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r),t&&a(o),t&&a(m)}}}function Fe(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function We(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("labelClass")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"labelClass"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function Ie(t){let e,$;return{c(){e=C("code"),$=k("null")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"null"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function je(t){let e,$;return{c(){e=C("code"),$=k("string")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"string"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Pe(t){let e,$,n,r;return{c(){e=k("A class string to assign to the "),$=C("code"),n=k("<label>"),r=k(" for the outline text fields.")},l(t){e=O(t,"A class string to assign to the "),$=T(t,"CODE",{});var o=s($);n=O(o,"<label>"),o.forEach(a),r=O(t," for the outline text fields.")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r)}}}function Be(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function Ue(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("errorClass")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"errorClass"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function ze(t){let e,$;return{c(){e=C("code"),$=k("null")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"null"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function He(t){let e,$;return{c(){e=C("code"),$=k("string")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"string"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Le(t){let e;return{c(){e=k("A class string to add to the error message under the text field.")},l(t){e=O(t,"A class string to add to the error message under the text field.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Me(t){let e,$,n,r,s,o,f,l;return e=new z({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),f=new z({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),l=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c)},i(t){l||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),l=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),l=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t)}}}function Ke(t){let e,$,n,r,o,l,p,g,u,E,k,O;return $=new B({props:{$$slots:{default:[Oe]},$$scope:{ctx:t}}}),o=new B({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),p=new B({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),u=new B({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),k=new B({props:{$$slots:{default:[Me]},$$scope:{ctx:t}}}),{c(){e=C("thead"),m($.$$.fragment),n=w(),r=C("tbody"),m(o.$$.fragment),l=w(),m(p.$$.fragment),g=w(),m(u.$$.fragment),E=w(),m(k.$$.fragment)},l(t){e=T(t,"THEAD",{});var c=s(e);i($.$$.fragment,c),c.forEach(a),n=y(t),r=T(t,"TBODY",{});var f=s(r);i(o.$$.fragment,f),l=y(f),i(p.$$.fragment,f),g=y(f),i(u.$$.fragment,f),E=y(f),i(k.$$.fragment,f),f.forEach(a)},m(t,s){c(t,e,s),d($,e,null),c(t,n,s),c(t,r,s),d(o,r,null),f(r,l),d(p,r,null),f(r,g),d(u,r,null),f(r,E),d(k,r,null),O=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),o.$set(r);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),p.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),u.$set(a);const c={};8&e&&(c.$$scope={dirty:e,ctx:t}),k.$set(c)},i(t){O||(h($.$$.fragment,t),h(o.$$.fragment,t),h(p.$$.fragment,t),h(u.$$.fragment,t),h(k.$$.fragment,t),O=!0)},o(t){x($.$$.fragment,t),x(o.$$.fragment,t),x(p.$$.fragment,t),x(u.$$.fragment,t),x(k.$$.fragment,t),O=!1},d(t){t&&a(e),v($),t&&a(n),t&&a(r),v(o),v(p),v(u),v(k)}}}function Ye(t){let e;return{c(){e=k("Events")},l(t){e=O(t,"Events")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function _e(t){let e;return{c(){e=k("Name")},l(t){e=O(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Ve(t){let e;return{c(){e=k("Event Detail")},l(t){e=O(t,"Event Detail")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Xe(t){let e;return{c(){e=k("Description")},l(t){e=O(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function qe(t){let e,$,n,r,s,o;return e=new U({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),s=new U({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function Je(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("input")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"input"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function Qe(t){let e,$;return{c(){e=C("code"),$=k("{ value, nativeEvent }")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"{ value, nativeEvent }"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Ze(t){let e,$,n,r,p,m,i,d,g,u,h,x,v,E;return{c(){e=k("Fired when any character is added or removed in the text field. The "),$=C("code"),n=k("value"),r=k(" has the current value of the "),p=C("mark"),m=C("code"),i=k("value"),d=k(" property and "),g=C("code"),u=k("nativeEvent"),h=k(" holds the "),x=C("a"),v=k("native input event"),E=k("."),this.h()},l(t){e=O(t,"Fired when any character is added or removed in the text field. The "),$=T(t,"CODE",{});var o=s($);n=O(o,"value"),o.forEach(a),r=O(t," has the current value of the "),p=T(t,"MARK",{});var c=s(p);m=T(c,"CODE",{});var f=s(m);i=O(f,"value"),f.forEach(a),c.forEach(a),d=O(t," property and "),g=T(t,"CODE",{});var l=s(g);u=O(l,"nativeEvent"),l.forEach(a),h=O(t," holds the "),x=T(t,"A",{href:!0,rel:!0});var w=s(x);v=O(w,"native input event"),w.forEach(a),E=O(t,"."),this.h()},h(){o(x,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event"),o(x,"rel","nofollow")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s),c(t,p,s),f(p,m),f(m,i),c(t,d,s),c(t,g,s),f(g,u),c(t,h,s),c(t,x,s),f(x,v),c(t,E,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r),t&&a(p),t&&a(d),t&&a(g),t&&a(h),t&&a(x),t&&a(E)}}}function t$(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[Qe]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[Ze]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function e$(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("change")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"change"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function $$(t){let e,$;return{c(){e=C("code"),$=k("{ value, nativeEvent }")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"{ value, nativeEvent }"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function n$(t){let e,$,n,r,p,m,i,d,g,u,h,x,v,E;return{c(){e=k("Fired when a change to the field's value is confirmed (with Enter or by unfocusing). The "),$=C("code"),n=k("value"),r=k(" has the current value of the "),p=C("mark"),m=C("code"),i=k("value"),d=k(" property and "),g=C("code"),u=k("nativeEvent"),h=k(" holds the "),x=C("a"),v=k("native change event"),E=k("."),this.h()},l(t){e=O(t,"Fired when a change to the field's value is confirmed (with Enter or by unfocusing). The "),$=T(t,"CODE",{});var o=s($);n=O(o,"value"),o.forEach(a),r=O(t," has the current value of the "),p=T(t,"MARK",{});var c=s(p);m=T(c,"CODE",{});var f=s(m);i=O(f,"value"),f.forEach(a),c.forEach(a),d=O(t," property and "),g=T(t,"CODE",{});var l=s(g);u=O(l,"nativeEvent"),l.forEach(a),h=O(t," holds the "),x=T(t,"A",{href:!0,rel:!0});var w=s(x);v=O(w,"native change event"),w.forEach(a),E=O(t,"."),this.h()},h(){o(x,"href","https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event"),o(x,"rel","nofollow")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s),c(t,p,s),f(p,m),f(m,i),c(t,d,s),c(t,g,s),f(g,u),c(t,h,s),c(t,x,s),f(x,v),c(t,E,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r),t&&a(p),t&&a(d),t&&a(g),t&&a(h),t&&a(x),t&&a(E)}}}function r$(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[n$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function s$(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("focus")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"focus"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function a$(t){let e,$;return{c(){e=C("code"),$=k("{ nativeEvent }")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"{ nativeEvent }"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function o$(t){let e,$,n,r,p,m,i;return{c(){e=k("Fired when the field gains focus. The "),$=C("code"),n=k("nativeEvent"),r=k(" holds the "),p=C("a"),m=k("native focus event"),i=k("."),this.h()},l(t){e=O(t,"Fired when the field gains focus. The "),$=T(t,"CODE",{});var o=s($);n=O(o,"nativeEvent"),o.forEach(a),r=O(t," holds the "),p=T(t,"A",{href:!0,rel:!0});var c=s(p);m=O(c,"native focus event"),c.forEach(a),i=O(t,"."),this.h()},h(){o(p,"href","https://developer.mozilla.org/en-US/docs/Web/API/Element/focus_event"),o(p,"rel","nofollow")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s),c(t,p,s),f(p,m),c(t,i,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r),t&&a(p),t&&a(i)}}}function c$(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[s$]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[a$]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[o$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function f$(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("blur")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"blur"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function l$(t){let e,$;return{c(){e=C("code"),$=k("{ nativeEvent }")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"{ nativeEvent }"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function p$(t){let e,$,n,r,p,m,i;return{c(){e=k("Fired when the field loses focus. The "),$=C("code"),n=k("nativeEvent"),r=k(" holds the "),p=C("a"),m=k("native blur event"),i=k("."),this.h()},l(t){e=O(t,"Fired when the field loses focus. The "),$=T(t,"CODE",{});var o=s($);n=O(o,"nativeEvent"),o.forEach(a),r=O(t," holds the "),p=T(t,"A",{href:!0,rel:!0});var c=s(p);m=O(c,"native blur event"),c.forEach(a),i=O(t,"."),this.h()},h(){o(p,"href","https://developer.mozilla.org/en-US/docs/Web/API/Element/blur_event"),o(p,"rel","nofollow")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s),c(t,p,s),f(p,m),c(t,i,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r),t&&a(p),t&&a(i)}}}function m$(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[f$]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[l$]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[p$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function i$(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("keydown")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"keydown"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function d$(t){let e,$;return{c(){e=C("code"),$=k("{ nativeEvent }")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"{ nativeEvent }"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function g$(t){let e,$,n,r,p,m,i;return{c(){e=k("Fired when any key is pressed inside the text field (not necessarily printable). Can be used to handle Enter key presses. The "),$=C("code"),n=k("nativeEvent"),r=k(" holds the "),p=C("a"),m=k("native keydown event"),i=k("."),this.h()},l(t){e=O(t,"Fired when any key is pressed inside the text field (not necessarily printable). Can be used to handle Enter key presses. The "),$=T(t,"CODE",{});var o=s($);n=O(o,"nativeEvent"),o.forEach(a),r=O(t," holds the "),p=T(t,"A",{href:!0,rel:!0});var c=s(p);m=O(c,"native keydown event"),c.forEach(a),i=O(t,"."),this.h()},h(){o(p,"href","https://developer.mozilla.org/en-US/docs/Web/API/Element/keydown_event"),o(p,"rel","nofollow")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s),c(t,p,s),f(p,m),c(t,i,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r),t&&a(p),t&&a(i)}}}function u$(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[i$]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[d$]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[g$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function h$(t){let e,$,n,r,o,l,p,g,u,E,k,O,D,b;return $=new B({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),o=new B({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),p=new B({props:{$$slots:{default:[r$]},$$scope:{ctx:t}}}),u=new B({props:{$$slots:{default:[c$]},$$scope:{ctx:t}}}),k=new B({props:{$$slots:{default:[m$]},$$scope:{ctx:t}}}),D=new B({props:{$$slots:{default:[u$]},$$scope:{ctx:t}}}),{c(){e=C("thead"),m($.$$.fragment),n=w(),r=C("tbody"),m(o.$$.fragment),l=w(),m(p.$$.fragment),g=w(),m(u.$$.fragment),E=w(),m(k.$$.fragment),O=w(),m(D.$$.fragment)},l(t){e=T(t,"THEAD",{});var c=s(e);i($.$$.fragment,c),c.forEach(a),n=y(t),r=T(t,"TBODY",{});var f=s(r);i(o.$$.fragment,f),l=y(f),i(p.$$.fragment,f),g=y(f),i(u.$$.fragment,f),E=y(f),i(k.$$.fragment,f),O=y(f),i(D.$$.fragment,f),f.forEach(a)},m(t,s){c(t,e,s),d($,e,null),c(t,n,s),c(t,r,s),d(o,r,null),f(r,l),d(p,r,null),f(r,g),d(u,r,null),f(r,E),d(k,r,null),f(r,O),d(D,r,null),b=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),o.$set(r);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),p.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),u.$set(a);const c={};8&e&&(c.$$scope={dirty:e,ctx:t}),k.$set(c);const f={};8&e&&(f.$$scope={dirty:e,ctx:t}),D.$set(f)},i(t){b||(h($.$$.fragment,t),h(o.$$.fragment,t),h(p.$$.fragment,t),h(u.$$.fragment,t),h(k.$$.fragment,t),h(D.$$.fragment,t),b=!0)},o(t){x($.$$.fragment,t),x(o.$$.fragment,t),x(p.$$.fragment,t),x(u.$$.fragment,t),x(k.$$.fragment,t),x(D.$$.fragment,t),b=!1},d(t){t&&a(e),v($),t&&a(n),t&&a(r),v(o),v(p),v(u),v(k),v(D)}}}function x$(t){let e;return{c(){e=k("Slots")},l(t){e=O(t,"Slots")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function v$(t){let e;return{c(){e=k("Default slot")},l(t){e=O(t,"Default slot")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function E$(t){let e,$,n,r,o,p,m,i,d;return{c(){e=k("If the "),$=C("mark"),n=C("code"),r=k("withItem"),o=k(" property is specified, this holds the item for the text field. By default it is positioned to the left of the input area, but can be moved to the right with the "),p=C("mark"),m=C("code"),i=k("itemRight"),d=k(" property.")},l(t){e=O(t,"If the "),$=T(t,"MARK",{});var c=s($);n=T(c,"CODE",{});var f=s(n);r=O(f,"withItem"),f.forEach(a),c.forEach(a),o=O(t," property is specified, this holds the item for the text field. By default it is positioned to the left of the input area, but can be moved to the right with the "),p=T(t,"MARK",{});var l=s(p);m=T(l,"CODE",{});var g=s(m);i=O(g,"itemRight"),g.forEach(a),l.forEach(a),d=O(t," property.")},m(t,s){c(t,e,s),c(t,$,s),f($,n),f(n,r),c(t,o,s),c(t,p,s),f(p,m),f(m,i),c(t,d,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(o),t&&a(p),t&&a(d)}}}function w$(t){let e,$,n,r,o,p;return{c(){e=C("strong"),$=k("Important"),n=k(": for correct positioning, the element that is placed inside this slot should have the "),r=C("code"),o=k(".icon"),p=k(" class.")},l(t){e=T(t,"STRONG",{});var c=s(e);$=O(c,"Important"),c.forEach(a),n=O(t,": for correct positioning, the element that is placed inside this slot should have the "),r=T(t,"CODE",{});var f=s(r);o=O(f,".icon"),f.forEach(a),p=O(t," class.")},m(t,s){c(t,e,s),f(e,$),c(t,n,s),c(t,r,s),f(r,o),c(t,p,s)},p:l,d(t){t&&a(e),t&&a(n),t&&a(r),t&&a(p)}}}function y$(t){let e;return{c(){e=k("SCSS Variables")},l(t){e=O(t,"SCSS Variables")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function k$(t){let e;return{c(){e=k("Name")},l(t){e=O(t,"Name")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function O$(t){let e;return{c(){e=k("Description")},l(t){e=O(t,"Description")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function D$(t){let e;return{c(){e=k("Default")},l(t){e=O(t,"Default")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function b$(t){let e,$,n,r,s,o;return e=new U({props:{$$slots:{default:[k$]},$$scope:{ctx:t}}}),n=new U({props:{$$slots:{default:[O$]},$$scope:{ctx:t}}}),s=new U({props:{$$slots:{default:[D$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function C$(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$main")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$main"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function T$(t){let e;return{c(){e=k("The color of the focused text field border.")},l(t){e=O(t,"The color of the focused text field border.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function S$(t){let e,$;return e=new W({props:{value:"#4300B0"}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,n){d(e,t,n),$=!0},p:l,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){v(e,t)}}}function R$(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[C$]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[T$]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[S$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function N$(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$textfield-border")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$textfield-border"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function A$(t){let e;return{c(){e=k("The border color of the unselected text field.")},l(t){e=O(t,"The border color of the unselected text field.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function G$(t){let e,$;return e=new W({props:{value:"rgba(0, 0, 0, .42)"}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,n){d(e,t,n),$=!0},p:l,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){v(e,t)}}}function F$(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[N$]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[A$]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[G$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function W$(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$textfield-bg")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$textfield-bg"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function I$(t){let e;return{c(){e=k("The background color of the text field.")},l(t){e=O(t,"The background color of the text field.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function j$(t){let e,$;return e=new W({props:{value:"#F5F5F5",bordered:!0}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,n){d(e,t,n),$=!0},p:l,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){v(e,t)}}}function P$(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[W$]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[I$]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[j$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function B$(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$textfield-item")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$textfield-item"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function U$(t){let e;return{c(){e=k("The default color of the item inside the text field.")},l(t){e=O(t,"The default color of the item inside the text field.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function z$(t){let e,$;return e=new W({props:{value:"#7A7A7A"}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,n){d(e,t,n),$=!0},p:l,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){v(e,t)}}}function H$(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[B$]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[U$]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[z$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function L$(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$textfield-bg-error")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$textfield-bg-error"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function M$(t){let e;return{c(){e=k("The background color of the text field when an invalid value is entered.")},l(t){e=O(t,"The background color of the text field when an invalid value is entered.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function K$(t){let e,$;return e=new W({props:{value:"#FBEEEE"}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,n){d(e,t,n),$=!0},p:l,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){v(e,t)}}}function Y$(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[L$]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[M$]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[K$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function _$(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$danger")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$danger"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function V$(t){let e;return{c(){e=k("The color of the item and the field border when an invalid value is entered.")},l(t){e=O(t,"The color of the item and the field border when an invalid value is entered.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function X$(t){let e,$;return e=new W({props:{value:"#B80000"}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,n){d(e,t,n),$=!0},p:l,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){v(e,t)}}}function q$(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[_$]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[V$]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[X$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function J$(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$dark")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$dark"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function Q$(t){let e;return{c(){e=k("The border color of the disabled text field (will be transparentized).")},l(t){e=O(t,"The border color of the disabled text field (will be transparentized).")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function Z$(t){let e,$;return e=new W({props:{value:"#333333"}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,n){d(e,t,n),$=!0},p:l,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){v(e,t)}}}function tn(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[J$]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[Q$]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[Z$]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function en(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$disabled")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$disabled"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function $n(t){let e;return{c(){e=k("The text color of the disabled text field.")},l(t){e=O(t,"The text color of the disabled text field.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function nn(t){let e,$;return e=new W({props:{value:"#888888"}}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,n){d(e,t,n),$=!0},p:l,i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){v(e,t)}}}function rn(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[en]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[$n]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[nn]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function sn(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$font")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$font"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function an(t){let e;return{c(){e=k("The font family of the text inside the text field.")},l(t){e=O(t,"The font family of the text inside the text field.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function on(t){let e,$;return{c(){e=C("code"),$=k("'Ubuntu'")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"'Ubuntu'"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function cn(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[sn]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[an]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[on]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function fn(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$thin-font-weight")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$thin-font-weight"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function ln(t){let e;return{c(){e=k("The thin font weight for the text inside the text field.")},l(t){e=O(t,"The thin font weight for the text inside the text field.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function pn(t){let e,$;return{c(){e=C("code"),$=k("300")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"300"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function mn(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[fn]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[ln]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[pn]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function dn(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$bold-font-weight")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$bold-font-weight"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function gn(t){let e;return{c(){e=k("The bold font weight for the error text and the item that's positioned to the left of the input area.")},l(t){e=O(t,"The bold font weight for the error text and the item that's positioned to the left of the input area.")},m(t,$){c(t,e,$)},d(t){t&&a(e)}}}function un(t){let e,$;return{c(){e=C("code"),$=k("500")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"500"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function hn(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[dn]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[gn]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[un]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function xn(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$x-icon")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$x-icon"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function vn(t){let e,$,n,r,o,p;return{c(){e=C("strong"),$=k("Only applicable to "),n=C("code"),r=k('<input type="search">'),o=k(" in WebKit browsers"),p=k(". If you wish to use a custom icon for the X that clears the field's value, supply a URL to the icon here.")},l(t){e=T(t,"STRONG",{});var c=s(e);$=O(c,"Only applicable to "),n=T(c,"CODE",{});var f=s(n);r=O(f,'<input type="search">'),f.forEach(a),o=O(c," in WebKit browsers"),c.forEach(a),p=O(t,". If you wish to use a custom icon for the X that clears the field's value, supply a URL to the icon here.")},m(t,s){c(t,e,s),f(e,$),f(e,n),f(n,r),f(e,o),c(t,p,s)},p:l,d(t){t&&a(e),t&&a(p)}}}function En(t){let e,$,n;return{c(){e=C("a"),$=k("Feather Icons' X"),n=k(" as a data URL"),this.h()},l(t){e=T(t,"A",{href:!0,rel:!0});var r=s(e);$=O(r,"Feather Icons' X"),r.forEach(a),n=O(t," as a data URL"),this.h()},h(){o(e,"href","https://feathericons.com/?query=x"),o(e,"rel","nofollow")},m(t,r){c(t,e,r),f(e,$),c(t,n,r)},p:l,d(t){t&&a(e),t&&a(n)}}}function wn(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[xn]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[vn]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[En]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function yn(t){let e,$,n;return{c(){e=C("strong"),$=C("code"),n=k("$textfield-outline-radius")},l(t){e=T(t,"STRONG",{});var r=s(e);$=T(r,"CODE",{});var o=s($);n=O(o,"$textfield-outline-radius"),o.forEach(a),r.forEach(a)},m(t,r){c(t,e,r),f(e,$),f($,n)},p:l,d(t){t&&a(e)}}}function kn(t){let e,$,n,r,o,p,m;return{c(){e=k("The "),$=C("code"),n=k("border-radius"),r=k(" of the text field when using the "),o=C("code"),p=k("outline"),m=k(" variant")},l(t){e=O(t,"The "),$=T(t,"CODE",{});var c=s($);n=O(c,"border-radius"),c.forEach(a),r=O(t," of the text field when using the "),o=T(t,"CODE",{});var f=s(o);p=O(f,"outline"),f.forEach(a),m=O(t," variant")},m(t,s){c(t,e,s),c(t,$,s),f($,n),c(t,r,s),c(t,o,s),f(o,p),c(t,m,s)},p:l,d(t){t&&a(e),t&&a($),t&&a(r),t&&a(o),t&&a(m)}}}function On(t){let e,$;return{c(){e=C("code"),$=k("1.5625em")},l(t){e=T(t,"CODE",{});var n=s(e);$=O(n,"1.5625em"),n.forEach(a)},m(t,n){c(t,e,n),f(e,$)},p:l,d(t){t&&a(e)}}}function Dn(t){let e,$,n,r,s,o;return e=new z({props:{$$slots:{default:[yn]},$$scope:{ctx:t}}}),n=new z({props:{$$slots:{default:[kn]},$$scope:{ctx:t}}}),s=new z({props:{$$slots:{default:[On]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),o=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};8&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o)},i(t){o||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),o=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),o=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t)}}}function bn(t){let e,$,n,r,o,l,p,g,u,E,k,O,D,b,S,R,N,A,G,F,W,I,j,P,U,z,H,L,M,K;return $=new B({props:{$$slots:{default:[b$]},$$scope:{ctx:t}}}),o=new B({props:{$$slots:{default:[R$]},$$scope:{ctx:t}}}),p=new B({props:{$$slots:{default:[F$]},$$scope:{ctx:t}}}),u=new B({props:{$$slots:{default:[P$]},$$scope:{ctx:t}}}),k=new B({props:{$$slots:{default:[H$]},$$scope:{ctx:t}}}),D=new B({props:{$$slots:{default:[Y$]},$$scope:{ctx:t}}}),S=new B({props:{$$slots:{default:[q$]},$$scope:{ctx:t}}}),N=new B({props:{$$slots:{default:[tn]},$$scope:{ctx:t}}}),G=new B({props:{$$slots:{default:[rn]},$$scope:{ctx:t}}}),W=new B({props:{$$slots:{default:[cn]},$$scope:{ctx:t}}}),j=new B({props:{$$slots:{default:[mn]},$$scope:{ctx:t}}}),U=new B({props:{$$slots:{default:[hn]},$$scope:{ctx:t}}}),H=new B({props:{$$slots:{default:[wn]},$$scope:{ctx:t}}}),M=new B({props:{$$slots:{default:[Dn]},$$scope:{ctx:t}}}),{c(){e=C("thead"),m($.$$.fragment),n=w(),r=C("tbody"),m(o.$$.fragment),l=w(),m(p.$$.fragment),g=w(),m(u.$$.fragment),E=w(),m(k.$$.fragment),O=w(),m(D.$$.fragment),b=w(),m(S.$$.fragment),R=w(),m(N.$$.fragment),A=w(),m(G.$$.fragment),F=w(),m(W.$$.fragment),I=w(),m(j.$$.fragment),P=w(),m(U.$$.fragment),z=w(),m(H.$$.fragment),L=w(),m(M.$$.fragment)},l(t){e=T(t,"THEAD",{});var c=s(e);i($.$$.fragment,c),c.forEach(a),n=y(t),r=T(t,"TBODY",{});var f=s(r);i(o.$$.fragment,f),l=y(f),i(p.$$.fragment,f),g=y(f),i(u.$$.fragment,f),E=y(f),i(k.$$.fragment,f),O=y(f),i(D.$$.fragment,f),b=y(f),i(S.$$.fragment,f),R=y(f),i(N.$$.fragment,f),A=y(f),i(G.$$.fragment,f),F=y(f),i(W.$$.fragment,f),I=y(f),i(j.$$.fragment,f),P=y(f),i(U.$$.fragment,f),z=y(f),i(H.$$.fragment,f),L=y(f),i(M.$$.fragment,f),f.forEach(a)},m(t,s){c(t,e,s),d($,e,null),c(t,n,s),c(t,r,s),d(o,r,null),f(r,l),d(p,r,null),f(r,g),d(u,r,null),f(r,E),d(k,r,null),f(r,O),d(D,r,null),f(r,b),d(S,r,null),f(r,R),d(N,r,null),f(r,A),d(G,r,null),f(r,F),d(W,r,null),f(r,I),d(j,r,null),f(r,P),d(U,r,null),f(r,z),d(H,r,null),f(r,L),d(M,r,null),K=!0},p(t,e){const n={};8&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const r={};8&e&&(r.$$scope={dirty:e,ctx:t}),o.$set(r);const s={};8&e&&(s.$$scope={dirty:e,ctx:t}),p.$set(s);const a={};8&e&&(a.$$scope={dirty:e,ctx:t}),u.$set(a);const c={};8&e&&(c.$$scope={dirty:e,ctx:t}),k.$set(c);const f={};8&e&&(f.$$scope={dirty:e,ctx:t}),D.$set(f);const l={};8&e&&(l.$$scope={dirty:e,ctx:t}),S.$set(l);const m={};8&e&&(m.$$scope={dirty:e,ctx:t}),N.$set(m);const i={};8&e&&(i.$$scope={dirty:e,ctx:t}),G.$set(i);const d={};8&e&&(d.$$scope={dirty:e,ctx:t}),W.$set(d);const g={};8&e&&(g.$$scope={dirty:e,ctx:t}),j.$set(g);const h={};8&e&&(h.$$scope={dirty:e,ctx:t}),U.$set(h);const x={};8&e&&(x.$$scope={dirty:e,ctx:t}),H.$set(x);const v={};8&e&&(v.$$scope={dirty:e,ctx:t}),M.$set(v)},i(t){K||(h($.$$.fragment,t),h(o.$$.fragment,t),h(p.$$.fragment,t),h(u.$$.fragment,t),h(k.$$.fragment,t),h(D.$$.fragment,t),h(S.$$.fragment,t),h(N.$$.fragment,t),h(G.$$.fragment,t),h(W.$$.fragment,t),h(j.$$.fragment,t),h(U.$$.fragment,t),h(H.$$.fragment,t),h(M.$$.fragment,t),K=!0)},o(t){x($.$$.fragment,t),x(o.$$.fragment,t),x(p.$$.fragment,t),x(u.$$.fragment,t),x(k.$$.fragment,t),x(D.$$.fragment,t),x(S.$$.fragment,t),x(N.$$.fragment,t),x(G.$$.fragment,t),x(W.$$.fragment,t),x(j.$$.fragment,t),x(U.$$.fragment,t),x(H.$$.fragment,t),x(M.$$.fragment,t),K=!1},d(t){t&&a(e),v($),t&&a(n),t&&a(r),v(o),v(p),v(u),v(k),v(D),v(S),v(N),v(G),v(W),v(j),v(U),v(H),v(M)}}}function Cn(t){let e,$,n,r,s,o,f,l,p,g,u,E,k,O,D,b,C,T,S,R,G,W,B,U,z,H,L,M,_,V,Z,tt,et,$t,nt,rt,st,at,ot,ct;return e=new N({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),n=new A({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),s=new F({props:{$$slots:{source:[q],showcase:[X]},$$scope:{ctx:t}}}),f=new I({props:{id:"properties",$$slots:{default:[J]},$$scope:{ctx:t}}}),p=new j({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),u=new P({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),k=new j({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),D=new P({props:{$$slots:{default:[ue]},$$scope:{ctx:t}}}),C=new j({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),S=new A({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),G=new A({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),B=new P({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),z=new I({props:{id:"events",$$slots:{default:[Ye]},$$scope:{ctx:t}}}),L=new P({props:{$$slots:{default:[h$]},$$scope:{ctx:t}}}),_=new I({props:{id:"slots",$$slots:{default:[x$]},$$scope:{ctx:t}}}),Z=new j({props:{$$slots:{default:[v$]},$$scope:{ctx:t}}}),et=new A({props:{$$slots:{default:[E$]},$$scope:{ctx:t}}}),nt=new A({props:{$$slots:{default:[w$]},$$scope:{ctx:t}}}),st=new I({props:{id:"scss-variables",$$slots:{default:[y$]},$$scope:{ctx:t}}}),ot=new P({props:{$$slots:{default:[bn]},$$scope:{ctx:t}}}),{c(){m(e.$$.fragment),$=w(),m(n.$$.fragment),r=w(),m(s.$$.fragment),o=w(),m(f.$$.fragment),l=w(),m(p.$$.fragment),g=w(),m(u.$$.fragment),E=w(),m(k.$$.fragment),O=w(),m(D.$$.fragment),b=w(),m(C.$$.fragment),T=w(),m(S.$$.fragment),R=w(),m(G.$$.fragment),W=w(),m(B.$$.fragment),U=w(),m(z.$$.fragment),H=w(),m(L.$$.fragment),M=w(),m(_.$$.fragment),V=w(),m(Z.$$.fragment),tt=w(),m(et.$$.fragment),$t=w(),m(nt.$$.fragment),rt=w(),m(st.$$.fragment),at=w(),m(ot.$$.fragment)},l(t){i(e.$$.fragment,t),$=y(t),i(n.$$.fragment,t),r=y(t),i(s.$$.fragment,t),o=y(t),i(f.$$.fragment,t),l=y(t),i(p.$$.fragment,t),g=y(t),i(u.$$.fragment,t),E=y(t),i(k.$$.fragment,t),O=y(t),i(D.$$.fragment,t),b=y(t),i(C.$$.fragment,t),T=y(t),i(S.$$.fragment,t),R=y(t),i(G.$$.fragment,t),W=y(t),i(B.$$.fragment,t),U=y(t),i(z.$$.fragment,t),H=y(t),i(L.$$.fragment,t),M=y(t),i(_.$$.fragment,t),V=y(t),i(Z.$$.fragment,t),tt=y(t),i(et.$$.fragment,t),$t=y(t),i(nt.$$.fragment,t),rt=y(t),i(st.$$.fragment,t),at=y(t),i(ot.$$.fragment,t)},m(t,a){d(e,t,a),c(t,$,a),d(n,t,a),c(t,r,a),d(s,t,a),c(t,o,a),d(f,t,a),c(t,l,a),d(p,t,a),c(t,g,a),d(u,t,a),c(t,E,a),d(k,t,a),c(t,O,a),d(D,t,a),c(t,b,a),d(C,t,a),c(t,T,a),d(S,t,a),c(t,R,a),d(G,t,a),c(t,W,a),d(B,t,a),c(t,U,a),d(z,t,a),c(t,H,a),d(L,t,a),c(t,M,a),d(_,t,a),c(t,V,a),d(Z,t,a),c(t,tt,a),d(et,t,a),c(t,$t,a),d(nt,t,a),c(t,rt,a),d(st,t,a),c(t,at,a),d(ot,t,a),ct=!0},p(t,$){const r={};8&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r);const a={};8&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const o={};9&$&&(o.$$scope={dirty:$,ctx:t}),s.$set(o);const c={};8&$&&(c.$$scope={dirty:$,ctx:t}),f.$set(c);const l={};8&$&&(l.$$scope={dirty:$,ctx:t}),p.$set(l);const m={};8&$&&(m.$$scope={dirty:$,ctx:t}),u.$set(m);const i={};8&$&&(i.$$scope={dirty:$,ctx:t}),k.$set(i);const d={};8&$&&(d.$$scope={dirty:$,ctx:t}),D.$set(d);const g={};8&$&&(g.$$scope={dirty:$,ctx:t}),C.$set(g);const h={};8&$&&(h.$$scope={dirty:$,ctx:t}),S.$set(h);const x={};8&$&&(x.$$scope={dirty:$,ctx:t}),G.$set(x);const v={};8&$&&(v.$$scope={dirty:$,ctx:t}),B.$set(v);const E={};8&$&&(E.$$scope={dirty:$,ctx:t}),z.$set(E);const w={};8&$&&(w.$$scope={dirty:$,ctx:t}),L.$set(w);const y={};8&$&&(y.$$scope={dirty:$,ctx:t}),_.$set(y);const O={};8&$&&(O.$$scope={dirty:$,ctx:t}),Z.$set(O);const b={};8&$&&(b.$$scope={dirty:$,ctx:t}),et.$set(b);const T={};8&$&&(T.$$scope={dirty:$,ctx:t}),nt.$set(T);const R={};8&$&&(R.$$scope={dirty:$,ctx:t}),st.$set(R);const N={};8&$&&(N.$$scope={dirty:$,ctx:t}),ot.$set(N)},i(t){ct||(h(e.$$.fragment,t),h(n.$$.fragment,t),h(s.$$.fragment,t),h(f.$$.fragment,t),h(p.$$.fragment,t),h(u.$$.fragment,t),h(k.$$.fragment,t),h(D.$$.fragment,t),h(C.$$.fragment,t),h(S.$$.fragment,t),h(G.$$.fragment,t),h(B.$$.fragment,t),h(z.$$.fragment,t),h(L.$$.fragment,t),h(_.$$.fragment,t),h(Z.$$.fragment,t),h(et.$$.fragment,t),h(nt.$$.fragment,t),h(st.$$.fragment,t),h(ot.$$.fragment,t),ct=!0)},o(t){x(e.$$.fragment,t),x(n.$$.fragment,t),x(s.$$.fragment,t),x(f.$$.fragment,t),x(p.$$.fragment,t),x(u.$$.fragment,t),x(k.$$.fragment,t),x(D.$$.fragment,t),x(C.$$.fragment,t),x(S.$$.fragment,t),x(G.$$.fragment,t),x(B.$$.fragment,t),x(z.$$.fragment,t),x(L.$$.fragment,t),x(_.$$.fragment,t),x(Z.$$.fragment,t),x(et.$$.fragment,t),x(nt.$$.fragment,t),x(st.$$.fragment,t),x(ot.$$.fragment,t),ct=!1},d(t){v(e,t),t&&a($),v(n,t),t&&a(r),v(s,t),t&&a(o),v(f,t),t&&a(l),v(p,t),t&&a(g),v(u,t),t&&a(E),v(k,t),t&&a(O),v(D,t),t&&a(b),v(C,t),t&&a(T),v(S,t),t&&a(R),v(G,t),t&&a(W),v(B,t),t&&a(U),v(z,t),t&&a(H),v(L,t),t&&a(M),v(_,t),t&&a(V),v(Z,t),t&&a(tt),v(et,t),t&&a($t),v(nt,t),t&&a(rt),v(st,t),t&&a(at),v(ot,t)}}}function Tn(t){let e,$;const n=[t[1],Sn];let r={$$slots:{default:[Cn]},$$scope:{ctx:t}};for(let t=0;t<n.length;t+=1)r=p(r,n[t]);return e=new R({props:r}),{c(){m(e.$$.fragment)},l(t){i(e.$$.fragment,t)},m(t,n){d(e,t,n),$=!0},p(t,[$]){const r=2&$?g(n,[2&$&&u(t[1]),0&$&&u(Sn)]):{};9&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r)},i(t){$||(h(e.$$.fragment,t),$=!0)},o(t){x(e.$$.fragment,t),$=!1},d(t){v(e,t)}}}const Sn={name:"TextField"};function Rn(t,e,$){let n="";return t.$$set=t=>{$(1,e=p(p({},e),E(t)))},e=E(e),[n,e,function(t){n=t,$(0,n)}]}class Nn extends t{constructor(t){super(),e(this,t,Rn,Tn,$,{})}}export{Nn as default,Sn as metadata};
diff --git a/376/client/theming.035e44f5.js b/376/client/theming.035e44f5.js
new file mode 100644
index 000000000..ad771d5f9
--- /dev/null
+++ b/376/client/theming.035e44f5.js
@@ -0,0 +1 @@
+import{S as n,i as s,s as a,K as t,j as e,l as o,m as p,U as c,a0 as r,t as l,p as i,q as u,L as $,u as f,w as m,f as k,d as h,v as d,x as g,h as y,k as v,b as w,g as x,n as b,e as E}from"./client.0d36a0cf.js";import{L as S,H as j,P as _}from"./layout.b2760304.js";import{C}from"./copyable-code.1fddc954.js";import{H as I}from"./h2.122c8b9f.js";import"./button.743a388a.js";import"./classes.2453fa25.js";function P(n){let s;return{c(){s=d("Theming with Sass")},l(n){s=g(n,"Theming with Sass")},m(n,a){k(n,s,a)},d(n){n&&h(s)}}}function T(n){let s,a,t,e;return{c(){s=d("If you'd like to access/customize the Sass variables of the library or your "),a=y("code"),t=d("node_modules"),e=d(" folder is not in the root of your project, then you'll need a Sass importer. No stress though! We already built one for you.")},l(n){s=g(n,"If you'd like to access/customize the Sass variables of the library or your "),a=v(n,"CODE",{});var o=w(a);t=g(o,"node_modules"),o.forEach(h),e=g(n," folder is not in the root of your project, then you'll need a Sass importer. No stress though! We already built one for you.")},m(n,o){k(n,s,o),k(n,a,o),x(a,t),k(n,e,o)},p:b,d(n){n&&h(s),n&&h(a),n&&h(e)}}}function O(n){let s,a,t,e,o,p,c,r,l,i;return{c(){s=d("In your "),a=y("code"),t=d("svelte.config.js"),e=d(" (or wherever you configured "),o=y("code"),p=d("svelte-preprocess"),c=d("), import the "),r=y("code"),l=d("makeAttractionsImporter"),i=d(" function:")},l(n){s=g(n,"In your "),a=v(n,"CODE",{});var u=w(a);t=g(u,"svelte.config.js"),u.forEach(h),e=g(n," (or wherever you configured "),o=v(n,"CODE",{});var $=w(o);p=g($,"svelte-preprocess"),$.forEach(h),c=g(n,"), import the "),r=v(n,"CODE",{});var f=w(r);l=g(f,"makeAttractionsImporter"),f.forEach(h),i=g(n," function:")},m(n,u){k(n,s,u),k(n,a,u),x(a,t),k(n,e,u),k(n,o,u),x(o,p),k(n,c,u),k(n,r,u),x(r,l),k(n,i,u)},p:b,d(n){n&&h(s),n&&h(a),n&&h(e),n&&h(o),n&&h(c),n&&h(r),n&&h(i)}}}function A(n){let s;return{c(){s=y("pre"),this.h()},l(n){s=v(n,"PRE",{class:!0}),w(s).forEach(h),this.h()},h(){E(s,"class","language-js")},m(n,a){k(n,s,a),s.innerHTML='<code class="language-js"><span class="token keyword">const</span> sveltePreprocess <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">\'svelte-preprocess\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n<span class="token keyword">const</span> makeAttractionsImporter <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">\'attractions/importer.js\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code>'},p:b,d(n){n&&h(s)}}}function D(n){let s,a,t,e;return{c(){s=d("This function can be called with no arguments to create an importer that allows importing Sass stuff from Attractions or with an option object to override the default theme and/or the "),a=y("code"),t=d("node_modules"),e=d(" path.")},l(n){s=g(n,"This function can be called with no arguments to create an importer that allows importing Sass stuff from Attractions or with an option object to override the default theme and/or the "),a=v(n,"CODE",{});var o=w(a);t=g(o,"node_modules"),o.forEach(h),e=g(n," path.")},m(n,o){k(n,s,o),k(n,a,o),x(a,t),k(n,e,o)},p:b,d(n){n&&h(s),n&&h(a),n&&h(e)}}}function M(n){let s;return{c(){s=d("Importing Sass stuff")},l(n){s=g(n,"Importing Sass stuff")},m(n,a){k(n,s,a)},d(n){n&&h(s)}}}function H(n){let s;return{c(){s=d("What is there to import in Sass? Variables, mostly, however, if you ever have a need to mimic some component from Attractions with different functionality, you also have access to the mixins that are used internally. Feel free to explore the source code for more information.")},l(n){s=g(n,"What is there to import in Sass? Variables, mostly, however, if you ever have a need to mimic some component from Attractions with different functionality, you also have access to the mixins that are used internally. Feel free to explore the source code for more information.")},m(n,a){k(n,s,a)},d(n){n&&h(s)}}}function L(n){let s,a,t,e;return{c(){s=d("Create a default importer in your "),a=y("code"),t=d("svelte.config.js"),e=d(":")},l(n){s=g(n,"Create a default importer in your "),a=v(n,"CODE",{});var o=w(a);t=g(o,"svelte.config.js"),o.forEach(h),e=g(n,":")},m(n,o){k(n,s,o),k(n,a,o),x(a,t),k(n,e,o)},p:b,d(n){n&&h(s),n&&h(a),n&&h(e)}}}function R(n){let s;return{c(){s=y("pre"),this.h()},l(n){s=v(n,"PRE",{class:!0}),w(s).forEach(h),this.h()},h(){E(s,"class","language-js")},m(n,a){k(n,s,a),s.innerHTML='<code class="language-js">module<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">&#123;</span>\n  <span class="token literal-property property">preprocess</span><span class="token operator">:</span> <span class="token punctuation">[</span>\n    <span class="token function">sveltePreprocess</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n      <span class="token literal-property property">scss</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n        <span class="token literal-property property">importer</span><span class="token operator">:</span> <span class="token function">makeAttractionsImporter</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n      <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">,</span>\n<span class="token punctuation">&#125;</span><span class="token punctuation">;</span></code>'},p:b,d(n){n&&h(s)}}}function F(n){let s,a,t,e;return{c(){s=d("Then in SCSS files you'll have "),a=y("code"),t=d("~attractions/*"),e=d(" imports:")},l(n){s=g(n,"Then in SCSS files you'll have "),a=v(n,"CODE",{});var o=w(a);t=g(o,"~attractions/*"),o.forEach(h),e=g(n," imports:")},m(n,o){k(n,s,o),k(n,a,o),x(a,t),k(n,e,o)},p:b,d(n){n&&h(s),n&&h(a),n&&h(e)}}}function W(n){let s;return{c(){s=y("pre"),this.h()},l(n){s=v(n,"PRE",{class:!0}),w(s).forEach(h),this.h()},h(){E(s,"class","language-scss")},m(n,a){k(n,s,a),s.innerHTML='<code class="language-scss"><span class="token keyword">@use</span> <span class="token string">\'~attractions/_variables\'</span><span class="token punctuation">;</span>\n<span class="token keyword">@use</span> <span class="token string">\'~attractions/_mixins\'</span><span class="token punctuation">;</span>\n<span class="token keyword">@use</span> <span class="token string">\'~attractions/_appearances\'</span><span class="token punctuation">;</span>\n\n<span class="token selector">.something </span><span class="token punctuation">&#123;</span>\n  <span class="token property">color</span><span class="token punctuation">:</span> variables.<span class="token variable">$main</span><span class="token punctuation">;</span>\n\n  <span class="token comment">// See the source code to discover these internal mixins:</span>\n  <span class="token keyword">@include</span> appearances.button<span class="token punctuation">;</span>\n  <span class="token keyword">@include</span> mixins.<span class="token module-modifier keyword">show</span>-on-focus<span class="token punctuation">;</span>\n<span class="token punctuation">&#125;</span></code>'},p:b,d(n){n&&h(s)}}}function q(n){let s;return{c(){s=d("For a list of variables to customize, refer to the documentation of each component, there's a table with all the variables that this component uses.")},l(n){s=g(n,"For a list of variables to customize, refer to the documentation of each component, there's a table with all the variables that this component uses.")},m(n,a){k(n,s,a)},d(n){n&&h(s)}}}function z(n){let s;return{c(){s=d("Overriding Sass variables")},l(n){s=g(n,"Overriding Sass variables")},m(n,a){k(n,s,a)},d(n){n&&h(s)}}}function N(n){let s,a,t,e;return{c(){s=d("If you want to tweak the appearance of components to your liking, you can override any SCSS variable in Attractions by configuring the "),a=y("code"),t=d("_variables"),e=d(" module. We suggest you create a separate SCSS file for that.")},l(n){s=g(n,"If you want to tweak the appearance of components to your liking, you can override any SCSS variable in Attractions by configuring the "),a=v(n,"CODE",{});var o=w(a);t=g(o,"_variables"),o.forEach(h),e=g(n," module. We suggest you create a separate SCSS file for that.")},m(n,o){k(n,s,o),k(n,a,o),x(a,t),k(n,e,o)},p:b,d(n){n&&h(s),n&&h(a),n&&h(e)}}}function V(n){let s;return{c(){s=y("pre"),this.h()},l(n){s=v(n,"PRE",{class:!0}),w(s).forEach(h),this.h()},h(){E(s,"class","language-scss")},m(n,a){k(n,s,a),s.innerHTML='<code class="language-scss"><span class="token keyword">@forward</span> <span class="token string">\'~attractions/_variables\'</span> <span class="token module-modifier keyword">with</span> <span class="token punctuation">(</span>\n  <span class="token property"><span class="token variable">$main</span></span><span class="token punctuation">:</span> green<span class="token punctuation">,</span>\n  <span class="token property"><span class="token variable">$font</span></span><span class="token punctuation">:</span> <span class="token string">"\'Open Sans\', sans-serif"</span><span class="token punctuation">,</span>\n<span class="token punctuation">)</span><span class="token punctuation">;</span>\n<span class="token property"><span class="token variable">$something-else</span></span><span class="token punctuation">:</span> red<span class="token punctuation">;</span></code>'},p:b,d(n){n&&h(s)}}}function K(n){let s;return{c(){s=y("pre"),this.h()},l(n){s=v(n,"PRE",{class:!0}),w(s).forEach(h),this.h()},h(){E(s,"class","language-js")},m(n,a){k(n,s,a),s.innerHTML='<code class="language-js"><span class="token keyword">const</span> path <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">\'path\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n\nmodule<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">&#123;</span>\n  <span class="token literal-property property">preprocess</span><span class="token operator">:</span> <span class="token punctuation">[</span>\n    <span class="token function">sveltePreprocess</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n      <span class="token literal-property property">scss</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n        <span class="token literal-property property">importer</span><span class="token operator">:</span> <span class="token function">makeAttractionsImporter</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n          <span class="token comment">// specify the path to your theme file, relative to this file</span>\n          <span class="token literal-property property">themeFile</span><span class="token operator">:</span> path<span class="token punctuation">.</span><span class="token function">join</span><span class="token punctuation">(</span>__dirname<span class="token punctuation">,</span> <span class="token string">\'static/css/theme.scss\'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n        <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n        <span class="token comment">// not mandatory but nice to have for concise imports</span>\n        <span class="token literal-property property">includePaths</span><span class="token operator">:</span> <span class="token punctuation">[</span>path<span class="token punctuation">.</span><span class="token function">join</span><span class="token punctuation">(</span>__dirname<span class="token punctuation">,</span> <span class="token string">\'./static/css\'</span><span class="token punctuation">)</span><span class="token punctuation">]</span><span class="token punctuation">,</span>\n      <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">,</span>\n<span class="token punctuation">&#125;</span><span class="token punctuation">;</span></code>'},p:b,d(n){n&&h(s)}}}function U(n){let s;return{c(){s=y("pre"),this.h()},l(n){s=v(n,"PRE",{class:!0}),w(s).forEach(h),this.h()},h(){E(s,"class","language-svelte")},m(n,a){k(n,s,a),s.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>style</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>scss<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token style"><span class="token language-css">\n  <span class="token comment">/* because the directory of &#96;theme.scss&#96; is in &#96;includePaths&#96; */</span>\n  <span class="token atrule"><span class="token rule">@use</span> <span class="token string">\'theme.scss\'</span><span class="token punctuation">;</span></span>\n\n  <span class="token selector">div</span> <span class="token punctuation">&#123;</span>\n    <span class="token property">color</span><span class="token punctuation">:</span> theme.$main<span class="token punctuation">;</span>\n  <span class="token punctuation">&#125;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>style</span><span class="token punctuation">></span></span></code>'},p:b,d(n){n&&h(s)}}}function B(n){let s,a,t,e;return{c(){s=d("Changing the "),a=y("code"),t=d("node_modules"),e=d(" location")},l(n){s=g(n,"Changing the "),a=v(n,"CODE",{});var o=w(a);t=g(o,"node_modules"),o.forEach(h),e=g(n," location")},m(n,o){k(n,s,o),k(n,a,o),x(a,t),k(n,e,o)},p:b,d(n){n&&h(s),n&&h(a),n&&h(e)}}}function G(n){let s,a,t,e;return{c(){s=d("There might be cases where you would have your "),a=y("code"),t=d("node_modules"),e=d(" be in some other place than the project root (such as when you're using workspaces).")},l(n){s=g(n,"There might be cases where you would have your "),a=v(n,"CODE",{});var o=w(a);t=g(o,"node_modules"),o.forEach(h),e=g(n," be in some other place than the project root (such as when you're using workspaces).")},m(n,o){k(n,s,o),k(n,a,o),x(a,t),k(n,e,o)},p:b,d(n){n&&h(s),n&&h(a),n&&h(e)}}}function J(n){let s,a,t,e;return{c(){s=d("In that case, you should inform the importer of the correct location with the "),a=y("code"),t=d("nodeModulesPath"),e=d(" option:")},l(n){s=g(n,"In that case, you should inform the importer of the correct location with the "),a=v(n,"CODE",{});var o=w(a);t=g(o,"nodeModulesPath"),o.forEach(h),e=g(n," option:")},m(n,o){k(n,s,o),k(n,a,o),x(a,t),k(n,e,o)},p:b,d(n){n&&h(s),n&&h(a),n&&h(e)}}}function Q(n){let s;return{c(){s=y("pre"),this.h()},l(n){s=v(n,"PRE",{class:!0}),w(s).forEach(h),this.h()},h(){E(s,"class","language-js")},m(n,a){k(n,s,a),s.innerHTML='<code class="language-js"><span class="token keyword">const</span> path <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">\'path\'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n\nmodule<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">&#123;</span>\n  <span class="token literal-property property">preprocess</span><span class="token operator">:</span> <span class="token punctuation">[</span>\n    <span class="token function">sveltePreprocess</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n      <span class="token literal-property property">scss</span><span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n        <span class="token literal-property property">importer</span><span class="token operator">:</span> <span class="token function">makeAttractionsImporter</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>\n          <span class="token literal-property property">themeFile</span><span class="token operator">:</span> path<span class="token punctuation">.</span><span class="token function">join</span><span class="token punctuation">(</span>__dirname<span class="token punctuation">,</span> <span class="token string">\'static/css/theme.scss\'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n          <span class="token literal-property property">nodeModulesPath</span><span class="token operator">:</span> path<span class="token punctuation">.</span><span class="token function">join</span><span class="token punctuation">(</span>__dirname<span class="token punctuation">,</span> <span class="token string">\'../node_modules\'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n        <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n      <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">,</span>\n  <span class="token punctuation">]</span><span class="token punctuation">,</span>\n<span class="token punctuation">&#125;</span><span class="token punctuation">;</span></code>'},p:b,d(n){n&&h(s)}}}function X(n){let s,a,t,c,r,$,d,g,y,v,w,x,b,E,S,X,Y,Z,nn,sn,an,tn,en,on,pn,cn,rn,ln,un,$n,fn,mn,kn,hn,dn,gn,yn,vn,wn,xn,bn,En;return s=new j({props:{$$slots:{default:[P]},$$scope:{ctx:n}}}),t=new _({props:{$$slots:{default:[T]},$$scope:{ctx:n}}}),r=new _({props:{$$slots:{default:[O]},$$scope:{ctx:n}}}),d=new C({props:{filename:"svelte.config.js",$$slots:{default:[A]},$$scope:{ctx:n}}}),y=new _({props:{$$slots:{default:[D]},$$scope:{ctx:n}}}),w=new I({props:{$$slots:{default:[M]},$$scope:{ctx:n}}}),b=new _({props:{$$slots:{default:[H]},$$scope:{ctx:n}}}),S=new _({props:{$$slots:{default:[L]},$$scope:{ctx:n}}}),Y=new C({props:{filename:"svelte.config.js",$$slots:{default:[R]},$$scope:{ctx:n}}}),nn=new _({props:{$$slots:{default:[F]},$$scope:{ctx:n}}}),an=new C({props:{$$slots:{default:[W]},$$scope:{ctx:n}}}),en=new _({props:{$$slots:{default:[q]},$$scope:{ctx:n}}}),pn=new I({props:{$$slots:{default:[z]},$$scope:{ctx:n}}}),rn=new _({props:{$$slots:{default:[N]},$$scope:{ctx:n}}}),un=new C({props:{filename:"static/css/theme.scss",$$slots:{default:[V]},$$scope:{ctx:n}}}),fn=new C({props:{filename:"svelte.config.js",$$slots:{default:[K]},$$scope:{ctx:n}}}),kn=new C({props:{filename:"some-component.svelte",$$slots:{default:[U]},$$scope:{ctx:n}}}),dn=new I({props:{$$slots:{default:[B]},$$scope:{ctx:n}}}),yn=new _({props:{$$slots:{default:[G]},$$scope:{ctx:n}}}),wn=new _({props:{$$slots:{default:[J]},$$scope:{ctx:n}}}),bn=new C({props:{filename:"svelte.config.js",$$slots:{default:[Q]},$$scope:{ctx:n}}}),{c(){e(s.$$.fragment),a=f(),e(t.$$.fragment),c=f(),e(r.$$.fragment),$=f(),e(d.$$.fragment),g=f(),e(y.$$.fragment),v=f(),e(w.$$.fragment),x=f(),e(b.$$.fragment),E=f(),e(S.$$.fragment),X=f(),e(Y.$$.fragment),Z=f(),e(nn.$$.fragment),sn=f(),e(an.$$.fragment),tn=f(),e(en.$$.fragment),on=f(),e(pn.$$.fragment),cn=f(),e(rn.$$.fragment),ln=f(),e(un.$$.fragment),$n=f(),e(fn.$$.fragment),mn=f(),e(kn.$$.fragment),hn=f(),e(dn.$$.fragment),gn=f(),e(yn.$$.fragment),vn=f(),e(wn.$$.fragment),xn=f(),e(bn.$$.fragment)},l(n){o(s.$$.fragment,n),a=m(n),o(t.$$.fragment,n),c=m(n),o(r.$$.fragment,n),$=m(n),o(d.$$.fragment,n),g=m(n),o(y.$$.fragment,n),v=m(n),o(w.$$.fragment,n),x=m(n),o(b.$$.fragment,n),E=m(n),o(S.$$.fragment,n),X=m(n),o(Y.$$.fragment,n),Z=m(n),o(nn.$$.fragment,n),sn=m(n),o(an.$$.fragment,n),tn=m(n),o(en.$$.fragment,n),on=m(n),o(pn.$$.fragment,n),cn=m(n),o(rn.$$.fragment,n),ln=m(n),o(un.$$.fragment,n),$n=m(n),o(fn.$$.fragment,n),mn=m(n),o(kn.$$.fragment,n),hn=m(n),o(dn.$$.fragment,n),gn=m(n),o(yn.$$.fragment,n),vn=m(n),o(wn.$$.fragment,n),xn=m(n),o(bn.$$.fragment,n)},m(n,e){p(s,n,e),k(n,a,e),p(t,n,e),k(n,c,e),p(r,n,e),k(n,$,e),p(d,n,e),k(n,g,e),p(y,n,e),k(n,v,e),p(w,n,e),k(n,x,e),p(b,n,e),k(n,E,e),p(S,n,e),k(n,X,e),p(Y,n,e),k(n,Z,e),p(nn,n,e),k(n,sn,e),p(an,n,e),k(n,tn,e),p(en,n,e),k(n,on,e),p(pn,n,e),k(n,cn,e),p(rn,n,e),k(n,ln,e),p(un,n,e),k(n,$n,e),p(fn,n,e),k(n,mn,e),p(kn,n,e),k(n,hn,e),p(dn,n,e),k(n,gn,e),p(yn,n,e),k(n,vn,e),p(wn,n,e),k(n,xn,e),p(bn,n,e),En=!0},p(n,a){const e={};2&a&&(e.$$scope={dirty:a,ctx:n}),s.$set(e);const o={};2&a&&(o.$$scope={dirty:a,ctx:n}),t.$set(o);const p={};2&a&&(p.$$scope={dirty:a,ctx:n}),r.$set(p);const c={};2&a&&(c.$$scope={dirty:a,ctx:n}),d.$set(c);const l={};2&a&&(l.$$scope={dirty:a,ctx:n}),y.$set(l);const i={};2&a&&(i.$$scope={dirty:a,ctx:n}),w.$set(i);const u={};2&a&&(u.$$scope={dirty:a,ctx:n}),b.$set(u);const $={};2&a&&($.$$scope={dirty:a,ctx:n}),S.$set($);const f={};2&a&&(f.$$scope={dirty:a,ctx:n}),Y.$set(f);const m={};2&a&&(m.$$scope={dirty:a,ctx:n}),nn.$set(m);const k={};2&a&&(k.$$scope={dirty:a,ctx:n}),an.$set(k);const h={};2&a&&(h.$$scope={dirty:a,ctx:n}),en.$set(h);const g={};2&a&&(g.$$scope={dirty:a,ctx:n}),pn.$set(g);const v={};2&a&&(v.$$scope={dirty:a,ctx:n}),rn.$set(v);const x={};2&a&&(x.$$scope={dirty:a,ctx:n}),un.$set(x);const E={};2&a&&(E.$$scope={dirty:a,ctx:n}),fn.$set(E);const j={};2&a&&(j.$$scope={dirty:a,ctx:n}),kn.$set(j);const _={};2&a&&(_.$$scope={dirty:a,ctx:n}),dn.$set(_);const C={};2&a&&(C.$$scope={dirty:a,ctx:n}),yn.$set(C);const I={};2&a&&(I.$$scope={dirty:a,ctx:n}),wn.$set(I);const P={};2&a&&(P.$$scope={dirty:a,ctx:n}),bn.$set(P)},i(n){En||(l(s.$$.fragment,n),l(t.$$.fragment,n),l(r.$$.fragment,n),l(d.$$.fragment,n),l(y.$$.fragment,n),l(w.$$.fragment,n),l(b.$$.fragment,n),l(S.$$.fragment,n),l(Y.$$.fragment,n),l(nn.$$.fragment,n),l(an.$$.fragment,n),l(en.$$.fragment,n),l(pn.$$.fragment,n),l(rn.$$.fragment,n),l(un.$$.fragment,n),l(fn.$$.fragment,n),l(kn.$$.fragment,n),l(dn.$$.fragment,n),l(yn.$$.fragment,n),l(wn.$$.fragment,n),l(bn.$$.fragment,n),En=!0)},o(n){i(s.$$.fragment,n),i(t.$$.fragment,n),i(r.$$.fragment,n),i(d.$$.fragment,n),i(y.$$.fragment,n),i(w.$$.fragment,n),i(b.$$.fragment,n),i(S.$$.fragment,n),i(Y.$$.fragment,n),i(nn.$$.fragment,n),i(an.$$.fragment,n),i(en.$$.fragment,n),i(pn.$$.fragment,n),i(rn.$$.fragment,n),i(un.$$.fragment,n),i(fn.$$.fragment,n),i(kn.$$.fragment,n),i(dn.$$.fragment,n),i(yn.$$.fragment,n),i(wn.$$.fragment,n),i(bn.$$.fragment,n),En=!1},d(n){u(s,n),n&&h(a),u(t,n),n&&h(c),u(r,n),n&&h($),u(d,n),n&&h(g),u(y,n),n&&h(v),u(w,n),n&&h(x),u(b,n),n&&h(E),u(S,n),n&&h(X),u(Y,n),n&&h(Z),u(nn,n),n&&h(sn),u(an,n),n&&h(tn),u(en,n),n&&h(on),u(pn,n),n&&h(cn),u(rn,n),n&&h(ln),u(un,n),n&&h($n),u(fn,n),n&&h(mn),u(kn,n),n&&h(hn),u(dn,n),n&&h(gn),u(yn,n),n&&h(vn),u(wn,n),n&&h(xn),u(bn,n)}}}function Y(n){let s,a;const $=[n[0],Z];let f={$$slots:{default:[X]},$$scope:{ctx:n}};for(let n=0;n<$.length;n+=1)f=t(f,$[n]);return s=new S({props:f}),{c(){e(s.$$.fragment)},l(n){o(s.$$.fragment,n)},m(n,t){p(s,n,t),a=!0},p(n,[a]){const t=1&a?c($,[1&a&&r(n[0]),0&a&&r(Z)]):{};2&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(l(s.$$.fragment,n),a=!0)},o(n){i(s.$$.fragment,n),a=!1},d(n){u(s,n)}}}const Z={name:"Theming with Sass"};function nn(n,s,a){return n.$$set=n=>{a(0,s=t(t({},s),$(n)))},[s=$(s)]}class sn extends n{constructor(n){super(),s(this,n,nn,Y,a,{})}}export{sn as default,Z as metadata};
diff --git a/376/client/time-picker-0982fd05.css b/376/client/time-picker-0982fd05.css
new file mode 100644
index 000000000..078e1f928
--- /dev/null
+++ b/376/client/time-picker-0982fd05.css
@@ -0,0 +1 @@
+.time-picker.svelte-68zps1{display:inline-block}.time-picker.svelte-68zps1 .dropdown-shell .handle{align-items:center;display:flex}.time-picker.svelte-68zps1 .dropdown-shell .handle>span{margin:1em}.time-picker.svelte-68zps1 .dropdown-shell .handle .text-field.in-focus input{background-color:#e1e1e1;border-bottom-width:0.125em;border-color:#4800bd;padding-bottom:0}.time-picker.svelte-68zps1 .text-field{width:4.8em}.time-picker.svelte-68zps1 .barrel{display:grid;gap:0.5em 1em;grid-template-columns:repeat(2, 4em);justify-items:center;padding:1em 1em 0.5em}.time-picker.svelte-68zps1 .barrel>.label{grid-row:2;margin:0 1em}.time-picker.svelte-68zps1 .barrel>.column{border:0 solid #ddd;border-bottom-width:0.0625em;border-top-width:0.0625em;list-style:none;max-height:10em;overflow-x:hidden;overflow-y:scroll;overscroll-behavior:none}.time-picker.svelte-68zps1 .barrel>.column::-webkit-scrollbar{background:none;height:0.5em;margin:1em 0;width:0.3125em}.time-picker.svelte-68zps1 .barrel>.column::-webkit-scrollbar-thumb{background:#ddd;border-radius:0.3125em}.time-picker.svelte-68zps1 .barrel>.column::-webkit-scrollbar-thumb:hover{background:#c7c7c7}@media only screen and (min-height: 620px){.time-picker.svelte-68zps1 .barrel>.column{max-height:15em}}.time-picker.svelte-68zps1 .barrel .am-pm-tabs{display:flex}.time-picker.svelte-68zps1 .barrel .am-pm-tabs .tab{margin:0 1em}.time-picker.svelte-68zps1 .barrel .shown-on-focus>.btn{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.time-picker.svelte-68zps1 .barrel .shown-on-focus>.btn:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.time-picker.svelte-68zps1 .barrel .btn,.time-picker.svelte-68zps1 .barrel .am-pm-tabs,.time-picker.svelte-68zps1 .barrel .shown-on-focus{grid-column:1/-1;justify-self:center}.time-picker.svelte-68zps1 .barrel .btn>svg{margin-right:0.4em}.time-picker.f12hours.svelte-68zps1 .text-field{width:6.5em}.time-picker.f12hours.seconds.svelte-68zps1 .text-field{width:7.7em}.time-picker.seconds.svelte-68zps1 .text-field{width:6em}.time-picker.seconds.svelte-68zps1 .barrel{grid-template-columns:repeat(3, 4em)}
diff --git a/376/client/time-picker-a6acbd1d.css b/376/client/time-picker-a6acbd1d.css
new file mode 100644
index 000000000..0732ff5b2
--- /dev/null
+++ b/376/client/time-picker-a6acbd1d.css
@@ -0,0 +1 @@
+[slot=showcase].svelte-11fgjo{align-items:flex-start;display:flex;flex-direction:column;overflow:visible !important}
diff --git a/376/client/time-picker.182aad83.js b/376/client/time-picker.182aad83.js
new file mode 100644
index 000000000..5e371c583
--- /dev/null
+++ b/376/client/time-picker.182aad83.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as r,j as n,l as o,m as s,U as c,a0 as a,t as f,p as m,q as l,L as p,u as d,w as g,f as u,d as i,v as h,x,h as w,k as E,b as v,e as y,g as b,n as D}from"./client.0d36a0cf.js";import{L as O,H as C,P as T}from"./layout.b2760304.js";import{T as k}from"./time-picker.4fb06828.js";import{S}from"./showcase.8eb3893d.js";import{C as A}from"./color-preview.278d2729.js";import{S as F}from"./shadow-preview.f1e703b1.js";import{R as N}from"./related-components.2f822d5e.js";import{H as L}from"./h2.122c8b9f.js";import{H as P}from"./h3.1e03849b.js";import{T as R,a as M,b as j,c as G}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./button.743a388a.js";import"./label.16b4782e.js";import"./text-field.37ad5edd.js";import"./dropdown.68df1ffe.js";import"./tab.bbb6306c.js";import"./datetime-utils.e026cf1b.js";import"./range.ee7914b1.js";import"./copyable-code.1fddc954.js";import"./popover.156a947e.js";import"./card.72b37821.js";function H(t){let e;return{c(){e=h("TimePicker")},l(t){e=x(t,"TimePicker")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function B(t){let e;return{c(){e=h("A time picker that supports both the text input and a dropdown with buttons.")},l(t){e=x(t,"A time picker that supports both the text input and a dropdown with buttons.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function I(t){let e,$,r,c,a,p,h;return $=new k({props:{right:!0}}),c=new k({props:{format:"%H.%M.%S %P"}}),p=new k({props:{hideNow:!0}}),{c(){e=w("div"),n($.$$.fragment),r=d(),n(c.$$.fragment),a=d(),n(p.$$.fragment),this.h()},l(t){e=E(t,"DIV",{slot:!0,class:!0});var n=v(e);o($.$$.fragment,n),r=g(n),o(c.$$.fragment,n),a=g(n),o(p.$$.fragment,n),n.forEach(i),this.h()},h(){y(e,"slot","showcase"),y(e,"class","padded svelte-11fgjo")},m(t,n){u(t,e,n),s($,e,null),b(e,r),s(c,e,null),b(e,a),s(p,e,null),h=!0},p:D,i(t){h||(f($.$$.fragment,t),f(c.$$.fragment,t),f(p.$$.fragment,t),h=!0)},o(t){m($.$$.fragment,t),m(c.$$.fragment,t),m(p.$$.fragment,t),h=!1},d(t){t&&i(e),l($),l(c),l(p)}}}function Y(t){let e,$;return{c(){e=w("div"),$=w("pre"),this.h()},l(t){e=E(t,"DIV",{slot:!0});var r=v(e);$=E(r,"PRE",{class:!0}),v($).forEach(i),r.forEach(i),this.h()},h(){y($,"class","language-svelte"),y(e,"slot","source")},m(t,r){u(t,e,r),b(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TimePicker</span> <span class="token attr-name">right</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TimePicker</span> <span class="token attr-name">format</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>%H.%M.%S %P<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TimePicker</span> <span class="token attr-name">hideNow</span> <span class="token punctuation">/></span></span></code>'},p:D,d(t){t&&i(e)}}}function K(t){let e;return{c(){e=h("Properties")},l(t){e=x(t,"Properties")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function V(t){let e;return{c(){e=h("Style Properties")},l(t){e=x(t,"Style Properties")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function W(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function U(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function q(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function z(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function J(t){let e,$,r,c,a,p,h,x;return e=new j({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),r=new j({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),a=new j({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),h=new j({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function Q(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("hideNow")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"hideNow"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function X(t){let e,$;return{c(){e=w("code"),$=h("false")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"false"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function Z(t){let e,$;return{c(){e=w("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"boolean"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function _(t){let e,$,r,n;return{c(){e=h("Hides the "),$=w("code"),r=h("now"),n=h(" button from the component.")},l(t){e=x(t,"Hides the "),$=E(t,"CODE",{});var o=v($);r=x(o,"now"),o.forEach(i),n=x(t," button from the component.")},m(t,o){u(t,e,o),u(t,$,o),b($,r),u(t,n,o)},p:D,d(t){t&&i(e),t&&i($),t&&i(n)}}}function tt(t){let e,$,r,c,a,p,h,x;return e=new G({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function et(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("right")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"right"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function $t(t){let e,$;return{c(){e=w("code"),$=h("false")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"false"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function rt(t){let e,$;return{c(){e=w("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"boolean"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function nt(t){let e;return{c(){e=h("Aligns the dropdown with the right edge of the text field.")},l(t){e=x(t,"Aligns the dropdown with the right edge of the text field.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function ot(t){let e,$,r,c,a,p,h,x;return e=new G({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function st(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("top")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"top"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function ct(t){let e,$;return{c(){e=w("code"),$=h("false")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"false"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function at(t){let e,$;return{c(){e=w("code"),$=h("boolean")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"boolean"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function ft(t){let e;return{c(){e=h("Aligns the dropdown content such that it opens to the top of the text field, extending up.")},l(t){e=x(t,"Aligns the dropdown content such that it opens to the top of the text field, extending up.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function mt(t){let e,$,r,c,a,p,h,x;return e=new G({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function lt(t){let e,$,r,c,a,p,h,x,y,D;return $=new M({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),a=new M({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),y=new M({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),{c(){e=w("thead"),n($.$$.fragment),r=d(),c=w("tbody"),n(a.$$.fragment),p=d(),n(h.$$.fragment),x=d(),n(y.$$.fragment)},l(t){e=E(t,"THEAD",{});var n=v(e);o($.$$.fragment,n),n.forEach(i),r=g(t),c=E(t,"TBODY",{});var s=v(c);o(a.$$.fragment,s),p=g(s),o(h.$$.fragment,s),x=g(s),o(y.$$.fragment,s),s.forEach(i)},m(t,n){u(t,e,n),s($,e,null),u(t,r,n),u(t,c,n),s(a,c,null),b(c,p),s(h,c,null),b(c,x),s(y,c,null),D=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),a.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),y.$set(s)},i(t){D||(f($.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),f(y.$$.fragment,t),D=!0)},o(t){m($.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),m(y.$$.fragment,t),D=!1},d(t){t&&i(e),l($),t&&i(r),t&&i(c),l(a),l(h),l(y)}}}function pt(t){let e;return{c(){e=h("Functional Properties")},l(t){e=x(t,"Functional Properties")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function dt(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function gt(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function ut(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function it(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function ht(t){let e,$,r,c,a,p,h,x;return e=new j({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),r=new j({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),a=new j({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),h=new j({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function xt(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("value")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"value"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function wt(t){let e,$;return{c(){e=w("code"),$=h("null")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"null"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function Et(t){let e,$;return{c(){e=w("code"),$=h("Date")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"Date"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function vt(t){let e,$,r,n;return{c(){e=h("The currently selected time value. Even though a whole "),$=w("code"),r=h("Date"),n=h(" object is needed, only the time part will be considered.")},l(t){e=x(t,"The currently selected time value. Even though a whole "),$=E(t,"CODE",{});var o=v($);r=x(o,"Date"),o.forEach(i),n=x(t," object is needed, only the time part will be considered.")},m(t,o){u(t,e,o),u(t,$,o),b($,r),u(t,n,o)},p:D,d(t){t&&i(e),t&&i($),t&&i(n)}}}function yt(t){let e,$,r,c,a,p,h,x;return e=new G({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function bt(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("format")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"format"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function Dt(t){let e,$;return{c(){e=w("code"),$=h("'%H:%M'")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"'%H:%M'"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function Ot(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"string"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function Ct(t){let e,$,r,n,o,s,c,a,f,m,l,p,d,g,O,C,T,k,S,A,F,N,L,P,R,M,j,G;return{c(){e=h("The format used to display time and consume input. The "),$=w("code"),r=h("%"),n=h("-specifiers are a subset of "),o=w("a"),s=h("C date format specifiers"),c=h(", with only "),a=w("code"),f=h("%H"),m=h(", "),l=w("code"),p=h("%M"),d=h(", "),g=w("code"),O=h("%S"),C=h(", "),T=w("code"),k=h("%P"),S=h(" and "),A=w("code"),F=h("%p"),N=h(" allowed. "),L=w("code"),P=h("%P"),R=h(" stands for AM/PM, while "),M=w("code"),j=h("%p"),G=h(" stands for am/pm."),this.h()},l(t){e=x(t,"The format used to display time and consume input. The "),$=E(t,"CODE",{});var u=v($);r=x(u,"%"),u.forEach(i),n=x(t,"-specifiers are a subset of "),o=E(t,"A",{href:!0,rel:!0});var h=v(o);s=x(h,"C date format specifiers"),h.forEach(i),c=x(t,", with only "),a=E(t,"CODE",{});var w=v(a);f=x(w,"%H"),w.forEach(i),m=x(t,", "),l=E(t,"CODE",{});var y=v(l);p=x(y,"%M"),y.forEach(i),d=x(t,", "),g=E(t,"CODE",{});var b=v(g);O=x(b,"%S"),b.forEach(i),C=x(t,", "),T=E(t,"CODE",{});var D=v(T);k=x(D,"%P"),D.forEach(i),S=x(t," and "),A=E(t,"CODE",{});var H=v(A);F=x(H,"%p"),H.forEach(i),N=x(t," allowed. "),L=E(t,"CODE",{});var B=v(L);P=x(B,"%P"),B.forEach(i),R=x(t," stands for AM/PM, while "),M=E(t,"CODE",{});var I=v(M);j=x(I,"%p"),I.forEach(i),G=x(t," stands for am/pm."),this.h()},h(){y(o,"href","http://www.cplusplus.com/reference/ctime/strftime/"),y(o,"rel","nofollow")},m(t,i){u(t,e,i),u(t,$,i),b($,r),u(t,n,i),u(t,o,i),b(o,s),u(t,c,i),u(t,a,i),b(a,f),u(t,m,i),u(t,l,i),b(l,p),u(t,d,i),u(t,g,i),b(g,O),u(t,C,i),u(t,T,i),b(T,k),u(t,S,i),u(t,A,i),b(A,F),u(t,N,i),u(t,L,i),b(L,P),u(t,R,i),u(t,M,i),b(M,j),u(t,G,i)},p:D,d(t){t&&i(e),t&&i($),t&&i(n),t&&i(o),t&&i(c),t&&i(a),t&&i(m),t&&i(l),t&&i(d),t&&i(g),t&&i(C),t&&i(T),t&&i(S),t&&i(A),t&&i(N),t&&i(L),t&&i(R),t&&i(M),t&&i(G)}}}function Tt(t){let e,$,r,c,a,p,h,x;return e=new G({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function kt(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("amPmTabName")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"amPmTabName"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function St(t){let e,$;return{c(){e=w("code"),$=h("'am-pm'")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"'am-pm'"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function At(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"string"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function Ft(t){let e,$,r,n,o,s,c;return{c(){e=h("If the "),$=w("code"),r=h("%P"),n=h(" or "),o=w("code"),s=h("%p"),c=h(" modifier is used in the format, the dropdown will contain tabs to switch between AM and PM. You may change the name of the radio group for these tabs to avoid collisions.")},l(t){e=x(t,"If the "),$=E(t,"CODE",{});var a=v($);r=x(a,"%P"),a.forEach(i),n=x(t," or "),o=E(t,"CODE",{});var f=v(o);s=x(f,"%p"),f.forEach(i),c=x(t," modifier is used in the format, the dropdown will contain tabs to switch between AM and PM. You may change the name of the radio group for these tabs to avoid collisions.")},m(t,a){u(t,e,a),u(t,$,a),b($,r),u(t,n,a),u(t,o,a),b(o,s),u(t,c,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(n),t&&i(o),t&&i(c)}}}function Nt(t){let e,$,r,c,a,p,h,x;return e=new G({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function Lt(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("hours")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"hours"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function Pt(t){let e,$,r,n,o,s;return{c(){e=w("code"),$=h("[1..12]"),r=h(" (12 hours mode) or "),n=w("code"),o=h("[0..23]"),s=h(" (24 hours mode)")},l(t){e=E(t,"CODE",{});var c=v(e);$=x(c,"[1..12]"),c.forEach(i),r=x(t," (12 hours mode) or "),n=E(t,"CODE",{});var a=v(n);o=x(a,"[0..23]"),a.forEach(i),s=x(t," (24 hours mode)")},m(t,c){u(t,e,c),b(e,$),u(t,r,c),u(t,n,c),b(n,o),u(t,s,c)},p:D,d(t){t&&i(e),t&&i(r),t&&i(n),t&&i(s)}}}function Rt(t){let e,$;return{c(){e=w("code"),$=h("number[]")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"number[]"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function Mt(t){let e;return{c(){e=h("The list of possible hours to choose from.")},l(t){e=x(t,"The list of possible hours to choose from.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function jt(t){let e,$,r,c,a,p,h,x;return e=new G({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function Gt(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("minutes")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"minutes"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function Ht(t){let e,$;return{c(){e=w("code"),$=h("[0, 5, ..., 55]")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"[0, 5, ..., 55]"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function Bt(t){let e,$;return{c(){e=w("code"),$=h("number[]")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"number[]"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function It(t){let e;return{c(){e=h("The list of possible minutes to choose from.")},l(t){e=x(t,"The list of possible minutes to choose from.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function Yt(t){let e,$,r,c,a,p,h,x;return e=new G({props:{$$slots:{default:[Gt]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function Kt(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("seconds")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"seconds"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function Vt(t){let e,$,r,n,o,s;return{c(){e=w("code"),$=h("[0, 5, ..., 55]"),r=h(" if using seconds or "),n=w("code"),o=h("[]"),s=h(" otherwise")},l(t){e=E(t,"CODE",{});var c=v(e);$=x(c,"[0, 5, ..., 55]"),c.forEach(i),r=x(t," if using seconds or "),n=E(t,"CODE",{});var a=v(n);o=x(a,"[]"),a.forEach(i),s=x(t," otherwise")},m(t,c){u(t,e,c),b(e,$),u(t,r,c),u(t,n,c),b(n,o),u(t,s,c)},p:D,d(t){t&&i(e),t&&i(r),t&&i(n),t&&i(s)}}}function Wt(t){let e,$;return{c(){e=w("code"),$=h("number[]")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"number[]"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function Ut(t){let e;return{c(){e=h("The list of possible seconds to choose from.")},l(t){e=x(t,"The list of possible seconds to choose from.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function qt(t){let e,$,r,c,a,p,h,x;return e=new G({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Vt]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function zt(t){let e,$,r,c,a,p,h,x,y,D,O,C,T,k,S,A;return $=new M({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),a=new M({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),y=new M({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),O=new M({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),T=new M({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),S=new M({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){e=w("thead"),n($.$$.fragment),r=d(),c=w("tbody"),n(a.$$.fragment),p=d(),n(h.$$.fragment),x=d(),n(y.$$.fragment),D=d(),n(O.$$.fragment),C=d(),n(T.$$.fragment),k=d(),n(S.$$.fragment)},l(t){e=E(t,"THEAD",{});var n=v(e);o($.$$.fragment,n),n.forEach(i),r=g(t),c=E(t,"TBODY",{});var s=v(c);o(a.$$.fragment,s),p=g(s),o(h.$$.fragment,s),x=g(s),o(y.$$.fragment,s),D=g(s),o(O.$$.fragment,s),C=g(s),o(T.$$.fragment,s),k=g(s),o(S.$$.fragment,s),s.forEach(i)},m(t,n){u(t,e,n),s($,e,null),u(t,r,n),u(t,c,n),s(a,c,null),b(c,p),s(h,c,null),b(c,x),s(y,c,null),b(c,D),s(O,c,null),b(c,C),s(T,c,null),b(c,k),s(S,c,null),A=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),a.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),y.$set(s);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),O.$set(c);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),T.$set(f);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),S.$set(m)},i(t){A||(f($.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),f(y.$$.fragment,t),f(O.$$.fragment,t),f(T.$$.fragment,t),f(S.$$.fragment,t),A=!0)},o(t){m($.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),m(y.$$.fragment,t),m(O.$$.fragment,t),m(T.$$.fragment,t),m(S.$$.fragment,t),A=!1},d(t){t&&i(e),l($),t&&i(r),t&&i(c),l(a),l(h),l(y),l(O),l(T),l(S)}}}function Jt(t){let e,$,r,n,o,s,c,a,f;return{c(){e=w("em"),$=h("Hint"),r=h(": use "),n=w("code"),o=h("range"),s=h(" from the "),c=w("a"),a=h("utils"),f=h(" to generate a range of numbers."),this.h()},l(t){e=E(t,"EM",{});var m=v(e);$=x(m,"Hint"),m.forEach(i),r=x(t,": use "),n=E(t,"CODE",{});var l=v(n);o=x(l,"range"),l.forEach(i),s=x(t," from the "),c=E(t,"A",{href:!0});var p=v(c);a=x(p,"utils"),p.forEach(i),f=x(t," to generate a range of numbers."),this.h()},h(){y(c,"href","/docs/utilities")},m(t,m){u(t,e,m),b(e,$),u(t,r,m),u(t,n,m),b(n,o),u(t,s,m),u(t,c,m),b(c,a),u(t,f,m)},p:D,d(t){t&&i(e),t&&i(r),t&&i(n),t&&i(s),t&&i(c),t&&i(f)}}}function Qt(t){let e;return{c(){e=h("Class Properties")},l(t){e=x(t,"Class Properties")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function Xt(t){let e,$,r,n,o,s,c;return{c(){e=h("All "),$=w("code"),r=h("<TimePicker>"),n=h(" components use the "),o=w("code"),s=h(".time-picker"),c=h(" class.")},l(t){e=x(t,"All "),$=E(t,"CODE",{});var a=v($);r=x(a,"<TimePicker>"),a.forEach(i),n=x(t," components use the "),o=E(t,"CODE",{});var f=v(o);s=x(f,".time-picker"),f.forEach(i),c=x(t," class.")},m(t,a){u(t,e,a),u(t,$,a),b($,r),u(t,n,a),u(t,o,a),b(o,s),u(t,c,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(n),t&&i(o),t&&i(c)}}}function Zt(t){let e;return{c(){e=h("Falsy values passed to classes will be disregarded.")},l(t){e=x(t,"Falsy values passed to classes will be disregarded.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function _t(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function te(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function ee(t){let e;return{c(){e=h("Type")},l(t){e=x(t,"Type")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function $e(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function re(t){let e,$,r,c,a,p,h,x;return e=new j({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),r=new j({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),a=new j({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),h=new j({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function ne(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("class")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"class"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function oe(t){let e,$;return{c(){e=w("code"),$=h("null")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"null"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function se(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"string"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function ce(t){let e;return{c(){e=h("A class string to add to the component.")},l(t){e=x(t,"A class string to add to the component.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function ae(t){let e,$,r,c,a,p,h,x;return e=new G({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[oe]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[ce]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function fe(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("inputClass")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"inputClass"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function me(t){let e,$;return{c(){e=w("code"),$=h("null")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"null"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function le(t){let e,$;return{c(){e=w("code"),$=h("string")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"string"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function pe(t){let e,$,r,n;return{c(){e=h("A class string to pass down to the "),$=w("code"),r=h("TextField"),n=h(".")},l(t){e=x(t,"A class string to pass down to the "),$=E(t,"CODE",{});var o=v($);r=x(o,"TextField"),o.forEach(i),n=x(t,".")},m(t,o){u(t,e,o),u(t,$,o),b($,r),u(t,n,o)},p:D,d(t){t&&i(e),t&&i($),t&&i(n)}}}function de(t){let e,$,r,c,a,p,h,x;return e=new G({props:{$$slots:{default:[fe]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[me]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[le]},$$scope:{ctx:t}}}),h=new G({props:{$$slots:{default:[pe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),x=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),h.$set(c)},i(t){x||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t)}}}function ge(t){let e,$,r,c,a,p,h,x;return $=new M({props:{$$slots:{default:[re]},$$scope:{ctx:t}}}),a=new M({props:{$$slots:{default:[ae]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[de]},$$scope:{ctx:t}}}),{c(){e=w("thead"),n($.$$.fragment),r=d(),c=w("tbody"),n(a.$$.fragment),p=d(),n(h.$$.fragment)},l(t){e=E(t,"THEAD",{});var n=v(e);o($.$$.fragment,n),n.forEach(i),r=g(t),c=E(t,"TBODY",{});var s=v(c);o(a.$$.fragment,s),p=g(s),o(h.$$.fragment,s),s.forEach(i)},m(t,n){u(t,e,n),s($,e,null),u(t,r,n),u(t,c,n),s(a,c,null),b(c,p),s(h,c,null),x=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),a.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o)},i(t){x||(f($.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),x=!0)},o(t){m($.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),x=!1},d(t){t&&i(e),l($),t&&i(r),t&&i(c),l(a),l(h)}}}function ue(t){let e;return{c(){e=h("Events")},l(t){e=x(t,"Events")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function ie(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function he(t){let e;return{c(){e=h("Event Detail")},l(t){e=x(t,"Event Detail")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function xe(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function we(t){let e,$,r,c,a,p;return e=new j({props:{$$slots:{default:[ie]},$$scope:{ctx:t}}}),r=new j({props:{$$slots:{default:[he]},$$scope:{ctx:t}}}),a=new j({props:{$$slots:{default:[xe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function Ee(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("change")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"change"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function ve(t){let e,$;return{c(){e=w("code"),$=h("{ value }")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"{ value }"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function ye(t){let e;return{c(){e=h("Fired when the value of the picker changes.")},l(t){e=x(t,"Fired when the value of the picker changes.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function be(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[Ee]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[ve]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[ye]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function De(t){let e,$,r,c,a,p;return $=new M({props:{$$slots:{default:[we]},$$scope:{ctx:t}}}),a=new M({props:{$$slots:{default:[be]},$$scope:{ctx:t}}}),{c(){e=w("thead"),n($.$$.fragment),r=d(),c=w("tbody"),n(a.$$.fragment)},l(t){e=E(t,"THEAD",{});var n=v(e);o($.$$.fragment,n),n.forEach(i),r=g(t),c=E(t,"TBODY",{});var s=v(c);o(a.$$.fragment,s),s.forEach(i)},m(t,n){u(t,e,n),s($,e,null),u(t,r,n),u(t,c,n),s(a,c,null),p=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),a.$set(n)},i(t){p||(f($.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m($.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){t&&i(e),l($),t&&i(r),t&&i(c),l(a)}}}function Oe(t){let e;return{c(){e=h("Slots")},l(t){e=x(t,"Slots")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function Ce(t){let e,$,r;return{c(){e=w("code"),$=h("hours-label"),r=h(" slot")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"hours-label"),n.forEach(i),r=x(t," slot")},m(t,n){u(t,e,n),b(e,$),u(t,r,n)},p:D,d(t){t&&i(e),t&&i(r)}}}function Te(t){let e,$,r,n,o,s,c;return{c(){e=h("Label for hour selector. Defaults to the "),$=w("code"),r=h("<Label />"),n=h(' component with the text "'),o=w("code"),s=h("Hours"),c=h('".')},l(t){e=x(t,"Label for hour selector. Defaults to the "),$=E(t,"CODE",{});var a=v($);r=x(a,"<Label />"),a.forEach(i),n=x(t,' component with the text "'),o=E(t,"CODE",{});var f=v(o);s=x(f,"Hours"),f.forEach(i),c=x(t,'".')},m(t,a){u(t,e,a),u(t,$,a),b($,r),u(t,n,a),u(t,o,a),b(o,s),u(t,c,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(n),t&&i(o),t&&i(c)}}}function ke(t){let e,$,r;return{c(){e=w("code"),$=h("minutes-label"),r=h(" slot")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"minutes-label"),n.forEach(i),r=x(t," slot")},m(t,n){u(t,e,n),b(e,$),u(t,r,n)},p:D,d(t){t&&i(e),t&&i(r)}}}function Se(t){let e,$,r,n,o,s,c;return{c(){e=h("Label for the minutes selector. Defaults to the "),$=w("code"),r=h("<Label />"),n=h(' component with the text "'),o=w("code"),s=h("Minutes"),c=h('".')},l(t){e=x(t,"Label for the minutes selector. Defaults to the "),$=E(t,"CODE",{});var a=v($);r=x(a,"<Label />"),a.forEach(i),n=x(t,' component with the text "'),o=E(t,"CODE",{});var f=v(o);s=x(f,"Minutes"),f.forEach(i),c=x(t,'".')},m(t,a){u(t,e,a),u(t,$,a),b($,r),u(t,n,a),u(t,o,a),b(o,s),u(t,c,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(n),t&&i(o),t&&i(c)}}}function Ae(t){let e,$,r;return{c(){e=w("code"),$=h("seconds-label"),r=h(" slot")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"seconds-label"),n.forEach(i),r=x(t," slot")},m(t,n){u(t,e,n),b(e,$),u(t,r,n)},p:D,d(t){t&&i(e),t&&i(r)}}}function Fe(t){let e,$,r,n,o,s,c;return{c(){e=h("Label for the seconds selector. Defaults to the "),$=w("code"),r=h("<Label />"),n=h(' component with the text "'),o=w("code"),s=h("Seconds"),c=h('".')},l(t){e=x(t,"Label for the seconds selector. Defaults to the "),$=E(t,"CODE",{});var a=v($);r=x(a,"<Label />"),a.forEach(i),n=x(t,' component with the text "'),o=E(t,"CODE",{});var f=v(o);s=x(f,"Seconds"),f.forEach(i),c=x(t,'".')},m(t,a){u(t,e,a),u(t,$,a),b($,r),u(t,n,a),u(t,o,a),b(o,s),u(t,c,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(n),t&&i(o),t&&i(c)}}}function Ne(t){let e,$,r;return{c(){e=w("code"),$=h("now-icon"),r=h(" slot")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"now-icon"),n.forEach(i),r=x(t," slot")},m(t,n){u(t,e,n),b(e,$),u(t,r,n)},p:D,d(t){t&&i(e),t&&i(r)}}}function Le(t){let e,$,r,n,o,s,c;return{c(){e=h("Icon on button to select the current time. Defaults to the "),$=w("code"),r=h("<Clock />"),n=h(" icon from "),o=w("a"),s=h("Feather Icons"),c=h("."),this.h()},l(t){e=x(t,"Icon on button to select the current time. Defaults to the "),$=E(t,"CODE",{});var a=v($);r=x(a,"<Clock />"),a.forEach(i),n=x(t," icon from "),o=E(t,"A",{href:!0,rel:!0});var f=v(o);s=x(f,"Feather Icons"),f.forEach(i),c=x(t,"."),this.h()},h(){y(o,"href","https://feathericons.com/"),y(o,"rel","nofollow")},m(t,a){u(t,e,a),u(t,$,a),b($,r),u(t,n,a),u(t,o,a),b(o,s),u(t,c,a)},p:D,d(t){t&&i(e),t&&i($),t&&i(n),t&&i(o),t&&i(c)}}}function Pe(t){let e,$,r;return{c(){e=w("code"),$=h("now-label"),r=h(" slot")},l(t){e=E(t,"CODE",{});var n=v(e);$=x(n,"now-label"),n.forEach(i),r=x(t," slot")},m(t,n){u(t,e,n),b(e,$),u(t,r,n)},p:D,d(t){t&&i(e),t&&i(r)}}}function Re(t){let e,$,r,n;return{c(){e=h('Text on button to select the current time. Defaults to the text "'),$=w("code"),r=h("now"),n=h('".')},l(t){e=x(t,'Text on button to select the current time. Defaults to the text "'),$=E(t,"CODE",{});var o=v($);r=x(o,"now"),o.forEach(i),n=x(t,'".')},m(t,o){u(t,e,o),u(t,$,o),b($,r),u(t,n,o)},p:D,d(t){t&&i(e),t&&i($),t&&i(n)}}}function Me(t){let e;return{c(){e=h("SCSS Variables")},l(t){e=x(t,"SCSS Variables")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function je(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function Ge(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function He(t){let e;return{c(){e=h("Default")},l(t){e=x(t,"Default")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function Be(t){let e,$,r,c,a,p;return e=new j({props:{$$slots:{default:[je]},$$scope:{ctx:t}}}),r=new j({props:{$$slots:{default:[Ge]},$$scope:{ctx:t}}}),a=new j({props:{$$slots:{default:[He]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function Ie(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("$textfield-bg")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"$textfield-bg"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function Ye(t){let e;return{c(){e=h("The background color of the text field.")},l(t){e=x(t,"The background color of the text field.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function Ke(t){let e,$;return e=new A({props:{value:"#F5F5F5"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){m(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function Ve(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[Ie]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Ye]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[Ke]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function We(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("$main")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"$main"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function Ue(t){let e;return{c(){e=h("The color of the bottom border of the focused text field border, the buttons, the selected tab and the labels.")},l(t){e=x(t,"The color of the bottom border of the focused text field border, the buttons, the selected tab and the labels.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function qe(t){let e,$;return e=new A({props:{value:"#4300B0"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){m(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function ze(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[We]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Ue]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[qe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function Je(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("$light-contrast")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"$light-contrast"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function Qe(t){let e;return{c(){e=h("The color of borders and WebKit scrollbars inside the dropdown.")},l(t){e=x(t,"The color of borders and WebKit scrollbars inside the dropdown.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function Xe(t){let e,$;return e=new A({props:{value:"#DDDDDD"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){m(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function Ze(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[Je]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[Qe]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[Xe]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function _e(t){let e,$,r;return{c(){e=w("strong"),$=w("code"),r=h("$background")},l(t){e=E(t,"STRONG",{});var n=v(e);$=E(n,"CODE",{});var o=v($);r=x(o,"$background"),o.forEach(i),n.forEach(i)},m(t,n){u(t,e,n),b(e,$),b($,r)},p:D,d(t){t&&i(e)}}}function t$(t){let e;return{c(){e=h("The background of the WebKit scrollbars, to ensure they don'y stand out from the background.")},l(t){e=x(t,"The background of the WebKit scrollbars, to ensure they don'y stand out from the background.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function e$(t){let e,$;return e=new A({props:{value:"#FFFFFF",bordered:!0}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){m(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function $$(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[_e]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[t$]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[e$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function r$(t){let e,$,r,n,o,s,c,a,f;return{c(){e=w("strong"),$=w("code"),r=h("$font"),n=d(),o=w("small"),s=h("From "),c=w("a"),a=w("code"),f=h("Button"),this.h()},l(t){e=E(t,"STRONG",{});var m=v(e);$=E(m,"CODE",{});var l=v($);r=x(l,"$font"),l.forEach(i),m.forEach(i),n=g(t),o=E(t,"SMALL",{});var p=v(o);s=x(p,"From "),c=E(p,"A",{href:!0});var d=v(c);a=E(d,"CODE",{});var u=v(a);f=x(u,"Button"),u.forEach(i),d.forEach(i),p.forEach(i),this.h()},h(){y(c,"href","./docs/components/button")},m(t,m){u(t,e,m),b(e,$),b($,r),u(t,n,m),u(t,o,m),b(o,s),b(o,c),b(c,a),b(a,f)},p:D,d(t){t&&i(e),t&&i(n),t&&i(o)}}}function n$(t){let e;return{c(){e=h("The font of the buttons' text and the text fields.")},l(t){e=x(t,"The font of the buttons' text and the text fields.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function o$(t){let e,$;return{c(){e=w("code"),$=h("'Ubuntu'")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"'Ubuntu'"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function s$(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[r$]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[n$]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[o$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function c$(t){let e,$,r,n,o,s,c,a,f;return{c(){e=w("strong"),$=w("code"),r=h("$button-radius"),n=d(),o=w("small"),s=h("From "),c=w("a"),a=w("code"),f=h("Button"),this.h()},l(t){e=E(t,"STRONG",{});var m=v(e);$=E(m,"CODE",{});var l=v($);r=x(l,"$button-radius"),l.forEach(i),m.forEach(i),n=g(t),o=E(t,"SMALL",{});var p=v(o);s=x(p,"From "),c=E(p,"A",{href:!0});var d=v(c);a=E(d,"CODE",{});var u=v(a);f=x(u,"Button"),u.forEach(i),d.forEach(i),p.forEach(i),this.h()},h(){y(c,"href","./docs/components/button")},m(t,m){u(t,e,m),b(e,$),b($,r),u(t,n,m),u(t,o,m),b(o,s),b(o,c),b(c,a),b(a,f)},p:D,d(t){t&&i(e),t&&i(n),t&&i(o)}}}function a$(t){let e;return{c(){e=h("The curvature radius of buttons.")},l(t){e=x(t,"The curvature radius of buttons.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function f$(t){let e,$;return{c(){e=w("code"),$=h("1.5625em")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"1.5625em"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function m$(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[c$]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[a$]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[f$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function l$(t){let e,$,r,n,o,s,c,a,f;return{c(){e=w("strong"),$=w("code"),r=h("$bold-font-weight"),n=d(),o=w("small"),s=h("From "),c=w("a"),a=w("code"),f=h("Button"),this.h()},l(t){e=E(t,"STRONG",{});var m=v(e);$=E(m,"CODE",{});var l=v($);r=x(l,"$bold-font-weight"),l.forEach(i),m.forEach(i),n=g(t),o=E(t,"SMALL",{});var p=v(o);s=x(p,"From "),c=E(p,"A",{href:!0});var d=v(c);a=E(d,"CODE",{});var u=v(a);f=x(u,"Button"),u.forEach(i),d.forEach(i),p.forEach(i),this.h()},h(){y(c,"href","./docs/components/button")},m(t,m){u(t,e,m),b(e,$),b($,r),u(t,n,m),u(t,o,m),b(o,s),b(o,c),b(c,a),b(a,f)},p:D,d(t){t&&i(e),t&&i(n),t&&i(o)}}}function p$(t){let e;return{c(){e=h("The font weight of the buttons and the labels.")},l(t){e=x(t,"The font weight of the buttons and the labels.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function d$(t){let e,$;return{c(){e=w("code"),$=h("500")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"500"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function g$(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[l$]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[p$]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[d$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function u$(t){let e,$,r,n,o,s,c,a,f;return{c(){e=w("strong"),$=w("code"),r=h("$background"),n=d(),o=w("small"),s=h("From "),c=w("a"),a=w("code"),f=h("Dropdown"),this.h()},l(t){e=E(t,"STRONG",{});var m=v(e);$=E(m,"CODE",{});var l=v($);r=x(l,"$background"),l.forEach(i),m.forEach(i),n=g(t),o=E(t,"SMALL",{});var p=v(o);s=x(p,"From "),c=E(p,"A",{href:!0});var d=v(c);a=E(d,"CODE",{});var u=v(a);f=x(u,"Dropdown"),u.forEach(i),d.forEach(i),p.forEach(i),this.h()},h(){y(c,"href","./docs/components/dropdown")},m(t,m){u(t,e,m),b(e,$),b($,r),u(t,n,m),u(t,o,m),b(o,s),b(o,c),b(c,a),b(a,f)},p:D,d(t){t&&i(e),t&&i(n),t&&i(o)}}}function i$(t){let e;return{c(){e=h("The background color of the dropdown content")},l(t){e=x(t,"The background color of the dropdown content")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function h$(t){let e,$;return e=new A({props:{value:"#FFFFFF",bordered:!0}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){m(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function x$(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[u$]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[i$]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[h$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function w$(t){let e,$,r,n,o,s,c,a,f;return{c(){e=w("strong"),$=w("code"),r=h("$shadow-raised"),n=d(),o=w("small"),s=h("From "),c=w("a"),a=w("code"),f=h("Dropdown"),this.h()},l(t){e=E(t,"STRONG",{});var m=v(e);$=E(m,"CODE",{});var l=v($);r=x(l,"$shadow-raised"),l.forEach(i),m.forEach(i),n=g(t),o=E(t,"SMALL",{});var p=v(o);s=x(p,"From "),c=E(p,"A",{href:!0});var d=v(c);a=E(d,"CODE",{});var u=v(a);f=x(u,"Dropdown"),u.forEach(i),d.forEach(i),p.forEach(i),this.h()},h(){y(c,"href","./docs/components/dropdown")},m(t,m){u(t,e,m),b(e,$),b($,r),u(t,n,m),u(t,o,m),b(o,s),b(o,c),b(c,a),b(a,f)},p:D,d(t){t&&i(e),t&&i(n),t&&i(o)}}}function E$(t){let e;return{c(){e=h("The shadow of the dropdown.")},l(t){e=x(t,"The shadow of the dropdown.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function v$(t){let e,$;return e=new F({props:{value:W$}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){m(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function y$(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[w$]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[E$]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[v$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function b$(t){let e,$,r,n,o,s,c,a,f;return{c(){e=w("strong"),$=w("code"),r=h("$card-radius"),n=d(),o=w("small"),s=h("From "),c=w("a"),a=w("code"),f=h("Dropdown"),this.h()},l(t){e=E(t,"STRONG",{});var m=v(e);$=E(m,"CODE",{});var l=v($);r=x(l,"$card-radius"),l.forEach(i),m.forEach(i),n=g(t),o=E(t,"SMALL",{});var p=v(o);s=x(p,"From "),c=E(p,"A",{href:!0});var d=v(c);a=E(d,"CODE",{});var u=v(a);f=x(u,"Dropdown"),u.forEach(i),d.forEach(i),p.forEach(i),this.h()},h(){y(c,"href","./docs/components/dropdown")},m(t,m){u(t,e,m),b(e,$),b($,r),u(t,n,m),u(t,o,m),b(o,s),b(o,c),b(c,a),b(a,f)},p:D,d(t){t&&i(e),t&&i(n),t&&i(o)}}}function D$(t){let e;return{c(){e=h("The curvature radius of the dropdown.")},l(t){e=x(t,"The curvature radius of the dropdown.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function O$(t){let e,$;return{c(){e=w("code"),$=h("1.25em")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"1.25em"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function C$(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[b$]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[D$]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[O$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function T$(t){let e,$,r,n,o,s,c,a,f;return{c(){e=w("strong"),$=w("code"),r=h("$textfield-border"),n=d(),o=w("small"),s=h("From "),c=w("a"),a=w("code"),f=h("TextField"),this.h()},l(t){e=E(t,"STRONG",{});var m=v(e);$=E(m,"CODE",{});var l=v($);r=x(l,"$textfield-border"),l.forEach(i),m.forEach(i),n=g(t),o=E(t,"SMALL",{});var p=v(o);s=x(p,"From "),c=E(p,"A",{href:!0});var d=v(c);a=E(d,"CODE",{});var u=v(a);f=x(u,"TextField"),u.forEach(i),d.forEach(i),p.forEach(i),this.h()},h(){y(c,"href","./docs/components/text-field")},m(t,m){u(t,e,m),b(e,$),b($,r),u(t,n,m),u(t,o,m),b(o,s),b(o,c),b(c,a),b(a,f)},p:D,d(t){t&&i(e),t&&i(n),t&&i(o)}}}function k$(t){let e;return{c(){e=h("The border color of the unselected text field.")},l(t){e=x(t,"The border color of the unselected text field.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function S$(t){let e,$;return e=new A({props:{value:"rgba(0, 0, 0, .42)"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){m(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function A$(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[T$]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[k$]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[S$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function F$(t){let e,$,r,n,o,s,c,a,f;return{c(){e=w("strong"),$=w("code"),r=h("$thin-font-weight"),n=d(),o=w("small"),s=h("From "),c=w("a"),a=w("code"),f=h("TextField"),this.h()},l(t){e=E(t,"STRONG",{});var m=v(e);$=E(m,"CODE",{});var l=v($);r=x(l,"$thin-font-weight"),l.forEach(i),m.forEach(i),n=g(t),o=E(t,"SMALL",{});var p=v(o);s=x(p,"From "),c=E(p,"A",{href:!0});var d=v(c);a=E(d,"CODE",{});var u=v(a);f=x(u,"TextField"),u.forEach(i),d.forEach(i),p.forEach(i),this.h()},h(){y(c,"href","./docs/components/text-field")},m(t,m){u(t,e,m),b(e,$),b($,r),u(t,n,m),u(t,o,m),b(o,s),b(o,c),b(c,a),b(a,f)},p:D,d(t){t&&i(e),t&&i(n),t&&i(o)}}}function N$(t){let e;return{c(){e=h("The thin font weight for the text inside the text field.")},l(t){e=x(t,"The thin font weight for the text inside the text field.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function L$(t){let e,$;return{c(){e=w("code"),$=h("300")},l(t){e=E(t,"CODE",{});var r=v(e);$=x(r,"300"),r.forEach(i)},m(t,r){u(t,e,r),b(e,$)},p:D,d(t){t&&i(e)}}}function P$(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[F$]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[N$]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[L$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function R$(t){let e,$,r,n,o,s,c,a,f;return{c(){e=w("strong"),$=w("code"),r=h("$off-state"),n=d(),o=w("small"),s=h("From "),c=w("a"),a=w("code"),f=h("Tab"),this.h()},l(t){e=E(t,"STRONG",{});var m=v(e);$=E(m,"CODE",{});var l=v($);r=x(l,"$off-state"),l.forEach(i),m.forEach(i),n=g(t),o=E(t,"SMALL",{});var p=v(o);s=x(p,"From "),c=E(p,"A",{href:!0});var d=v(c);a=E(d,"CODE",{});var u=v(a);f=x(u,"Tab"),u.forEach(i),d.forEach(i),p.forEach(i),this.h()},h(){y(c,"href","./docs/components/tab")},m(t,m){u(t,e,m),b(e,$),b($,r),u(t,n,m),u(t,o,m),b(o,s),b(o,c),b(c,a),b(a,f)},p:D,d(t){t&&i(e),t&&i(n),t&&i(o)}}}function M$(t){let e;return{c(){e=h("Affects the background color of the unselected tab.")},l(t){e=x(t,"Affects the background color of the unselected tab.")},m(t,$){u(t,e,$)},d(t){t&&i(e)}}}function j$(t){let e,$;return e=new A({props:{value:"#AAAAAA"}}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p:D,i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){m(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}function G$(t){let e,$,r,c,a,p;return e=new G({props:{$$slots:{default:[R$]},$$scope:{ctx:t}}}),r=new G({props:{$$slots:{default:[M$]},$$scope:{ctx:t}}}),a=new G({props:{$$slots:{default:[j$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),p=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),a.$set(s)},i(t){p||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),p=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),p=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t)}}}function H$(t){let e,$,r,c,a,p,h,x,y,D,O,C,T,k,S,A,F,N,L,P,R,j,G,H,B,I,Y,K,V,W;return $=new M({props:{$$slots:{default:[Be]},$$scope:{ctx:t}}}),a=new M({props:{$$slots:{default:[Ve]},$$scope:{ctx:t}}}),h=new M({props:{$$slots:{default:[ze]},$$scope:{ctx:t}}}),y=new M({props:{$$slots:{default:[Ze]},$$scope:{ctx:t}}}),O=new M({props:{$$slots:{default:[$$]},$$scope:{ctx:t}}}),T=new M({props:{$$slots:{default:[s$]},$$scope:{ctx:t}}}),S=new M({props:{$$slots:{default:[m$]},$$scope:{ctx:t}}}),F=new M({props:{$$slots:{default:[g$]},$$scope:{ctx:t}}}),L=new M({props:{$$slots:{default:[x$]},$$scope:{ctx:t}}}),R=new M({props:{$$slots:{default:[y$]},$$scope:{ctx:t}}}),G=new M({props:{$$slots:{default:[C$]},$$scope:{ctx:t}}}),B=new M({props:{$$slots:{default:[A$]},$$scope:{ctx:t}}}),Y=new M({props:{$$slots:{default:[P$]},$$scope:{ctx:t}}}),V=new M({props:{$$slots:{default:[G$]},$$scope:{ctx:t}}}),{c(){e=w("thead"),n($.$$.fragment),r=d(),c=w("tbody"),n(a.$$.fragment),p=d(),n(h.$$.fragment),x=d(),n(y.$$.fragment),D=d(),n(O.$$.fragment),C=d(),n(T.$$.fragment),k=d(),n(S.$$.fragment),A=d(),n(F.$$.fragment),N=d(),n(L.$$.fragment),P=d(),n(R.$$.fragment),j=d(),n(G.$$.fragment),H=d(),n(B.$$.fragment),I=d(),n(Y.$$.fragment),K=d(),n(V.$$.fragment)},l(t){e=E(t,"THEAD",{});var n=v(e);o($.$$.fragment,n),n.forEach(i),r=g(t),c=E(t,"TBODY",{});var s=v(c);o(a.$$.fragment,s),p=g(s),o(h.$$.fragment,s),x=g(s),o(y.$$.fragment,s),D=g(s),o(O.$$.fragment,s),C=g(s),o(T.$$.fragment,s),k=g(s),o(S.$$.fragment,s),A=g(s),o(F.$$.fragment,s),N=g(s),o(L.$$.fragment,s),P=g(s),o(R.$$.fragment,s),j=g(s),o(G.$$.fragment,s),H=g(s),o(B.$$.fragment,s),I=g(s),o(Y.$$.fragment,s),K=g(s),o(V.$$.fragment,s),s.forEach(i)},m(t,n){u(t,e,n),s($,e,null),u(t,r,n),u(t,c,n),s(a,c,null),b(c,p),s(h,c,null),b(c,x),s(y,c,null),b(c,D),s(O,c,null),b(c,C),s(T,c,null),b(c,k),s(S,c,null),b(c,A),s(F,c,null),b(c,N),s(L,c,null),b(c,P),s(R,c,null),b(c,j),s(G,c,null),b(c,H),s(B,c,null),b(c,I),s(Y,c,null),b(c,K),s(V,c,null),W=!0},p(t,e){const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),$.$set(r);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),a.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),y.$set(s);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),O.$set(c);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),T.$set(f);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),S.$set(m);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),F.$set(l);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),L.$set(p);const d={};2&e&&(d.$$scope={dirty:e,ctx:t}),R.$set(d);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),G.$set(g);const u={};2&e&&(u.$$scope={dirty:e,ctx:t}),B.$set(u);const i={};2&e&&(i.$$scope={dirty:e,ctx:t}),Y.$set(i);const x={};2&e&&(x.$$scope={dirty:e,ctx:t}),V.$set(x)},i(t){W||(f($.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),f(y.$$.fragment,t),f(O.$$.fragment,t),f(T.$$.fragment,t),f(S.$$.fragment,t),f(F.$$.fragment,t),f(L.$$.fragment,t),f(R.$$.fragment,t),f(G.$$.fragment,t),f(B.$$.fragment,t),f(Y.$$.fragment,t),f(V.$$.fragment,t),W=!0)},o(t){m($.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),m(y.$$.fragment,t),m(O.$$.fragment,t),m(T.$$.fragment,t),m(S.$$.fragment,t),m(F.$$.fragment,t),m(L.$$.fragment,t),m(R.$$.fragment,t),m(G.$$.fragment,t),m(B.$$.fragment,t),m(Y.$$.fragment,t),m(V.$$.fragment,t),W=!1},d(t){t&&i(e),l($),t&&i(r),t&&i(c),l(a),l(h),l(y),l(O),l(T),l(S),l(F),l(L),l(R),l(G),l(B),l(Y),l(V)}}}function B$(t){let e,$,r,c,a,p,h,x,w,E,v,y,b,D,O,k,A,F,M,j,G,W,U,q,z,J,Q,X,Z,_,tt,et,$t,rt,nt,ot,st,ct,at,ft,mt,dt,gt,ut,it,ht,xt,wt,Et,vt,yt,bt,Dt,Ot,Ct,Tt,kt,St;return e=new C({props:{$$slots:{default:[H]},$$scope:{ctx:t}}}),r=new T({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),a=new N({props:{components:V$}}),h=new S({props:{$$slots:{source:[Y],showcase:[I]},$$scope:{ctx:t}}}),w=new L({props:{id:"properties",$$slots:{default:[K]},$$scope:{ctx:t}}}),v=new P({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),b=new R({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),O=new P({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),A=new R({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),M=new T({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),G=new P({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),U=new T({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),z=new T({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),Q=new R({props:{$$slots:{default:[ge]},$$scope:{ctx:t}}}),Z=new L({props:{id:"events",$$slots:{default:[ue]},$$scope:{ctx:t}}}),tt=new R({props:{$$slots:{default:[De]},$$scope:{ctx:t}}}),$t=new L({props:{id:"slots",$$slots:{default:[Oe]},$$scope:{ctx:t}}}),nt=new P({props:{$$slots:{default:[Ce]},$$scope:{ctx:t}}}),st=new T({props:{$$slots:{default:[Te]},$$scope:{ctx:t}}}),at=new P({props:{$$slots:{default:[ke]},$$scope:{ctx:t}}}),mt=new T({props:{$$slots:{default:[Se]},$$scope:{ctx:t}}}),gt=new P({props:{$$slots:{default:[Ae]},$$scope:{ctx:t}}}),it=new T({props:{$$slots:{default:[Fe]},$$scope:{ctx:t}}}),xt=new P({props:{$$slots:{default:[Ne]},$$scope:{ctx:t}}}),Et=new T({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),yt=new P({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),Dt=new T({props:{$$slots:{default:[Re]},$$scope:{ctx:t}}}),Ct=new L({props:{id:"scss-variables",$$slots:{default:[Me]},$$scope:{ctx:t}}}),kt=new R({props:{$$slots:{default:[H$]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),$=d(),n(r.$$.fragment),c=d(),n(a.$$.fragment),p=d(),n(h.$$.fragment),x=d(),n(w.$$.fragment),E=d(),n(v.$$.fragment),y=d(),n(b.$$.fragment),D=d(),n(O.$$.fragment),k=d(),n(A.$$.fragment),F=d(),n(M.$$.fragment),j=d(),n(G.$$.fragment),W=d(),n(U.$$.fragment),q=d(),n(z.$$.fragment),J=d(),n(Q.$$.fragment),X=d(),n(Z.$$.fragment),_=d(),n(tt.$$.fragment),et=d(),n($t.$$.fragment),rt=d(),n(nt.$$.fragment),ot=d(),n(st.$$.fragment),ct=d(),n(at.$$.fragment),ft=d(),n(mt.$$.fragment),dt=d(),n(gt.$$.fragment),ut=d(),n(it.$$.fragment),ht=d(),n(xt.$$.fragment),wt=d(),n(Et.$$.fragment),vt=d(),n(yt.$$.fragment),bt=d(),n(Dt.$$.fragment),Ot=d(),n(Ct.$$.fragment),Tt=d(),n(kt.$$.fragment)},l(t){o(e.$$.fragment,t),$=g(t),o(r.$$.fragment,t),c=g(t),o(a.$$.fragment,t),p=g(t),o(h.$$.fragment,t),x=g(t),o(w.$$.fragment,t),E=g(t),o(v.$$.fragment,t),y=g(t),o(b.$$.fragment,t),D=g(t),o(O.$$.fragment,t),k=g(t),o(A.$$.fragment,t),F=g(t),o(M.$$.fragment,t),j=g(t),o(G.$$.fragment,t),W=g(t),o(U.$$.fragment,t),q=g(t),o(z.$$.fragment,t),J=g(t),o(Q.$$.fragment,t),X=g(t),o(Z.$$.fragment,t),_=g(t),o(tt.$$.fragment,t),et=g(t),o($t.$$.fragment,t),rt=g(t),o(nt.$$.fragment,t),ot=g(t),o(st.$$.fragment,t),ct=g(t),o(at.$$.fragment,t),ft=g(t),o(mt.$$.fragment,t),dt=g(t),o(gt.$$.fragment,t),ut=g(t),o(it.$$.fragment,t),ht=g(t),o(xt.$$.fragment,t),wt=g(t),o(Et.$$.fragment,t),vt=g(t),o(yt.$$.fragment,t),bt=g(t),o(Dt.$$.fragment,t),Ot=g(t),o(Ct.$$.fragment,t),Tt=g(t),o(kt.$$.fragment,t)},m(t,n){s(e,t,n),u(t,$,n),s(r,t,n),u(t,c,n),s(a,t,n),u(t,p,n),s(h,t,n),u(t,x,n),s(w,t,n),u(t,E,n),s(v,t,n),u(t,y,n),s(b,t,n),u(t,D,n),s(O,t,n),u(t,k,n),s(A,t,n),u(t,F,n),s(M,t,n),u(t,j,n),s(G,t,n),u(t,W,n),s(U,t,n),u(t,q,n),s(z,t,n),u(t,J,n),s(Q,t,n),u(t,X,n),s(Z,t,n),u(t,_,n),s(tt,t,n),u(t,et,n),s($t,t,n),u(t,rt,n),s(nt,t,n),u(t,ot,n),s(st,t,n),u(t,ct,n),s(at,t,n),u(t,ft,n),s(mt,t,n),u(t,dt,n),s(gt,t,n),u(t,ut,n),s(it,t,n),u(t,ht,n),s(xt,t,n),u(t,wt,n),s(Et,t,n),u(t,vt,n),s(yt,t,n),u(t,bt,n),s(Dt,t,n),u(t,Ot,n),s(Ct,t,n),u(t,Tt,n),s(kt,t,n),St=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),r.$set(o);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),h.$set(s);const c={};2&$&&(c.$$scope={dirty:$,ctx:t}),w.$set(c);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),v.$set(a);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),b.$set(f);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),O.$set(m);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),A.$set(l);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),M.$set(p);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),G.$set(d);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),U.$set(g);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),z.$set(u);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),Q.$set(i);const x={};2&$&&(x.$$scope={dirty:$,ctx:t}),Z.$set(x);const E={};2&$&&(E.$$scope={dirty:$,ctx:t}),tt.$set(E);const y={};2&$&&(y.$$scope={dirty:$,ctx:t}),$t.$set(y);const D={};2&$&&(D.$$scope={dirty:$,ctx:t}),nt.$set(D);const C={};2&$&&(C.$$scope={dirty:$,ctx:t}),st.$set(C);const T={};2&$&&(T.$$scope={dirty:$,ctx:t}),at.$set(T);const k={};2&$&&(k.$$scope={dirty:$,ctx:t}),mt.$set(k);const S={};2&$&&(S.$$scope={dirty:$,ctx:t}),gt.$set(S);const F={};2&$&&(F.$$scope={dirty:$,ctx:t}),it.$set(F);const N={};2&$&&(N.$$scope={dirty:$,ctx:t}),xt.$set(N);const L={};2&$&&(L.$$scope={dirty:$,ctx:t}),Et.$set(L);const P={};2&$&&(P.$$scope={dirty:$,ctx:t}),yt.$set(P);const R={};2&$&&(R.$$scope={dirty:$,ctx:t}),Dt.$set(R);const j={};2&$&&(j.$$scope={dirty:$,ctx:t}),Ct.$set(j);const H={};2&$&&(H.$$scope={dirty:$,ctx:t}),kt.$set(H)},i(t){St||(f(e.$$.fragment,t),f(r.$$.fragment,t),f(a.$$.fragment,t),f(h.$$.fragment,t),f(w.$$.fragment,t),f(v.$$.fragment,t),f(b.$$.fragment,t),f(O.$$.fragment,t),f(A.$$.fragment,t),f(M.$$.fragment,t),f(G.$$.fragment,t),f(U.$$.fragment,t),f(z.$$.fragment,t),f(Q.$$.fragment,t),f(Z.$$.fragment,t),f(tt.$$.fragment,t),f($t.$$.fragment,t),f(nt.$$.fragment,t),f(st.$$.fragment,t),f(at.$$.fragment,t),f(mt.$$.fragment,t),f(gt.$$.fragment,t),f(it.$$.fragment,t),f(xt.$$.fragment,t),f(Et.$$.fragment,t),f(yt.$$.fragment,t),f(Dt.$$.fragment,t),f(Ct.$$.fragment,t),f(kt.$$.fragment,t),St=!0)},o(t){m(e.$$.fragment,t),m(r.$$.fragment,t),m(a.$$.fragment,t),m(h.$$.fragment,t),m(w.$$.fragment,t),m(v.$$.fragment,t),m(b.$$.fragment,t),m(O.$$.fragment,t),m(A.$$.fragment,t),m(M.$$.fragment,t),m(G.$$.fragment,t),m(U.$$.fragment,t),m(z.$$.fragment,t),m(Q.$$.fragment,t),m(Z.$$.fragment,t),m(tt.$$.fragment,t),m($t.$$.fragment,t),m(nt.$$.fragment,t),m(st.$$.fragment,t),m(at.$$.fragment,t),m(mt.$$.fragment,t),m(gt.$$.fragment,t),m(it.$$.fragment,t),m(xt.$$.fragment,t),m(Et.$$.fragment,t),m(yt.$$.fragment,t),m(Dt.$$.fragment,t),m(Ct.$$.fragment,t),m(kt.$$.fragment,t),St=!1},d(t){l(e,t),t&&i($),l(r,t),t&&i(c),l(a,t),t&&i(p),l(h,t),t&&i(x),l(w,t),t&&i(E),l(v,t),t&&i(y),l(b,t),t&&i(D),l(O,t),t&&i(k),l(A,t),t&&i(F),l(M,t),t&&i(j),l(G,t),t&&i(W),l(U,t),t&&i(q),l(z,t),t&&i(J),l(Q,t),t&&i(X),l(Z,t),t&&i(_),l(tt,t),t&&i(et),l($t,t),t&&i(rt),l(nt,t),t&&i(ot),l(st,t),t&&i(ct),l(at,t),t&&i(ft),l(mt,t),t&&i(dt),l(gt,t),t&&i(ut),l(it,t),t&&i(ht),l(xt,t),t&&i(wt),l(Et,t),t&&i(vt),l(yt,t),t&&i(bt),l(Dt,t),t&&i(Ot),l(Ct,t),t&&i(Tt),l(kt,t)}}}function I$(t){let e,$;const p=[t[0],Y$];let d={$$slots:{default:[B$]},$$scope:{ctx:t}};for(let t=0;t<p.length;t+=1)d=r(d,p[t]);return e=new O({props:d}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,r){s(e,t,r),$=!0},p(t,[$]){const r=1&$?c(p,[1&$&&a(t[0]),0&$&&a(Y$)]):{};2&$&&(r.$$scope={dirty:$,ctx:t}),e.$set(r)},i(t){$||(f(e.$$.fragment,t),$=!0)},o(t){m(e.$$.fragment,t),$=!1},d(t){l(e,t)}}}const Y$={name:"TimePicker",relatedComponents:[{name:"DatePicker",link:"./docs/components/date-picker"}],shadowRaised:"0 2px 4px -1px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);"},{name:K$,relatedComponents:V$,shadowRaised:W$}=Y$;function U$(t,e,$){return t.$$set=t=>{$(0,e=r(r({},e),p(t)))},[e=p(e)]}class q$ extends t{constructor(t){super(),e(this,t,U$,I$,$,{})}}export{q$ as default,Y$ as metadata};
diff --git a/376/client/time-picker.4fb06828.js b/376/client/time-picker.4fb06828.js
new file mode 100644
index 000000000..0228ce34a
--- /dev/null
+++ b/376/client/time-picker.4fb06828.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as n,a as s,c as o,b as l,d as r,e as c,f as a,g as i,n as $,Y as u,$ as f,h as m,j as p,k as g,l as d,X as h,m as v,a1 as w,t as x,p as S,q as b,J as k,u as y,w as M,M as H,H as D,Q as E,R as j,T as N,y as P,z as T,a9 as C,v as I,x as V,A as B}from"./client.0d36a0cf.js";import{c as A}from"./classes.2453fa25.js";import{B as z}from"./button.743a388a.js";import{L}from"./label.16b4782e.js";import{T as R}from"./text-field.37ad5edd.js";import{D as q,a as J}from"./dropdown.68df1ffe.js";import{T as Q}from"./tab.bbb6306c.js";import{c as X,h as Y,p as F,f as G}from"./datetime-utils.e026cf1b.js";import{r as K}from"./range.ee7914b1.js";function O(t){let e,n,u;return{c(){e=s("svg"),n=s("circle"),u=s("polyline"),this.h()},l(t){e=o(t,"svg",{xmlns:!0,width:!0,height:!0,viewBox:!0,fill:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0});var s=l(e);n=o(s,"circle",{cx:!0,cy:!0,r:!0}),l(n).forEach(r),u=o(s,"polyline",{points:!0}),l(u).forEach(r),s.forEach(r),this.h()},h(){c(n,"cx","12"),c(n,"cy","12"),c(n,"r","10"),c(u,"points","12 6 12 12 16 14"),c(e,"xmlns","http://www.w3.org/2000/svg"),c(e,"width","24"),c(e,"height","24"),c(e,"viewBox","0 0 24 24"),c(e,"fill","none"),c(e,"stroke","currentColor"),c(e,"stroke-width","2"),c(e,"stroke-linecap","round"),c(e,"stroke-linejoin","round")},m(t,s){a(t,e,s),i(e,n),i(e,u)},p:$,i:$,o:$,d(t){t&&r(e)}}}var U=class extends t{constructor(t){super(),e(this,t,null,O,n,{})}};const W=t=>({}),Z=t=>({}),_=t=>({}),tt=t=>({});function et(t,e,n){const s=t.slice();return s[36]=e[n],s}const nt=t=>({}),st=t=>({});function ot(t,e,n){const s=t.slice();return s[39]=e[n],s}const lt=t=>({}),rt=t=>({});function ct(t,e,n){const s=t.slice();return s[42]=e[n],s}const at=t=>({}),it=t=>({});function $t(t){let e;return{c(){e=I("close the time picker")},l(t){e=V(t,"close the time picker")},m(t,n){a(t,e,n)},d(t){t&&r(e)}}}function ut(t){let e;return{c(){e=I("Hours")},l(t){e=V(t,"Hours")},m(t,n){a(t,e,n)},d(t){t&&r(e)}}}function ft(t){let e,n,s=t[42].toString().padStart(2,"0")+"";return{c(){e=I(s),n=y()},l(t){e=V(t,s),n=M(t)},m(t,s){a(t,e,s),a(t,n,s)},p(t,n){256&n[0]&&s!==(s=t[42].toString().padStart(2,"0")+"")&&B(e,s)},d(t){t&&r(e),t&&r(n)}}}function mt(t){let e,n;return e=new z({props:{selected:t[21](t[42],t[0]),$$slots:{default:[ft]},$$scope:{ctx:t}}}),e.$on("click",(function(){return t[27](t[42])})),{c(){p(e.$$.fragment)},l(t){d(e.$$.fragment,t)},m(t,s){v(e,t,s),n=!0},p(n,s){t=n;const o={};257&s[0]&&(o.selected=t[21](t[42],t[0])),256&s[0]|4&s[1]&&(o.$$scope={dirty:s,ctx:t}),e.$set(o)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){S(e.$$.fragment,t),n=!1},d(t){b(e,t)}}}function pt(t){let e;return{c(){e=I("Minutes")},l(t){e=V(t,"Minutes")},m(t,n){a(t,e,n)},d(t){t&&r(e)}}}function gt(t){let e,n,s=t[39].toString().padStart(2,"0")+"";return{c(){e=I(s),n=y()},l(t){e=V(t,s),n=M(t)},m(t,s){a(t,e,s),a(t,n,s)},p(t,n){512&n[0]&&s!==(s=t[39].toString().padStart(2,"0")+"")&&B(e,s)},d(t){t&&r(e),t&&r(n)}}}function dt(t){let e,n;return e=new z({props:{selected:t[0]&&t[39]===t[0].getMinutes()||void 0,$$slots:{default:[gt]},$$scope:{ctx:t}}}),e.$on("click",(function(){return t[28](t[39])})),{c(){p(e.$$.fragment)},l(t){d(e.$$.fragment,t)},m(t,s){v(e,t,s),n=!0},p(n,s){t=n;const o={};513&s[0]&&(o.selected=t[0]&&t[39]===t[0].getMinutes()||void 0),512&s[0]|4&s[1]&&(o.$$scope={dirty:s,ctx:t}),e.$set(o)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){S(e.$$.fragment,t),n=!1},d(t){b(e,t)}}}function ht(t){let e,n,s;const o=t[23]["seconds-label"],i=H(o,t,t[33],st),$=i||function(t){let e,n;return e=new L({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),{c(){p(e.$$.fragment)},l(t){d(e.$$.fragment,t)},m(t,s){v(e,t,s),n=!0},p(t,n){const s={};4&n[1]&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){S(e.$$.fragment,t),n=!1},d(t){b(e,t)}}}(t);let u=t[10],f=[];for(let e=0;e<u.length;e+=1)f[e]=xt(et(t,u,e));const h=t=>S(f[t],1,1,(()=>{f[t]=null}));return{c(){$&&$.c(),e=y(),n=m("div");for(let t=0;t<f.length;t+=1)f[t].c();this.h()},l(t){$&&$.l(t),e=M(t),n=g(t,"DIV",{class:!0});var s=l(n);for(let t=0;t<f.length;t+=1)f[t].l(s);s.forEach(r),this.h()},h(){c(n,"class","column")},m(t,o){$&&$.m(t,o),a(t,e,o),a(t,n,o);for(let t=0;t<f.length;t+=1)f[t]&&f[t].m(n,null);s=!0},p(t,e){if(i&&i.p&&(!s||4&e[1])&&E(i,o,t,t[33],s?N(o,t[33],e,nt):j(t[33]),st),263169&e[0]){let s;for(u=t[10],s=0;s<u.length;s+=1){const o=et(t,u,s);f[s]?(f[s].p(o,e),x(f[s],1)):(f[s]=xt(o),f[s].c(),x(f[s],1),f[s].m(n,null))}for(P(),s=u.length;s<f.length;s+=1)h(s);T()}},i(t){if(!s){x($,t);for(let t=0;t<u.length;t+=1)x(f[t]);s=!0}},o(t){S($,t),f=f.filter(Boolean);for(let t=0;t<f.length;t+=1)S(f[t]);s=!1},d(t){$&&$.d(t),t&&r(e),t&&r(n),C(f,t)}}}function vt(t){let e;return{c(){e=I("Seconds")},l(t){e=V(t,"Seconds")},m(t,n){a(t,e,n)},d(t){t&&r(e)}}}function wt(t){let e,n,s=t[36].toString().padStart(2,"0")+"";return{c(){e=I(s),n=y()},l(t){e=V(t,s),n=M(t)},m(t,s){a(t,e,s),a(t,n,s)},p(t,n){1024&n[0]&&s!==(s=t[36].toString().padStart(2,"0")+"")&&B(e,s)},d(t){t&&r(e),t&&r(n)}}}function xt(t){let e,n;return e=new z({props:{selected:t[0]&&t[36]===t[0].getSeconds()||void 0,$$slots:{default:[wt]},$$scope:{ctx:t}}}),e.$on("click",(function(){return t[29](t[36])})),{c(){p(e.$$.fragment)},l(t){d(e.$$.fragment,t)},m(t,s){v(e,t,s),n=!0},p(n,s){t=n;const o={};1025&s[0]&&(o.selected=t[0]&&t[36]===t[0].getSeconds()||void 0),1024&s[0]|4&s[1]&&(o.$$scope={dirty:s,ctx:t}),e.$set(o)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){S(e.$$.fragment,t),n=!1},d(t){b(e,t)}}}function St(t){let e,n;return e=new z({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),e.$on("click",t[19]),{c(){p(e.$$.fragment)},l(t){d(e.$$.fragment,t)},m(t,s){v(e,t,s),n=!0},p(t,n){const s={};4&n[1]&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){S(e.$$.fragment,t),n=!1},d(t){b(e,t)}}}function bt(t){let e,n;const s=t[23]["now-icon"],o=H(s,t,t[33],tt),l=o||function(t){let e,n;return e=new U({}),{c(){p(e.$$.fragment)},l(t){d(e.$$.fragment,t)},m(t,s){v(e,t,s),n=!0},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){S(e.$$.fragment,t),n=!1},d(t){b(e,t)}}}(),c=t[23]["now-label"],i=H(c,t,t[33],Z),$=i||function(t){let e;return{c(){e=I("now")},l(t){e=V(t,"now")},m(t,n){a(t,e,n)},d(t){t&&r(e)}}}();return{c(){l&&l.c(),e=y(),$&&$.c()},l(t){l&&l.l(t),e=M(t),$&&$.l(t)},m(t,s){l&&l.m(t,s),a(t,e,s),$&&$.m(t,s),n=!0},p(t,e){o&&o.p&&(!n||4&e[1])&&E(o,s,t,t[33],n?N(s,t[33],e,_):j(t[33]),tt),i&&i.p&&(!n||4&e[1])&&E(i,c,t,t[33],n?N(c,t[33],e,W):j(t[33]),Z)},i(t){n||(x(l,t),x($,t),n=!0)},o(t){S(l,t),S($,t),n=!1},d(t){l&&l.d(t),t&&r(e),$&&$.d(t)}}}function kt(t){let e,n,s,o,$,h,k,I,V,B,A,R,q;n=new z({props:{noRipple:!0,$$slots:{default:[$t]},$$scope:{ctx:t}}}),n.$on("click",t[26]);const J=t[23]["hours-label"],X=H(J,t,t[33],it),Y=X||function(t){let e,n;return e=new L({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),{c(){p(e.$$.fragment)},l(t){d(e.$$.fragment,t)},m(t,s){v(e,t,s),n=!0},p(t,n){const s={};4&n[1]&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){S(e.$$.fragment,t),n=!1},d(t){b(e,t)}}}(t);let F=t[8],G=[];for(let e=0;e<F.length;e+=1)G[e]=mt(ct(t,F,e));const K=t=>S(G[t],1,1,(()=>{G[t]=null})),O=t[23]["minutes-label"],U=H(O,t,t[33],rt),W=U||function(t){let e,n;return e=new L({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){p(e.$$.fragment)},l(t){d(e.$$.fragment,t)},m(t,s){v(e,t,s),n=!0},p(t,n){const s={};4&n[1]&&(s.$$scope={dirty:n,ctx:t}),e.$set(s)},i(t){n||(x(e.$$.fragment,t),n=!0)},o(t){S(e.$$.fragment,t),n=!1},d(t){b(e,t)}}}(t);let Z=t[9],_=[];for(let e=0;e<Z.length;e+=1)_[e]=dt(ot(t,Z,e));const tt=t=>S(_[t],1,1,(()=>{_[t]=null}));let et=t[15]&&ht(t),nt=t[14]&&function(t){let e,n,s,o,$,h,k;function H(e){t[30](e)}let D={value:"AM",name:t[7]};function E(e){t[31](e)}void 0!==t[12]&&(D.group=t[12]),n=new Q({props:D}),u.push((()=>f(n,"group",H))),n.$on("change",t[20]);let j={value:"PM",name:t[7]};return void 0!==t[12]&&(j.group=t[12]),$=new Q({props:j}),u.push((()=>f($,"group",E))),$.$on("change",t[20]),{c(){e=m("div"),p(n.$$.fragment),o=y(),p($.$$.fragment),this.h()},l(t){e=g(t,"DIV",{class:!0});var s=l(e);d(n.$$.fragment,s),o=M(s),d($.$$.fragment,s),s.forEach(r),this.h()},h(){c(e,"class","am-pm-tabs")},m(t,s){a(t,e,s),v(n,e,null),i(e,o),v($,e,null),k=!0},p(t,e){const o={};128&e[0]&&(o.name=t[7]),!s&&4096&e[0]&&(s=!0,o.group=t[12],w((()=>s=!1))),n.$set(o);const l={};128&e[0]&&(l.name=t[7]),!h&&4096&e[0]&&(h=!0,l.group=t[12],w((()=>h=!1))),$.$set(l)},i(t){k||(x(n.$$.fragment,t),x($.$$.fragment,t),k=!0)},o(t){S(n.$$.fragment,t),S($.$$.fragment,t),k=!1},d(t){t&&r(e),b(n),b($)}}}(t),st=!t[3]&&St(t);return{c(){e=m("div"),p(n.$$.fragment),s=y(),Y&&Y.c(),o=y(),$=m("div");for(let t=0;t<G.length;t+=1)G[t].c();h=y(),W&&W.c(),k=y(),I=m("div");for(let t=0;t<_.length;t+=1)_[t].c();V=y(),et&&et.c(),B=y(),nt&&nt.c(),A=y(),st&&st.c(),R=D(),this.h()},l(t){e=g(t,"DIV",{class:!0});var c=l(e);d(n.$$.fragment,c),c.forEach(r),s=M(t),Y&&Y.l(t),o=M(t),$=g(t,"DIV",{class:!0});var a=l($);for(let t=0;t<G.length;t+=1)G[t].l(a);a.forEach(r),h=M(t),W&&W.l(t),k=M(t),I=g(t,"DIV",{class:!0});var i=l(I);for(let t=0;t<_.length;t+=1)_[t].l(i);i.forEach(r),V=M(t),et&&et.l(t),B=M(t),nt&&nt.l(t),A=M(t),st&&st.l(t),R=D(),this.h()},h(){c(e,"class","shown-on-focus"),c($,"class","column"),c(I,"class","column")},m(t,l){a(t,e,l),v(n,e,null),a(t,s,l),Y&&Y.m(t,l),a(t,o,l),a(t,$,l);for(let t=0;t<G.length;t+=1)G[t]&&G[t].m($,null);a(t,h,l),W&&W.m(t,l),a(t,k,l),a(t,I,l);for(let t=0;t<_.length;t+=1)_[t]&&_[t].m(I,null);a(t,V,l),et&&et.m(t,l),a(t,B,l),nt&&nt.m(t,l),a(t,A,l),st&&st.m(t,l),a(t,R,l),q=!0},p(t,e){const s={};if(4&e[1]&&(s.$$scope={dirty:e,ctx:t}),n.$set(s),X&&X.p&&(!q||4&e[1])&&E(X,J,t,t[33],q?N(J,t[33],e,at):j(t[33]),it),2183425&e[0]){let n;for(F=t[8],n=0;n<F.length;n+=1){const s=ct(t,F,n);G[n]?(G[n].p(s,e),x(G[n],1)):(G[n]=mt(s),G[n].c(),x(G[n],1),G[n].m($,null))}for(P(),n=F.length;n<G.length;n+=1)K(n);T()}if(U&&U.p&&(!q||4&e[1])&&E(U,O,t,t[33],q?N(O,t[33],e,lt):j(t[33]),rt),131585&e[0]){let n;for(Z=t[9],n=0;n<Z.length;n+=1){const s=ot(t,Z,n);_[n]?(_[n].p(s,e),x(_[n],1)):(_[n]=dt(s),_[n].c(),x(_[n],1),_[n].m(I,null))}for(P(),n=Z.length;n<_.length;n+=1)tt(n);T()}t[15]&&et.p(t,e),t[14]&&nt.p(t,e),t[3]?st&&(P(),S(st,1,1,(()=>{st=null})),T()):st?(st.p(t,e),8&e[0]&&x(st,1)):(st=St(t),st.c(),x(st,1),st.m(R.parentNode,R))},i(t){if(!q){x(n.$$.fragment,t),x(Y,t);for(let t=0;t<F.length;t+=1)x(G[t]);x(W,t);for(let t=0;t<Z.length;t+=1)x(_[t]);x(et),x(nt),x(st),q=!0}},o(t){S(n.$$.fragment,t),S(Y,t),G=G.filter(Boolean);for(let t=0;t<G.length;t+=1)S(G[t]);S(W,t),_=_.filter(Boolean);for(let t=0;t<_.length;t+=1)S(_[t]);S(et),S(nt),S(st),q=!1},d(t){t&&r(e),b(n),t&&r(s),Y&&Y.d(t),t&&r(o),t&&r($),C(G,t),t&&r(h),W&&W.d(t),t&&r(k),t&&r(I),C(_,t),t&&r(V),et&&et.d(t),t&&r(B),nt&&nt.d(t),t&&r(A),st&&st.d(t),t&&r(R)}}}function yt(t){let e,n,s,o,i;return n=new R({props:{placeholder:t[13],value:G(t[0],t[6]),class:A(t[11]&&"in-focus"),inputClass:t[2]}}),n.$on("focus",t[24]),n.$on("change",t[25]),o=new J({props:{class:"barrel",top:t[4],right:t[5],$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){e=m("div"),p(n.$$.fragment),s=y(),p(o.$$.fragment),this.h()},l(t){e=g(t,"DIV",{class:!0});var c=l(e);d(n.$$.fragment,c),c.forEach(r),s=M(t),d(o.$$.fragment,t),this.h()},h(){c(e,"class","handle")},m(t,l){a(t,e,l),v(n,e,null),a(t,s,l),v(o,t,l),i=!0},p(t,e){const s={};8192&e[0]&&(s.placeholder=t[13]),65&e[0]&&(s.value=G(t[0],t[6])),2048&e[0]&&(s.class=A(t[11]&&"in-focus")),4&e[0]&&(s.inputClass=t[2]),n.$set(s);const l={};16&e[0]&&(l.top=t[4]),32&e[0]&&(l.right=t[5]),8073&e[0]|4&e[1]&&(l.$$scope={dirty:e,ctx:t}),o.$set(l)},i(t){i||(x(n.$$.fragment,t),x(o.$$.fragment,t),i=!0)},o(t){S(n.$$.fragment,t),S(o.$$.fragment,t),i=!1},d(t){t&&r(e),b(n),t&&r(s),b(o,t)}}}function Mt(t){let e,n,s,o,i;function $(e){t[32](e)}let k={$$slots:{default:[yt]},$$scope:{ctx:t}};return void 0!==t[11]&&(k.open=t[11]),n=new q({props:k}),u.push((()=>f(n,"open",$))),n.$on("change",t[22]),{c(){e=m("div"),p(n.$$.fragment),this.h()},l(t){e=g(t,"DIV",{class:!0});var s=l(e);d(n.$$.fragment,s),s.forEach(r),this.h()},h(){c(e,"class",o=h(A("time-picker",t[1],t[14]&&"f12hours",t[15]&&"seconds"))+" svelte-68zps1")},m(t,s){a(t,e,s),v(n,e,null),i=!0},p(t,l){const r={};16381&l[0]|4&l[1]&&(r.$$scope={dirty:l,ctx:t}),!s&&2048&l[0]&&(s=!0,r.open=t[11],w((()=>s=!1))),n.$set(r),(!i||2&l[0]&&o!==(o=h(A("time-picker",t[1],t[14]&&"f12hours",t[15]&&"seconds"))+" svelte-68zps1"))&&c(e,"class",o)},i(t){i||(x(n.$$.fragment,t),i=!0)},o(t){S(n.$$.fragment,t),i=!1},d(t){t&&r(e),b(n)}}}function Ht(t,e,n){let s,o,{$$slots:l={},$$scope:r}=e,{class:c=null}=e,{inputClass:a=null}=e,{hideNow:i=!1}=e,{top:$=!1}=e,{right:u=!1}=e,{value:f=null}=e,{format:m="%H:%M"}=e,{amPmTabName:p="am-pm"}=e;const g=/%p/i.test(m),d=/%S/.test(m);let h=!1,{hours:v=[...K(g?1:0,g?13:24)]}=e,{minutes:w=[...K(0,60,5)]}=e,{seconds:x=(d?[...K(0,60,5)]:[])}=e;function S(t,e=null,s=null){t%=24,n(0,f=null==f?new Date(0):X(f)),null!=e&&null!=s?f.setHours(t,e,s):f.setHours(t),n(0,f),H("change",{value:f})}function b(t){n(0,f=null==f?new Date(0):X(f)),f.setMinutes(t),n(0,f),H("change",{value:f})}function y(t){n(0,f=null==f?new Date(0):X(f)),f.setSeconds(t),n(0,f),H("change",{value:f})}function M(t){"Enter"===t.key&&(t.preventDefault(),n(11,h=!h))}const H=k();return t.$$set=t=>{"class"in t&&n(1,c=t.class),"inputClass"in t&&n(2,a=t.inputClass),"hideNow"in t&&n(3,i=t.hideNow),"top"in t&&n(4,$=t.top),"right"in t&&n(5,u=t.right),"value"in t&&n(0,f=t.value),"format"in t&&n(6,m=t.format),"amPmTabName"in t&&n(7,p=t.amPmTabName),"hours"in t&&n(8,v=t.hours),"minutes"in t&&n(9,w=t.minutes),"seconds"in t&&n(10,x=t.seconds),"$$scope"in t&&n(33,r=t.$$scope)},t.$$.update=()=>{64&t.$$.dirty[0]&&n(13,s=m.replace("%H","HH").replace("%M","MM").replace("%S","SS").replace("%P","AM").replace("%p","am").replace("%%","%")),1&t.$$.dirty[0]&&n(12,o=f&&(f.getHours()<12?"AM":"PM"))},[f,c,a,i,$,u,m,p,v,w,x,h,o,s,g,d,S,b,y,function(){const t=new Date;S(t.getHours(),t.getMinutes(),t.getSeconds())},function({detail:t}){null==f?"PM"===t.value?S(12):S(0):"PM"===t.value&&f.getHours()<12?S(f.getHours()+12):"AM"===t.value&&f.getHours()>=12&&S(f.getHours()-12)},function(t,e){return!!f&&t===(g?(e.getHours()+11)%12+1:e.getHours())},function({detail:t}){t.value?document.addEventListener("keydown",M):document.removeEventListener("keydown",M)},l,()=>n(11,h=!0),({detail:t})=>{n(0,f=Y(F(t.value,m,f),f))},()=>n(11,h=!1),t=>S(t+12*Number((g&&"PM"===o)!==(12===f))),t=>b(t),t=>y(t),function(t){o=t,n(12,o),n(0,f)},function(t){o=t,n(12,o),n(0,f)},function(t){h=t,n(11,h)},r]}var Dt=class extends t{constructor(t){super(),e(this,t,Ht,Mt,n,{class:1,inputClass:2,hideNow:3,top:4,right:5,value:0,format:6,amPmTabName:7,hours:8,minutes:9,seconds:10},null,[-1,-1])}};export{Dt as T};
diff --git a/376/client/typography.f073f943.js b/376/client/typography.f073f943.js
new file mode 100644
index 000000000..bd556cc98
--- /dev/null
+++ b/376/client/typography.f073f943.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as $,K as n,j as s,l as a,m as r,U as o,a0 as c,t as l,p,q as f,L as m,u as g,w as u,f as d,d as i,v as x,x as h,h as y,k as w,b as E,e as k,g as b,n as v}from"./client.0d36a0cf.js";import{L as D,H as T,P as O}from"./layout.b2760304.js";import{c as H,S as C,H as S,a as L,b as N}from"./subhead.4e227d90.js";import{L as j}from"./label.16b4782e.js";import{S as M}from"./showcase.8eb3893d.js";import{C as P}from"./color-preview.278d2729.js";import{H as A}from"./h2.122c8b9f.js";import{H as R}from"./h3.1e03849b.js";import{T as G,a as B,b as F,c as V}from"./table.e069c294.js";import"./classes.2453fa25.js";import"./copyable-code.1fddc954.js";import"./button.743a388a.js";function Y(t){let e;return{c(){e=x("Typography")},l(t){e=h(t,"Typography")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function I(t){let e;return{c(){e=x("Typography elements with embedded responsive styles.")},l(t){e=h(t,"Typography elements with embedded responsive styles.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function q(t){let e;return{c(){e=x("Main stuff!")},l(t){e=h(t,"Main stuff!")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function K(t){let e;return{c(){e=x("Make sure you don't miss out!")},l(t){e=h(t,"Make sure you don't miss out!")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function U(t){let e;return{c(){e=x("Heading 1")},l(t){e=h(t,"Heading 1")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function z(t){let e;return{c(){e=x("Heading 2")},l(t){e=h(t,"Heading 2")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function J(t){let e;return{c(){e=x("Heading 3")},l(t){e=h(t,"Heading 3")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Q(t){let e;return{c(){e=x("label")},l(t){e=h(t,"label")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function W(t){let e;return{c(){e=x("smaller label")},l(t){e=h(t,"smaller label")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function X(t){let e,$,n,o,c,m,x,h,v,D,T,O,M,P,A;return $=new H({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),o=new C({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),m=new S({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),h=new L({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),D=new N({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),O=new j({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),P=new j({props:{small:!0,$$slots:{default:[W]},$$scope:{ctx:t}}}),{c(){e=y("div"),s($.$$.fragment),n=g(),s(o.$$.fragment),c=g(),s(m.$$.fragment),x=g(),s(h.$$.fragment),v=g(),s(D.$$.fragment),T=g(),s(O.$$.fragment),M=g(),s(P.$$.fragment),this.h()},l(t){e=w(t,"DIV",{slot:!0,class:!0});var s=E(e);a($.$$.fragment,s),n=u(s),a(o.$$.fragment,s),c=u(s),a(m.$$.fragment,s),x=u(s),a(h.$$.fragment,s),v=u(s),a(D.$$.fragment,s),T=u(s),a(O.$$.fragment,s),M=u(s),a(P.$$.fragment,s),s.forEach(i),this.h()},h(){k(e,"slot","showcase"),k(e,"class","padded")},m(t,s){d(t,e,s),r($,e,null),b(e,n),r(o,e,null),b(e,c),r(m,e,null),b(e,x),r(h,e,null),b(e,v),r(D,e,null),b(e,T),r(O,e,null),b(e,M),r(P,e,null),A=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),o.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),m.$set(a);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),h.$set(r);const c={};2&e&&(c.$$scope={dirty:e,ctx:t}),D.$set(c);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),O.$set(l);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),P.$set(p)},i(t){A||(l($.$$.fragment,t),l(o.$$.fragment,t),l(m.$$.fragment,t),l(h.$$.fragment,t),l(D.$$.fragment,t),l(O.$$.fragment,t),l(P.$$.fragment,t),A=!0)},o(t){p($.$$.fragment,t),p(o.$$.fragment,t),p(m.$$.fragment,t),p(h.$$.fragment,t),p(D.$$.fragment,t),p(O.$$.fragment,t),p(P.$$.fragment,t),A=!1},d(t){t&&i(e),f($),f(o),f(m),f(h),f(D),f(O),f(P)}}}function Z(t){let e,$;return{c(){e=y("div"),$=y("pre"),this.h()},l(t){e=w(t,"DIV",{slot:!0});var n=E(e);$=w(n,"PRE",{class:!0}),E($).forEach(i),n.forEach(i),this.h()},h(){k($,"class","language-svelte"),k(e,"slot","source")},m(t,n){d(t,e,n),b(e,$),$.innerHTML='<code class="language-svelte"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Headline</span><span class="token punctuation">></span></span>Main stuff!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Headline</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Subhead</span><span class="token punctuation">></span></span>Make sure you don\'t miss out!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Subhead</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>H1</span><span class="token punctuation">></span></span>Heading 1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>H1</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>H2</span><span class="token punctuation">></span></span>Heading 2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>H2</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>H3</span><span class="token punctuation">></span></span>Heading 3<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>H3</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Label</span><span class="token punctuation">></span></span>label<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Label</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Label</span> <span class="token attr-name">small</span><span class="token punctuation">></span></span>smaller label<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Label</span><span class="token punctuation">></span></span></code>'},p:v,d(t){t&&i(e)}}}function _(t){let e;return{c(){e=x("Properties")},l(t){e=h(t,"Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function tt(t){let e;return{c(){e=x("Style Properties")},l(t){e=h(t,"Style Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function et(t){let e,$,n,s,a;return{c(){e=y("em"),$=x("This property only applies to "),n=y("code"),s=x("<Label>"),a=x(".")},l(t){e=w(t,"EM",{});var r=E(e);$=h(r,"This property only applies to "),n=w(r,"CODE",{});var o=E(n);s=h(o,"<Label>"),o.forEach(i),r.forEach(i),a=h(t,".")},m(t,r){d(t,e,r),b(e,$),b(e,n),b(n,s),d(t,a,r)},p:v,d(t){t&&i(e),t&&i(a)}}}function $t(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function nt(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function st(t){let e;return{c(){e=x("Type")},l(t){e=h(t,"Type")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function at(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function rt(t){let e,$,n,o,c,m,x,h;return e=new F({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),x=new F({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){r(e,t,s),d(t,$,s),r(n,t,s),d(t,o,s),r(c,t,s),d(t,m,s),r(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),x.$set(o)},i(t){h||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(o),f(c,t),t&&i(m),f(x,t)}}}function ot(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("small")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"small"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),b(e,$),b($,n)},p:v,d(t){t&&i(e)}}}function ct(t){let e,$;return{c(){e=y("code"),$=x("false")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"false"),n.forEach(i)},m(t,n){d(t,e,n),b(e,$)},p:v,d(t){t&&i(e)}}}function lt(t){let e,$;return{c(){e=y("code"),$=x("boolean")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"boolean"),n.forEach(i)},m(t,n){d(t,e,n),b(e,$)},p:v,d(t){t&&i(e)}}}function pt(t){let e,$,n,s;return{c(){e=x("Makes the "),$=y("code"),n=x("<Label>"),s=x(" smaller.")},l(t){e=h(t,"Makes the "),$=w(t,"CODE",{});var a=E($);n=h(a,"<Label>"),a.forEach(i),s=h(t," smaller.")},m(t,a){d(t,e,a),d(t,$,a),b($,n),d(t,s,a)},p:v,d(t){t&&i(e),t&&i($),t&&i(s)}}}function ft(t){let e,$,n,o,c,m,x,h;return e=new V({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),n=new V({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),x=new V({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){r(e,t,s),d(t,$,s),r(n,t,s),d(t,o,s),r(c,t,s),d(t,m,s),r(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),x.$set(o)},i(t){h||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(o),f(c,t),t&&i(m),f(x,t)}}}function mt(t){let e,$,n,o,c,m;return $=new B({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),o=y("tbody"),s(c.$$.fragment)},l(t){e=w(t,"THEAD",{});var s=E(e);a($.$$.fragment,s),s.forEach(i),n=u(t),o=w(t,"TBODY",{});var r=E(o);a(c.$$.fragment,r),r.forEach(i)},m(t,s){d(t,e,s),r($,e,null),d(t,n,s),d(t,o,s),r(c,o,null),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(l($.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&i(e),f($),t&&i(n),t&&i(o),f(c)}}}function gt(t){let e;return{c(){e=x("Functional Properties")},l(t){e=h(t,"Functional Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function ut(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function dt(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function it(t){let e;return{c(){e=x("Type")},l(t){e=h(t,"Type")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function xt(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function ht(t){let e,$,n,o,c,m,x,h;return e=new F({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),x=new F({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){r(e,t,s),d(t,$,s),r(n,t,s),d(t,o,s),r(c,t,s),d(t,m,s),r(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),x.$set(o)},i(t){h||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(o),f(c,t),t&&i(m),f(x,t)}}}function yt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("...")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"..."),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),b(e,$),b($,n)},p:v,d(t){t&&i(e)}}}function wt(t){let e,$;return{c(){e=y("code"),$=x("any")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"any"),n.forEach(i)},m(t,n){d(t,e,n),b(e,$)},p:v,d(t){t&&i(e)}}}function Et(t){let e;return{c(){e=x("Everything will be passed to the underlying element.")},l(t){e=h(t,"Everything will be passed to the underlying element.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function kt(t){let e,$,n,o,c,m,x,h;return e=new V({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),n=new V({}),c=new V({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),x=new V({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){r(e,t,s),d(t,$,s),r(n,t,s),d(t,o,s),r(c,t,s),d(t,m,s),r(x,t,s),h=!0},p(t,$){const n={};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n);const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),c.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),x.$set(a)},i(t){h||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(o),f(c,t),t&&i(m),f(x,t)}}}function bt(t){let e,$,n,o,c,m;return $=new B({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[kt]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),o=y("tbody"),s(c.$$.fragment)},l(t){e=w(t,"THEAD",{});var s=E(e);a($.$$.fragment,s),s.forEach(i),n=u(t),o=w(t,"TBODY",{});var r=E(o);a(c.$$.fragment,r),r.forEach(i)},m(t,s){d(t,e,s),r($,e,null),d(t,n,s),d(t,o,s),r(c,o,null),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(l($.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&i(e),f($),t&&i(n),t&&i(o),f(c)}}}function vt(t){let e;return{c(){e=x("Class Properties")},l(t){e=h(t,"Class Properties")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Dt(t){let e,$,n,s,a,r,o,c,l,p,f,m,g,u,k,D,T,O,H;return{c(){e=x("All "),$=y("code"),n=x("<Headline>"),s=x(" components use the "),a=y("code"),r=x(".headline"),o=x(" class, all "),c=y("code"),l=x("<Subhead>"),p=x(" components use the "),f=y("code"),m=x(".subhead"),g=x(" class, and all "),u=y("code"),k=x("<Label>"),D=x(" components use the "),T=y("code"),O=x(".label"),H=x(" class.")},l(t){e=h(t,"All "),$=w(t,"CODE",{});var d=E($);n=h(d,"<Headline>"),d.forEach(i),s=h(t," components use the "),a=w(t,"CODE",{});var x=E(a);r=h(x,".headline"),x.forEach(i),o=h(t," class, all "),c=w(t,"CODE",{});var y=E(c);l=h(y,"<Subhead>"),y.forEach(i),p=h(t," components use the "),f=w(t,"CODE",{});var b=E(f);m=h(b,".subhead"),b.forEach(i),g=h(t," class, and all "),u=w(t,"CODE",{});var v=E(u);k=h(v,"<Label>"),v.forEach(i),D=h(t," components use the "),T=w(t,"CODE",{});var C=E(T);O=h(C,".label"),C.forEach(i),H=h(t," class.")},m(t,i){d(t,e,i),d(t,$,i),b($,n),d(t,s,i),d(t,a,i),b(a,r),d(t,o,i),d(t,c,i),b(c,l),d(t,p,i),d(t,f,i),b(f,m),d(t,g,i),d(t,u,i),b(u,k),d(t,D,i),d(t,T,i),b(T,O),d(t,H,i)},p:v,d(t){t&&i(e),t&&i($),t&&i(s),t&&i(a),t&&i(o),t&&i(c),t&&i(p),t&&i(f),t&&i(g),t&&i(u),t&&i(D),t&&i(T),t&&i(H)}}}function Tt(t){let e;return{c(){e=x("Falsy values passed to classes will be disregarded.")},l(t){e=h(t,"Falsy values passed to classes will be disregarded.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Ot(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Ht(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Ct(t){let e;return{c(){e=x("Type")},l(t){e=h(t,"Type")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function St(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Lt(t){let e,$,n,o,c,m,x,h;return e=new F({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[Ht]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),x=new F({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){r(e,t,s),d(t,$,s),r(n,t,s),d(t,o,s),r(c,t,s),d(t,m,s),r(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),x.$set(o)},i(t){h||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(o),f(c,t),t&&i(m),f(x,t)}}}function Nt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("class")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"class"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),b(e,$),b($,n)},p:v,d(t){t&&i(e)}}}function jt(t){let e,$;return{c(){e=y("code"),$=x("null")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"null"),n.forEach(i)},m(t,n){d(t,e,n),b(e,$)},p:v,d(t){t&&i(e)}}}function Mt(t){let e,$;return{c(){e=y("code"),$=x("string")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"string"),n.forEach(i)},m(t,n){d(t,e,n),b(e,$)},p:v,d(t){t&&i(e)}}}function Pt(t){let e;return{c(){e=x("A class string to add to the component.")},l(t){e=h(t,"A class string to add to the component.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function At(t){let e,$,n,o,c,m,x,h;return e=new V({props:{$$slots:{default:[Nt]},$$scope:{ctx:t}}}),n=new V({props:{$$slots:{default:[jt]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[Mt]},$$scope:{ctx:t}}}),x=new V({props:{$$slots:{default:[Pt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t)},m(t,s){r(e,t,s),d(t,$,s),r(n,t,s),d(t,o,s),r(c,t,s),d(t,m,s),r(x,t,s),h=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),x.$set(o)},i(t){h||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),h=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),h=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(o),f(c,t),t&&i(m),f(x,t)}}}function Rt(t){let e,$,n,o,c,m;return $=new B({props:{$$slots:{default:[Lt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[At]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),o=y("tbody"),s(c.$$.fragment)},l(t){e=w(t,"THEAD",{});var s=E(e);a($.$$.fragment,s),s.forEach(i),n=u(t),o=w(t,"TBODY",{});var r=E(o);a(c.$$.fragment,r),r.forEach(i)},m(t,s){d(t,e,s),r($,e,null),d(t,n,s),d(t,o,s),r(c,o,null),m=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s)},i(t){m||(l($.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){t&&i(e),f($),t&&i(n),t&&i(o),f(c)}}}function Gt(t){let e;return{c(){e=x("Slots")},l(t){e=h(t,"Slots")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Bt(t){let e;return{c(){e=x("Default slot")},l(t){e=h(t,"Default slot")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Ft(t){let e;return{c(){e=x("The content of the typographic element.")},l(t){e=h(t,"The content of the typographic element.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Vt(t){let e;return{c(){e=x("SCSS Variables")},l(t){e=h(t,"SCSS Variables")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Yt(t){let e;return{c(){e=x("Name")},l(t){e=h(t,"Name")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function It(t){let e;return{c(){e=x("Description")},l(t){e=h(t,"Description")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function qt(t){let e;return{c(){e=x("Default")},l(t){e=h(t,"Default")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Kt(t){let e,$,n,o,c,m;return e=new F({props:{$$slots:{default:[Yt]},$$scope:{ctx:t}}}),n=new F({props:{$$slots:{default:[It]},$$scope:{ctx:t}}}),c=new F({props:{$$slots:{default:[qt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),d(t,$,s),r(n,t,s),d(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(o),f(c,t)}}}function Ut(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("$main")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"$main"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),b(e,$),b($,n)},p:v,d(t){t&&i(e)}}}function zt(t){let e;return{c(){e=x("The color of some headings, the headline and the label.")},l(t){e=h(t,"The color of some headings, the headline and the label.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Jt(t){let e,$;return e=new P({props:{value:"#4300B0"}}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){r(e,t,n),$=!0},p:v,i(t){$||(l(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){f(e,t)}}}function Qt(t){let e,$,n,o,c,m;return e=new V({props:{$$slots:{default:[Ut]},$$scope:{ctx:t}}}),n=new V({props:{$$slots:{default:[zt]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[Jt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),d(t,$,s),r(n,t,s),d(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(o),f(c,t)}}}function Wt(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("$bold-font-weight")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"$bold-font-weight"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),b(e,$),b($,n)},p:v,d(t){t&&i(e)}}}function Xt(t){let e;return{c(){e=x("The bold font weight of headings.")},l(t){e=h(t,"The bold font weight of headings.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function Zt(t){let e,$;return{c(){e=y("code"),$=x("500")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"500"),n.forEach(i)},m(t,n){d(t,e,n),b(e,$)},p:v,d(t){t&&i(e)}}}function _t(t){let e,$,n,o,c,m;return e=new V({props:{$$slots:{default:[Wt]},$$scope:{ctx:t}}}),n=new V({props:{$$slots:{default:[Xt]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[Zt]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),d(t,$,s),r(n,t,s),d(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(o),f(c,t)}}}function te(t){let e,$,n;return{c(){e=y("strong"),$=y("code"),n=x("$thin-font-weight")},l(t){e=w(t,"STRONG",{});var s=E(e);$=w(s,"CODE",{});var a=E($);n=h(a,"$thin-font-weight"),a.forEach(i),s.forEach(i)},m(t,s){d(t,e,s),b(e,$),b($,n)},p:v,d(t){t&&i(e)}}}function ee(t){let e;return{c(){e=x("The thin font weight of the subhead.")},l(t){e=h(t,"The thin font weight of the subhead.")},m(t,$){d(t,e,$)},d(t){t&&i(e)}}}function $e(t){let e,$;return{c(){e=y("code"),$=x("300")},l(t){e=w(t,"CODE",{});var n=E(e);$=h(n,"300"),n.forEach(i)},m(t,n){d(t,e,n),b(e,$)},p:v,d(t){t&&i(e)}}}function ne(t){let e,$,n,o,c,m;return e=new V({props:{$$slots:{default:[te]},$$scope:{ctx:t}}}),n=new V({props:{$$slots:{default:[ee]},$$scope:{ctx:t}}}),c=new V({props:{$$slots:{default:[$e]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t)},m(t,s){r(e,t,s),d(t,$,s),r(n,t,s),d(t,o,s),r(c,t,s),m=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r)},i(t){m||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),m=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),m=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(o),f(c,t)}}}function se(t){let e,$,n,o,c,m,x,h,k,v;return $=new B({props:{$$slots:{default:[Kt]},$$scope:{ctx:t}}}),c=new B({props:{$$slots:{default:[Qt]},$$scope:{ctx:t}}}),x=new B({props:{$$slots:{default:[_t]},$$scope:{ctx:t}}}),k=new B({props:{$$slots:{default:[ne]},$$scope:{ctx:t}}}),{c(){e=y("thead"),s($.$$.fragment),n=g(),o=y("tbody"),s(c.$$.fragment),m=g(),s(x.$$.fragment),h=g(),s(k.$$.fragment)},l(t){e=w(t,"THEAD",{});var s=E(e);a($.$$.fragment,s),s.forEach(i),n=u(t),o=w(t,"TBODY",{});var r=E(o);a(c.$$.fragment,r),m=u(r),a(x.$$.fragment,r),h=u(r),a(k.$$.fragment,r),r.forEach(i)},m(t,s){d(t,e,s),r($,e,null),d(t,n,s),d(t,o,s),r(c,o,null),b(o,m),r(x,o,null),b(o,h),r(k,o,null),v=!0},p(t,e){const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),$.$set(n);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),c.$set(s);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),x.$set(a);const r={};2&e&&(r.$$scope={dirty:e,ctx:t}),k.$set(r)},i(t){v||(l($.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),l(k.$$.fragment,t),v=!0)},o(t){p($.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),p(k.$$.fragment,t),v=!1},d(t){t&&i(e),f($),t&&i(n),t&&i(o),f(c),f(x),f(k)}}}function ae(t){let e,$,n,o,c,m,x,h,y,w,E,k,b,v,D,H,C,S,L,N,j,P,B,F,V,q,K,U,z,J,Q,W,$t,nt,st,at;return e=new T({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),n=new O({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),c=new M({props:{$$slots:{source:[Z],showcase:[X]},$$scope:{ctx:t}}}),x=new A({props:{id:"properties",$$slots:{default:[_]},$$scope:{ctx:t}}}),y=new R({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),E=new O({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),b=new G({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),D=new R({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),C=new G({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),L=new R({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),j=new O({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),B=new O({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),V=new G({props:{$$slots:{default:[Rt]},$$scope:{ctx:t}}}),K=new A({props:{id:"slots",$$slots:{default:[Gt]},$$scope:{ctx:t}}}),z=new R({props:{$$slots:{default:[Bt]},$$scope:{ctx:t}}}),Q=new O({props:{$$slots:{default:[Ft]},$$scope:{ctx:t}}}),$t=new A({props:{id:"scss-variables",$$slots:{default:[Vt]},$$scope:{ctx:t}}}),st=new G({props:{$$slots:{default:[se]},$$scope:{ctx:t}}}),{c(){s(e.$$.fragment),$=g(),s(n.$$.fragment),o=g(),s(c.$$.fragment),m=g(),s(x.$$.fragment),h=g(),s(y.$$.fragment),w=g(),s(E.$$.fragment),k=g(),s(b.$$.fragment),v=g(),s(D.$$.fragment),H=g(),s(C.$$.fragment),S=g(),s(L.$$.fragment),N=g(),s(j.$$.fragment),P=g(),s(B.$$.fragment),F=g(),s(V.$$.fragment),q=g(),s(K.$$.fragment),U=g(),s(z.$$.fragment),J=g(),s(Q.$$.fragment),W=g(),s($t.$$.fragment),nt=g(),s(st.$$.fragment)},l(t){a(e.$$.fragment,t),$=u(t),a(n.$$.fragment,t),o=u(t),a(c.$$.fragment,t),m=u(t),a(x.$$.fragment,t),h=u(t),a(y.$$.fragment,t),w=u(t),a(E.$$.fragment,t),k=u(t),a(b.$$.fragment,t),v=u(t),a(D.$$.fragment,t),H=u(t),a(C.$$.fragment,t),S=u(t),a(L.$$.fragment,t),N=u(t),a(j.$$.fragment,t),P=u(t),a(B.$$.fragment,t),F=u(t),a(V.$$.fragment,t),q=u(t),a(K.$$.fragment,t),U=u(t),a(z.$$.fragment,t),J=u(t),a(Q.$$.fragment,t),W=u(t),a($t.$$.fragment,t),nt=u(t),a(st.$$.fragment,t)},m(t,s){r(e,t,s),d(t,$,s),r(n,t,s),d(t,o,s),r(c,t,s),d(t,m,s),r(x,t,s),d(t,h,s),r(y,t,s),d(t,w,s),r(E,t,s),d(t,k,s),r(b,t,s),d(t,v,s),r(D,t,s),d(t,H,s),r(C,t,s),d(t,S,s),r(L,t,s),d(t,N,s),r(j,t,s),d(t,P,s),r(B,t,s),d(t,F,s),r(V,t,s),d(t,q,s),r(K,t,s),d(t,U,s),r(z,t,s),d(t,J,s),r(Q,t,s),d(t,W,s),r($t,t,s),d(t,nt,s),r(st,t,s),at=!0},p(t,$){const s={};2&$&&(s.$$scope={dirty:$,ctx:t}),e.$set(s);const a={};2&$&&(a.$$scope={dirty:$,ctx:t}),n.$set(a);const r={};2&$&&(r.$$scope={dirty:$,ctx:t}),c.$set(r);const o={};2&$&&(o.$$scope={dirty:$,ctx:t}),x.$set(o);const l={};2&$&&(l.$$scope={dirty:$,ctx:t}),y.$set(l);const p={};2&$&&(p.$$scope={dirty:$,ctx:t}),E.$set(p);const f={};2&$&&(f.$$scope={dirty:$,ctx:t}),b.$set(f);const m={};2&$&&(m.$$scope={dirty:$,ctx:t}),D.$set(m);const g={};2&$&&(g.$$scope={dirty:$,ctx:t}),C.$set(g);const u={};2&$&&(u.$$scope={dirty:$,ctx:t}),L.$set(u);const d={};2&$&&(d.$$scope={dirty:$,ctx:t}),j.$set(d);const i={};2&$&&(i.$$scope={dirty:$,ctx:t}),B.$set(i);const h={};2&$&&(h.$$scope={dirty:$,ctx:t}),V.$set(h);const w={};2&$&&(w.$$scope={dirty:$,ctx:t}),K.$set(w);const k={};2&$&&(k.$$scope={dirty:$,ctx:t}),z.$set(k);const v={};2&$&&(v.$$scope={dirty:$,ctx:t}),Q.$set(v);const T={};2&$&&(T.$$scope={dirty:$,ctx:t}),$t.$set(T);const O={};2&$&&(O.$$scope={dirty:$,ctx:t}),st.$set(O)},i(t){at||(l(e.$$.fragment,t),l(n.$$.fragment,t),l(c.$$.fragment,t),l(x.$$.fragment,t),l(y.$$.fragment,t),l(E.$$.fragment,t),l(b.$$.fragment,t),l(D.$$.fragment,t),l(C.$$.fragment,t),l(L.$$.fragment,t),l(j.$$.fragment,t),l(B.$$.fragment,t),l(V.$$.fragment,t),l(K.$$.fragment,t),l(z.$$.fragment,t),l(Q.$$.fragment,t),l($t.$$.fragment,t),l(st.$$.fragment,t),at=!0)},o(t){p(e.$$.fragment,t),p(n.$$.fragment,t),p(c.$$.fragment,t),p(x.$$.fragment,t),p(y.$$.fragment,t),p(E.$$.fragment,t),p(b.$$.fragment,t),p(D.$$.fragment,t),p(C.$$.fragment,t),p(L.$$.fragment,t),p(j.$$.fragment,t),p(B.$$.fragment,t),p(V.$$.fragment,t),p(K.$$.fragment,t),p(z.$$.fragment,t),p(Q.$$.fragment,t),p($t.$$.fragment,t),p(st.$$.fragment,t),at=!1},d(t){f(e,t),t&&i($),f(n,t),t&&i(o),f(c,t),t&&i(m),f(x,t),t&&i(h),f(y,t),t&&i(w),f(E,t),t&&i(k),f(b,t),t&&i(v),f(D,t),t&&i(H),f(C,t),t&&i(S),f(L,t),t&&i(N),f(j,t),t&&i(P),f(B,t),t&&i(F),f(V,t),t&&i(q),f(K,t),t&&i(U),f(z,t),t&&i(J),f(Q,t),t&&i(W),f($t,t),t&&i(nt),f(st,t)}}}function re(t){let e,$;const m=[t[0],oe];let g={$$slots:{default:[ae]},$$scope:{ctx:t}};for(let t=0;t<m.length;t+=1)g=n(g,m[t]);return e=new D({props:g}),{c(){s(e.$$.fragment)},l(t){a(e.$$.fragment,t)},m(t,n){r(e,t,n),$=!0},p(t,[$]){const n=1&$?o(m,[1&$&&c(t[0]),0&$&&c(oe)]):{};2&$&&(n.$$scope={dirty:$,ctx:t}),e.$set(n)},i(t){$||(l(e.$$.fragment,t),$=!0)},o(t){p(e.$$.fragment,t),$=!1},d(t){f(e,t)}}}const oe={name:"Typography"};function ce(t,e,$){return t.$$set=t=>{$(0,e=n(n({},e),m(t)))},[e=m(e)]}class le extends t{constructor(t){super(),e(this,t,ce,re,$,{})}}export{le as default,oe as metadata};
diff --git a/376/client/ul-82208b9a.css b/376/client/ul-82208b9a.css
new file mode 100644
index 000000000..aed42d67b
--- /dev/null
+++ b/376/client/ul-82208b9a.css
@@ -0,0 +1,2 @@
+li.svelte-puza06{margin-bottom:0.25em}
+ul.svelte-zjwdhv{padding-left:1.8em}
diff --git a/376/client/ul.abdb9780.js b/376/client/ul.abdb9780.js
new file mode 100644
index 000000000..d492540ea
--- /dev/null
+++ b/376/client/ul.abdb9780.js
@@ -0,0 +1 @@
+import{S as s,i as l,s as t,M as a,h as e,k as c,b as n,d as o,e as u,f as r,Q as $,R as i,T as h,t as p,p as d}from"./client.0d36a0cf.js";function f(s){let l,t;const f=s[1].default,m=a(f,s,s[0],null);return{c(){l=e("li"),m&&m.c(),this.h()},l(s){l=c(s,"LI",{class:!0});var t=n(l);m&&m.l(t),t.forEach(o),this.h()},h(){u(l,"class","svelte-puza06")},m(s,a){r(s,l,a),m&&m.m(l,null),t=!0},p(s,[l]){m&&m.p&&(!t||1&l)&&$(m,f,s,s[0],t?h(f,s[0],l,null):i(s[0]),null)},i(s){t||(p(m,s),t=!0)},o(s){d(m,s),t=!1},d(s){s&&o(l),m&&m.d(s)}}}function m(s,l,t){let{$$slots:a={},$$scope:e}=l;return s.$$set=s=>{"$$scope"in s&&t(0,e=s.$$scope)},[e,a]}class v extends s{constructor(s){super(),l(this,s,m,f,t,{})}}function x(s){let l,t;const f=s[1].default,m=a(f,s,s[0],null);return{c(){l=e("ul"),m&&m.c(),this.h()},l(s){l=c(s,"UL",{class:!0});var t=n(l);m&&m.l(t),t.forEach(o),this.h()},h(){u(l,"class","svelte-zjwdhv")},m(s,a){r(s,l,a),m&&m.m(l,null),t=!0},p(s,[l]){m&&m.p&&(!t||1&l)&&$(m,f,s,s[0],t?h(f,s[0],l,null):i(s[0]),null)},i(s){t||(p(m,s),t=!0)},o(s){d(m,s),t=!1},d(s){s&&o(l),m&&m.d(s)}}}function L(s,l,t){let{$$slots:a={},$$scope:e}=l;return s.$$set=s=>{"$$scope"in s&&t(0,e=s.$$scope)},[e,a]}class j extends s{constructor(s){super(),l(this,s,L,x,t,{})}}export{v as L,j as U};
diff --git a/376/client/utilities.1f2e532b.js b/376/client/utilities.1f2e532b.js
new file mode 100644
index 000000000..e86951ab1
--- /dev/null
+++ b/376/client/utilities.1f2e532b.js
@@ -0,0 +1 @@
+import{S as t,i as e,s as r,K as $,j as n,l as o,m as a,U as s,a0 as c,t as f,p as l,q as i,L as p,u as m,w as d,f as g,d as u,v as h,x,h as E,k as y,b as v,g as w,n as b,e as O}from"./client.0d36a0cf.js";import{L as C,H as D,P as T}from"./layout.b2760304.js";import{T as S,a as R,b as k,c as G}from"./table.e069c294.js";import"./label.16b4782e.js";import"./classes.2453fa25.js";function N(t){let e;return{c(){e=h("Utility functions")},l(t){e=x(t,"Utility functions")},m(t,r){g(t,e,r)},d(t){t&&u(e)}}}function A(t){let e,r,$,n,o,a;return{c(){e=h("A collection of helper functions that can be imported by name from "),r=E("code"),$=h("attractions/utils"),n=h(". For example: "),o=E("code"),a=h("import { classes } from 'attractions/utils';")},l(t){e=x(t,"A collection of helper functions that can be imported by name from "),r=y(t,"CODE",{});var s=v(r);$=x(s,"attractions/utils"),s.forEach(u),n=x(t,". For example: "),o=y(t,"CODE",{});var c=v(o);a=x(c,"import { classes } from 'attractions/utils';"),c.forEach(u)},m(t,s){g(t,e,s),g(t,r,s),w(r,$),g(t,n,s),g(t,o,s),w(o,a)},p:b,d(t){t&&u(e),t&&u(r),t&&u(n),t&&u(o)}}}function F(t){let e;return{c(){e=h("Name")},l(t){e=x(t,"Name")},m(t,r){g(t,e,r)},d(t){t&&u(e)}}}function z(t){let e;return{c(){e=h("Signature")},l(t){e=x(t,"Signature")},m(t,r){g(t,e,r)},d(t){t&&u(e)}}}function L(t){let e;return{c(){e=h("Description")},l(t){e=x(t,"Description")},m(t,r){g(t,e,r)},d(t){t&&u(e)}}}function I(t){let e,r,$,s,c,p;return e=new k({props:{$$slots:{default:[F]},$$scope:{ctx:t}}}),$=new k({props:{$$slots:{default:[z]},$$scope:{ctx:t}}}),c=new k({props:{$$slots:{default:[L]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function j(t){let e,r,$;return{c(){e=E("strong"),r=E("code"),$=h("callOnSight")},l(t){e=y(t,"STRONG",{});var n=v(e);r=y(n,"CODE",{});var o=v(r);$=x(o,"callOnSight"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),w(e,r),w(r,$)},p:b,d(t){t&&u(e)}}}function P(t){let e,r;return{c(){e=E("code"),r=h("(node, { callback, args }) => { destroy }")},l(t){e=y(t,"CODE",{});var $=v(e);r=x($,"(node, { callback, args }) => { destroy }"),$.forEach(u)},m(t,$){g(t,e,$),w(e,r)},p:b,d(t){t&&u(e)}}}function U(t){let e,r,$,n,o,a,s,c,f,l,i,p,m;return{c(){e=h("An "),r=E("a"),$=h("action"),n=h(" that is intended to be used with the "),o=E("code"),a=h("use"),s=h(" directive. Calls the provided "),c=E("code"),f=h("callback"),l=h(" with the given "),i=E("code"),p=h("args"),m=h(" (spreaded) once the component appears on the screen."),this.h()},l(t){e=x(t,"An "),r=y(t,"A",{href:!0,rel:!0});var d=v(r);$=x(d,"action"),d.forEach(u),n=x(t," that is intended to be used with the "),o=y(t,"CODE",{});var g=v(o);a=x(g,"use"),g.forEach(u),s=x(t," directive. Calls the provided "),c=y(t,"CODE",{});var h=v(c);f=x(h,"callback"),h.forEach(u),l=x(t," with the given "),i=y(t,"CODE",{});var E=v(i);p=x(E,"args"),E.forEach(u),m=x(t," (spreaded) once the component appears on the screen."),this.h()},h(){O(r,"href","https://svelte.dev/tutorial/actions"),O(r,"rel","nofollow")},m(t,d){g(t,e,d),g(t,r,d),w(r,$),g(t,n,d),g(t,o,d),w(o,a),g(t,s,d),g(t,c,d),w(c,f),g(t,l,d),g(t,i,d),w(i,p),g(t,m,d)},p:b,d(t){t&&u(e),t&&u(r),t&&u(n),t&&u(o),t&&u(s),t&&u(c),t&&u(l),t&&u(i),t&&u(m)}}}function B(t){let e,r,$,s,c,p;return e=new G({props:{$$slots:{default:[j]},$$scope:{ctx:t}}}),$=new G({props:{$$slots:{default:[P]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[U]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function H(t){let e,r,$;return{c(){e=E("strong"),r=E("code"),$=h("classes")},l(t){e=y(t,"STRONG",{});var n=v(e);r=y(n,"CODE",{});var o=v(r);$=x(o,"classes"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),w(e,r),w(r,$)},p:b,d(t){t&&u(e)}}}function M(t){let e,r;return{c(){e=E("code"),r=h("(...args) => string")},l(t){e=y(t,"CODE",{});var $=v(e);r=x($,"(...args) => string"),$.forEach(u)},m(t,$){g(t,e,$),w(e,r)},p:b,d(t){t&&u(e)}}}function q(t){let e;return{c(){e=h("Filters the falsey values from the given arguments and concatenates the rest in one string.")},l(t){e=x(t,"Filters the falsey values from the given arguments and concatenates the rest in one string.")},m(t,r){g(t,e,r)},d(t){t&&u(e)}}}function J(t){let e,r,$,s,c,p;return e=new G({props:{$$slots:{default:[H]},$$scope:{ctx:t}}}),$=new G({props:{$$slots:{default:[M]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[q]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function K(t){let e,r,$;return{c(){e=E("strong"),r=E("code"),$=h("getColorPickerStyles")},l(t){e=y(t,"STRONG",{});var n=v(e);r=y(n,"CODE",{});var o=v(r);$=x(o,"getColorPickerStyles"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),w(e,r),w(r,$)},p:b,d(t){t&&u(e)}}}function W(t){let e,r;return{c(){e=E("code"),r=h("(hexColor: string) => string")},l(t){e=y(t,"CODE",{});var $=v(e);r=x($,"(hexColor: string) => string"),$.forEach(u)},m(t,$){g(t,e,$),w(e,r)},p:b,d(t){t&&u(e)}}}function Y(t){let e;return{c(){e=h("Returns the styles needed for displaying a radiobutton or a checkbox with the given color.")},l(t){e=x(t,"Returns the styles needed for displaying a radiobutton or a checkbox with the given color.")},m(t,r){g(t,e,r)},d(t){t&&u(e)}}}function _(t){let e,r,$,s,c,p;return e=new G({props:{$$slots:{default:[K]},$$scope:{ctx:t}}}),$=new G({props:{$$slots:{default:[W]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Y]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function Q(t){let e,r,$;return{c(){e=E("strong"),r=E("code"),$=h("dynamicTransition")},l(t){e=y(t,"STRONG",{});var n=v(e);r=y(n,"CODE",{});var o=v(r);$=x(o,"dynamicTransition"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),w(e,r),w(r,$)},p:b,d(t){t&&u(e)}}}function V(t){let e,r;return{c(){e=E("code"),r=h("(node, { transition, options }) => Transition")},l(t){e=y(t,"CODE",{});var $=v(e);r=x($,"(node, { transition, options }) => Transition"),$.forEach(u)},m(t,$){g(t,e,$),w(e,r)},p:b,d(t){t&&u(e)}}}function X(t){let e,r,$,n,o;return{c(){e=h("Create a transition that allows specifying a transition programmatically or disable it altogether. To be used with the "),r=E("a"),$=E("code"),n=h("transition"),o=h(" directive."),this.h()},l(t){e=x(t,"Create a transition that allows specifying a transition programmatically or disable it altogether. To be used with the "),r=y(t,"A",{href:!0,rel:!0});var a=v(r);$=y(a,"CODE",{});var s=v($);n=x(s,"transition"),s.forEach(u),a.forEach(u),o=x(t," directive."),this.h()},h(){O(r,"href","https://svelte.dev/tutorial/transition"),O(r,"rel","nofollow")},m(t,a){g(t,e,a),g(t,r,a),w(r,$),w($,n),g(t,o,a)},p:b,d(t){t&&u(e),t&&u(r),t&&u(o)}}}function Z(t){let e,r,$,s,c,p;return e=new G({props:{$$slots:{default:[Q]},$$scope:{ctx:t}}}),$=new G({props:{$$slots:{default:[V]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[X]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function tt(t){let e,r,$;return{c(){e=E("strong"),r=E("code"),$=h("escapeRegExp")},l(t){e=y(t,"STRONG",{});var n=v(e);r=y(n,"CODE",{});var o=v(r);$=x(o,"escapeRegExp"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),w(e,r),w(r,$)},p:b,d(t){t&&u(e)}}}function et(t){let e,r;return{c(){e=E("code"),r=h("(string: string) => string")},l(t){e=y(t,"CODE",{});var $=v(e);r=x($,"(string: string) => string"),$.forEach(u)},m(t,$){g(t,e,$),w(e,r)},p:b,d(t){t&&u(e)}}}function rt(t){let e,r,$,n;return{c(){e=h("A small function to escape the regexp characters in a string. Taken from "),r=E("a"),$=h("MDN"),n=h("."),this.h()},l(t){e=x(t,"A small function to escape the regexp characters in a string. Taken from "),r=y(t,"A",{href:!0,rel:!0});var o=v(r);$=x(o,"MDN"),o.forEach(u),n=x(t,"."),this.h()},h(){O(r,"href","https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping"),O(r,"rel","nofollow")},m(t,o){g(t,e,o),g(t,r,o),w(r,$),g(t,n,o)},p:b,d(t){t&&u(e),t&&u(r),t&&u(n)}}}function $t(t){let e,r,$,s,c,p;return e=new G({props:{$$slots:{default:[tt]},$$scope:{ctx:t}}}),$=new G({props:{$$slots:{default:[et]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[rt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function nt(t){let e,r,$;return{c(){e=E("strong"),r=E("code"),$=h("events")},l(t){e=y(t,"STRONG",{});var n=v(e);r=y(n,"CODE",{});var o=v(r);$=x(o,"events"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),w(e,r),w(r,$)},p:b,d(t){t&&u(e)}}}function ot(t){let e,r;return{c(){e=E("code"),r=h("(node, args: {name, handler}[]) => { destroy }")},l(t){e=y(t,"CODE",{});var $=v(e);r=x($,"(node, args: {name, handler}[]) => { destroy }"),$.forEach(u)},m(t,$){g(t,e,$),w(e,r)},p:b,d(t){t&&u(e)}}}function at(t){let e;return{c(){e=h("An action to set up arbitrary event listeners dynamically. Can be used to define multiple handlers for the same event.")},l(t){e=x(t,"An action to set up arbitrary event listeners dynamically. Can be used to define multiple handlers for the same event.")},m(t,r){g(t,e,r)},d(t){t&&u(e)}}}function st(t){let e,r,$,s,c,p;return e=new G({props:{$$slots:{default:[nt]},$$scope:{ctx:t}}}),$=new G({props:{$$slots:{default:[ot]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[at]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function ct(t){let e,r,$;return{c(){e=E("strong"),r=E("code"),$=h("formatFileSize")},l(t){e=y(t,"STRONG",{});var n=v(e);r=y(n,"CODE",{});var o=v(r);$=x(o,"formatFileSize"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),w(e,r),w(r,$)},p:b,d(t){t&&u(e)}}}function ft(t){let e,r;return{c(){e=E("code"),r=h("(bytes: number) => string")},l(t){e=y(t,"CODE",{});var $=v(e);r=x($,"(bytes: number) => string"),$.forEach(u)},m(t,$){g(t,e,$),w(e,r)},p:b,d(t){t&&u(e)}}}function lt(t){let e;return{c(){e=h("Format the file size in bytes to a human-readable format.")},l(t){e=x(t,"Format the file size in bytes to a human-readable format.")},m(t,r){g(t,e,r)},d(t){t&&u(e)}}}function it(t){let e,r,$,s,c,p;return e=new G({props:{$$slots:{default:[ct]},$$scope:{ctx:t}}}),$=new G({props:{$$slots:{default:[ft]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[lt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function pt(t){let e,r,$;return{c(){e=E("strong"),r=E("code"),$=h("formatFileType")},l(t){e=y(t,"STRONG",{});var n=v(e);r=y(n,"CODE",{});var o=v(r);$=x(o,"formatFileType"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),w(e,r),w(r,$)},p:b,d(t){t&&u(e)}}}function mt(t){let e,r;return{c(){e=E("code"),r=h("(filename: string) => string")},l(t){e=y(t,"CODE",{});var $=v(e);r=x($,"(filename: string) => string"),$.forEach(u)},m(t,$){g(t,e,$),w(e,r)},p:b,d(t){t&&u(e)}}}function dt(t){let e;return{c(){e=h("Format the file type from the extension.")},l(t){e=x(t,"Format the file type from the extension.")},m(t,r){g(t,e,r)},d(t){t&&u(e)}}}function gt(t){let e,r,$,s,c,p;return e=new G({props:{$$slots:{default:[pt]},$$scope:{ctx:t}}}),$=new G({props:{$$slots:{default:[mt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[dt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function ut(t){let e,r,$;return{c(){e=E("strong"),r=E("code"),$=h("s")},l(t){e=y(t,"STRONG",{});var n=v(e);r=y(n,"CODE",{});var o=v(r);$=x(o,"s"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),w(e,r),w(r,$)},p:b,d(t){t&&u(e)}}}function ht(t){let e,r;return{c(){e=E("code"),r=h("(amount: number) => string")},l(t){e=y(t,"CODE",{});var $=v(e);r=x($,"(amount: number) => string"),$.forEach(u)},m(t,$){g(t,e,$),w(e,r)},p:b,d(t){t&&u(e)}}}function xt(t){let e;return{c(){e=h("Returns an 's' character to use for pluralization if the amount is not one.")},l(t){e=x(t,"Returns an 's' character to use for pluralization if the amount is not one.")},m(t,r){g(t,e,r)},d(t){t&&u(e)}}}function Et(t){let e,r,$,s,c,p;return e=new G({props:{$$slots:{default:[ut]},$$scope:{ctx:t}}}),$=new G({props:{$$slots:{default:[ht]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[xt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function yt(t){let e,r,$;return{c(){e=E("strong"),r=E("code"),$=h("range")},l(t){e=y(t,"STRONG",{});var n=v(e);r=y(n,"CODE",{});var o=v(r);$=x(o,"range"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),w(e,r),w(r,$)},p:b,d(t){t&&u(e)}}}function vt(t){let e,r;return{c(){e=E("code"),r=h("(start, end, step) => Generator<number>")},l(t){e=y(t,"CODE",{});var $=v(e);r=x($,"(start, end, step) => Generator<number>"),$.forEach(u)},m(t,$){g(t,e,$),w(e,r)},p:b,d(t){t&&u(e)}}}function wt(t){let e;return{c(){e=h("Generates a (Python-like) semi-open range.")},l(t){e=x(t,"Generates a (Python-like) semi-open range.")},m(t,r){g(t,e,r)},d(t){t&&u(e)}}}function bt(t){let e,r,$,s,c,p;return e=new G({props:{$$slots:{default:[yt]},$$scope:{ctx:t}}}),$=new G({props:{$$slots:{default:[vt]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[wt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function Ot(t){let e,r,$;return{c(){e=E("strong"),r=E("code"),$=h("ripple")},l(t){e=y(t,"STRONG",{});var n=v(e);r=y(n,"CODE",{});var o=v(r);$=x(o,"ripple"),o.forEach(u),n.forEach(u)},m(t,n){g(t,e,n),w(e,r),w(r,$)},p:b,d(t){t&&u(e)}}}function Ct(t){let e,r;return{c(){e=E("code"),r=h("(node, options) => { destroy, update }")},l(t){e=y(t,"CODE",{});var $=v(e);r=x($,"(node, options) => { destroy, update }"),$.forEach(u)},m(t,$){g(t,e,$),w(e,r)},p:b,d(t){t&&u(e)}}}function Dt(t){let e,r,$,n,o,a,s,c,f,l,i,p,m,d,O,C,D,T,S,R,k,G,N,A,F,z,L,I,j,P,U,B,H,M,q,J,K,W;return{c(){e=h("An action that adds a ripple effect to the component on the specified event. Possible options are: "),r=E("br"),$=E("ul"),n=E("li"),o=E("code"),a=h("event"),s=h(" (defaults to "),c=E("code"),f=h("click"),l=h(")"),i=E("li"),p=E("code"),m=h("transition"),d=h(": specifies the transition time (defaults to "),O=E("code"),C=h("150"),D=h(")"),T=E("li"),S=E("code"),R=h("zIndex"),k=h(" (defaults to "),G=E("code"),N=h("'100'"),A=h(")"),F=E("li"),z=E("code"),L=h("bg"),I=h(": specifies the background color of the ripple (defaults to "),j=E("code"),P=h("null"),U=h(")"),B=E("li"),H=E("code"),M=h("disabled"),q=h(": disables the ripple (defaults to "),J=E("code"),K=h("false"),W=h(")")},l(t){e=x(t,"An action that adds a ripple effect to the component on the specified event. Possible options are: "),r=y(t,"BR",{}),$=y(t,"UL",{});var g=v($);n=y(g,"LI",{});var h=v(n);o=y(h,"CODE",{});var E=v(o);a=x(E,"event"),E.forEach(u),s=x(h," (defaults to "),c=y(h,"CODE",{});var w=v(c);f=x(w,"click"),w.forEach(u),l=x(h,")"),h.forEach(u),i=y(g,"LI",{});var b=v(i);p=y(b,"CODE",{});var Y=v(p);m=x(Y,"transition"),Y.forEach(u),d=x(b,": specifies the transition time (defaults to "),O=y(b,"CODE",{});var _=v(O);C=x(_,"150"),_.forEach(u),D=x(b,")"),b.forEach(u),T=y(g,"LI",{});var Q=v(T);S=y(Q,"CODE",{});var V=v(S);R=x(V,"zIndex"),V.forEach(u),k=x(Q," (defaults to "),G=y(Q,"CODE",{});var X=v(G);N=x(X,"'100'"),X.forEach(u),A=x(Q,")"),Q.forEach(u),F=y(g,"LI",{});var Z=v(F);z=y(Z,"CODE",{});var tt=v(z);L=x(tt,"bg"),tt.forEach(u),I=x(Z,": specifies the background color of the ripple (defaults to "),j=y(Z,"CODE",{});var et=v(j);P=x(et,"null"),et.forEach(u),U=x(Z,")"),Z.forEach(u),B=y(g,"LI",{});var rt=v(B);H=y(rt,"CODE",{});var $t=v(H);M=x($t,"disabled"),$t.forEach(u),q=x(rt,": disables the ripple (defaults to "),J=y(rt,"CODE",{});var nt=v(J);K=x(nt,"false"),nt.forEach(u),W=x(rt,")"),rt.forEach(u),g.forEach(u)},m(t,u){g(t,e,u),g(t,r,u),g(t,$,u),w($,n),w(n,o),w(o,a),w(n,s),w(n,c),w(c,f),w(n,l),w($,i),w(i,p),w(p,m),w(i,d),w(i,O),w(O,C),w(i,D),w($,T),w(T,S),w(S,R),w(T,k),w(T,G),w(G,N),w(T,A),w($,F),w(F,z),w(z,L),w(F,I),w(F,j),w(j,P),w(F,U),w($,B),w(B,H),w(H,M),w(B,q),w(B,J),w(J,K),w(B,W)},p:b,d(t){t&&u(e),t&&u(r),t&&u($)}}}function Tt(t){let e,r,$,s,c,p;return e=new G({props:{$$slots:{default:[Ot]},$$scope:{ctx:t}}}),$=new G({props:{$$slots:{default:[Ct]},$$scope:{ctx:t}}}),c=new G({props:{$$slots:{default:[Dt]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function St(t){let e,r,$,s,c,p,h,x,b,O,C,D,T,S,k,G,N,A,F,z,L,j,P,U,H,M;return r=new R({props:{$$slots:{default:[I]},$$scope:{ctx:t}}}),c=new R({props:{$$slots:{default:[B]},$$scope:{ctx:t}}}),h=new R({props:{$$slots:{default:[J]},$$scope:{ctx:t}}}),b=new R({props:{$$slots:{default:[_]},$$scope:{ctx:t}}}),C=new R({props:{$$slots:{default:[Z]},$$scope:{ctx:t}}}),T=new R({props:{$$slots:{default:[$t]},$$scope:{ctx:t}}}),k=new R({props:{$$slots:{default:[st]},$$scope:{ctx:t}}}),N=new R({props:{$$slots:{default:[it]},$$scope:{ctx:t}}}),F=new R({props:{$$slots:{default:[gt]},$$scope:{ctx:t}}}),L=new R({props:{$$slots:{default:[Et]},$$scope:{ctx:t}}}),P=new R({props:{$$slots:{default:[bt]},$$scope:{ctx:t}}}),H=new R({props:{$$slots:{default:[Tt]},$$scope:{ctx:t}}}),{c(){e=E("thead"),n(r.$$.fragment),$=m(),s=E("tbody"),n(c.$$.fragment),p=m(),n(h.$$.fragment),x=m(),n(b.$$.fragment),O=m(),n(C.$$.fragment),D=m(),n(T.$$.fragment),S=m(),n(k.$$.fragment),G=m(),n(N.$$.fragment),A=m(),n(F.$$.fragment),z=m(),n(L.$$.fragment),j=m(),n(P.$$.fragment),U=m(),n(H.$$.fragment)},l(t){e=y(t,"THEAD",{});var n=v(e);o(r.$$.fragment,n),n.forEach(u),$=d(t),s=y(t,"TBODY",{});var a=v(s);o(c.$$.fragment,a),p=d(a),o(h.$$.fragment,a),x=d(a),o(b.$$.fragment,a),O=d(a),o(C.$$.fragment,a),D=d(a),o(T.$$.fragment,a),S=d(a),o(k.$$.fragment,a),G=d(a),o(N.$$.fragment,a),A=d(a),o(F.$$.fragment,a),z=d(a),o(L.$$.fragment,a),j=d(a),o(P.$$.fragment,a),U=d(a),o(H.$$.fragment,a),a.forEach(u)},m(t,n){g(t,e,n),a(r,e,null),g(t,$,n),g(t,s,n),a(c,s,null),w(s,p),a(h,s,null),w(s,x),a(b,s,null),w(s,O),a(C,s,null),w(s,D),a(T,s,null),w(s,S),a(k,s,null),w(s,G),a(N,s,null),w(s,A),a(F,s,null),w(s,z),a(L,s,null),w(s,j),a(P,s,null),w(s,U),a(H,s,null),M=!0},p(t,e){const $={};2&e&&($.$$scope={dirty:e,ctx:t}),r.$set($);const n={};2&e&&(n.$$scope={dirty:e,ctx:t}),c.$set(n);const o={};2&e&&(o.$$scope={dirty:e,ctx:t}),h.$set(o);const a={};2&e&&(a.$$scope={dirty:e,ctx:t}),b.$set(a);const s={};2&e&&(s.$$scope={dirty:e,ctx:t}),C.$set(s);const f={};2&e&&(f.$$scope={dirty:e,ctx:t}),T.$set(f);const l={};2&e&&(l.$$scope={dirty:e,ctx:t}),k.$set(l);const i={};2&e&&(i.$$scope={dirty:e,ctx:t}),N.$set(i);const p={};2&e&&(p.$$scope={dirty:e,ctx:t}),F.$set(p);const m={};2&e&&(m.$$scope={dirty:e,ctx:t}),L.$set(m);const d={};2&e&&(d.$$scope={dirty:e,ctx:t}),P.$set(d);const g={};2&e&&(g.$$scope={dirty:e,ctx:t}),H.$set(g)},i(t){M||(f(r.$$.fragment,t),f(c.$$.fragment,t),f(h.$$.fragment,t),f(b.$$.fragment,t),f(C.$$.fragment,t),f(T.$$.fragment,t),f(k.$$.fragment,t),f(N.$$.fragment,t),f(F.$$.fragment,t),f(L.$$.fragment,t),f(P.$$.fragment,t),f(H.$$.fragment,t),M=!0)},o(t){l(r.$$.fragment,t),l(c.$$.fragment,t),l(h.$$.fragment,t),l(b.$$.fragment,t),l(C.$$.fragment,t),l(T.$$.fragment,t),l(k.$$.fragment,t),l(N.$$.fragment,t),l(F.$$.fragment,t),l(L.$$.fragment,t),l(P.$$.fragment,t),l(H.$$.fragment,t),M=!1},d(t){t&&u(e),i(r),t&&u($),t&&u(s),i(c),i(h),i(b),i(C),i(T),i(k),i(N),i(F),i(L),i(P),i(H)}}}function Rt(t){let e,r,$,s,c,p;return e=new D({props:{$$slots:{default:[N]},$$scope:{ctx:t}}}),$=new T({props:{$$slots:{default:[A]},$$scope:{ctx:t}}}),c=new S({props:{$$slots:{default:[St]},$$scope:{ctx:t}}}),{c(){n(e.$$.fragment),r=m(),n($.$$.fragment),s=m(),n(c.$$.fragment)},l(t){o(e.$$.fragment,t),r=d(t),o($.$$.fragment,t),s=d(t),o(c.$$.fragment,t)},m(t,n){a(e,t,n),g(t,r,n),a($,t,n),g(t,s,n),a(c,t,n),p=!0},p(t,r){const n={};2&r&&(n.$$scope={dirty:r,ctx:t}),e.$set(n);const o={};2&r&&(o.$$scope={dirty:r,ctx:t}),$.$set(o);const a={};2&r&&(a.$$scope={dirty:r,ctx:t}),c.$set(a)},i(t){p||(f(e.$$.fragment,t),f($.$$.fragment,t),f(c.$$.fragment,t),p=!0)},o(t){l(e.$$.fragment,t),l($.$$.fragment,t),l(c.$$.fragment,t),p=!1},d(t){i(e,t),t&&u(r),i($,t),t&&u(s),i(c,t)}}}function kt(t){let e,r;const p=[t[0],Gt];let m={$$slots:{default:[Rt]},$$scope:{ctx:t}};for(let t=0;t<p.length;t+=1)m=$(m,p[t]);return e=new C({props:m}),{c(){n(e.$$.fragment)},l(t){o(e.$$.fragment,t)},m(t,$){a(e,t,$),r=!0},p(t,[r]){const $=1&r?s(p,[1&r&&c(t[0]),0&r&&c(Gt)]):{};2&r&&($.$$scope={dirty:r,ctx:t}),e.$set($)},i(t){r||(f(e.$$.fragment,t),r=!0)},o(t){l(e.$$.fragment,t),r=!1},d(t){i(e,t)}}}const Gt={name:"Utility functions"};function Nt(t,e,r){return t.$$set=t=>{r(0,e=$($({},e),p(t)))},[e=p(e)]}class At extends t{constructor(t){super(),e(this,t,Nt,kt,r,{})}}export{At as default,Gt as metadata};
diff --git a/376/client/x.a2bf5f48.js b/376/client/x.a2bf5f48.js
new file mode 100644
index 000000000..4d46d1ad3
--- /dev/null
+++ b/376/client/x.a2bf5f48.js
@@ -0,0 +1 @@
+import{S as s,i as e,s as t,a as i,c as o,b as r,d as n,e as a,f as l,g as h,n as c}from"./client.0d36a0cf.js";function x(s){let e,t,x;return{c(){e=i("svg"),t=i("line"),x=i("line"),this.h()},l(s){e=o(s,"svg",{xmlns:!0,width:!0,height:!0,viewBox:!0,fill:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0});var i=r(e);t=o(i,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),r(t).forEach(n),x=o(i,"line",{x1:!0,y1:!0,x2:!0,y2:!0}),r(x).forEach(n),i.forEach(n),this.h()},h(){a(t,"x1","18"),a(t,"y1","6"),a(t,"x2","6"),a(t,"y2","18"),a(x,"x1","6"),a(x,"y1","6"),a(x,"x2","18"),a(x,"y2","18"),a(e,"xmlns","http://www.w3.org/2000/svg"),a(e,"width","24"),a(e,"height","24"),a(e,"viewBox","0 0 24 24"),a(e,"fill","none"),a(e,"stroke","currentColor"),a(e,"stroke-width","2"),a(e,"stroke-linecap","round"),a(e,"stroke-linejoin","round")},m(s,i){l(s,e,i),h(e,t),h(e,x)},p:c,i:c,o:c,d(s){s&&n(e)}}}var d=class extends s{constructor(s){super(),e(this,s,null,x,t,{})}};export{d as X};
diff --git a/376/css/attractions-theme.scss b/376/css/attractions-theme.scss
new file mode 100644
index 000000000..9b7a0549a
--- /dev/null
+++ b/376/css/attractions-theme.scss
@@ -0,0 +1,4 @@
+@forward '~attractions/_variables';
+
+$code-bg: #fcfcfc;
+$link-visited: #50005f;
diff --git a/376/css/components/docs/breadcrumbs.scss b/376/css/components/docs/breadcrumbs.scss
new file mode 100644
index 000000000..cbf9ccf5e
--- /dev/null
+++ b/376/css/components/docs/breadcrumbs.scss
@@ -0,0 +1,17 @@
+@use 'attractions-theme' as vars;
+
+nav {
+  display: none;
+
+  @media only screen and (min-width: 1024px) {
+    align-items: center;
+    display: flex;
+    flex: 1;
+    font-weight: vars.$thin-font-weight;
+    margin: 0 2em;
+
+    .node {
+      margin: 0 0.25em;
+    }
+  }
+}
diff --git a/376/css/components/docs/color-preview.scss b/376/css/components/docs/color-preview.scss
new file mode 100644
index 000000000..7a69d1ffd
--- /dev/null
+++ b/376/css/components/docs/color-preview.scss
@@ -0,0 +1,20 @@
+@use 'attractions-theme' as vars;
+
+.preview {
+  align-items: center;
+  display: flex;
+  font-family: 'Roboto Mono', monospace;
+
+  .color {
+    border: 1px solid transparent;
+    border-radius: 50%;
+    flex-shrink: 0;
+    height: 1.5em;
+    margin-right: 0.8em;
+    width: 1.5em;
+
+    &.bordered {
+      border-color: vars.$main;
+    }
+  }
+}
diff --git a/376/css/components/docs/copyable-code.scss b/376/css/components/docs/copyable-code.scss
new file mode 100644
index 000000000..cc31ebd07
--- /dev/null
+++ b/376/css/components/docs/copyable-code.scss
@@ -0,0 +1,26 @@
+@use 'attractions-theme' as vars;
+
+.copyable {
+  background: vars.$code-bg;
+  border-radius: 0.3em;
+  position: relative;
+
+  .filename {
+    align-items: center;
+    display: flex;
+    font-size: 0.8em;
+    font-weight: 500;
+    padding: 0.5em 1rem;
+  }
+
+  :global .filename + pre {
+    margin-top: 0;
+    padding-top: 0.5em;
+  }
+
+  > :global .btn {
+    position: absolute;
+    right: 0.3em;
+    top: 0.3em;
+  }
+}
diff --git a/376/css/components/docs/related-components.scss b/376/css/components/docs/related-components.scss
new file mode 100644
index 000000000..30e4e5a1a
--- /dev/null
+++ b/376/css/components/docs/related-components.scss
@@ -0,0 +1,23 @@
+@use 'sass:color';
+@use 'attractions-theme' as vars;
+
+.related-components {
+  background: color.adjust(vars.$main, $alpha: -0.97);
+  border-radius: 1em;
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 1.5em;
+  padding: 1em 1em 1em 2em;
+
+  :global {
+    .label {
+      margin-bottom: 0.75em;
+      width: 100%;
+    }
+
+    .card {
+      margin: 0 0.5em 0.5em 0;
+      padding: 0.5em;
+    }
+  }
+}
diff --git a/376/css/components/docs/shadow-preview.scss b/376/css/components/docs/shadow-preview.scss
new file mode 100644
index 000000000..3544060fd
--- /dev/null
+++ b/376/css/components/docs/shadow-preview.scss
@@ -0,0 +1,24 @@
+@use 'attractions-theme' as vars;
+
+.preview {
+  align-items: center;
+  background: vars.$background;
+  border-radius: 0.25em;
+  display: flex;
+  font-size: 0.8em;
+  font-weight: 300;
+  justify-content: center;
+  padding: 0.25em 0.5em;
+  width: 5em;
+}
+
+.value-popover {
+  background: vars.$background;
+  border-radius: 0.5em;
+  box-shadow: vars.$shadow-raised;
+  color: vars.$dark;
+  font-family: 'Roboto Mono', monospace;
+  margin-right: 0.25em;
+  padding: 0.5em;
+  white-space: pre;
+}
diff --git a/376/css/components/home/info-tile.scss b/376/css/components/home/info-tile.scss
new file mode 100644
index 000000000..ec9687c59
--- /dev/null
+++ b/376/css/components/home/info-tile.scss
@@ -0,0 +1,49 @@
+@use 'attractions-theme' as vars;
+
+.info-tile {
+  cursor: pointer;
+  margin-bottom: 1em;
+
+  :global .card {
+    column-gap: 1em;
+    display: grid;
+    grid-template-columns: auto 1fr;
+    grid-template-rows: auto auto;
+    transition: 150ms box-shadow;
+
+    &:hover {
+      box-shadow: vars.$shadow-raised;
+    }
+  }
+
+  .icon {
+    align-self: center;
+    background: vars.$main;
+    border-radius: 50%;
+    color: #fff;
+    grid-row: span 2;
+    padding: 0.8em;
+
+    :global svg {
+      display: block;
+    }
+  }
+
+  .subtitle {
+    color: vars.$main;
+    font-size: 0.9em;
+    font-weight: vars.$thin-font-weight;
+  }
+
+  @media only screen and (min-width: 640px) {
+    margin-bottom: 2.5em;
+
+    :global .card {
+      width: 30em;
+    }
+  }
+
+  @media only screen and (min-width: 1024px) {
+    margin-bottom: 1em;
+  }
+}
diff --git a/376/css/containers/docs/desktop-navigation.scss b/376/css/containers/docs/desktop-navigation.scss
new file mode 100644
index 000000000..8408d0f3a
--- /dev/null
+++ b/376/css/containers/docs/desktop-navigation.scss
@@ -0,0 +1,34 @@
+@use 'sass:color';
+@use 'attractions-theme' as vars;
+
+nav {
+  display: none;
+
+  @media only screen and (min-width: 1024px) {
+    border-right: 1px solid color.adjust(vars.$main, $alpha: -0.75);
+    display: block;
+    margin-right: 3em;
+    min-width: 13em;
+    padding: 0.5em 0.5em 0.5em 0;
+
+    :global .btn {
+      margin-bottom: 0.25em;
+      white-space: nowrap;
+    }
+
+    :global .accordion {
+      align-items: flex-start;
+      display: flex;
+      flex-direction: column;
+
+      section {
+        align-items: flex-start;
+        border-left: 1px solid vars.$light-contrast;
+        display: flex;
+        flex-direction: column;
+        margin: 0.5em 0 0.5em 1em;
+        padding-left: 0.5em;
+      }
+    }
+  }
+}
diff --git a/376/css/containers/docs/header.scss b/376/css/containers/docs/header.scss
new file mode 100644
index 000000000..ba8718e21
--- /dev/null
+++ b/376/css/containers/docs/header.scss
@@ -0,0 +1,39 @@
+@use 'sass:color';
+@use 'attractions-theme' as vars;
+
+$side-margin: 1em;
+
+header {
+  align-items: center;
+  border-bottom: 1px solid color.adjust(vars.$main, $alpha: -0.75);
+  display: flex;
+  justify-content: space-between;
+  padding-bottom: 0.5em;
+  padding-top: 0.6em;
+
+  .logo,
+  .clickables {
+    align-items: center;
+    display: flex;
+  }
+
+  .logo {
+    margin-left: $side-margin + 0.7em;
+    text-decoration: none;
+
+    span {
+      color: #000;
+      font-size: 1.25em;
+      font-weight: vars.$bold-font-weight;
+      margin-left: 0.7em;
+    }
+  }
+
+  .clickables {
+    margin-right: $side-margin;
+
+    :global .dropdown-chevron {
+      margin-top: -2px;
+    }
+  }
+}
diff --git a/376/css/containers/docs/mobile-navigation.scss b/376/css/containers/docs/mobile-navigation.scss
new file mode 100644
index 000000000..3d6ca666f
--- /dev/null
+++ b/376/css/containers/docs/mobile-navigation.scss
@@ -0,0 +1,46 @@
+nav {
+  display: flex;
+  justify-content: space-between;
+  margin: 0.5em 0 0;
+  overflow: auto;
+  padding-bottom: 0.5em;
+
+  :global .tab {
+    margin: 0 0.25em;
+
+    .tab-chevron {
+      transition: transform 150ms;
+    }
+
+    &.selected .tab-chevron {
+      transform: rotate(180deg);
+    }
+  }
+
+  @media only screen and (max-width: 479px) {
+    padding-right: 0;
+
+    &::after {
+      content: '';
+      display: block;
+      flex: 1 0 0.5em;
+      width: 0.5em;
+    }
+  }
+
+  @media only screen and (min-width: 1024px) {
+    display: none;
+  }
+}
+
+nav + :global .dropdown {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  margin: -0.25em 0.5em 0.5em;
+  padding: 0.5em;
+
+  .btn {
+    margin-top: 0.25em;
+  }
+}
diff --git a/376/css/containers/docs/showcase.scss b/376/css/containers/docs/showcase.scss
new file mode 100644
index 000000000..55e2c5e1a
--- /dev/null
+++ b/376/css/containers/docs/showcase.scss
@@ -0,0 +1,83 @@
+@use 'sass:color';
+@use 'attractions-theme' as vars;
+
+$border-radius: 0.5em;
+
+.showcase {
+  border: 1px solid color.adjust(vars.$main, $alpha: -0.75);
+  border-radius: $border-radius;
+  display: grid;
+  grid-template-columns: auto;
+  grid-template-rows: repeat(4, auto);
+  margin: 1em 0;
+
+  :global {
+    > .label {
+      padding: 0.5rem 1rem 0;
+
+      &.code {
+        background: vars.$code-bg;
+      }
+    }
+
+    > [slot='showcase'] {
+      border: 0 solid color.adjust(vars.$main, $alpha: -0.75);
+      border-bottom-width: 1px;
+      overflow-x: auto;
+
+      &.padded {
+        padding: 1em;
+
+        > * {
+          margin-bottom: 0.5em;
+        }
+      }
+    }
+
+    > .copyable {
+      border: 0 solid color.adjust(vars.$main, $alpha: -0.75);
+      border-radius: $border-radius;
+      overflow-x: auto;
+
+      > [slot='source'] {
+        background: #fcfcfc;
+        display: flex;
+        height: 100%;
+      }
+
+      pre {
+        margin: 0;
+      }
+    }
+  }
+
+  @media only screen and (min-width: 920px) {
+    border-width: 0;
+    grid-auto-flow: column;
+    grid-template-columns: auto 1fr;
+    grid-template-rows: auto auto;
+
+    :global {
+      > .label {
+        padding-bottom: 0.5rem;
+
+        &.code {
+          background: none;
+        }
+      }
+
+      > [slot='showcase'] {
+        border-bottom-left-radius: $border-radius;
+        border-top-left-radius: $border-radius;
+        border-width: 1px;
+      }
+
+      > .copyable {
+        border-bottom-left-radius: 0;
+        border-width: 1px;
+        border-left-width: 0;
+        border-top-left-radius: 0;
+      }
+    }
+  }
+}
diff --git a/376/css/containers/home/info-tiles.scss b/376/css/containers/home/info-tiles.scss
new file mode 100644
index 000000000..2dbe60a73
--- /dev/null
+++ b/376/css/containers/home/info-tiles.scss
@@ -0,0 +1,11 @@
+.info-tiles {
+  margin-top: 3em;
+
+  @media only screen and (min-width: 640px) {
+    margin-top: 6em;
+  }
+
+  @media only screen and (min-width: 1024px) {
+    margin-top: 0;
+  }
+}
diff --git a/376/css/global.scss b/376/css/global.scss
new file mode 100644
index 000000000..0782fbe54
--- /dev/null
+++ b/376/css/global.scss
@@ -0,0 +1,90 @@
+@use 'attractions-theme' as vars;
+
+:global {
+  html {
+    scroll-behavior: smooth;
+
+    @media (prefers-reduced-motion: reduce) {
+      scroll-behavior: auto;
+    }
+  }
+
+  * {
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  }
+
+  body {
+    display: flex;
+    flex-direction: column;
+    font-family: vars.$font;
+    margin: 0;
+    min-height: 100vh;
+  }
+
+  p {
+    letter-spacing: 0.1px;
+    line-height: 1.45em;
+  }
+
+  strong {
+    font-weight: vars.$bold-font-weight;
+  }
+
+  a {
+    color: vars.$main;
+
+    &:visited {
+      color: vars.$link-visited;
+    }
+  }
+
+  .ml {
+    margin-left: 0.4em;
+  }
+
+  .mr {
+    margin-right: 0.4em;
+  }
+
+  .mb {
+    margin-bottom: 0.4em;
+  }
+
+  .padded {
+    padding-left: 0.5em;
+    padding-right: 0.5em;
+
+    &.extra {
+      padding-left: 1em;
+      padding-right: 1em;
+    }
+
+    @media only screen and (min-width: 640px) {
+      &,
+      &.extra {
+        padding-left: 2em;
+        padding-right: 2em;
+      }
+    }
+
+    @media only screen and (min-width: 1024px) {
+      &,
+      &.extra {
+        padding-left: 8%;
+        padding-right: 8%;
+      }
+    }
+  }
+
+  @media only screen and (max-width: 639px) {
+    .hide-on-less-tb {
+      display: none;
+    }
+  }
+
+  @media only screen and (min-width: 640px) {
+    .hide-on-tb-more {
+      display: none;
+    }
+  }
+}
diff --git a/376/css/mdsvex/h1.scss b/376/css/mdsvex/h1.scss
new file mode 100644
index 000000000..ff8d60baa
--- /dev/null
+++ b/376/css/mdsvex/h1.scss
@@ -0,0 +1,20 @@
+@use 'attractions-theme' as vars;
+
+h1 {
+  color: vars.$main;
+  font-size: 1.4em;
+  font-weight: vars.$bold-font-weight;
+  margin: 0 0 0.5em;
+
+  @media only screen and (min-width: 640px) {
+    font-size: 1.55em;
+  }
+
+  @media only screen and (min-width: 840px) {
+    font-size: 1.7em;
+  }
+
+  @media only screen and (min-width: 1024px) {
+    font-size: 1.8em;
+  }
+}
diff --git a/376/css/mdsvex/h2.scss b/376/css/mdsvex/h2.scss
new file mode 100644
index 000000000..b223c9794
--- /dev/null
+++ b/376/css/mdsvex/h2.scss
@@ -0,0 +1,15 @@
+@use 'attractions-theme' as vars;
+
+h2 {
+  font-size: 1.3em;
+  font-weight: vars.$bold-font-weight;
+  margin: 2em 0 1em;
+
+  @media only screen and (min-width: 640px) {
+    font-size: 1.4em;
+  }
+
+  @media only screen and (min-width: 840px) {
+    font-size: 1.5em;
+  }
+}
diff --git a/376/css/mdsvex/h3.scss b/376/css/mdsvex/h3.scss
new file mode 100644
index 000000000..f80235d68
--- /dev/null
+++ b/376/css/mdsvex/h3.scss
@@ -0,0 +1,15 @@
+@use 'attractions-theme' as vars;
+
+h3 {
+  font-size: 1.1em;
+  font-weight: vars.$bold-font-weight;
+  margin: 1.5em 0 0.5em;
+
+  @media only screen and (min-width: 640px) {
+    font-size: 1.2em;
+  }
+
+  @media only screen and (min-width: 840px) {
+    font-size: 1.3em;
+  }
+}
diff --git a/376/css/mdsvex/li.scss b/376/css/mdsvex/li.scss
new file mode 100644
index 000000000..f820f06e0
--- /dev/null
+++ b/376/css/mdsvex/li.scss
@@ -0,0 +1,3 @@
+li {
+  margin-bottom: 0.25em;
+}
diff --git a/376/css/mdsvex/mark.scss b/376/css/mdsvex/mark.scss
new file mode 100644
index 000000000..619a9c7e1
--- /dev/null
+++ b/376/css/mdsvex/mark.scss
@@ -0,0 +1,10 @@
+@use 'attractions-theme' as vars;
+
+mark {
+  background: none;
+  color: vars.$main;
+
+  :global code {
+    color: vars.$main;
+  }
+}
diff --git a/376/css/mdsvex/p.scss b/376/css/mdsvex/p.scss
new file mode 100644
index 000000000..1a2763f6a
--- /dev/null
+++ b/376/css/mdsvex/p.scss
@@ -0,0 +1,3 @@
+p {
+  margin: 0 0 0.5em;
+}
diff --git a/376/css/mdsvex/table.scss b/376/css/mdsvex/table.scss
new file mode 100644
index 000000000..621adfee7
--- /dev/null
+++ b/376/css/mdsvex/table.scss
@@ -0,0 +1,7 @@
+table {
+  border-collapse: separate;
+  border-spacing: 0;
+  display: block;
+  margin-bottom: 1em;
+  overflow-x: auto;
+}
diff --git a/376/css/mdsvex/td.scss b/376/css/mdsvex/td.scss
new file mode 100644
index 000000000..5cdc1c55b
--- /dev/null
+++ b/376/css/mdsvex/td.scss
@@ -0,0 +1,13 @@
+@use 'sass:color';
+@use 'attractions-theme' as vars;
+
+td {
+  border: 0 solid color.adjust(vars.$main, $alpha: -0.75);
+  border-width: 1px 0 0 1px;
+  line-height: 1.3em;
+  padding: 1em;
+
+  &:last-child {
+    border-right-width: 1px;
+  }
+}
diff --git a/376/css/mdsvex/th.scss b/376/css/mdsvex/th.scss
new file mode 100644
index 000000000..d02ab3052
--- /dev/null
+++ b/376/css/mdsvex/th.scss
@@ -0,0 +1,4 @@
+th {
+  padding: 0.5em 1em;
+  text-align: left;
+}
diff --git a/376/css/mdsvex/tr.scss b/376/css/mdsvex/tr.scss
new file mode 100644
index 000000000..c09eb70d5
--- /dev/null
+++ b/376/css/mdsvex/tr.scss
@@ -0,0 +1,34 @@
+@use 'sass:color';
+@use 'attractions-theme' as vars;
+
+$border-radius: 0.5em;
+
+tr {
+  &:nth-child(even) {
+    background: color.adjust(vars.$main, $alpha: -0.97);
+  }
+
+  &:first-child :global {
+    > td:first-child {
+      border-top-left-radius: $border-radius;
+    }
+
+    > td:last-child {
+      border-top-right-radius: $border-radius;
+    }
+  }
+
+  &:last-child :global {
+    > td {
+      border-bottom-width: 1px;
+    }
+
+    > td:first-child {
+      border-bottom-left-radius: $border-radius;
+    }
+
+    > td:last-child {
+      border-bottom-right-radius: $border-radius;
+    }
+  }
+}
diff --git a/376/css/mdsvex/ul.scss b/376/css/mdsvex/ul.scss
new file mode 100644
index 000000000..767b04f7d
--- /dev/null
+++ b/376/css/mdsvex/ul.scss
@@ -0,0 +1,3 @@
+ul {
+  padding-left: 1.8em;
+}
diff --git a/376/css/prism-base16-tomorrow.css b/376/css/prism-base16-tomorrow.css
new file mode 100644
index 000000000..e63cc34e2
--- /dev/null
+++ b/376/css/prism-base16-tomorrow.css
@@ -0,0 +1,144 @@
+/**
+ * base16-prism (https://github.com/h404bi/base16-prism)
+ * @license MIT
+ *
+ * prism.js Tomorrow theme for JavaScript, CSS and HTML
+ * @author Chris Kempson (http:&#x2F;&#x2F;chriskempson.com)
+ *
+ * Slightly tweaked
+ */
+
+code,
+pre[class*='language-'] {
+  background: none;
+  color: #4d4d4c;
+  font-family: 'Roboto Mono', monospace;
+  font-size: 1em;
+  hyphens: none;
+  line-height: 1.5;
+  tab-size: 2;
+  text-align: left;
+  white-space: pre;
+  word-break: normal;
+  word-spacing: normal;
+  word-wrap: normal;
+}
+
+pre[class*='language-']::selection,
+pre[class*='language-'] ::selection,
+code[class*='language-']::selection,
+code[class*='language-'] ::selection {
+  background: #d6d6d6;
+  color: inherit;
+  text-shadow: none;
+}
+
+@media print {
+  code[class*='language-'],
+  pre[class*='language-'] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+
+pre[class*='language-'] {
+  margin: 0.5em 0;
+  overflow: auto;
+  padding: 1em;
+}
+
+:not(pre) > code,
+pre[class*='language-'] {
+  background: #fcfcfc;
+  border-radius: 0.3em;
+}
+
+/* Inline code */
+
+:not(pre) > code {
+  padding: 0 0.1em 0.1em;
+}
+
+.token.comment,
+.token.prolog,
+.token.cdata {
+  color: #8e908c;
+}
+
+.token.entity,
+.language-css .token.string,
+.style .token.string {
+  background: #e0e0e0;
+  color: #969896;
+}
+
+.token.punctuation {
+  color: #4d4d4c;
+}
+
+.token.variable,
+.token.tag,
+.token.deleted {
+  color: #c82829;
+}
+
+.token.property,
+.token.number,
+.token.boolean,
+.token.constant,
+.token.url {
+  color: #f5871f;
+}
+
+.token.class-name,
+.token.bold {
+  color: #eab700;
+}
+
+.token.string,
+.token.symbol,
+.token.attr-value,
+.token.inserted,
+.token.atrule {
+  color: #718c00;
+}
+
+.token.regex,
+.token.important {
+  color: #3e999f;
+}
+
+.token.function,
+.token.attr-name {
+  color: #4271ae;
+}
+
+.token.keyword,
+.token.selector,
+.token.italic,
+.token.char,
+.token.builtin {
+  color: #8959a8;
+}
+
+.token.doctype {
+  color: #a3685a;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}
+
+.namespace {
+  opacity: 0.7;
+}
diff --git a/376/css/routes/docs/_layout.scss b/376/css/routes/docs/_layout.scss
new file mode 100644
index 000000000..4816025e3
--- /dev/null
+++ b/376/css/routes/docs/_layout.scss
@@ -0,0 +1,42 @@
+@use 'attractions-theme' as vars;
+@use 'global';
+
+main {
+  display: flex;
+  margin: 1em 0 2em;
+
+  article {
+    padding: 1em 0;
+    width: 100%;
+  }
+
+  :global .required {
+    color: vars.$main;
+    font-size: 0.9em;
+  }
+
+  @media only screen and (min-width: 1024px) {
+    flex: 1;
+    margin-top: 2em;
+  }
+
+  :global small {
+    display: block;
+    white-space: nowrap;
+  }
+
+  :global mark {
+    background: none;
+    color: vars.$main;
+
+    code {
+      color: vars.$main;
+    }
+  }
+}
+
+.center {
+  display: flex;
+  justify-content: center;
+  margin-top: 2em;
+}
diff --git a/376/css/routes/docs/components/accordion.scss b/376/css/routes/docs/components/accordion.scss
new file mode 100644
index 000000000..ff9f817a7
--- /dev/null
+++ b/376/css/routes/docs/components/accordion.scss
@@ -0,0 +1,9 @@
+[slot='showcase'] {
+  display: flex;
+  padding: 1em;
+
+  :global .accordion section {
+    padding: 0.5em;
+    text-align: center;
+  }
+}
diff --git a/376/css/routes/docs/components/autocomplete.scss b/376/css/routes/docs/components/autocomplete.scss
new file mode 100644
index 000000000..d64175f3f
--- /dev/null
+++ b/376/css/routes/docs/components/autocomplete.scss
@@ -0,0 +1,8 @@
+[slot='showcase'] {
+  min-height: 10em;
+  padding: 1em;
+
+  :global .autocomplete {
+    max-width: 20em;
+  }
+}
diff --git a/376/css/routes/docs/components/button.scss b/376/css/routes/docs/components/button.scss
new file mode 100644
index 000000000..7bfbac634
--- /dev/null
+++ b/376/css/routes/docs/components/button.scss
@@ -0,0 +1,16 @@
+[slot='showcase'] {
+  align-items: center;
+  display: grid;
+  gap: 0.5em;
+  grid-auto-flow: column;
+  grid-template-columns: repeat(4, auto);
+  grid-template-rows: repeat(3, 3em);
+  justify-items: start;
+  padding: 1em;
+
+  @media only screen and (min-width: 920px) {
+    grid-auto-flow: row;
+    grid-template-columns: repeat(3, auto);
+    grid-template-rows: repeat(4, 3em);
+  }
+}
diff --git a/376/css/routes/docs/components/checkbox-group.scss b/376/css/routes/docs/components/checkbox-group.scss
new file mode 100644
index 000000000..e2c552d59
--- /dev/null
+++ b/376/css/routes/docs/components/checkbox-group.scss
@@ -0,0 +1,14 @@
+[slot='showcase'] :global {
+  .checkbox {
+    margin-bottom: 0.5em;
+  }
+
+  .colored {
+    display: flex;
+    flex-wrap: wrap;
+
+    .checkbox {
+      margin: 0.5em;
+    }
+  }
+}
diff --git a/376/css/routes/docs/components/chip.scss b/376/css/routes/docs/components/chip.scss
new file mode 100644
index 000000000..1e2d0605e
--- /dev/null
+++ b/376/css/routes/docs/components/chip.scss
@@ -0,0 +1,8 @@
+[slot='showcase'] {
+  align-items: flex-start;
+  display: flex;
+
+  :global .chip {
+    margin-right: 0.5em;
+  }
+}
diff --git a/376/css/routes/docs/components/date-picker.scss b/376/css/routes/docs/components/date-picker.scss
new file mode 100644
index 000000000..0e35be110
--- /dev/null
+++ b/376/css/routes/docs/components/date-picker.scss
@@ -0,0 +1,10 @@
+[slot='showcase'] {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  overflow: visible !important;
+
+  @media only screen and (max-width: 340px) {
+    padding: 0.25em !important;
+  }
+}
diff --git a/376/css/routes/docs/components/dropdown.scss b/376/css/routes/docs/components/dropdown.scss
new file mode 100644
index 000000000..d0a049242
--- /dev/null
+++ b/376/css/routes/docs/components/dropdown.scss
@@ -0,0 +1,10 @@
+[slot='showcase'] {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  overflow: visible;
+
+  .padded {
+    padding: 1em;
+  }
+}
diff --git a/376/css/routes/docs/components/file-dropzone.scss b/376/css/routes/docs/components/file-dropzone.scss
new file mode 100644
index 000000000..95c0ebac7
--- /dev/null
+++ b/376/css/routes/docs/components/file-dropzone.scss
@@ -0,0 +1,13 @@
+[slot='showcase'] {
+  p {
+    margin: 2em 0 0;
+  }
+
+  :global .file-dropzone {
+    margin-top: 1em;
+  }
+
+  @media only screen and (min-width: 340px) {
+    min-width: 17em;
+  }
+}
diff --git a/376/css/routes/docs/components/file-tile.scss b/376/css/routes/docs/components/file-tile.scss
new file mode 100644
index 000000000..bfa975d09
--- /dev/null
+++ b/376/css/routes/docs/components/file-tile.scss
@@ -0,0 +1,5 @@
+[slot='showcase'] {
+  :global .file-tile {
+    max-width: 16em;
+  }
+}
diff --git a/376/css/routes/docs/components/radio-group.scss b/376/css/routes/docs/components/radio-group.scss
new file mode 100644
index 000000000..dfc3983a4
--- /dev/null
+++ b/376/css/routes/docs/components/radio-group.scss
@@ -0,0 +1,14 @@
+[slot='showcase'] :global {
+  .radio {
+    margin-bottom: 0.5em;
+  }
+
+  .colored {
+    display: flex;
+    flex-wrap: wrap;
+
+    .radio {
+      margin: 0.5em;
+    }
+  }
+}
diff --git a/376/css/routes/docs/components/snackbar.scss b/376/css/routes/docs/components/snackbar.scss
new file mode 100644
index 000000000..b62675a8a
--- /dev/null
+++ b/376/css/routes/docs/components/snackbar.scss
@@ -0,0 +1,3 @@
+[slot='showcase'] {
+  max-width: 20em;
+}
diff --git a/376/css/routes/docs/components/text-field.scss b/376/css/routes/docs/components/text-field.scss
new file mode 100644
index 000000000..989cc5c92
--- /dev/null
+++ b/376/css/routes/docs/components/text-field.scss
@@ -0,0 +1,12 @@
+@use 'attractions-theme' as vars;
+
+[slot='showcase'] :global {
+  .text-field.outline {
+    margin-top: 1.5em;
+  }
+
+  .dollar {
+    font-weight: vars.$bold-font-weight;
+    top: 0.8em !important;
+  }
+}
diff --git a/376/css/routes/docs/components/time-picker.scss b/376/css/routes/docs/components/time-picker.scss
new file mode 100644
index 000000000..73b4231a6
--- /dev/null
+++ b/376/css/routes/docs/components/time-picker.scss
@@ -0,0 +1,6 @@
+[slot='showcase'] {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  overflow: visible !important;
+}
diff --git a/376/css/routes/docs/installation.scss b/376/css/routes/docs/installation.scss
new file mode 100644
index 000000000..a6d423d1e
--- /dev/null
+++ b/376/css/routes/docs/installation.scss
@@ -0,0 +1,36 @@
+@use 'sass:color';
+@use 'attractions-theme' as vars;
+
+.toolchain {
+  background: color.adjust(vars.$main, $alpha: -0.97);
+  border-radius: 1em;
+  display: grid;
+  gap: 0.35em;
+  grid-auto-flow: column;
+  grid-template: auto auto / 1fr 1fr 1fr;
+  justify-items: center;
+  margin: 2em 0;
+  padding: 1.5em 1em;
+}
+
+.prelude {
+  margin-bottom: 1.5em;
+}
+
+.caution {
+  background: color.adjust(vars.$attention, $alpha: -0.93);
+  border-radius: 1em;
+  font-size: 0.9em;
+  font-weight: 300;
+  margin: 2em 0;
+  padding: 1.5em;
+
+  :global .label {
+    color: color.scale(vars.$attention, $lightness: -30%);
+    margin-bottom: 0.5em;
+  }
+}
+
+strong {
+  color: vars.$main;
+}
diff --git a/376/css/routes/index.scss b/376/css/routes/index.scss
new file mode 100644
index 000000000..36579106a
--- /dev/null
+++ b/376/css/routes/index.scss
@@ -0,0 +1,136 @@
+@use 'sass:color';
+@use 'attractions-theme' as vars;
+@use 'global';
+
+$mobile-top-padding: 2.4em;
+
+main {
+  background: color.adjust(vars.$main, $alpha: -0.93);
+  padding: $mobile-top-padding 0.5em;
+
+  mark {
+    background: none;
+    color: vars.$main;
+  }
+
+  > :global .card {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    z-index: 20;
+
+    header {
+      align-items: center;
+      display: flex;
+      margin-top: 1em;
+
+      img {
+        margin-right: 1em;
+        width: 2em;
+      }
+
+      h1 {
+        color: #000;
+        margin-bottom: 0;
+      }
+
+      a {
+        margin-left: 1em;
+      }
+    }
+
+    p {
+      font-weight: vars.$thin-font-weight;
+      margin-top: 1.5em;
+    }
+
+    .actions {
+      display: flex;
+    }
+  }
+
+  .strip {
+    background: vars.$main;
+    height: 3.6em;
+    left: 0;
+    position: absolute;
+    top: $mobile-top-padding + 7.9em;
+    width: 100%;
+    z-index: 10;
+  }
+
+  footer {
+    margin-top: 2em;
+    padding-bottom: 1em;
+
+    p {
+      font-size: 0.95em;
+      font-weight: 300;
+      margin: 0.7em 0 0;
+      text-align: center;
+    }
+  }
+
+  @media only screen and (min-width: 360px) {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+
+    > :global .card {
+      padding: 1.5em 2em;
+    }
+  }
+
+  @media only screen and (min-width: 640px) {
+    > :global .card {
+      padding: 2em 3.5em;
+    }
+
+    .strip {
+      height: 8em;
+    }
+  }
+
+  @media only screen and (min-width: 1024px) {
+    column-gap: 4em;
+    display: grid;
+    grid-template-columns: auto 1fr;
+    grid-template-rows: 1fr auto 1fr;
+    min-height: 100vh;
+    padding: 0 5%;
+
+    :global {
+      > .card,
+      .info-tiles {
+        grid-row: 2;
+      }
+
+      .card {
+        width: max-content;
+      }
+    }
+
+    footer {
+      align-self: end;
+      grid-column: span 2;
+      grid-row: 3;
+      padding-bottom: 2em;
+    }
+
+    .strip {
+      height: 100%;
+      left: calc(5% - 1em);
+      top: 0;
+      width: 11em;
+    }
+  }
+
+  @media only screen and (min-width: 1200px) {
+    padding: 0 15%;
+
+    .strip {
+      left: calc(15% - 1em);
+    }
+  }
+}
diff --git a/376/docs/changelog/index.html b/376/docs/changelog/index.html
new file mode 100644
index 000000000..7bc768c6c
--- /dev/null
+++ b/376/docs/changelog/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}ul.svelte-zjwdhv{padding-left:1.8em}li.svelte-puza06{margin-bottom:.25em}</style> <title>Changelog – Attractions</title><meta content="Changelog – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/changelog.9b6cfd5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-no-head.00bd36a6.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/ul.abdb9780.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/ul-82208b9a.css rel=preload as=style></head> <body> <header class="svelte-z153he padded"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs rel=prefetch class="btn svelte-2r4z0x round small" sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Changelog</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions rel=prefetch class="btn svelte-2r4z0x round" sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]" checked> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog rel=prefetch class="btn svelte-2r4z0x selected" sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Changelog </h1> <p class=svelte-d09q45>All notable changes to this project will be documented here. </p> <p class=svelte-d09q45>The format is based on <a href=https://keepachangelog.com/ rel=nofollow>Keep a Changelog</a> and this project adheres to <a href=https://semver.org/ rel=nofollow>Semantic Versioning</a>. </p> <h2 class=svelte-eaesr4><a href=https://github.com/illright/attractions/releases/tag/v3.7.1 rel=nofollow>3.7.1</a> - 2023-06-25 </h2> <h3 class=svelte-1l9130h>Added </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>Slots and props for various components to better support localization (Thanks to <a href=https://github.com/Bluzzi rel=nofollow>@Bluzzi</a> for <a href=https://github.com/illright/attractions/pull/345 rel=nofollow>#345</a>). </li> </ul> <h3 class=svelte-1l9130h>Fixed </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>Improved typings for some components and utils (<a href=https://github.com/illright/attractions/pull/334 rel=nofollow>#334</a>). </li> <li class=svelte-puza06>Required props will now be marked as such in the component typings. </li> <li class=svelte-puza06>Silenced some false-positive warnings by the svelte compiler (Thanks to <a href=https://github.com/noosxe rel=nofollow>@noosxe</a> for <a href=https://github.com/illright/attractions/pull/369 rel=nofollow>#369</a>) </li> </ul> <h2 class=svelte-eaesr4><a href=https://github.com/illright/attractions/releases/tag/v3.7.0 rel=nofollow>3.7.0</a> – 2021-12-30 </h2> <h3 class=svelte-1l9130h>Added </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>The <code>hideNow</code> prop to the <code>TimePicker</code> component has been added to hide the <code>now</code> button (Thanks to <a href=https://github.com/CuriousCI rel=nofollow>@CuriousCI</a> for the contribution - <a href=https://github.com/illright/attractions/pull/331 rel=nofollow>#331</a>). </li> </ul> <h2 class=svelte-eaesr4><a href=https://github.com/illright/attractions/releases/tag/v3.6.0 rel=nofollow>3.6.0</a> - 2021-12-23 </h2> <h3 class=svelte-1l9130h>Changed </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>Implement automatic positioning of the <a href=https://illright.github.io/attractions/docs/components/dropdown/ rel=nofollow>Dropdown</a>. This will prevent it from going off-screen in certain cases. This is also the new default behaviour; the previous alignment props (<code>right</code> and <code>top</code>) are now deprecated (Thanks to <a href=https://github.com/Th1nkK1D rel=nofollow>@Th1nkK1D</a> for the contribution - <a href=https://github.com/illright/attractions/pull/318 rel=nofollow>#318</a>). </li> </ul> <h2 class=svelte-eaesr4><a href=https://github.com/illright/attractions/releases/tag/v3.5.2 rel=nofollow>3.5.2</a> - 2021-11-21 </h2> <h3 class=svelte-1l9130h>Fixed </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>One more issue with the type of <code>AutocompleteField</code>'s <code>OptionGetter</code> (the type of the <code>getOptions</code> prop). </li> </ul> <h2 class=svelte-eaesr4><a href=https://github.com/illright/attractions/releases/tag/v3.5.1 rel=nofollow>3.5.1</a> - 2021-11-20 </h2> <h3 class=svelte-1l9130h>Fixed </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>Fixed a minor regression in the types of components that extend other components (<a href=https://github.com/illright/attractions/issues/325 rel=nofollow>#325</a>). </li> </ul> <h2 class=svelte-eaesr4><a href=https://github.com/illright/attractions/releases/tag/v3.5.0 rel=nofollow>3.5.0</a> - 2021-11-08 </h2> <h3 class=svelte-1l9130h>Added </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>The <a href=https://illright.github.io/attractions/docs/components/slider rel=nofollow><code>Slider</code></a> component has been added, allowing you to create a slider similar to the one you would get with <code>&lt;input type="range"></code>. It also support inputting a range by supplying a tuple for the <code>value</code> prop (Thanks to <a href=https://github.com/RikuVan rel=nofollow>@RikuVan</a> for the contribution - <a href=https://github.com/illright/attractions/pull/290 rel=nofollow>#290</a>). </li> <li class=svelte-puza06>The <code>closeOnSelection</code> prop to the <code>DatePicker</code> component has been added to close the dropdown after a selection has been made. </li> </ul> <h3 class=svelte-1l9130h>Changed </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>Change the <a href=https://illright.github.io/attractions/docs/components/dropdown rel=nofollow><code>Dropdown</code></a> chevron transition animation to a <code>scaleY(-1)</code> for <code>150ms</code> (<a href=https://github.com/illright/attractions/pull/310 rel=nofollow>#310</a>). </li> <li class=svelte-puza06>The <a href=https://illright.github.io/attractions/docs/components/card rel=nofollow><code>Card</code></a> component will now use the SCSS <code>$background</code> variable as its default background color instead of the hard-coded white color. </li> </ul> <h3 class=svelte-1l9130h>Fixed </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>Fixed some types and documentation mistakes for the <a href=https://illright.github.io/attractions/docs/components/accordion rel=nofollow><code>Accordion</code></a> component (<a href=https://github.com/illright/attractions/pull/316 rel=nofollow>#316</a>). </li> </ul> <h2 class=svelte-eaesr4><a href=https://github.com/illright/attractions/releases/tag/v3.4.0 rel=nofollow>3.4.0</a> - 2021-09-12 </h2> <h3 class=svelte-1l9130h>Added </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>The <a href=https://illright.github.io/attractions/docs/components/breadcrumbs rel=nofollow><code>Breadcrumbs</code></a> component has been added to the library (<a href=https://github.com/illright/attractions/issues/157 rel=nofollow>#157</a>). </li> <li class=svelte-puza06>A new <a href=https://illright.github.io/attractions/docs/components/table rel=nofollow><code>Table</code></a> component has been added, useful for displaying simple collections of data (<a href=https://github.com/illright/attractions/issues/255 rel=nofollow>#255</a>). </li> <li class=svelte-puza06><code>maxReachedTooltip</code> prop for the <code>CheckboxGroup</code> and <code>CheckboxChipGroup</code> components to customize the tooltip text that appears on hover when the maximum amount of checkboxes have been checked (<a href=https://github.com/illright/attractions/issues/13 rel=nofollow>#13</a>). </li> <li class=svelte-puza06>The <code>hours</code>, <code>minutes</code> and <code>seconds</code> props of the <code>TimePicker</code> component allow you to specify what values the user can choose from (<a href=https://github.com/illright/attractions/issues/120 rel=nofollow>#120</a>). </li> <li class=svelte-puza06><code>disabledDates</code> prop for the <code>Calendar</code> component to disable specific dates or ranges of dates (<a href=https://github.com/illright/attractions/issues/34 rel=nofollow>#34</a>). </li> <li class=svelte-puza06><code>inputClass</code> prop for the <code>TimePicker</code> and <code>DatePicker</code> components to pass them down to the <code>TextField</code> (<a href=https://github.com/illright/attractions/issues/269 rel=nofollow>#269</a>). </li> <li class=svelte-puza06>The <a href=https://illright.github.io/attractions/docs/components/button rel=nofollow><code>Button</code></a> component is now SvelteKit-compatible (using the <code>noPrefetch</code> prop would also unset <code>sveltekit:prefetch</code>). </li> </ul> <h3 class=svelte-1l9130h>Fixed </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06><em>[For contributors on Windows]</em> The scripts in <code>package.json</code> should now work on CMD as well. </li> </ul> <h2 class=svelte-eaesr4><a href=https://github.com/illright/attractions/releases/tag/v3.3.0 rel=nofollow>3.3.0</a> - 2021-05-28 </h2> <p class=svelte-d09q45>This release contains no new features but fixes a Sass deprecation. You'll have to bump your <code>sass</code> dependency to <code>>= 1.33.0</code> in order to upgrade to this version. </p> <h3 class=svelte-1l9130h>Fixed </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06><strong>Deprecated Sass features</strong>: The division in Sass with the slash operator <a href=https://sass-lang.com/d/slash-div rel=nofollow>was deprecated</a>. </li> <li class=svelte-puza06><strong>A typo in the documentation</strong>: A code sample suggested users to use <code>reqiure</code>. </li> </ul> <h2 class=svelte-eaesr4><a href=https://github.com/illright/attractions/releases/tag/v3.2.1 rel=nofollow>3.2.1</a> - 2021-05-05 </h2> <h3 class=svelte-1l9130h>Fixed </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06><strong>Typings</strong>: The <a href=https://illright.github.io/attractions/docs/components/snackbar-container rel=nofollow><code>SnackbarContainer</code></a>'s <code>position</code> prop was typed as expecting the entire <a href=https://illright.github.io/attractions/docs/components/snackbar-container/#snackbar-positions rel=nofollow><code>SnackbarPositions</code></a> enum object. It has been fixed to expect only one of its values, and similarly so for <a href=https://illright.github.io/attractions/docs/components/popover#popover-positions rel=nofollow><code>PopoverPositions</code></a> (<a href=https://github.com/illright/attractions/pull/257 rel=nofollow>#257</a>). </li> </ul> <h2 class=svelte-eaesr4><a href=https://github.com/illright/attractions/releases/tag/v3.2.0 rel=nofollow>3.2.0</a> - 2021-03-04 </h2> <h3 class=svelte-1l9130h>Added </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>New SCSS variables for customizing the curvature radius of the outline <a href=https://illright.github.io/attractions/docs/components/text-field rel=nofollow><code>TextField</code></a> and the font weight of the <a href=https://illright.github.io/attractions/docs/components/button rel=nofollow><code>Button</code></a> (<a href=https://github.com/illright/attractions/issues/245 rel=nofollow>#245</a> and <a href=https://github.com/illright/attractions/issues/246 rel=nofollow>#246</a>). </li> </ul> <h3 class=svelte-1l9130h>Fixed </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>The <a href=https://illright.github.io/attractions/docs/components/date-picker rel=nofollow><code>DatePicker</code></a> component wasn't generating the days of the month correctly in certain timezones (<a href=https://github.com/illright/attractions/issues/243 rel=nofollow>#243</a>). </li> <li class=svelte-puza06>The outline <a href=https://illright.github.io/attractions/docs/components/text-field rel=nofollow><code>TextField</code></a> didn't respect the background color (<a href=https://github.com/illright/attractions/issues/246 rel=nofollow>#246</a>). </li> </ul> <h3 class=svelte-1l9130h>Changed </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>Improved TypeScript declaration files. They should now work when importing nested modules such as <code>attractions/utils</code> or even <code>attractions/snackbar/snackbar-positions</code>. They also now specify <code>null</code> as a valid value wherever it is accepted. You may (and should) enable <code>--strictNullChecks</code> again! </li> </ul> <p class=svelte-d09q45>Thanks to <a href=https://github.com/sallaben rel=nofollow>@sallaben</a> and <a href=https://github.com/damonbauer rel=nofollow>@damonbauer</a> for contributing to this release! </p> <h2 class=svelte-eaesr4><a href=https://github.com/illright/attractions/releases/tag/v3.1.0 rel=nofollow>3.1.0</a> - 2021-01-22 </h2> <h3 class=svelte-1l9130h>Added </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06><strong>TypeScript support</strong>: We now provide our own type declaration (<code>.d.ts</code>) files so that TypeScript users will have a more delightful development experience! Note that other users are not affected since the components are written in plain JS (<a href=https://github.com/illright/attractions/pull/211 rel=nofollow>#211</a>). </li> <li class=svelte-puza06>Allow passing a <code>closeCallback</code> for snackbars (<a href=https://github.com/illright/attractions/pull/216 rel=nofollow>#216</a>). </li> </ul> <h3 class=svelte-1l9130h>Fixed </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>Documentation: <a href=https://illright.github.io/attractions/docs/components/radio-button rel=nofollow><code>RadioButton</code></a>'s <code>value</code> was incorrectly marked as optional. </li> </ul> <h3 class=svelte-1l9130h>Changed </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>The recommended installation procedure now involves separating the Svelte configuration into a separate file, <code>svelte.config.js</code>. This allows the Svelte Language Server to reliably analyze your source code, so your editor becomes smarter. </li> </ul> <hr> <h3 class=svelte-1l9130h>Known issues </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>The types are not entirely null-aware. If you use <code>--strictNullChecks</code>, you might face some errors like "<code>null</code> cannot be assigned to type <code>string</code>". </li> <li class=svelte-puza06>Functions exported from components are falsely detected as props, and not even typed properly yet </li> </ul> <h2 class=svelte-eaesr4><a href=https://github.com/illright/attractions/releases/tag/v3.0.0 rel=nofollow>3.0.0</a> - 2021-01-10 </h2> <p class=svelte-d09q45>Not a large release, but still breaking. This will upgrade Attractions to use Sass modules which will allow zero-config installations. </p> <p class=svelte-d09q45>Refer to the <a href=./docs/migration-guide>migration guide</a> for information on how to upgrade. </p> <h3 class=svelte-1l9130h>Added </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>New Sass variables for the X icon in the search fields and the regular font weight. </li> <li class=svelte-puza06>A slight animation for the checkbox component. </li> <li class=svelte-puza06>Autocompletes can now be disabled like regular text fields. </li> </ul> <h3 class=svelte-1l9130h>Changed </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>Sass modules are now used for styling. This is a <strong>breaking</strong> change. </li> </ul> <h2 class=svelte-eaesr4><a href=https://github.com/illright/attractions/releases/tag/v2.3.1 rel=nofollow>2.3.1</a> - 2020-12-23 </h2> <h3 class=svelte-1l9130h>Fixed </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>The autocomplete wasn't filtering out selected options without typing (<a href=https://github.com/illright/attractions/issues/195 rel=nofollow>#195</a>, thanks to <a href=https://github.com/sallaben rel=nofollow>@sallaben</a> for reporting and fixing). </li> <li class=svelte-puza06>The slot forwarding of Autocomplete was breaking slot defaults. </li> </ul> <h2 class=svelte-eaesr4><a href=https://github.com/illright/attractions/releases/tag/v2.3.0 rel=nofollow>2.3.0</a> - 2020-12-22 </h2> <h3 class=svelte-1l9130h>Added </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>Autocomplete now supports the same slots as AutocompleteField. </li> <li class=svelte-puza06>A new utility <code>escapeRegExp</code> is now available in utils. </li> </ul> <h3 class=svelte-1l9130h>Changed </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>Dart Sass (<code>sass</code>) is now used instead of Node Sass (<code>node-sass</code>). Consider replacing (simply removing one and installing the other). </li> <li class=svelte-puza06>The pure-JS bundle with custom elements is renamed (<code>dist/bundle.js</code> → <code>dist/custom-elements.js</code>) and available directly through Unpkg. </li> <li class=svelte-puza06>Svelte 3.29.1 and higher is now required to support slot forwarding. </li> </ul> <h3 class=svelte-1l9130h>Fixed </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>The pure-JS bundles now contain styles (so that they are at least not useless). </li> <li class=svelte-puza06>The Autocomplete component now doesn't throw an error when regex characters are written into it (<a href=https://github.com/illright/attractions/issues/184 rel=nofollow>#184</a>). </li> <li class=svelte-puza06>The Autocomplete options weren't showing after selecting something when minimal search length was set to 0 (<a href=https://github.com/illright/attractions/issues/183 rel=nofollow>#183</a>). </li> <li class=svelte-puza06>The FileTile component is now correctly clipping long filenames (<a href=https://github.com/illright/attractions/issues/125 rel=nofollow>#125</a>). </li> <li class=svelte-puza06>The DatePicker was unexpectedly closing when a certain month change would happen. </li> </ul> <h2 class=svelte-eaesr4><a href=https://github.com/illright/attractions/releases/tag/v2.2.4 rel=nofollow>2.2.4</a> - 2020-12-08 </h2> <h3 class=svelte-1l9130h>Fixed </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>DatePicker and TimePicker threw exceptions when you cleared them (<a href=https://github.com/illright/attractions/issues/170 rel=nofollow>#170</a>). </li> <li class=svelte-puza06>The Autocomplete wasn't showing the dropdown (<a href=https://github.com/illright/attractions/issues/172 rel=nofollow>#172</a>). </li> <li class=svelte-puza06>Pagination component styles weren't applied properly. </li> </ul> <h2 class=svelte-eaesr4><a href=https://github.com/illright/attractions/releases/tag/v2.2.3 rel=nofollow>2.2.3</a> - 2020-11-21 </h2> <h3 class=svelte-1l9130h>Fixed </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>Warnings about forgetting to set <code>customElement: true</code> should no longer bother you. </li> </ul> <h2 class=svelte-eaesr4><a href=https://github.com/illright/attractions/releases/tag/v2.2.2 rel=nofollow>2.2.2</a> - 2020-11-19 </h2> <h3 class=svelte-1l9130h>Fixed </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>The dropdown was causing an error when using SSR. </li> </ul> <h2 class=svelte-eaesr4><a href=https://github.com/illright/attractions/releases/tag/v2.2.1 rel=nofollow>2.2.1</a> - 2020-11-18 </h2> <h3 class=svelte-1l9130h>Changed </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06><a href=https://illright.github.io/attractions/docs/components/dropdown-shell rel=nofollow><code>&lt;DropdownShell></code></a>: Now closes the dropdown when pressing <kbd>Enter</kbd> or <kbd>Escape</kbd> buttons. </li> <li class=svelte-puza06><a href=https://illright.github.io/attractions/docs/components/time-picker rel=nofollow><code>&lt;TimePicker></code></a>: The currently selected value will now be highlighted in the dropdown. Labels are customizable as slots. </li> </ul> <p class=svelte-d09q45>(Thanks to <a href=https://github.com/RikuVan rel=nofollow>@RikuVan</a> for these 2 contributions – <a href=https://github.com/illright/attractions/pull/150 rel=nofollow>#150</a>) </p> <h2 class=svelte-eaesr4><a href=https://github.com/illright/attractions/releases/tag/v2.2.0 rel=nofollow>2.2.0</a> - 2020-11-10 </h2> <h3 class=svelte-1l9130h>Added </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>All components are now registered as <code>customElements</code> as well, meaning that they can be used without Svelte (or any framework). This does not affect any existing usage. More information in <a href=https://illright.github.io/attractions/docs/custom-elements rel=nofollow>the docs</a>. </li> </ul> <h3 class=svelte-1l9130h>Changed </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>The <a href=https://github.com/illright/attractions/blob/master/attractions/button/button.svelte rel=nofollow><code>&lt;Button></code></a>'s <code>click</code> event was being forwarded directly instead of the payload being wrapped as with other events. This is changed for consistency. </li> <li class=svelte-puza06>Updated PostCSS peer dependency to support newer versions. </li> </ul> <h2 class=svelte-eaesr4><a href=https://github.com/illright/attractions/releases/tag/v2.1.1 rel=nofollow>2.1.1</a> - 2020-09-02 </h2> <p class=svelte-d09q45>Minor documentation and bug fixes. </p> <h3 class=svelte-1l9130h>Added </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06><a href=https://github.com/illright/attractions/blob/master/attractions/tab/tab.svelte rel=nofollow><code>&lt;Tab></code></a>s now also dispatch <code>click</code> event. </li> </ul> <h3 class=svelte-1l9130h>Fixed </h3> <ul class=svelte-zjwdhv><li class=svelte-puza06>Mobile navigation in documentation ("Components" tab dropdown now works as expected). </li> <li class=svelte-puza06>Styles now load properly when navigating directly to a page in the docs (without passing through the main page first). </li> <li class=svelte-puza06>The <code>DatePicker</code> now loses focus properly. </li> </ul> <h2 class=svelte-eaesr4><a href=https://github.com/illright/attractions/releases/tag/v2.1.0 rel=nofollow>2.1.0</a> - 2020-08-21 </h2> <p class=svelte-d09q45>First stable release with proper documentation. Previous, undocumented, releases can be found in <a href=https://github.com/illright/attractions/releases rel=nofollow>the releases section</a>. </p> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/accordion-section/index.html b/376/docs/components/accordion-section/index.html
new file mode 100644
index 000000000..55031f95a
--- /dev/null
+++ b/376/docs/components/accordion-section/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}[slot=showcase].svelte-bic265{display:flex;padding:1em}[slot=showcase].svelte-bic265 .accordion section{padding:.5em;text-align:center}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>AccordionSection – Attractions</title><meta content="AccordionSection – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/accordion-section.f50fee33.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/accordion-section.3cf8ee10.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/ChevronDownIcon.fcf5cd50.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/accordion-section-0252b389.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style><link href=/attractions/376/client/accordion-section-b4845174.css rel=preload as=style></head> <body> <header class="svelte-z153he padded"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>AccordionSection </h1> <p class=svelte-d09q45>The panel to be used inside an Accordion. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=svelte-bic265 slot=showcase><ul class="accordion svelte-1mw2pgr"><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>open first panel <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg></button></div></li> <section class=svelte-16quehj>First panel </section> <li class="svelte-16quehj panel"> <button class="btn svelte-2r4z0x" type=button>just text is enough</button> </li> <section class=svelte-16quehj>Second panel </section> </ul></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Accordion</span> <span class="token attr-name"><span class="token namespace">let:</span>closeOtherPanels</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AccordionSection</span> <span class="token attr-name"><span class="token namespace">on:</span>panel-open=</span><span class="token language-javascript"><span class="token punctuation">{</span>closeOtherPanels<span class="token punctuation">}</span></span> <span class="token attr-name"><span class="token namespace">let:</span>toggle</span><span class="token punctuation">></span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>handle<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
+      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">{</span>toggle<span class="token punctuation">}</span></span><span class="token punctuation">></span></span>
+        open first panel
+        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ChevronDownIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>20<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml accordion-chevron<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
+      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
+    First panel
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>AccordionSection</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AccordionSection</span>
+    <span class="token attr-name"><span class="token namespace">on:</span>panel-open=</span><span class="token language-javascript"><span class="token punctuation">{</span>closeOtherPanels<span class="token punctuation">}</span></span>
+    <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>just text is enough<span class="token punctuation">"</span></span>
+  <span class="token punctuation">></span></span>
+    Second panel
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>AccordionSection</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Accordion</span><span class="token punctuation">></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>label</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The label text to use on the button that toggles the section. <br> Not used if the <code>handle</code> slot is provided. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>open</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>The state of the section: opened or closed. </td> </tbody> </table> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;AccordionSection></code> components use the <code>.panel</code> class for the handle and the <code>section</code> tag for the hidden content. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the handle. </td> </tbody> </table> <mark>Bonus</mark>: use the `.accordion-chevron` class for the chevrons on the handle to get a nice rotation animation (see showcase). <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>panel-open</code></strong> </td> <td class=svelte-2jo25p><code>{ close(), toggle() }</code> </td> <td class=svelte-2jo25p>Fired when the panel is opened. The detail object contains callbacks to close and toggle the panel respectively. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>panel-close</code></strong> </td> <td class=svelte-2jo25p><code>{ close(), toggle() }</code> </td> <td class=svelte-2jo25p>Fired when the panel is closed. The detail object contains callbacks to close and toggle the panel respectively. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Default slot </h3> <p class=svelte-d09q45>The content of the AccordionSection, initially hidden. </p> <h3 class=svelte-1l9130h><code>handle</code> slot </h3> <p class=svelte-d09q45>The handle used for opening the hidden content. By default it contains a Button with the text taken from the <code>label</code> prop. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Prop Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>toggle</code></strong> </td> <td class=svelte-2jo25p><code>Function</code> </td> <td class=svelte-2jo25p>A callback to toggle the open state of the current panel. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The color and hover background of the section handle. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The font of the section handle. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$button-radius</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The curvature radius of the section handle. </td> <td class=svelte-2jo25p><code>1.5625em</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$bold-font-weight</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The font weight of the section handle. </td> <td class=svelte-2jo25p><code>500</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/accordion/index.html b/376/docs/components/accordion/index.html
new file mode 100644
index 000000000..b07e08faa
--- /dev/null
+++ b/376/docs/components/accordion/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}[slot=showcase].svelte-bic265{display:flex;padding:1em}[slot=showcase].svelte-bic265 .accordion section{padding:.5em;text-align:center}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}</style> <title>Accordion – Attractions</title><meta content="Accordion – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/accordion.0425a0fb.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/accordion-section.3cf8ee10.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/ChevronDownIcon.fcf5cd50.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/accordion-section-0252b389.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style><link href=/attractions/376/client/accordion-b4845174.css rel=preload as=style></head> <body> <header class="svelte-z153he padded"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Accordion </h1> <p class=svelte-d09q45>A controller for multiple collapsible elements, allowing either one open panel at a time or infinite. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/accordion-section class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>AccordionSection</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=svelte-bic265 slot=showcase><ul class="accordion svelte-1mw2pgr"><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>open panel 0 <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj>Content of panel 0 </section><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>open panel 1 <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj>Content of panel 1 </section><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>open panel 2 <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj>Content of panel 2 </section><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>open panel 3 <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj>Content of panel 3 </section><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>open panel 4 <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj>Content of panel 4 </section> </ul></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Accordion</span> <span class="token attr-name"><span class="token namespace">let:</span>closeOtherPanels</span><span class="token punctuation">></span></span>
+  <span class="token each"><span class="token punctuation">{</span><span class="token keyword">#each</span> <span class="token language-javascript"><span class="token punctuation">[</span><span class="token number">0</span><span class="token punctuation">,</span> <span class="token number">1</span><span class="token punctuation">,</span> <span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">,</span> <span class="token number">4</span><span class="token punctuation">]</span> </span><span class="token keyword">as</span> <span class="token language-javascript">idx<span class="token punctuation">}</span></span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AccordionSection</span> <span class="token attr-name"><span class="token namespace">on:</span>panel-open=</span><span class="token language-javascript"><span class="token punctuation">{</span>closeOtherPanels<span class="token punctuation">}</span></span><span class="token punctuation">></span></span>
+      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>handle<span class="token punctuation">"</span></span> <span class="token attr-name"><span class="token namespace">let:</span>toggle</span><span class="token punctuation">></span></span>
+        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">{</span>toggle<span class="token punctuation">}</span></span><span class="token punctuation">></span></span>
+          open panel <span class="token language-javascript"><span class="token punctuation">{</span>idx<span class="token punctuation">}</span></span>
+          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ChevronDownIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>20<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml accordion-chevron<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
+        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
+      Content of panel <span class="token language-javascript"><span class="token punctuation">{</span>idx<span class="token punctuation">}</span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>AccordionSection</span><span class="token punctuation">></span></span>
+  <span class="token each"><span class="token punctuation">{</span><span class="token keyword">/each</span><span class="token punctuation">}</span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Accordion</span><span class="token punctuation">></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>multiple</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Setting this to <code>true</code> allows multiple panels to be open at the same time. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything else will be passed to the underlying <code>&lt;ul></code> element. </td> </tbody> </table> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;Accordion></code> components use the <code>.accordion</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Default slot </h3> <p class=svelte-d09q45>The content of the Accordion. Pass one or more <a href=./docs/components/accordion-section><mark><code>AccordionSection</code></mark></a> components or something miscellaneous. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Prop Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>closeOtherPanels</code></strong> </td> <td class=svelte-2jo25p><code>Function</code> </td> <td class=svelte-2jo25p>A callback to force-close all panels except for the calling one. </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/autocomplete-field/index.html b/376/docs/components/autocomplete-field/index.html
new file mode 100644
index 000000000..dd949b470
--- /dev/null
+++ b/376/docs/components/autocomplete-field/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}[slot=showcase].svelte-1akyzr0{min-height:10em;padding:1em}[slot=showcase].svelte-1akyzr0 .autocomplete{max-width:20em}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.shown-on-focus.svelte-1lud1my.svelte-1lud1my{display:flex;justify-content:center}.shown-on-focus.svelte-1lud1my>.btn{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px;margin:.5em}.shown-on-focus.svelte-1lud1my>.btn:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.notice.svelte-1lud1my.svelte-1lud1my{font-size:.9em;font-weight:300;margin:.5em}input.svelte-1lud1my+.dropdown{border-radius:.5em;overflow:hidden}.options-list.svelte-1lud1my.svelte-1lud1my{margin:0;max-height:15em;overflow-y:scroll;overscroll-behavior:none;padding:0}.options-list.svelte-1lud1my.svelte-1lud1my::-webkit-scrollbar{background:0 0;height:.5em;margin:1em 0;width:.3125em}.options-list.svelte-1lud1my.svelte-1lud1my::-webkit-scrollbar-thumb{background:#ddd;border-radius:.3125em}.options-list.svelte-1lud1my.svelte-1lud1my::-webkit-scrollbar-thumb:hover{background:#c7c7c7}.options-list.svelte-1lud1my .loading-options.svelte-1lud1my{align-items:center;display:flex;font-size:.95em;margin:.5em 1.2em}.options-list.svelte-1lud1my .loading-options.svelte-1lud1my .spinner{margin:.3em .7em .3em 0}.options-list.svelte-1lud1my .more-options.svelte-1lud1my{list-style:none;margin-left:.5em;margin-right:.5em}.options-list.svelte-1lud1my .more-options.svelte-1lud1my svg{margin-right:.5em}.options-list.svelte-1lud1my li:first-child{margin-top:.5em}.options-list.svelte-1lud1my li:last-child{margin-bottom:.5em}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>AutocompleteField – Attractions</title><meta content="AutocompleteField – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/autocomplete-field.f6b367d4.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/autocomplete-field.a5079849.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/dropdown.68df1ffe.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/loading.1713184d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/autocomplete-option.310b3623.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/plural-s.31bb9da9.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/dropdown-bd15e717.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/loading-0b856d23.css rel=preload as=style><link href=/attractions/376/client/autocomplete-option-c8b73499.css rel=preload as=style><link href=/attractions/376/client/autocomplete-field-e04fe3a8.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style><link href=/attractions/376/client/autocomplete-field-a7e9e263.css rel=preload as=style></head> <body> <header class="svelte-z153he padded"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>AutocompleteField </h1> <p class=svelte-d09q45>A plain unstyled input element with a dropdown for suggestions. </p> <p class=svelte-d09q45>The <a href=./docs/components/autocomplete><mark><code>Autocomplete</code></mark></a> component uses it to provide a full-featured autocomplete solution with chips for selection, it may be better if you don't intend to display the selection on your own. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete</a> </div><div class="card svelte-1bts72l"><a href=./docs/components/autocomplete-option class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>AutocompleteOption</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=svelte-1akyzr0 slot=showcase> <div class="dropdown-shell svelte-1j957tq autocomplete-field"><input class=svelte-1lud1my value=""> <div class="dropdown svelte-1fhqrqw"><div class="svelte-1lud1my shown-on-focus"><button class="btn svelte-2r4z0x" type=button>close the options</button></div> <div class="svelte-1lud1my notice">Type 3 characters to search </div> </div> </div> <pre>[]</pre></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
+  <span class="token keyword">async</span> <span class="token keyword">function</span><span class="token operator">*</span> <span class="token function">getOptions</span><span class="token punctuation">(</span><span class="token parameter">text</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
+    <span class="token keyword">await</span> <span class="token function">sleep</span><span class="token punctuation">(</span><span class="token number">1000</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+    <span class="token keyword">yield</span> <span class="token punctuation">[</span>
+      <span class="token punctuation">{</span> <span class="token literal-property property">name</span><span class="token operator">:</span> text<span class="token punctuation">,</span> <span class="token literal-property property">details</span><span class="token operator">:</span> <span class="token string">'Optional'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+      <span class="token punctuation">{</span> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token template-string"><span class="token string template-punctuation">`</span><span class="token string">it highlights the match: </span><span class="token interpolation"><span class="token punctuation interpolation-punctuation">${</span>text<span class="token punctuation interpolation-punctuation">}</span></span><span class="token string template-punctuation">`</span></span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">]</span><span class="token punctuation">;</span>
+  <span class="token punctuation">}</span>
+
+  <span class="token keyword">let</span> selection <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
+</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AutocompleteField</span> <span class="token language-javascript"><span class="token punctuation">{</span>getOptions<span class="token punctuation">}</span></span> <span class="token attr-name"><span class="token namespace">bind:</span>selection</span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>pre</span><span class="token punctuation">></span></span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">stringify</span><span class="token punctuation">(</span>selection<span class="token punctuation">,</span> <span class="token keyword">null</span><span class="token punctuation">,</span> <span class="token number">2</span><span class="token punctuation">)</span><span class="token punctuation">}</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>pre</span><span class="token punctuation">></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>getOptions</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>async function*</code> </td> <td class=svelte-2jo25p>An async generator of suggestions. <br> Receives the input from the text field and is expected to yield promises that resolve to arrays of objects <code>{ name, details }</code>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>selection</code></strong> </td> <td class=svelte-2jo25p><code>[]</code> </td> <td class=svelte-2jo25p><code>Array</code> </td> <td class=svelte-2jo25p>The current selection as an array of objects <code>{ name, details }</code>. <br> Can be used to set the selection programmatically. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>minSearchLength</code></strong> </td> <td class=svelte-2jo25p><code>3</code> </td> <td class=svelte-2jo25p><code>number</code> </td> <td class=svelte-2jo25p>The minimum amount of characters to call <mark><code>getOptions</code></mark>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>maxOptions</code></strong> </td> <td class=svelte-2jo25p><code>Infinity</code> </td> <td class=svelte-2jo25p><code>number</code> </td> <td class=svelte-2jo25p>The maximum amount of options than can be selected. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>searchQuery</code></strong> </td> <td class=svelte-2jo25p><code>''</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The current value of the text field. Can be used to control the query programmatically. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>optionComponent</code></strong> </td> <td class=svelte-2jo25p><a href=./docs/components/autocomplete-option><mark><code>AutocompleteOption</code></mark></a> </td> <td class=svelte-2jo25p>Svelte component </td> <td class=svelte-2jo25p>The component used to render a suggestion in the list. <br> Receives two props: the <code>option</code> object (<code>{ name, details }</code>) and the current <code>query</code>. <br> Expected to dispatch <code>click</code> events on selection. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>focus</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Allows to programmatically control whether the suggestions dropdown is shown. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>disabled</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Whether to disable the field. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything else will be passed to the underlying <code>&lt;input></code> element. </td> </tbody> </table> <div class=required>* Required</div> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;AutocompleteField></code> components use the <code>.autocomplete-field</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>change</code></strong> </td> <td class=svelte-2jo25p><code>{ value }</code> </td> <td class=svelte-2jo25p>Fired when the selection changes. The <code>value</code> contains the selection array. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <h3 class=svelte-1l9130h><code>too-many-options</code> slot </h3> <p class=svelte-d09q45>The message to show in the dropdown when the maximum amount of selected options has been reached. </p> <h3 class=svelte-1l9130h><code>not-enough-input</code> slot </h3> <p class=svelte-d09q45>The message to show in the dropdown when the minimum amount of characters to type for searching hasn't been reached. </p> <h3 class=svelte-1l9130h><code>loading-options</code> slot </h3> <p class=svelte-d09q45>The loading state of the dropdown while the next promise with suggestions is resolving. </p> <h3 class=svelte-1l9130h><code>more-options</code> slot </h3> <p class=svelte-d09q45>The element to display at the end of a list to trigger the option generator. Defaults to a button equipped with an <code>IntersectionObserver</code> to trigger the generator whenever it scrolls into view. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Prop Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>loadMoreOptions</code></strong> </td> <td class=svelte-2jo25p><code>Function</code> </td> <td class=svelte-2jo25p>A callback to trigger the option generator. </td> </tbody> </table> <h3 class=svelte-1l9130h><code>close-message</code> slot </h3> <p class=svelte-d09q45>Use this slot to translate the "close the options" message that appears when tabbing into the dropdown of options. </p> <h3 class=svelte-1l9130h><code>loading-message</code> slot </h3> <p class=svelte-d09q45>Use this slot to translate the "loading" message that appears while the options are loading. </p> <h3 class=svelte-1l9130h><code>load-more-options-message</code> slot </h3> <p class=svelte-d09q45>Use this slot to translate the "load more options" message that appears when you scroll to the bottom of the list of options before the infinite scroll triggers loading itself. </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$light-contrast</code></strong> </td> <td class=svelte-2jo25p>The color of the scrollbar on WebKit browsers. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#ddd></div> #DDDDDD </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$thin-font-weight</code></strong> </td> <td class=svelte-2jo25p>The thin font weight of the status messages like 'type X characters to search'. </td> <td class=svelte-2jo25p><code>300</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> <small>From <a href=./docs/components/autocomplete-option><code>AutocompleteOption</code></a></small> </td> <td class=svelte-2jo25p>The background color on hover and the color of the highlight in the options. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> <small>From <a href=./docs/components/autocomplete-option><code>AutocompleteOption</code></a></small> </td> <td class=svelte-2jo25p>The font of the autocomplete options. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$bold-font-weight</code></strong> <small>From <a href=./docs/components/autocomplete-option><code>AutocompleteOption</code></a></small> </td> <td class=svelte-2jo25p>The bold font weight to emphasize the highight in the options. </td> <td class=svelte-2jo25p><code>500</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The font of the buttons used for dismissing focus and loading more options. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$button-radius</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The curvature radius of buttons used for dismissing focus and loading more options. </td> <td class=svelte-2jo25p><code>1.5625em</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/autocomplete-option/index.html b/376/docs/components/autocomplete-option/index.html
new file mode 100644
index 000000000..b135bb9f7
--- /dev/null
+++ b/376/docs/components/autocomplete-option/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}li.svelte-sb12q7.svelte-sb12q7{list-style:none}button.svelte-sb12q7.svelte-sb12q7{background:0 0;border:0;cursor:pointer;font-family:Ubuntu,sans-serif;font-size:1em;outline:0;padding:.7em 1.2em;text-align:left;width:100%}button.svelte-sb12q7 .subtext.svelte-sb12q7{font-size:.95em;font-weight:300;margin-top:.2em}button.svelte-sb12q7.svelte-sb12q7:hover{background:rgba(67,0,176,.05)}button.svelte-sb12q7.svelte-sb12q7:focus{background:rgba(67,0,176,.075)}button.svelte-sb12q7 mark.svelte-sb12q7{background:0 0;color:#4300b0;font-weight:500}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>AutocompleteOption – Attractions</title><meta content="AutocompleteOption – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/autocomplete-option.3b716a81.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/autocomplete-option.310b3623.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/autocomplete-option-c8b73499.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>AutocompleteOption </h1> <p class=svelte-d09q45>A list item representing an autocomplete suggestion. </p> <p class=svelte-d09q45>It's unlikely that this component will be used by itself, but it is a part of the larger <a href=./docs/components/autocomplete><mark><code>Autocomplete</code></mark></a> component. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete</a> </div><div class="card svelte-1bts72l"><a href=./docs/components/autocomplete-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>AutocompleteField</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase> <li class=svelte-sb12q7><button class=svelte-sb12q7 type=button>Test Op<mark class=svelte-sb12q7>tio</mark>n <div class="svelte-sb12q7 subtext">Descrip<mark class=svelte-sb12q7>tio</mark>n</div></button> </li> <li class=svelte-sb12q7><button class=svelte-sb12q7 type=button>Another One <div class="svelte-sb12q7 subtext">Different</div></button> </li> <li class=svelte-sb12q7><button class=svelte-sb12q7 type=button>No Descrip<mark class=svelte-sb12q7>tio</mark>n </button> </div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
+  <span class="token keyword">const</span> options <span class="token operator">=</span> <span class="token punctuation">[</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">'Test Option'</span><span class="token punctuation">,</span> <span class="token literal-property property">details</span><span class="token operator">:</span> <span class="token string">'Description'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">'Another One'</span><span class="token punctuation">,</span> <span class="token literal-property property">details</span><span class="token operator">:</span> <span class="token string">'Different'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">'No Description'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+  <span class="token punctuation">]</span><span class="token punctuation">;</span>
+</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
+
+<span class="token each"><span class="token punctuation">{</span><span class="token keyword">#each</span> <span class="token language-javascript">options </span><span class="token keyword">as</span> <span class="token language-javascript">option<span class="token punctuation">}</span></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AutocompleteOption</span> <span class="token language-javascript"><span class="token punctuation">{</span>option<span class="token punctuation">}</span></span> <span class="token attr-name">query</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>tio<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
+<span class="token each"><span class="token punctuation">{</span><span class="token keyword">/each</span><span class="token punctuation">}</span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>option</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>Object</code> </td> <td class=svelte-2jo25p>The option object, containing a <code>name</code> field and, optionally, a <code>details</code> field, both strings. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>query</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The substring to seek out and highlight among the name and the details. </td> </tbody> </table> <div class=required>* Required</div> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>click</code></strong> </td> <td class=svelte-2jo25p><code>{ nativeEvent }</code> </td> <td class=svelte-2jo25p>Fired when the element is clicked. A necessary part of conforming to the <a href=./docs/components/autocomplete-field><mark><code>AutocompleteField</code></mark>'s</a> interface. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>The background color on hover and the color of the highlight. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> </td> <td class=svelte-2jo25p>The font of the component. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$thin-font-weight</code></strong> </td> <td class=svelte-2jo25p>The thin font weight to differentiate the details from the name. </td> <td class=svelte-2jo25p><code>300</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$bold-font-weight</code></strong> </td> <td class=svelte-2jo25p>The bold font weight to emphasize the highight. </td> <td class=svelte-2jo25p><code>500</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/autocomplete/index.html b/376/docs/components/autocomplete/index.html
new file mode 100644
index 000000000..87a96683c
--- /dev/null
+++ b/376/docs/components/autocomplete/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}[slot=showcase].svelte-1akyzr0{min-height:10em;padding:1em}[slot=showcase].svelte-1akyzr0 .autocomplete{max-width:20em}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.autocomplete.svelte-1b94m2{background-color:#f5f5f5;border:0 solid rgba(0,0,0,.42);border-bottom-width:.0625em;border-top-left-radius:.375em;border-top-right-radius:.375em;box-sizing:border-box;padding:0 .625em .0625em;width:100%;align-items:center;display:flex;flex-wrap:wrap;padding-top:.25em}.autocomplete.svelte-1b94m2:hover{background-color:#eee}.autocomplete.focus.svelte-1b94m2{background-color:#e1e1e1;border-bottom-width:.125em;border-color:#4800bd;padding-bottom:0}.autocomplete.disabled.svelte-1b94m2{background-color:#f7f7f7;border-color:rgba(51,51,51,.3);color:#888}.autocomplete.disabled.svelte-1b94m2:hover{background-color:#f7f7f7}.autocomplete.svelte-1b94m2 .autocomplete-field{flex:1}.autocomplete.svelte-1b94m2 .autocomplete-field input{font-family:Ubuntu,sans-serif;font-size:1rem;font-weight:300;height:2.8em;outline:0;background:0 0;border:0;min-width:13em;width:100%}.autocomplete.svelte-1b94m2 .chip.no-padding{align-items:center;display:flex;font-size:.95em;margin:.2em .4em .2em 0;padding-left:.7em}.autocomplete.svelte-1b94m2 .chip.no-padding .btn{margin-left:.3em}.autocomplete.svelte-1b94m2 .chip.no-padding svg{height:1.2em;width:1.2em}.notice.svelte-1b94m2{font-size:.9em;font-weight:300;margin:.5em}.loading-options.svelte-1b94m2{align-items:center;display:flex;font-size:.95em;margin:.5em 1.2em}.loading-options.svelte-1b94m2 .spinner{margin:.3em .7em .3em 0}.more-options.svelte-1b94m2{list-style:none;margin-left:.5em;margin-right:.5em}.more-options.svelte-1b94m2 svg{margin-right:.5em}.shown-on-focus.svelte-1lud1my.svelte-1lud1my{display:flex;justify-content:center}.shown-on-focus.svelte-1lud1my>.btn{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px;margin:.5em}.shown-on-focus.svelte-1lud1my>.btn:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.notice.svelte-1lud1my.svelte-1lud1my{font-size:.9em;font-weight:300;margin:.5em}input.svelte-1lud1my+.dropdown{border-radius:.5em;overflow:hidden}.options-list.svelte-1lud1my.svelte-1lud1my{margin:0;max-height:15em;overflow-y:scroll;overscroll-behavior:none;padding:0}.options-list.svelte-1lud1my.svelte-1lud1my::-webkit-scrollbar{background:0 0;height:.5em;margin:1em 0;width:.3125em}.options-list.svelte-1lud1my.svelte-1lud1my::-webkit-scrollbar-thumb{background:#ddd;border-radius:.3125em}.options-list.svelte-1lud1my.svelte-1lud1my::-webkit-scrollbar-thumb:hover{background:#c7c7c7}.options-list.svelte-1lud1my .loading-options.svelte-1lud1my{align-items:center;display:flex;font-size:.95em;margin:.5em 1.2em}.options-list.svelte-1lud1my .loading-options.svelte-1lud1my .spinner{margin:.3em .7em .3em 0}.options-list.svelte-1lud1my .more-options.svelte-1lud1my{list-style:none;margin-left:.5em;margin-right:.5em}.options-list.svelte-1lud1my .more-options.svelte-1lud1my svg{margin-right:.5em}.options-list.svelte-1lud1my li:first-child{margin-top:.5em}.options-list.svelte-1lud1my li:last-child{margin-bottom:.5em}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>Autocomplete – Attractions</title><meta content="Autocomplete – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/autocomplete.3d85732e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/autocomplete.c0ec5df7.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/chip.863185cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/autocomplete-field.a5079849.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/dropdown.68df1ffe.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/loading.1713184d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/autocomplete-option.310b3623.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/plural-s.31bb9da9.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/x.a2bf5f48.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/chip-f8706e31.css rel=preload as=style><link href=/attractions/376/client/dropdown-bd15e717.css rel=preload as=style><link href=/attractions/376/client/loading-0b856d23.css rel=preload as=style><link href=/attractions/376/client/autocomplete-option-c8b73499.css rel=preload as=style><link href=/attractions/376/client/autocomplete-field-e04fe3a8.css rel=preload as=style><link href=/attractions/376/client/autocomplete-f5c17156.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style><link href=/attractions/376/client/autocomplete-a7e9e263.css rel=preload as=style></head> <body> <header class="svelte-z153he padded"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Autocomplete </h1> <p class=svelte-d09q45>A text field suggesting options to select. </p> <p class=svelte-d09q45>Builds upon the <a href=./docs/components/autocomplete-field><mark><code>AutocompleteField</code></mark></a>, prefer that instead if you need more customization freedom. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/autocomplete-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>AutocompleteField</a> </div><div class="card svelte-1bts72l"><a href=./docs/components/autocomplete-option class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>AutocompleteOption</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=svelte-1akyzr0 slot=showcase><div class="svelte-1b94m2 autocomplete"> <div class="dropdown-shell svelte-1j957tq autocomplete-field"><input class=svelte-1lud1my value=""> <div class="dropdown svelte-1fhqrqw"><div class="svelte-1lud1my shown-on-focus"><button class="btn svelte-2r4z0x" type=button>close the options</button></div> <div class="svelte-1b94m2 notice">Type 3 characters to search </div> </div> </div> </div></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
+  <span class="token keyword">async</span> <span class="token keyword">function</span><span class="token operator">*</span> <span class="token function">getOptions</span><span class="token punctuation">(</span><span class="token parameter">text</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
+    <span class="token keyword">await</span> <span class="token function">sleep</span><span class="token punctuation">(</span><span class="token number">1000</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+    <span class="token keyword">yield</span> <span class="token punctuation">[</span>
+      <span class="token punctuation">{</span> <span class="token literal-property property">name</span><span class="token operator">:</span> text<span class="token punctuation">,</span> <span class="token literal-property property">details</span><span class="token operator">:</span> <span class="token string">'Optional'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+      <span class="token punctuation">{</span> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token template-string"><span class="token string template-punctuation">`</span><span class="token string">it highlights the match: </span><span class="token interpolation"><span class="token punctuation interpolation-punctuation">${</span>text<span class="token punctuation interpolation-punctuation">}</span></span><span class="token string template-punctuation">`</span></span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">]</span><span class="token punctuation">;</span>
+  <span class="token punctuation">}</span>
+</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Autocomplete</span> <span class="token language-javascript"><span class="token punctuation">{</span>getOptions<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>getOptions</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>async function*</code> </td> <td class=svelte-2jo25p>An async generator of suggestions. <br> Receives the input from the text field and is expected to yield promises that resolve to arrays of objects <code>{ name, details }</code>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>selection</code></strong> </td> <td class=svelte-2jo25p><code>[]</code> </td> <td class=svelte-2jo25p><code>Array</code> </td> <td class=svelte-2jo25p>The current selection as an array of objects <code>{ name, details }</code>. <br> Can be used to set the selection programmatically. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>minSearchLength</code></strong> </td> <td class=svelte-2jo25p><code>3</code> </td> <td class=svelte-2jo25p><code>number</code> </td> <td class=svelte-2jo25p>The minimum amount of characters to call <mark><code>getOptions</code></mark>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>maxOptions</code></strong> </td> <td class=svelte-2jo25p><code>Infinity</code> </td> <td class=svelte-2jo25p><code>number</code> </td> <td class=svelte-2jo25p>The maximum amount of options than can be selected. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>searchQuery</code></strong> </td> <td class=svelte-2jo25p><code>''</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The current value of the text field. Can be used to control the query programmatically. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>optionComponent</code></strong> </td> <td class=svelte-2jo25p><a href=./docs/components/autocomplete-option><mark><code>AutocompleteOption</code></mark></a> </td> <td class=svelte-2jo25p>Svelte component </td> <td class=svelte-2jo25p>The component used to render a suggestion in the list. <br> Receives two props: the <code>option</code> object (<code>{ name, details }</code>) and the current <code>query</code>. <br> Expected to dispatch <code>click</code> events on selection. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>disabled</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Whether to disable the field. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything else will be passed to the underlying <code>&lt;AutocompleteField></code> component. </td> </tbody> </table> <div class=required>* Required</div> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;Autocomplete></code> components use the <code>.autocomplete</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>change</code></strong> </td> <td class=svelte-2jo25p><code>{ value }</code> </td> <td class=svelte-2jo25p>Fired when the selection changes. The <code>value</code> contains the selection array. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <p class=svelte-d09q45>All slots of <a href=./docs/components/autocomplete-field#slots><mark><code>AutocompleteField</code></mark></a> are available here with the same names. </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>The bottom border color of the selected text field and the highlight color in options. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> </td> <td class=svelte-2jo25p>The font of the text field's content and the options. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$textfield-border</code></strong> </td> <td class=svelte-2jo25p>The bottom border color of the unselected text field. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:rgba(0,0,0,.42)></div> rgba(0, 0, 0, .42) </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$textfield-bg</code></strong> </td> <td class=svelte-2jo25p>The background color of the text field. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color bordered" style=background:#f5f5f5></div> #F5F5F5 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$light-contrast</code></strong> <small>From <a href=./docs/components/autocomplete-field><code>AutocompleteField</code></a></small> </td> <td class=svelte-2jo25p>The color of the scrollbar on WebKit browsers. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#ddd></div> #DDDDDD </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$thin-font-weight</code></strong> <small>From <a href=./docs/components/autocomplete-field><code>AutocompleteField</code></a></small> </td> <td class=svelte-2jo25p>The thin font weight of the status messages like 'type X characters to search'. </td> <td class=svelte-2jo25p><code>300</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$bold-font-weight</code></strong> <small>From <a href=./docs/components/autocomplete-option><code>AutocompleteOption</code></a></small> </td> <td class=svelte-2jo25p>The bold font weight to emphasize the highight in the options. </td> <td class=svelte-2jo25p><code>500</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$chip-bg</code></strong> <small>From <a href=./docs/components/chip><code>Chip</code></a></small> </td> <td class=svelte-2jo25p>The background color of a non-outline chip. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:rgba(0,0,0,.08)></div> rgba(0, 0, 0, .08) </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$chip-fg</code></strong> <small>From <a href=./docs/components/chip><code>Chip</code></a></small> </td> <td class=svelte-2jo25p>The text color of a chip. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#656565></div> #656565 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$chip-radius</code></strong> <small>From <a href=./docs/components/chip><code>Chip</code></a></small> </td> <td class=svelte-2jo25p>The curvature radius of a chip. </td> <td class=svelte-2jo25p><code>1.5625em</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$dark</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The color of the Xs on the option chips. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#333></div> #333333 </div> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/badge/index.html b/376/docs/components/badge/index.html
new file mode 100644
index 000000000..68816c719
--- /dev/null
+++ b/376/docs/components/badge/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.badge.svelte-15lz037{position:relative}.badge.svelte-15lz037::after{background-color:#ff5757;border-radius:50%;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);content:"";height:.625em;position:absolute;right:-.125em;top:-.1875em;width:.625em}.badge.hidden.svelte-15lz037::after{display:none}.badge.svelte-15lz037 .icon{display:block}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-1y2m3b2{align-items:center;background:#fff;border-radius:.25em;display:flex;font-size:.8em;font-weight:300;justify-content:center;padding:.25em .5em;width:5em}.value-popover.svelte-1y2m3b2{background:#fff;border-radius:.5em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);color:#333;font-family:"Roboto Mono",monospace;margin-right:.25em;padding:.5em;white-space:pre}.popover-container.svelte-d7tcpu.svelte-d7tcpu{position:relative}.popover-container.svelte-d7tcpu>.popover.svelte-d7tcpu{display:none;position:absolute}.popover-container.svelte-d7tcpu>.popover.top.svelte-d7tcpu{left:50%;top:0;transform:translate(-50%,-100%)}.popover-container.svelte-d7tcpu>.popover.bottom.svelte-d7tcpu{bottom:0;left:50%;transform:translate(-50%,100%)}.popover-container.svelte-d7tcpu>.popover.left.svelte-d7tcpu{bottom:50%;left:0;transform:translate(-100%,50%)}.popover-container.svelte-d7tcpu>.popover.right.svelte-d7tcpu{bottom:50%;right:0;transform:translate(100%,50%)}.popover-container.svelte-d7tcpu:hover>.popover.svelte-d7tcpu{display:block}.popover-container.svelte-d7tcpu:focus-within>.popover.svelte-d7tcpu{display:block}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>Badge – Attractions</title><meta content="Badge – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/badge.8f22ec2e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/badge.2444c261.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/shadow-preview.f1e703b1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/popover.156a947e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/badge-bdbb1862.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/popover-1d6d4d80.css rel=preload as=style><link href=/attractions/376/client/shadow-preview-8f373d1e.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a class="svelte-z153he logo" href=./ ><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a class="btn svelte-2r4z0x round small" href=/docs rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a class="btn svelte-2r4z0x round" href=https://github.com/illright/attractions rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a class="btn svelte-2r4z0x" href=./docs/changelog rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a class="btn svelte-2r4z0x" href=./docs/migration-guide rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a class="btn svelte-2r4z0x" href=./docs/installation rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a class="btn svelte-2r4z0x" href=./docs/theming rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a class="btn svelte-2r4z0x" href=./docs/components/accordion rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a class="btn svelte-2r4z0x" href=./docs/components/autocomplete rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a class="btn svelte-2r4z0x" href=./docs/components/badge rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a class="btn svelte-2r4z0x" href=./docs/components/breadcrumbs rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a class="btn svelte-2r4z0x" href=./docs/components/button rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a class="btn svelte-2r4z0x" href=./docs/components/card rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a class="btn svelte-2r4z0x" href=./docs/components/checkbox-group rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a class="btn svelte-2r4z0x" href=./docs/components/chip rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a class="btn svelte-2r4z0x" href=./docs/components/date-picker rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a class="btn svelte-2r4z0x" href=./docs/components/dialog rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a class="btn svelte-2r4z0x" href=./docs/components/divider rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a class="btn svelte-2r4z0x" href=./docs/components/dot rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a class="btn svelte-2r4z0x" href=./docs/components/dropdown rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a class="btn svelte-2r4z0x" href=./docs/components/file-dropzone rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a class="btn svelte-2r4z0x" href=./docs/components/file-input rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a class="btn svelte-2r4z0x" href=./docs/components/form-field rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a class="btn svelte-2r4z0x" href=./docs/components/loading rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a class="btn svelte-2r4z0x" href=./docs/components/modal rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a class="btn svelte-2r4z0x" href=./docs/components/pagination rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a class="btn svelte-2r4z0x" href=./docs/components/popover rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a class="btn svelte-2r4z0x" href=./docs/components/radio-group rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a class="btn svelte-2r4z0x" href=./docs/components/slider rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a class="btn svelte-2r4z0x" href=./docs/components/snackbar-container rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a class="btn svelte-2r4z0x" href=./docs/components/star-rating rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a class="btn svelte-2r4z0x" href=./docs/components/switch rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a class="btn svelte-2r4z0x" href=./docs/components/table rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a class="btn svelte-2r4z0x" href=./docs/components/tabs rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a class="btn svelte-2r4z0x" href=./docs/components/text-field rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a class="btn svelte-2r4z0x" href=./docs/components/time-picker rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a class="btn svelte-2r4z0x" href=./docs/components/typography rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a class="btn svelte-2r4z0x" href=./docs/utilities rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a class="btn svelte-2r4z0x" href=./docs/custom-elements rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Badge </h1> <p class=svelte-d09q45>A distinctive colored circle to bring attention to an element. </p> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase><div class="badge svelte-15lz037">used on some text </div> <button class="btn svelte-2r4z0x round" type=button><div class="badge svelte-15lz037"><svg class="feather feather-bell icon" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg> </div></button></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
+  <span class="token keyword">let</span> hidden <span class="token operator">=</span> <span class="token boolean">false</span><span class="token punctuation">;</span>
+</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Badge</span><span class="token punctuation">></span></span>used on some text<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Badge</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">round</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> hidden <span class="token operator">=</span> <span class="token operator">!</span>hidden<span class="token punctuation">}</span></span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Badge</span> <span class="token language-javascript"><span class="token punctuation">{</span>hidden<span class="token punctuation">}</span></span><span class="token punctuation">></span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>BellIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>20<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>icon<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Badge</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a class=ml href=#properties>#</a> </h2> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>hidden</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Whether the badge is shown or hidden. Useful for controlling its appearance without modifying the DOM tree. </td> </tbody> </table> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;Badge></code> components use the <code>.badge</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the handle. </td> </tbody> </table> <mark>Bonus</mark>: use the `.icon` class for the icons inside the badge to set `display: block` on them and avoid unexpected space at the bottom. <h2 class=svelte-eaesr4 id=slots>Slots <a class=ml href=#slots>#</a> </h2> <h3 class=svelte-1l9130h>Default slot </h3> <p class=svelte-d09q45>The element to attach a badge to. </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a class=ml href=#scss-variables>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$shadow-raised</code></strong> </td> <td class=svelte-2jo25p>The shadow of the badge. </td> <td class=svelte-2jo25p><div class="svelte-d7tcpu popover-container"><div class="preview svelte-1y2m3b2">hover me</div> <div class="svelte-d7tcpu left popover"><div class="svelte-1y2m3b2 value-popover" slot=popover-content>0 2px 4px -1px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);</div></div> </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$badge-default</code></strong> </td> <td class=svelte-2jo25p>The default color of the badge. </td> <td class=svelte-2jo25p><div class="preview svelte-oytuu9"><div class="svelte-oytuu9 color" style=background:#ff5757></div> #FF5757 </div> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/breadcrumbs/index.html b/376/docs/components/breadcrumbs/index.html
new file mode 100644
index 000000000..4a917e2a0
--- /dev/null
+++ b/376/docs/components/breadcrumbs/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.chip.svelte-oww5en{background:rgba(0,0,0,.08);border-radius:1.5625em;color:#656565;font-family:Ubuntu,sans-serif;font-weight:500;padding:.6em .9em}.chip.small.svelte-oww5en{font-size:.9rem;min-width:.9em;padding:.4em .6em;text-align:center}.chip.outline.svelte-oww5en{background:0 0;border:1px solid #4300b0}.chip.no-padding.svelte-oww5en{padding:0}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}</style> <title>Breadcrumbs – Attractions</title><meta content="Breadcrumbs – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/breadcrumbs.b7f0270a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/chip.863185cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/breadcrumbs.b0715397.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/HomeIcon.03d8e927.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/chip-f8706e31.css rel=preload as=style><link href=/attractions/376/client/breadcrumbs-c35afc8f.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a class="svelte-z153he logo" href=./ ><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a class="btn svelte-2r4z0x small round" href=/docs rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a class="btn svelte-2r4z0x round" href=https://github.com/illright/attractions rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a class="btn svelte-2r4z0x" href=./docs/changelog rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a class="btn svelte-2r4z0x" href=./docs/migration-guide rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a class="btn svelte-2r4z0x" href=./docs/installation rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a class="btn svelte-2r4z0x" href=./docs/theming rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a class="btn svelte-2r4z0x" href=./docs/components/accordion rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a class="btn svelte-2r4z0x" href=./docs/components/autocomplete rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a class="btn svelte-2r4z0x" href=./docs/components/badge rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a class="btn svelte-2r4z0x" href=./docs/components/breadcrumbs rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a class="btn svelte-2r4z0x" href=./docs/components/button rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a class="btn svelte-2r4z0x" href=./docs/components/card rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a class="btn svelte-2r4z0x" href=./docs/components/checkbox-group rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a class="btn svelte-2r4z0x" href=./docs/components/chip rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a class="btn svelte-2r4z0x" href=./docs/components/date-picker rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a class="btn svelte-2r4z0x" href=./docs/components/dialog rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a class="btn svelte-2r4z0x" href=./docs/components/divider rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a class="btn svelte-2r4z0x" href=./docs/components/dot rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a class="btn svelte-2r4z0x" href=./docs/components/dropdown rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a class="btn svelte-2r4z0x" href=./docs/components/file-dropzone rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a class="btn svelte-2r4z0x" href=./docs/components/file-input rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a class="btn svelte-2r4z0x" href=./docs/components/form-field rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a class="btn svelte-2r4z0x" href=./docs/components/loading rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a class="btn svelte-2r4z0x" href=./docs/components/modal rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a class="btn svelte-2r4z0x" href=./docs/components/pagination rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a class="btn svelte-2r4z0x" href=./docs/components/popover rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a class="btn svelte-2r4z0x" href=./docs/components/radio-group rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a class="btn svelte-2r4z0x" href=./docs/components/slider rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a class="btn svelte-2r4z0x" href=./docs/components/snackbar-container rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a class="btn svelte-2r4z0x" href=./docs/components/star-rating rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a class="btn svelte-2r4z0x" href=./docs/components/switch rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a class="btn svelte-2r4z0x" href=./docs/components/table rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a class="btn svelte-2r4z0x" href=./docs/components/tabs rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a class="btn svelte-2r4z0x" href=./docs/components/text-field rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a class="btn svelte-2r4z0x" href=./docs/components/time-picker rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a class="btn svelte-2r4z0x" href=./docs/components/typography rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a class="btn svelte-2r4z0x" href=./docs/utilities rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a class="btn svelte-2r4z0x" href=./docs/custom-elements rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Breadcrumbs </h1> <p class=svelte-d09q45>Breadcrumbs are used to indicate the current page's location in the navigation hierarchy, as well as to navigate through it. </p> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase><nav class="breadcrumbs svelte-o18kkv"> <a class="btn svelte-2r4z0x small node" href=/ rel=prefetch sapper:prefetch sveltekit:prefetch>Home</a> <div class=node>/</div> <a class="btn svelte-2r4z0x small node" href=/docs rel=prefetch sapper:prefetch sveltekit:prefetch>Docs</a> <div class=node>/</div> <span class=node>Components</span> </nav> <nav class="breadcrumbs svelte-o18kkv"> <a class="btn svelte-2r4z0x small node" href=/ rel=prefetch sapper:prefetch sveltekit:prefetch>Home</a> <div class=node>~</div> <a class="btn svelte-2r4z0x small node" href=/docs rel=prefetch sapper:prefetch sveltekit:prefetch>Docs</a> <div class=node>~</div> <span class=node>Components</span> </nav> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a class="btn svelte-2r4z0x small round" href=/ rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div><svg class="feather feather-arrow-right" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><line x1=5 x2=19 y1=12 y2=12></line><polyline points="12 5 19 12 12 19"></polyline></svg> <div slot=item><div class="chip svelte-oww5en">Docs </div></div><svg class="feather feather-arrow-right" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><line x1=5 x2=19 y1=12 y2=12></line><polyline points="12 5 19 12 12 19"></polyline></svg> <div slot=item><div class="chip svelte-oww5en">Components </div></div> </nav></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
+  <span class="token keyword">const</span> items <span class="token operator">=</span> <span class="token punctuation">[</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">href</span><span class="token operator">:</span> <span class="token string">'/'</span><span class="token punctuation">,</span> <span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">'Home'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">href</span><span class="token operator">:</span> <span class="token string">'/docs'</span><span class="token punctuation">,</span> <span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">'Docs'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">'Components'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+  <span class="token punctuation">]</span><span class="token punctuation">;</span>
+</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumbs</span> <span class="token language-javascript"><span class="token punctuation">{</span>items<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumbs</span> <span class="token language-javascript"><span class="token punctuation">{</span>items<span class="token punctuation">}</span></span> <span class="token attr-name">separator</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">'</span>~<span class="token punctuation">'</span></span> <span class="token punctuation">/></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Breadcrumbs</span> <span class="token language-javascript"><span class="token punctuation">{</span>items<span class="token punctuation">}</span></span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>item<span class="token punctuation">"</span></span> <span class="token attr-name"><span class="token namespace">let:</span>item</span><span class="token punctuation">></span></span>
+    <span class="token language-javascript"><span class="token punctuation">{</span>#<span class="token keyword">if</span> item<span class="token punctuation">.</span>href <span class="token operator">===</span> <span class="token string">'/'</span><span class="token punctuation">}</span></span>
+      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>/<span class="token punctuation">"</span></span> <span class="token attr-name">round</span> <span class="token attr-name">small</span><span class="token punctuation">></span></span>
+        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>HomeIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>20<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
+      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+    <span class="token language-javascript"><span class="token punctuation">{</span><span class="token operator">:</span><span class="token keyword">else</span><span class="token punctuation">}</span></span>
+      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Chip</span><span class="token punctuation">></span></span><span class="token language-javascript"><span class="token punctuation">{</span>item<span class="token punctuation">.</span>text<span class="token punctuation">}</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Chip</span><span class="token punctuation">></span></span>
+    <span class="token language-javascript"><span class="token punctuation">{</span><span class="token operator">/</span><span class="token keyword">if</span><span class="token punctuation">}</span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ArrowRightIcon</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>separator<span class="token punctuation">"</span></span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>20<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Breadcrumbs</span><span class="token punctuation">></span></span></code></pre></div> <button class="btn svelte-2r4z0x small round" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a class=ml href=#properties>#</a> </h2> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>items</code></strong> </td> <td class=svelte-2jo25p><code>[]</code> </td> <td class=svelte-2jo25p><code>Array&lt;{ href?: string; text: string; }></code> </td> <td class=svelte-2jo25p>The list of segments to be displayed. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>separator</code></strong> </td> <td class=svelte-2jo25p><code>'/'</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The separator between segments. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a class=ml href=#slots>#</a> </h2> <h3 class=svelte-1l9130h><code>item</code> slot </h3> <p class=svelte-d09q45>The item displayed in the breadcrumbs. Defaults to a <code>&lt;Button></code> if <code>href</code> is provided, otherwise a <code>&lt;span></code>. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Prop Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>item</code></strong> </td> <td class=svelte-2jo25p><code>{ href?: string, text: string }</code> </td> <td class=svelte-2jo25p>Information about the current segment. </td> </tbody> </table> <h3 class=svelte-1l9130h><code>separator</code> slot </h3> <p class=svelte-d09q45>If a string separator is not enough, use this slot to add a custom component separator (and ignore the prop). </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a class=ml href=#scss-variables>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$thin-font-weight</code></strong> </td> <td class=svelte-2jo25p>The font size of the separator and the segments without <code>href</code>. </td> <td class=svelte-2jo25p><code>300</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/button/index.html b/376/docs/components/button/index.html
new file mode 100644
index 000000000..344081e99
--- /dev/null
+++ b/376/docs/components/button/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}[slot=showcase].svelte-1u9djfh{align-items:center;display:grid;gap:.5em;grid-auto-flow:column;grid-template-columns:repeat(4,auto);grid-template-rows:repeat(3,3em);justify-items:start;padding:1em}@media only screen and (min-width:920px){[slot=showcase].svelte-1u9djfh{grid-auto-flow:row;grid-template-columns:repeat(3,auto);grid-template-rows:repeat(4,3em)}}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}.preview.svelte-1y2m3b2{align-items:center;background:#fff;border-radius:.25em;display:flex;font-size:.8em;font-weight:300;justify-content:center;padding:.25em .5em;width:5em}.value-popover.svelte-1y2m3b2{background:#fff;border-radius:.5em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);color:#333;font-family:"Roboto Mono",monospace;margin-right:.25em;padding:.5em;white-space:pre}.popover-container.svelte-d7tcpu.svelte-d7tcpu{position:relative}.popover-container.svelte-d7tcpu>.popover.svelte-d7tcpu{display:none;position:absolute}.popover-container.svelte-d7tcpu>.popover.top.svelte-d7tcpu{left:50%;top:0;transform:translate(-50%,-100%)}.popover-container.svelte-d7tcpu>.popover.bottom.svelte-d7tcpu{bottom:0;left:50%;transform:translate(-50%,100%)}.popover-container.svelte-d7tcpu>.popover.left.svelte-d7tcpu{bottom:50%;left:0;transform:translate(-100%,50%)}.popover-container.svelte-d7tcpu>.popover.right.svelte-d7tcpu{bottom:50%;right:0;transform:translate(100%,50%)}.popover-container.svelte-d7tcpu:hover>.popover.svelte-d7tcpu{display:block}.popover-container.svelte-d7tcpu:focus-within>.popover.svelte-d7tcpu{display:block}</style> <title>Button – Attractions</title><meta content="Button – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.418e95ca.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/shadow-preview.f1e703b1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/popover.156a947e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/popover-1d6d4d80.css rel=preload as=style><link href=/attractions/376/client/shadow-preview-8f373d1e.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style><link href=/attractions/376/client/button-231e7b4e.css rel=preload as=style></head> <body> <header class="svelte-z153he padded"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Button </h1> <p class=svelte-d09q45>A clickable entity for all your controlling and linking needs. </p> <p class=svelte-d09q45>Comes in three flavours: filled, outline and flat. </p> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=svelte-1u9djfh slot=showcase><button class="btn svelte-2r4z0x filled" type=button>button</button> <button class="btn svelte-2r4z0x outline" type=button>button</button> <button class="btn svelte-2r4z0x" type=button>button</button> <button class="btn svelte-2r4z0x filled" type=button disabled>button</button> <button class="btn svelte-2r4z0x outline" type=button disabled>button</button> <button class="btn svelte-2r4z0x" type=button disabled>button</button> <button class="btn svelte-2r4z0x filled danger" type=button>button</button> <button class="btn svelte-2r4z0x danger outline" type=button>button</button> <button class="btn svelte-2r4z0x danger" type=button>button</button> <button class="btn svelte-2r4z0x filled" type=button><svg class="feather feather-check mr" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><polyline points="20 6 9 17 4 12"></polyline></svg> icons </button> <button class="btn svelte-2r4z0x selected" type=button>selected</button> <button class="btn svelte-2r4z0x round neutral" type=button><svg class="feather feather-x" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><line x1=18 x2=6 y1=6 y2=18></line><line x1=6 x2=18 y1=6 y2=18></line></svg></button></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">filled</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">outline</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">disabled</span> <span class="token attr-name">filled</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">disabled</span> <span class="token attr-name">outline</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">disabled</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">danger</span> <span class="token attr-name">filled</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">danger</span> <span class="token attr-name">outline</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">danger</span> <span class="token attr-name">noRipple</span><span class="token punctuation">></span></span>button<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">filled</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>20<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>mr<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
+  icons
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">selected</span><span class="token punctuation">></span></span>selected<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name">round</span> <span class="token attr-name">neutral</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>XIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>20<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Style Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>filled</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Adds a filled background to the button. <br> Mutually exclusive with <mark><code>outline</code></mark> and <mark><code>selected</code></mark>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>outline</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Adds a border to the button. <br> Mutually exclusive with <mark><code>filled</code></mark>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>danger</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Gives the button a color of danger (red by default) <br> Mutually exclusive with <mark><code>neutral</code></mark>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>neutral</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Gives the button a neutral color (very dark gray by default). <br> Mutually exclusive with <mark><code>danger</code></mark>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>round</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Adjusts the padding to be equal on all sides. Great for icon-only buttons. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>rectangle</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Halves the border radius and increases the padding. Well-suited for large menus. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>small</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Cuts the padding to make the button smaller. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>selected</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Gives the button a tinted background. Suitable for indicating the selected item. <br> Mutually exclusive with <mark><code>filled</code></mark>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>noRipple</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Disables the ripple effect. </td> </tbody> </table> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>disabled</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Disables the button, styling it appropriately and disabling click events. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>href</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>Turns the button into a link (prefetch-enabled for Sapper). </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>noPrefetch</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Disables Sapper prefetching for link buttons (those with an <mark><code>href</code></mark> prop). </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>events</code></strong> </td> <td class=svelte-2jo25p><code>[]</code> </td> <td class=svelte-2jo25p><code>Array</code> </td> <td class=svelte-2jo25p>List of handlers for the <a href=./docs/utilities>Events action</a>: <code>[{ name, handler }]</code>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything else will be passed to the underlying <code>&lt;button></code> or <code>&lt;a></code> element. </td> </tbody> </table> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;Button></code> components use the <code>.btn</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <p class=svelte-d09q45>Native DOM events of buttons and links may be handled using the Events action through the <mark><code>events</code></mark> property. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>click</code></strong> </td> <td class=svelte-2jo25p><code>{ nativeEvent }</code> </td> <td class=svelte-2jo25p>Fired on clicking the button with a mouse or keyboard. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Default slot </h3> <p class=svelte-d09q45>The content of the Button. Icons, other components, everything is fair game here. </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>The main theme color. Used in backgrounds of filled buttons, text and tint of flat buttons, etc. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> </td> <td class=svelte-2jo25p>The font of the button text. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$button-radius</code></strong> </td> <td class=svelte-2jo25p>The curvature radius of a button. </td> <td class=svelte-2jo25p><code>1.5625em</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$dark</code></strong> </td> <td class=svelte-2jo25p>The color used in neutral buttons. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#333></div> #333333 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$danger</code></strong> </td> <td class=svelte-2jo25p>The color used in danger buttons. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#b80000></div> #B80000 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$shadow-1</code></strong> </td> <td class=svelte-2jo25p>The shadow of filled buttons. </td> <td class=svelte-2jo25p><div class="svelte-d7tcpu popover-container"><div class="preview svelte-1y2m3b2">hover me</div> <div class="svelte-d7tcpu left popover"><div class="svelte-1y2m3b2 value-popover" slot=popover-content>0 2px 5px rgba(0, 0, 0, .14), 0 1px 5px rgba(0, 0, 0, .12);</div></div> </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main-text</code></strong> </td> <td class=svelte-2jo25p>The text color of filled buttons. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color bordered" style=background:#fff></div> #FFFFFF </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$shadow-raised</code></strong> </td> <td class=svelte-2jo25p>The shadow of filled buttons on hover. </td> <td class=svelte-2jo25p><div class="svelte-d7tcpu popover-container"><div class="preview svelte-1y2m3b2">hover me</div> <div class="svelte-d7tcpu left popover"><div class="svelte-1y2m3b2 value-popover" slot=popover-content>0 2px 4px -1px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);</div></div> </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$disabled</code></strong> </td> <td class=svelte-2jo25p>The text color of disabled buttons. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#888></div> #888888 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$disabled-bg</code></strong> </td> <td class=svelte-2jo25p>The background color of filled disabled buttons. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#d7d7d7></div> #D7D7D7 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$button-font-weight</code></strong> </td> <td class=svelte-2jo25p>The font weight of the buttons. </td> <td class=svelte-2jo25p><code>500</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/calendar/index.html b/376/docs/components/calendar/index.html
new file mode 100644
index 000000000..cf9ec8cee
--- /dev/null
+++ b/376/docs/components/calendar/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.weekdays.svelte-qsvvhr.svelte-qsvvhr{display:flex;font-size:.85em;padding:.5em 1em}.weekdays.svelte-qsvvhr>.weekday.svelte-qsvvhr{text-align:center;width:14.2857142857%}.week.svelte-qsvvhr.svelte-qsvvhr{display:flex}.week.svelte-qsvvhr .day.svelte-qsvvhr{align-items:center;display:flex;justify-content:center;position:relative;width:14.2857142857%}.week.svelte-qsvvhr .day.svelte-qsvvhr:last-child{padding-right:1rem}.week.svelte-qsvvhr .day.svelte-qsvvhr:first-child{padding-left:1rem}.week.svelte-qsvvhr .day.svelte-qsvvhr>.btn{color:#333;font-size:.9em;font-weight:400;height:2.25rem;justify-content:center;margin:.0625rem;width:2.25rem;z-index:2}.week.svelte-qsvvhr .day.today.svelte-qsvvhr>.btn{color:#4300b0}.week.svelte-qsvvhr .day.selected.svelte-qsvvhr>.btn{background-color:#5b17cb;color:#fff}.week.svelte-qsvvhr .day.outside.svelte-qsvvhr>.btn{color:#888}.week.svelte-qsvvhr .day.disabled.svelte-qsvvhr>.btn{color:#b80000;position:relative}.week.svelte-qsvvhr .day.disabled.svelte-qsvvhr>.btn::before{background:#b80000;content:"";height:1px;left:50%;position:absolute;top:50%;transform:translateX(-50%) rotate(-30deg);width:50%}.week.svelte-qsvvhr .day.in-range.svelte-qsvvhr::before{background-color:rgba(67,0,176,.25);content:"";height:2.25rem;left:0;position:absolute;right:0;top:.0625rem;z-index:1}.week.svelte-qsvvhr .day.outside.selected.svelte-qsvvhr>.btn{color:#fff}.week.svelte-qsvvhr .day.start.svelte-qsvvhr::before{left:unset;right:0;width:1.1875rem}.week.svelte-qsvvhr .day.start.svelte-qsvvhr:last-child::before{width:2.1875rem}.week.svelte-qsvvhr .day.end.svelte-qsvvhr::before{left:0;right:unset;width:1.1875rem}.week.svelte-qsvvhr .day.end.svelte-qsvvhr:first-child::before,.week.svelte-qsvvhr .day.start.svelte-qsvvhr:last-child::before{width:2.1875rem}.week.svelte-qsvvhr .day.start.end.svelte-qsvvhr::before{width:0}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>Calendar – Attractions</title><meta content="Calendar – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/calendar.445ca53b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/calendar.d88aafe1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/datetime-utils.e026cf1b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/calendar-a20becc1.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Calendar </h1> <p class=svelte-d09q45>A calendar component representing a month with selectable days. </p> <p class=svelte-d09q45>If you're seeking a ready-to-use date picking solution, consider using <a href=./docs/components/date-picker><code>DatePicker</code></a>. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase><div class="svelte-qsvvhr weekdays"><span class="svelte-qsvvhr weekday">Mon</span><span class="svelte-qsvvhr weekday">Tue</span><span class="svelte-qsvvhr weekday">Wed</span><span class="svelte-qsvvhr weekday">Thu</span><span class="svelte-qsvvhr weekday">Fri</span><span class="svelte-qsvvhr weekday">Sat</span><span class="svelte-qsvvhr weekday">Sun</span></div> <div class="svelte-qsvvhr week"> <div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>30 </button> </div><div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>31 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>1 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>2 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>3 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>4 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>5 </button> </div> </div><div class="svelte-qsvvhr week"> <div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>6 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>7 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>8 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>9 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>10 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>11 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>12 </button> </div> </div><div class="svelte-qsvvhr week"> <div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>13 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>14 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>15 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>16 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>17 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>18 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>19 </button> </div> </div><div class="svelte-qsvvhr week"> <div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>20 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>21 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>22 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>23 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>24 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>25 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>26 </button> </div> </div><div class="svelte-qsvvhr week"> <div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>27 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>28 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>29 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>30 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>31 </button> </div><div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>1 </button> </div><div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>2 </button> </div> </div></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Calendar</span> <span class="token attr-name">month=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">0</span><span class="token punctuation">}</span></span> <span class="token attr-name">year=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">2020</span><span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>month</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>number</code> </td> <td class=svelte-2jo25p>An index of the desired month. <br> 0 is for January, 11 is for December. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>year</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>number</code> </td> <td class=svelte-2jo25p>The desired year. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>locale</code></strong> </td> <td class=svelte-2jo25p><code>undefined</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The language tag defining the desired locale (e.g., <code>en-US</code>). If left <code>undefined</code>, the user's locale will be used. <br> This will affect the weekdays and the day number representations. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>firstWeekday</code></strong> </td> <td class=svelte-2jo25p><code>1</code> </td> <td class=svelte-2jo25p><code>number</code> </td> <td class=svelte-2jo25p>The index of the weekday to start the week at. <br> 0 is for Sunday and 6 is for Saturday. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>selectionStart</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>Date</code> </td> <td class=svelte-2jo25p>If a selection should be displayed, this should be a <code>Date</code> object signifying the start of the selection (can be outside the shown days). </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>selectionEnd</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>Date</code> </td> <td class=svelte-2jo25p>If a selection should be displayed, this should be a <code>Date</code> object signifying the end of the selection (can be outside the shown days). </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>disabledDates</code></strong> </td> <td class=svelte-2jo25p><code>[]</code> </td> <td class=svelte-2jo25p><code>Array&lt;Date | {start?: Date; end?: Date}></code> </td> <td class=svelte-2jo25p>A range of dates (or date ranges) for which to disable selection. </td> </tbody> </table> <div class=required>* Required</div> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>weekdaysClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the list of weekdays above the calendar. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>weekClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the element containing each row of days in the calendar. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>dayClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to each day in the calendar. </td> </tbody> </table> <h3 class=svelte-1l9130h>Translation Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong>titleTodayNotAvailableMessage</strong> </td> <td class=svelte-2jo25p><code>"Today, not available"</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The tooltip text that appears when hovering over the current day when it is disabled. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong>titleTodayMessage</strong> </td> <td class=svelte-2jo25p><code>"Today"</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The tooltip text that appears when hovering over the current day. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong>titleNotAvailableMessage</strong> </td> <td class=svelte-2jo25p><code>"Not available"</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The tooltip text that appears when hovering over a day that is disabled. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>day-select</code></strong> </td> <td class=svelte-2jo25p><code>{ value }</code> </td> <td class=svelte-2jo25p>Fired when any of the days are clicked. The <code>value</code> is a <code>Date</code> object of the clicked day. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$dark</code></strong> </td> <td class=svelte-2jo25p>The text color of the days in the calendar. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#333></div> #333333 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$disabled</code></strong> </td> <td class=svelte-2jo25p>The text color of the days in the calendar outside the current month. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#888></div> #888888 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$danger</code></strong> </td> <td class=svelte-2jo25p>The color of the disabled days in the calendar. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#b80000></div> #B80000 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main-text</code></strong> </td> <td class=svelte-2jo25p>The text color of the selected days in the calendar. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color bordered" style=background:#fff></div> #FFFFFF </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>The tint color of the selected days in the calendar and on hover. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$regular-font-weight</code></strong> </td> <td class=svelte-2jo25p>The font weight of the days. </td> <td class=svelte-2jo25p><code>400</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The font of the days in the calendar. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$button-radius</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The curvature radius of a button. </td> <td class=svelte-2jo25p><code>1.5625em</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/card/index.html b/376/docs/components/card/index.html
new file mode 100644
index 000000000..387a196a9
--- /dev/null
+++ b/376/docs/components/card/index.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}.preview.svelte-1y2m3b2{align-items:center;background:#fff;border-radius:.25em;display:flex;font-size:.8em;font-weight:300;justify-content:center;padding:.25em .5em;width:5em}.value-popover.svelte-1y2m3b2{background:#fff;border-radius:.5em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);color:#333;font-family:"Roboto Mono",monospace;margin-right:.25em;padding:.5em;white-space:pre}.popover-container.svelte-d7tcpu.svelte-d7tcpu{position:relative}.popover-container.svelte-d7tcpu>.popover.svelte-d7tcpu{display:none;position:absolute}.popover-container.svelte-d7tcpu>.popover.top.svelte-d7tcpu{left:50%;top:0;transform:translate(-50%,-100%)}.popover-container.svelte-d7tcpu>.popover.bottom.svelte-d7tcpu{bottom:0;left:50%;transform:translate(-50%,100%)}.popover-container.svelte-d7tcpu>.popover.left.svelte-d7tcpu{bottom:50%;left:0;transform:translate(-100%,50%)}.popover-container.svelte-d7tcpu>.popover.right.svelte-d7tcpu{bottom:50%;right:0;transform:translate(100%,50%)}.popover-container.svelte-d7tcpu:hover>.popover.svelte-d7tcpu{display:block}.popover-container.svelte-d7tcpu:focus-within>.popover.svelte-d7tcpu{display:block}</style> <title>Card – Attractions</title><meta content="Card – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.296f67fc.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/shadow-preview.f1e703b1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/popover.156a947e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/popover-1d6d4d80.css rel=preload as=style><link href=/attractions/376/client/shadow-preview-8f373d1e.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a class="svelte-z153he logo" href=./ ><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a class="btn svelte-2r4z0x round small" href=/docs rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a class="btn svelte-2r4z0x round" href=https://github.com/illright/attractions rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a class="btn svelte-2r4z0x" href=./docs/changelog rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a class="btn svelte-2r4z0x" href=./docs/migration-guide rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a class="btn svelte-2r4z0x" href=./docs/installation rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a class="btn svelte-2r4z0x" href=./docs/theming rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a class="btn svelte-2r4z0x" href=./docs/components/accordion rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a class="btn svelte-2r4z0x" href=./docs/components/autocomplete rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a class="btn svelte-2r4z0x" href=./docs/components/badge rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a class="btn svelte-2r4z0x" href=./docs/components/breadcrumbs rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a class="btn svelte-2r4z0x" href=./docs/components/button rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a class="btn svelte-2r4z0x" href=./docs/components/card rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a class="btn svelte-2r4z0x" href=./docs/components/checkbox-group rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a class="btn svelte-2r4z0x" href=./docs/components/chip rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a class="btn svelte-2r4z0x" href=./docs/components/date-picker rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a class="btn svelte-2r4z0x" href=./docs/components/dialog rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a class="btn svelte-2r4z0x" href=./docs/components/divider rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a class="btn svelte-2r4z0x" href=./docs/components/dot rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a class="btn svelte-2r4z0x" href=./docs/components/dropdown rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a class="btn svelte-2r4z0x" href=./docs/components/file-dropzone rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a class="btn svelte-2r4z0x" href=./docs/components/file-input rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a class="btn svelte-2r4z0x" href=./docs/components/form-field rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a class="btn svelte-2r4z0x" href=./docs/components/loading rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a class="btn svelte-2r4z0x" href=./docs/components/modal rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a class="btn svelte-2r4z0x" href=./docs/components/pagination rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a class="btn svelte-2r4z0x" href=./docs/components/popover rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a class="btn svelte-2r4z0x" href=./docs/components/radio-group rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a class="btn svelte-2r4z0x" href=./docs/components/slider rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a class="btn svelte-2r4z0x" href=./docs/components/snackbar-container rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a class="btn svelte-2r4z0x" href=./docs/components/star-rating rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a class="btn svelte-2r4z0x" href=./docs/components/switch rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a class="btn svelte-2r4z0x" href=./docs/components/table rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a class="btn svelte-2r4z0x" href=./docs/components/tabs rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a class="btn svelte-2r4z0x" href=./docs/components/text-field rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a class="btn svelte-2r4z0x" href=./docs/components/time-picker rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a class="btn svelte-2r4z0x" href=./docs/components/typography rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a class="btn svelte-2r4z0x" href=./docs/utilities rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a class="btn svelte-2r4z0x" href=./docs/custom-elements rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Card </h1> <p class=svelte-d09q45>A surface that stands out. </p> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase><div class="card svelte-1bts72l">card content </div> <div class="card svelte-1bts72l outline">card content </div></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Card</span><span class="token punctuation">></span></span>card content<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Card</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Card</span> <span class="token attr-name">outline</span><span class="token punctuation">></span></span>card content<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Card</span><span class="token punctuation">></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a class=ml href=#properties>#</a> </h2> <h3 class=svelte-1l9130h>Style Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>outline</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Instead of emphasizing the card with a shadow, uses an outline. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>tight</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Removes the internal padding for full control over the content. </td> </tbody> </table> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything else will be passed to the underlying <code>&lt;div></code> element. </td> </tbody> </table> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;Card></code> components use the <code>.card</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a class=ml href=#slots>#</a> </h2> <h3 class=svelte-1l9130h>Default slot </h3> <p class=svelte-d09q45>The content of the card. </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a class=ml href=#scss-variables>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>The color of the border for outline cards. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$background</code></strong> </td> <td class=svelte-2jo25p>The background color of the card. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color bordered" style=background:#fff></div> #FFFFFF </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$shadow-0</code></strong> </td> <td class=svelte-2jo25p>The shadow of regular cards. </td> <td class=svelte-2jo25p><div class="svelte-d7tcpu popover-container"><div class="preview svelte-1y2m3b2">hover me</div> <div class="svelte-d7tcpu left popover"><div class="svelte-1y2m3b2 value-popover" slot=popover-content>0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);</div></div> </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$card-radius</code></strong> </td> <td class=svelte-2jo25p>The curvature radius of a card. </td> <td class=svelte-2jo25p><code>1.25em</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/checkbox-chip-group/index.html b/376/docs/components/checkbox-chip-group/index.html
new file mode 100644
index 000000000..33c16d6c4
--- /dev/null
+++ b/376/docs/components/checkbox-chip-group/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}div.svelte-15v276f{display:flex;flex-wrap:wrap}div.svelte-15v276f .chip{margin-right:.5em;margin-top:.5em}.chip.svelte-1kkiv31.svelte-1kkiv31{background:rgba(0,0,0,.08);border-radius:1.5625em;color:#656565;font-family:Ubuntu,sans-serif;font-weight:500;padding:.6em .9em}.chip.small.svelte-1kkiv31.svelte-1kkiv31{font-size:.9rem;min-width:.9em;padding:.4em .6em;text-align:center}.chip.outline.svelte-1kkiv31.svelte-1kkiv31{background:0 0;border:1px solid #4300b0}.chip.no-padding.svelte-1kkiv31.svelte-1kkiv31{padding:0}.input-chip.svelte-1kkiv31>input.svelte-1kkiv31{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.chip.svelte-1kkiv31.svelte-1kkiv31{cursor:pointer;-webkit-touch-callout:none;user-select:none}.chip.svelte-1kkiv31 .ripple{background:rgba(67,0,176,.1)}.chip.outline.svelte-1kkiv31.svelte-1kkiv31{border-color:rgba(0,0,0,.18)}input.svelte-1kkiv31+.chip.svelte-1kkiv31:hover{background:rgba(0,0,0,.13)}input.svelte-1kkiv31+.chip.outline.svelte-1kkiv31:hover{background:rgba(0,0,0,.06)}input.svelte-1kkiv31:disabled+.chip.svelte-1kkiv31{background:rgba(0,0,0,.03);color:#939393;cursor:not-allowed}input.svelte-1kkiv31:disabled+.chip.svelte-1kkiv31:hover{background:rgba(0,0,0,.03)}input.svelte-1kkiv31:focus+.chip.svelte-1kkiv31{background:rgba(0,0,0,.18)}input.svelte-1kkiv31:focus+.chip.outline.svelte-1kkiv31{background:rgba(0,0,0,.1)}input.svelte-1kkiv31:checked+.chip.svelte-1kkiv31{background:rgba(67,0,176,.12);color:#4300b0}input.svelte-1kkiv31:checked+.chip.outline.svelte-1kkiv31{background:rgba(67,0,176,.06);border-color:#4300b0;color:#4300b0}input.svelte-1kkiv31:focus:checked+.chip.svelte-1kkiv31{background-color:rgba(67,0,176,.25)}input.svelte-1kkiv31:focus:checked+.chip.outline.svelte-1kkiv31{background-color:rgba(67,0,176,.12)}.chip.svelte-1kkiv31.svelte-1kkiv31{position:relative;transition:padding-left 50ms}.chip.svelte-1kkiv31.svelte-1kkiv31::before{border:0 solid #4300b0;content:"";height:.5625em;left:.9em;position:absolute;top:45%;transform:translateY(-50%) rotate(45deg);transition:width 50ms;width:0}input.svelte-1kkiv31:checked+.chip.svelte-1kkiv31{padding-left:2em}input.svelte-1kkiv31:checked+.chip.svelte-1kkiv31::before{border-bottom-width:.125em;border-right-width:.125em;width:.3125em}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>CheckboxChipGroup – Attractions</title><meta content="CheckboxChipGroup – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/checkbox-chip-group.5b5264a6.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/checkbox-chip-group.05d6a4a7.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/plural-s.31bb9da9.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/checkbox-chip.5966cebc.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/checkbox-chip-084dc1b9.css rel=preload as=style><link href=/attractions/376/client/checkbox-chip-group-14098d62.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>CheckboxChipGroup </h1> <p class=svelte-d09q45>A set of options presented as chips with multiple options to select. </p> <p class=svelte-d09q45>If you need to allow selecting only one option, consider using <a href=./docs/components/radio-chip-group><mark><code>RadioChipGroup</code></mark></a>. If you need more customization for the chips, such as their slots, take a look at <a href=./docs/components/checkbox-chip><mark><code>CheckboxChip</code></mark></a>, the building block of this component. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip</a> </div><div class="card svelte-1bts72l"><a href=./docs/components/radio-chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioChip</a> </div><div class="card svelte-1bts72l"><a href=./docs/components/radio-chip-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioChipGroup</a> </div><div class="card svelte-1bts72l"><a href=./docs/components/checkbox-chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxChip</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase><div class=svelte-15v276f role=group><label class="svelte-1kkiv31 checkbox-chip input-chip"><input class=svelte-1kkiv31 name=group1 type=checkbox value=1 checked> <div class="svelte-1kkiv31 chip">option 1 </div> </label><label class="svelte-1kkiv31 checkbox-chip input-chip"><input class=svelte-1kkiv31 name=group1 type=checkbox value=1.5 disabled> <div class="svelte-1kkiv31 chip">option 1.5 </div> </label><label class="svelte-1kkiv31 checkbox-chip input-chip"><input class=svelte-1kkiv31 name=group1 type=checkbox value=2> <div class="svelte-1kkiv31 chip">option 2 </div> </label></div> <div class=svelte-15v276f role=group><label class="svelte-1kkiv31 checkbox-chip input-chip"><input class=svelte-1kkiv31 name=group2 type=checkbox value=1 checked> <div class="svelte-1kkiv31 chip outline">option 1 </div> </label><label class="svelte-1kkiv31 checkbox-chip input-chip"><input class=svelte-1kkiv31 name=group2 type=checkbox value=1.5 disabled> <div class="svelte-1kkiv31 chip outline">option 1.5 </div> </label><label class="svelte-1kkiv31 checkbox-chip input-chip"><input class=svelte-1kkiv31 name=group2 type=checkbox value=2> <div class="svelte-1kkiv31 chip outline">option 2 </div> </label></div> <div class=svelte-15v276f role=group><label class="svelte-1kkiv31 checkbox-chip input-chip"><input class=svelte-1kkiv31 name=group3 type=checkbox value=1 checked> <div class="svelte-1kkiv31 chip small">option 1 </div> </label><label class="svelte-1kkiv31 checkbox-chip input-chip"><input class=svelte-1kkiv31 name=group3 type=checkbox value=1.5 disabled> <div class="svelte-1kkiv31 chip small">option 1.5 </div> </label><label class="svelte-1kkiv31 checkbox-chip input-chip"><input class=svelte-1kkiv31 name=group3 type=checkbox value=2> <div class="svelte-1kkiv31 chip small">option 2 </div> </label></div></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
+  <span class="token keyword">const</span> items <span class="token operator">=</span> <span class="token punctuation">[</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">'option 1'</span><span class="token punctuation">,</span> <span class="token literal-property property">checked</span><span class="token operator">:</span> <span class="token boolean">true</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token number">1.5</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">'option 1.5'</span><span class="token punctuation">,</span> <span class="token literal-property property">disabled</span><span class="token operator">:</span> <span class="token boolean">true</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token number">2</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">'option 2'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+  <span class="token punctuation">]</span><span class="token punctuation">;</span>
+</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckboxChipGroup</span> <span class="token language-javascript"><span class="token punctuation">{</span>items<span class="token punctuation">}</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>group1<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckboxChipGroup</span> <span class="token language-javascript"><span class="token punctuation">{</span>items<span class="token punctuation">}</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>group2<span class="token punctuation">"</span></span> <span class="token attr-name">outline</span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckboxChipGroup</span> <span class="token language-javascript"><span class="token punctuation">{</span>items<span class="token punctuation">}</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>group3<span class="token punctuation">"</span></span> <span class="token attr-name">small</span> <span class="token punctuation">/></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <p class=svelte-d09q45>Any properties of <code>CheckboxChip</code> can be specified – they will be passed down. </p> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>items</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>Array</code> </td> <td class=svelte-2jo25p>An array of <code>{ value, label, disabled, checked }</code> objects, where only the value is required. Must contain at least one value. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>name</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The name of this checkbox group. Check <a href=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname rel=nofollow>MDN docs</a> for more information. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>max</code></strong> </td> <td class=svelte-2jo25p><code>Infinity</code> </td> <td class=svelte-2jo25p><code>number</code> </td> <td class=svelte-2jo25p>The maximum number of chips that can be selected. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>maxReachedTooltip</code></strong> </td> <td class=svelte-2jo25p><code>`Can only select ${max} value${s(max)}.`</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The tooltip to display when the maximum number of checkboxes has been selected. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything else will be passed to the underlying <code>CheckboxChip</code> component. </td> </tbody> </table> <div class=required>* Required</div> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>checkboxClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the <code>CheckboxChip</code> components inside. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>labelClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the wrapping <code>&lt;span></code> around the chips' labels. If it's not specified, the <code>&lt;span></code> will not be added. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>change</code></strong> </td> <td class=svelte-2jo25p><code>{ value, checked, nativeEvent }</code> </td> <td class=svelte-2jo25p>Fired on selecting any chip in a group. The <code>value</code> contains the value that was passed to the checkbox (won't be stringified), <code>checked</code> is the state of the checkbox after the event and <code>nativeEvent</code> is the <a href=https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event rel=nofollow>native <code>change</code> event</a> of checkboxes. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$chip-bg</code></strong> <small>From <a href=./docs/components/checkbox-chip><code>CheckboxChip</code></a></small> </td> <td class=svelte-2jo25p>The background color of a non-outline chip. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:rgba(0,0,0,.08)></div> rgba(0, 0, 0, .08) </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$chip-fg</code></strong> <small>From <a href=./docs/components/checkbox-chip><code>CheckboxChip</code></a></small> </td> <td class=svelte-2jo25p>The text color of a chip. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#656565></div> #656565 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$chip-radius</code></strong> <small>From <a href=./docs/components/checkbox-chip><code>CheckboxChip</code></a></small> </td> <td class=svelte-2jo25p>The curvature radius of a chip. </td> <td class=svelte-2jo25p><code>1.5625em</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> <small>From <a href=./docs/components/checkbox-chip><code>CheckboxChip</code></a></small> </td> <td class=svelte-2jo25p>The font of the chip text. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> <small>From <a href=./docs/components/checkbox-chip><code>CheckboxChip</code></a></small> </td> <td class=svelte-2jo25p>The border color of outline chips and the selection color. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$bold-font-weight</code></strong> <small>From <a href=./docs/components/checkbox-chip><code>CheckboxChip</code></a></small> </td> <td class=svelte-2jo25p>The bold font weight of the chips. </td> <td class=svelte-2jo25p><code>500</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/checkbox-chip/index.html b/376/docs/components/checkbox-chip/index.html
new file mode 100644
index 000000000..93e11aa7e
--- /dev/null
+++ b/376/docs/components/checkbox-chip/index.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}[slot=showcase].svelte-er5vl1{align-items:flex-start;display:flex}[slot=showcase].svelte-er5vl1 .chip{margin-right:.5em}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.chip.svelte-1kkiv31.svelte-1kkiv31{background:rgba(0,0,0,.08);border-radius:1.5625em;color:#656565;font-family:Ubuntu,sans-serif;font-weight:500;padding:.6em .9em}.chip.small.svelte-1kkiv31.svelte-1kkiv31{font-size:.9rem;min-width:.9em;padding:.4em .6em;text-align:center}.chip.outline.svelte-1kkiv31.svelte-1kkiv31{background:0 0;border:1px solid #4300b0}.chip.no-padding.svelte-1kkiv31.svelte-1kkiv31{padding:0}.input-chip.svelte-1kkiv31>input.svelte-1kkiv31{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.chip.svelte-1kkiv31.svelte-1kkiv31{cursor:pointer;-webkit-touch-callout:none;user-select:none}.chip.svelte-1kkiv31 .ripple{background:rgba(67,0,176,.1)}.chip.outline.svelte-1kkiv31.svelte-1kkiv31{border-color:rgba(0,0,0,.18)}input.svelte-1kkiv31+.chip.svelte-1kkiv31:hover{background:rgba(0,0,0,.13)}input.svelte-1kkiv31+.chip.outline.svelte-1kkiv31:hover{background:rgba(0,0,0,.06)}input.svelte-1kkiv31:disabled+.chip.svelte-1kkiv31{background:rgba(0,0,0,.03);color:#939393;cursor:not-allowed}input.svelte-1kkiv31:disabled+.chip.svelte-1kkiv31:hover{background:rgba(0,0,0,.03)}input.svelte-1kkiv31:focus+.chip.svelte-1kkiv31{background:rgba(0,0,0,.18)}input.svelte-1kkiv31:focus+.chip.outline.svelte-1kkiv31{background:rgba(0,0,0,.1)}input.svelte-1kkiv31:checked+.chip.svelte-1kkiv31{background:rgba(67,0,176,.12);color:#4300b0}input.svelte-1kkiv31:checked+.chip.outline.svelte-1kkiv31{background:rgba(67,0,176,.06);border-color:#4300b0;color:#4300b0}input.svelte-1kkiv31:focus:checked+.chip.svelte-1kkiv31{background-color:rgba(67,0,176,.25)}input.svelte-1kkiv31:focus:checked+.chip.outline.svelte-1kkiv31{background-color:rgba(67,0,176,.12)}.chip.svelte-1kkiv31.svelte-1kkiv31{position:relative;transition:padding-left 50ms}.chip.svelte-1kkiv31.svelte-1kkiv31::before{border:0 solid #4300b0;content:"";height:.5625em;left:.9em;position:absolute;top:45%;transform:translateY(-50%) rotate(45deg);transition:width 50ms;width:0}input.svelte-1kkiv31:checked+.chip.svelte-1kkiv31{padding-left:2em}input.svelte-1kkiv31:checked+.chip.svelte-1kkiv31::before{border-bottom-width:.125em;border-right-width:.125em;width:.3125em}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>CheckboxChip – Attractions</title><meta content="CheckboxChip – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/checkbox-chip.843f9214.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/checkbox-chip.5966cebc.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/checkbox-chip-084dc1b9.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style><link href=/attractions/376/client/checkbox-chip-a57ac15c.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>CheckboxChip </h1> <p class=svelte-d09q45>An option to select in an inline fashion, as opposed to regular checkboxes. </p> <p class=svelte-d09q45>If you don't need too much customization, consider using <a href=./docs/components/checkbox-chip-group><mark><code>CheckboxChipGroup</code></mark></a>, which offers a nice way to generate lists of options. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip</a> </div><div class="card svelte-1bts72l"><a href=./docs/components/radio-chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioChip</a> </div><div class="card svelte-1bts72l"><a href=./docs/components/radio-chip-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioChipGroup</a> </div><div class="card svelte-1bts72l"><a href=./docs/components/checkbox-chip-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxChipGroup</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class="padded svelte-er5vl1" slot=showcase><label class="svelte-1kkiv31 checkbox-chip input-chip"><input class=svelte-1kkiv31 name=selection type=checkbox value=wrong> <div class="svelte-1kkiv31 chip outline">opt 1</div> </label> <label class="svelte-1kkiv31 checkbox-chip input-chip"><input class=svelte-1kkiv31 name=selection type=checkbox value=right> <div class="svelte-1kkiv31 chip small">opt 2</div> </label> <label class="svelte-1kkiv31 checkbox-chip input-chip"><input class=svelte-1kkiv31 name=selection type=checkbox value="opt 3"> <div class="svelte-1kkiv31 chip">opt 3</div> </label></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckboxChip</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>wrong<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>selection<span class="token punctuation">"</span></span> <span class="token attr-name">outline</span><span class="token punctuation">></span></span>opt 1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>CheckboxChip</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckboxChip</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>right<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>selection<span class="token punctuation">"</span></span> <span class="token attr-name">small</span><span class="token punctuation">></span></span>opt 2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>CheckboxChip</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckboxChip</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>opt 3<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>selection<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Style Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>small</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Makes the chip smaller. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>outline</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Adds a border to the chip instead of the background. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>noPadding</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Clears the internal padding. Useful if you want to handle spacing yourself. </td> </tbody> </table> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>value</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The value of this checkbox. Check <a href=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Value rel=nofollow>MDN Docs</a> for more information. <br> Included in events unaltered (won't be stringified if not a string). </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>name</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The name of the group to relate this checkbox chip to. Check <a href=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname rel=nofollow>MDN docs</a> for more information. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>checked</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Whether the chip is selected or not. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>disabled</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Disables the chip and disallows selection. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>title</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The tooltip to give to a chip. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything else will be passed to the underlying <code>&lt;input></code> element. </td> </tbody> </table> <div class=required>* Required</div> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;CheckboxChip></code> components use the <code>.input-chip</code> and <code>.checkbox-chip</code> classes. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>inputClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the <code>&lt;input></code> element. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>chipClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the underlying Chip element. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>change</code></strong> </td> <td class=svelte-2jo25p><code>{ value, checked, nativeEvent }</code> </td> <td class=svelte-2jo25p>Fired on selecting this chip in a group. The <code>value</code> contains the value that was passed to the checkbox (won't be stringified), <code>checked</code> is the state of the checkbox after the event and <code>nativeEvent</code> is the <a href=https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event rel=nofollow>native <code>change</code> event</a> of checkboxes. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Default slot </h3> <p class=svelte-d09q45>The content of the chip. Contains the string representation of the value by default. </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$chip-bg</code></strong> </td> <td class=svelte-2jo25p>The background color of a non-outline chip. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:rgba(0,0,0,.08)></div> rgba(0, 0, 0, .08) </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$chip-fg</code></strong> </td> <td class=svelte-2jo25p>The text color of a chip. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#656565></div> #656565 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$chip-radius</code></strong> </td> <td class=svelte-2jo25p>The curvature radius of a chip. </td> <td class=svelte-2jo25p><code>1.5625em</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> </td> <td class=svelte-2jo25p>The font of the chip text. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>The border color of outline chips and the selection color. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$bold-font-weight</code></strong> </td> <td class=svelte-2jo25p>The bold font weight of the chips. </td> <td class=svelte-2jo25p><code>500</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/checkbox-group/index.html b/376/docs/components/checkbox-group/index.html
new file mode 100644
index 000000000..07b728a00
--- /dev/null
+++ b/376/docs/components/checkbox-group/index.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}[slot=showcase].svelte-1vqz8i4 .checkbox{margin-bottom:.5em}[slot=showcase].svelte-1vqz8i4 .colored{display:flex;flex-wrap:wrap}[slot=showcase].svelte-1vqz8i4 .colored .checkbox{margin:.5em}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}div[role=group].svelte-6yyre0 .checkbox:not(.colored)>.selector{margin:0 .5em}div[role=group].svelte-6yyre0 .checkbox.colored>input+.selector::before{border-color:#d3d3d3;border-color:rgb(var(--before-r),var(--before-g),var(--before-b))}div[role=group].svelte-6yyre0 .checkbox.colored:hover>input+.selector::after{background-color:rgba(0,0,0,.05);background-color:rgba(var(--r),var(--g),var(--b),.05)}div[role=group].svelte-6yyre0 .checkbox.colored>input:focus+.selector::after{background-color:rgba(0,0,0,.125);background-color:rgba(var(--r),var(--g),var(--b),.125)}.checkbox.svelte-ly1qcx.svelte-ly1qcx.svelte-ly1qcx{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;position:relative}.checkbox.svelte-ly1qcx>input[type=checkbox].svelte-ly1qcx.svelte-ly1qcx{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.checkbox.svelte-ly1qcx .selector.svelte-ly1qcx.svelte-ly1qcx{border:.125em solid #ddd;border-radius:.25em;cursor:pointer;height:1em;position:relative;width:1em}.checkbox.svelte-ly1qcx .selector.svelte-ly1qcx.svelte-ly1qcx::before{border:0 solid #fff;border-bottom-left-radius:.125em;content:"";height:0;left:50%;position:absolute;top:45%;transform:translate(-50%,-50%) rotate(-57deg) skew(-11deg);transition:width 75ms;width:0}.checkbox.svelte-ly1qcx .selector.svelte-ly1qcx.svelte-ly1qcx::after{border-radius:50%;content:"";height:2.25em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.25em}.checkbox.round.svelte-ly1qcx>.selector.svelte-ly1qcx.svelte-ly1qcx{border-radius:50%;height:1.375em;width:1.375em}.checkbox.svelte-ly1qcx .svelte-ly1qcx:disabled+.selector.svelte-ly1qcx{background-color:#ececec;cursor:not-allowed}.checkbox.svelte-ly1qcx .svelte-ly1qcx:checked+.selector.svelte-ly1qcx{background-color:#4300b0;border-color:#4300b0}.checkbox.svelte-ly1qcx .svelte-ly1qcx:checked+.selector.svelte-ly1qcx::before{border-bottom-width:.125em;border-left-width:.125em;height:.375em;width:.5625em}.checkbox.svelte-ly1qcx .svelte-ly1qcx:disabled:checked+.selector.svelte-ly1qcx{background-color:#888;border-color:#8d8d8d}.checkbox.svelte-ly1qcx:hover .selector.svelte-ly1qcx.svelte-ly1qcx::after{background-color:rgba(51,51,51,.05)}.checkbox.svelte-ly1qcx:hover .svelte-ly1qcx:checked+.svelte-ly1qcx::after{background-color:rgba(67,0,176,.05)}.checkbox.svelte-ly1qcx:hover .svelte-ly1qcx:disabled+.selector.svelte-ly1qcx::after{background:0 0}.checkbox.svelte-ly1qcx .svelte-ly1qcx:focus+.selector.svelte-ly1qcx::after{background-color:rgba(51,51,51,.125)}.checkbox.svelte-ly1qcx .svelte-ly1qcx:focus:checked+.svelte-ly1qcx::after{background-color:rgba(67,0,176,.125)}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>CheckboxGroup – Attractions</title><meta content="CheckboxGroup – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/checkbox-group.9eec4075.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/checkbox-group.ae6b5c93.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-picker-styles.7cf55314.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/plural-s.31bb9da9.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/checkbox.72a1ad14.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/checkbox-ad14e938.css rel=preload as=style><link href=/attractions/376/client/checkbox-group-1dcd50f7.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style><link href=/attractions/376/client/checkbox-group-d674ad69.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>CheckboxGroup </h1> <p class=svelte-d09q45>A group of checkboxes from an array of items to select. </p> <p class=svelte-d09q45>If you need more control over the labels and checkbox layout, you may use the individual <a href=./docs/components/checkbox><mark><code>Checkbox</code></mark></a> component. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/checkbox class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Checkbox</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class="padded svelte-1vqz8i4" slot=showcase><p>Select your favorite sports:</p> <div class=svelte-6yyre0 role=group><label class="svelte-ly1qcx checkbox"> <input class=svelte-ly1qcx name=sports[] type=checkbox value=couch_potato checked disabled> <div class="svelte-ly1qcx selector"></div> Sitting lazily on the couch </label><label class="svelte-ly1qcx checkbox"> <input class=svelte-ly1qcx name=sports[] type=checkbox value=cycling> <div class="svelte-ly1qcx selector"></div> Cycling </label><label class="svelte-ly1qcx checkbox"> <input class=svelte-ly1qcx name=sports[] type=checkbox value=running> <div class="svelte-ly1qcx selector"></div> Running </label><label class="svelte-ly1qcx checkbox"> <input class=svelte-ly1qcx name=sports[] type=checkbox value=swimming> <div class="svelte-ly1qcx selector"></div> Olympic Swimming </label></div> <p>And color as well (up to 2):</p> <div class="colored svelte-6yyre0" role=group><label class="svelte-ly1qcx checkbox colored round"> <input class=svelte-ly1qcx name=colors[] type=checkbox value=#000000> <div class="svelte-ly1qcx selector" style=background-color:#000;border-color:#000;--r:0;--g:0;--b:0;--before-r:255;--before-g:255;--before-b:255></div> </label><label class="svelte-ly1qcx checkbox colored round"> <input class=svelte-ly1qcx name=colors[] type=checkbox value=#ff0000> <div class="svelte-ly1qcx selector" style=background-color:red;border-color:red;--r:255;--g:0;--b:0;--before-r:255;--before-g:255;--before-b:255></div> </label><label class="svelte-ly1qcx checkbox colored round"> <input class=svelte-ly1qcx name=colors[] type=checkbox value=#00ff00> <div class="svelte-ly1qcx selector" style=background-color:#0f0;border-color:#0f0;--r:0;--g:255;--b:0;--before-r:255;--before-g:255;--before-b:255></div> </label><label class="svelte-ly1qcx checkbox colored round"> <input class=svelte-ly1qcx name=colors[] type=checkbox value=#ffffff> <div class="svelte-ly1qcx selector" style=background-color:#fff;border-color:#999;--r:153;--g:153;--b:153;--before-r:153;--before-g:153;--before-b:153></div> </label></div></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
+  <span class="token keyword">const</span> items <span class="token operator">=</span> <span class="token punctuation">[</span>
+    <span class="token punctuation">{</span>
+      <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">'couch_potato'</span><span class="token punctuation">,</span>
+      <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">'Sitting lazily on the couch'</span><span class="token punctuation">,</span>
+      <span class="token literal-property property">checked</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
+      <span class="token literal-property property">disabled</span><span class="token operator">:</span> <span class="token boolean">true</span>
+    <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">'cycling'</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">'Cycling'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">'running'</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">'Running'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">'swimming'</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">'Olympic Swimming'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+  <span class="token punctuation">]</span><span class="token punctuation">;</span>
+  <span class="token keyword">const</span> colors <span class="token operator">=</span> <span class="token punctuation">[</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">'#000000'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">'#ff0000'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">'#00ff00'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">'#ffffff'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+  <span class="token punctuation">]</span><span class="token punctuation">;</span>
+</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>Select your favorite sports:<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckboxGroup</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>sports[]<span class="token punctuation">"</span></span> <span class="token language-javascript"><span class="token punctuation">{</span>items<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>And color as well (up to 2):<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>CheckboxGroup</span>
+  <span class="token attr-name">color</span>
+  <span class="token attr-name">round</span>
+  <span class="token attr-name">items=</span><span class="token language-javascript"><span class="token punctuation">{</span>colors<span class="token punctuation">}</span></span>
+  <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>colors[]<span class="token punctuation">"</span></span>
+  <span class="token attr-name">max=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">2</span><span class="token punctuation">}</span></span>
+  <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>colored<span class="token punctuation">"</span></span>
+<span class="token punctuation">/></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Style Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>labelsLeft</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Places the labels to the left of the checkboxes. </td> </tbody> </table> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>items</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>Array</code> </td> <td class=svelte-2jo25p>An array of <code>{ value, label, checked, disabled }</code> objects, where only the value is required. Must contain at least one value. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>name</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The name to assign to all checkboxes belonging to the same group. Check <a href=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname rel=nofollow>MDN docs</a> for more information. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>max</code></strong> </td> <td class=svelte-2jo25p><code>Infinity</code> </td> <td class=svelte-2jo25p><code>number</code> </td> <td class=svelte-2jo25p>The maximum allowed number of checkboxes to select. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>color</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Designates the checkboxes as color choices. Labels are ignored and values are expected to be <code>"#RRGGBB"</code>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>maxReachedTooltip</code></strong> </td> <td class=svelte-2jo25p><code>`Can only select ${max} value${s(max)}.`</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The tooltip to display when the maximum number of checkboxes has been selected. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything else will be passed to the underlying <code>&lt;Checkbox></code> components. </td> </tbody> </table> <div class=required>* Required</div> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to assign to the wrapper <code>&lt;div></code> element. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>checkboxClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the <code>&lt;Checkbox></code> components. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>labelClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to assign to the labels' wrapping <code>&lt;span></code>s. <br> If this is not passed, the labels are not wrapped in a <code>&lt;span></code>. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>change</code></strong> </td> <td class=svelte-2jo25p><code>{ value, checked, nativeEvent }</code> </td> <td class=svelte-2jo25p>Fired when the selection changes. The <code>value</code> contains the element's <code>value</code> passed as a prop, <code>checked</code> represents the input's state, and <code>nativeEvent</code> has the <a href=https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event rel=nofollow>native change event</a>. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> <small>From <a href=./docs/components/checkbox><code>Checkbox</code></a></small> </td> <td class=svelte-2jo25p>The fill color of the checked checkbox. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> <small>From <a href=./docs/components/checkbox><code>Checkbox</code></a></small> </td> <td class=svelte-2jo25p>The font of the checkbox's label. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$disabled</code></strong> <small>From <a href=./docs/components/checkbox><code>Checkbox</code></a></small> </td> <td class=svelte-2jo25p>The fill color of the disabled checkbox. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#888></div> #888888 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$dark</code></strong> <small>From <a href=./docs/components/checkbox><code>Checkbox</code></a></small> </td> <td class=svelte-2jo25p>The background color of the checkbox hover signifier. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#333></div> #333333 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$light-contrast</code></strong> <small>From <a href=./docs/components/checkbox><code>Checkbox</code></a></small> </td> <td class=svelte-2jo25p>The border color of an unchecked checkbox, or the fill color of a checked disabled one. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#ddd></div> #DDDDDD </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main-text</code></strong> <small>From <a href=./docs/components/checkbox><code>Checkbox</code></a></small> </td> <td class=svelte-2jo25p>The color of the checkmark. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color bordered" style=background:#fff></div> #FFFFFF </div> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/checkbox/index.html b/376/docs/components/checkbox/index.html
new file mode 100644
index 000000000..781d1a317
--- /dev/null
+++ b/376/docs/components/checkbox/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.checkbox.svelte-ly1qcx.svelte-ly1qcx.svelte-ly1qcx{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;position:relative}.checkbox.svelte-ly1qcx>input[type=checkbox].svelte-ly1qcx.svelte-ly1qcx{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.checkbox.svelte-ly1qcx .selector.svelte-ly1qcx.svelte-ly1qcx{border:.125em solid #ddd;border-radius:.25em;cursor:pointer;height:1em;position:relative;width:1em}.checkbox.svelte-ly1qcx .selector.svelte-ly1qcx.svelte-ly1qcx::before{border:0 solid #fff;border-bottom-left-radius:.125em;content:"";height:0;left:50%;position:absolute;top:45%;transform:translate(-50%,-50%) rotate(-57deg) skew(-11deg);transition:width 75ms;width:0}.checkbox.svelte-ly1qcx .selector.svelte-ly1qcx.svelte-ly1qcx::after{border-radius:50%;content:"";height:2.25em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.25em}.checkbox.round.svelte-ly1qcx>.selector.svelte-ly1qcx.svelte-ly1qcx{border-radius:50%;height:1.375em;width:1.375em}.checkbox.svelte-ly1qcx .svelte-ly1qcx:disabled+.selector.svelte-ly1qcx{background-color:#ececec;cursor:not-allowed}.checkbox.svelte-ly1qcx .svelte-ly1qcx:checked+.selector.svelte-ly1qcx{background-color:#4300b0;border-color:#4300b0}.checkbox.svelte-ly1qcx .svelte-ly1qcx:checked+.selector.svelte-ly1qcx::before{border-bottom-width:.125em;border-left-width:.125em;height:.375em;width:.5625em}.checkbox.svelte-ly1qcx .svelte-ly1qcx:disabled:checked+.selector.svelte-ly1qcx{background-color:#888;border-color:#8d8d8d}.checkbox.svelte-ly1qcx:hover .selector.svelte-ly1qcx.svelte-ly1qcx::after{background-color:rgba(51,51,51,.05)}.checkbox.svelte-ly1qcx:hover .svelte-ly1qcx:checked+.svelte-ly1qcx::after{background-color:rgba(67,0,176,.05)}.checkbox.svelte-ly1qcx:hover .svelte-ly1qcx:disabled+.selector.svelte-ly1qcx::after{background:0 0}.checkbox.svelte-ly1qcx .svelte-ly1qcx:focus+.selector.svelte-ly1qcx::after{background-color:rgba(51,51,51,.125)}.checkbox.svelte-ly1qcx .svelte-ly1qcx:focus:checked+.svelte-ly1qcx::after{background-color:rgba(67,0,176,.125)}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>Checkbox – Attractions</title><meta content="Checkbox – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/checkbox.a3d1bd39.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/checkbox.72a1ad14.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/checkbox-ad14e938.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="ml feather feather-chevron-down tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="ml feather feather-chevron-down accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Checkbox </h1> <p class=svelte-d09q45>An individual checkbox. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase><label class="svelte-ly1qcx checkbox" title="Select to subscribe!"> <input class=svelte-ly1qcx type=checkbox name=subscribe value=newsletter> <div class="svelte-ly1qcx selector"></div> <span class=ml>Subscribe to newsletter?</span> </label> <label class="svelte-ly1qcx checkbox round"> <input class=svelte-ly1qcx type=checkbox checked disabled> <div class="svelte-ly1qcx selector"></div> <span class=ml>Can't uncheck me!</span> </label></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Checkbox</span>
+  <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>subscribe<span class="token punctuation">"</span></span>
+  <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>newsletter<span class="token punctuation">"</span></span>
+  <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Select to subscribe!<span class="token punctuation">"</span></span>
+<span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Subscribe to newsletter?<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Checkbox</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Checkbox</span> <span class="token attr-name">checked</span> <span class="token attr-name">disabled</span> <span class="token attr-name">round</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Can't uncheck me!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Checkbox</span><span class="token punctuation">></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Style Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>slotLeft</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Places the default slot (label) to the left of the checkbox. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>round</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Makes the checkbox round (and slightly larger). </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>selectorStyle</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A CSS style string to assign to the selector box element. <br> Can be used to make the checkbox represent a color (in conjunction with the <code>getColorPickerStyles</code> utility). </td> </tbody> </table> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>value</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The value assigned to the checkbox input. Check <a href=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Value rel=nofollow>MDN Docs</a> for more information. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>checked</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Whether the checkbox is checked or not. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>disabled</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Disables the checkbox, freezing its current <code>checked</code> state. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>title</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>Adds a tooltip to the checkbox. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything else will be passed to the underlying <code>&lt;input type="checkbox"></code> element. </td> </tbody> </table> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;Checkbox></code> components use the <code>.checkbox</code> class on the <code>&lt;label></code> and <code>.selector</code> on the selector box. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the root <code>&lt;label></code> element. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>inputClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to assign to the <code>&lt;input></code> element. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>selectorClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the selector box element. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>change</code></strong> </td> <td class=svelte-2jo25p><code>{ value, checked, nativeEvent }</code> </td> <td class=svelte-2jo25p>Fired when the selection changes. The <code>value</code> contains the element's <code>value</code> passed as a property (not altered, so if you pass an object, you get an object here), <code>checked</code> represents the input's state, and <code>nativeEvent</code> has the <a href=https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event rel=nofollow>native change event</a>. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Default slot </h3> <p class=svelte-d09q45>The label for the checkbox. By default, the slot is positioned to the right of the checkbox, but its placement can be adjusted with the <mark><code>slotLeft</code></mark> property. </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>The fill color of the checked checkbox. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> </td> <td class=svelte-2jo25p>The font of the checkbox's label. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$disabled</code></strong> </td> <td class=svelte-2jo25p>The fill color of the disabled checkbox. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#888></div> #888888 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$dark</code></strong> </td> <td class=svelte-2jo25p>The background color of the checkbox hover signifier. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#333></div> #333333 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$light-contrast</code></strong> </td> <td class=svelte-2jo25p>The border color of an unchecked checkbox, or the fill color of a checked disabled one. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#ddd></div> #DDDDDD </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main-text</code></strong> </td> <td class=svelte-2jo25p>The color of the checkmark. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color bordered" style=background:#fff></div> #FFFFFF </div> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/chip/index.html b/376/docs/components/chip/index.html
new file mode 100644
index 000000000..d413265af
--- /dev/null
+++ b/376/docs/components/chip/index.html
@@ -0,0 +1,2 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}[slot=showcase].svelte-er5vl1{align-items:flex-start;display:flex}[slot=showcase].svelte-er5vl1 .chip{margin-right:.5em}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.chip.svelte-oww5en{background:rgba(0,0,0,.08);border-radius:1.5625em;color:#656565;font-family:Ubuntu,sans-serif;font-weight:500;padding:.6em .9em}.chip.small.svelte-oww5en{font-size:.9rem;min-width:.9em;padding:.4em .6em;text-align:center}.chip.outline.svelte-oww5en{background:0 0;border:1px solid #4300b0}.chip.no-padding.svelte-oww5en{padding:0}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>Chip – Attractions</title><meta content="Chip – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/chip.88f40a4b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/chip.863185cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/chip-f8706e31.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style><link href=/attractions/376/client/chip-a57ac15c.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Chip </h1> <p class=svelte-d09q45>Tiny piece of additional information. </p> <p class=svelte-d09q45>For radio/checkbox selecting capabilities, take a look at <a href=./docs/components/radio-chip-group><mark><code>RadioChipGroup</code></mark></a> and <a href=./docs/components/checkbox-chip-group><mark><code>CheckboxChipGroup</code></mark></a> components. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/radio-chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioChip</a> </div><div class="card svelte-1bts72l"><a href=./docs/components/radio-chip-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioChipGroup</a> </div><div class="card svelte-1bts72l"><a href=./docs/components/checkbox-chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxChip</a> </div><div class="card svelte-1bts72l"><a href=./docs/components/checkbox-chip-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxChipGroup</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class="padded svelte-er5vl1" slot=showcase><div class="chip svelte-oww5en outline">ayy </div> <div class="small chip svelte-oww5en">that small? </div></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Chip</span> <span class="token attr-name">outline</span><span class="token punctuation">></span></span>ayy<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Chip</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Chip</span> <span class="token attr-name">small</span><span class="token punctuation">></span></span>that small?<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Chip</span><span class="token punctuation">></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Style Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>small</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Makes the chip smaller. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>outline</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Adds a border to the chip instead of the background. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>noPadding</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Clears the internal padding. Useful if you want to handle spacing yourself. </td> </tbody> </table> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;Chip></code> components use the <code>.chip</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Default slot </h3> <p class=svelte-d09q45>The content of the chip. </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$chip-bg</code></strong> </td> <td class=svelte-2jo25p>The background color of a non-outline chip. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:rgba(0,0,0,.08)></div> rgba(0, 0, 0, .08) </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$chip-fg</code></strong> </td> <td class=svelte-2jo25p>The text color of a chip. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#656565></div> #656565 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$chip-radius</code></strong> </td> <td class=svelte-2jo25p>The curvature radius of a chip. </td> <td class=svelte-2jo25p><code>1.5625em</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> </td> <td class=svelte-2jo25p>The font of the chip text. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>The border color of outline chips. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$bold-font-weight</code></strong> </td> <td class=svelte-2jo25p>The bold font weight of the chips. </td> <td class=svelte-2jo25p><code>500</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/date-picker/index.html b/376/docs/components/date-picker/index.html
new file mode 100644
index 000000000..9989a05ac
--- /dev/null
+++ b/376/docs/components/date-picker/index.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}[slot=showcase].svelte-1g4er90{align-items:flex-start;display:flex;flex-direction:column;overflow:visible!important}@media only screen and (max-width:340px){[slot=showcase].svelte-1g4er90{padding:.25em!important}}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.date-picker.svelte-1im6fcv.svelte-1im6fcv{display:inline-block}.date-picker.svelte-1im6fcv .dropdown-shell .handle{align-items:center;display:flex}.date-picker.svelte-1im6fcv .dropdown-shell .handle>span{margin:1em}.date-picker.svelte-1im6fcv .dropdown-shell .handle .text-field.in-focus input{background-color:#e1e1e1;border-bottom-width:.125em;border-color:#4800bd;padding-bottom:0}.date-picker.svelte-1im6fcv .shown-on-focus.svelte-1im6fcv{display:flex;justify-content:center}.date-picker.svelte-1im6fcv .shown-on-focus.svelte-1im6fcv>.btn{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.date-picker.svelte-1im6fcv .shown-on-focus.svelte-1im6fcv>.btn:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.date-picker.svelte-1im6fcv .month-header.svelte-1im6fcv{align-items:center;color:#4300b0;display:flex;font-weight:500;justify-content:space-between;padding:0 1rem .5em}.date-picker.svelte-1im6fcv .month-header.svelte-1im6fcv .btn{flex:0}.date-picker.svelte-1im6fcv .month-header .month-display.svelte-1im6fcv{min-width:12em;text-align:center}.date-picker.svelte-1im6fcv .calendar{padding:.5em 0 1em}.date-picker.svelte-1im6fcv .text-field{width:7em}.text-field.svelte-fxvd28 input[type=search].svelte-fxvd28.svelte-fxvd28::-webkit-search-cancel-button{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");background-size:contain;border:.1875em solid transparent;border-radius:50%;cursor:pointer;height:1.25em;position:relative;top:1px;width:1.25em}.text-field.svelte-fxvd28 input[type=search].svelte-fxvd28.svelte-fxvd28::-webkit-search-cancel-button:hover{background-color:rgba(51,51,51,.1)}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{background-color:#f5f5f5;border:0 solid rgba(0,0,0,.42);border-bottom-width:.0625em;border-top-left-radius:.375em;border-top-right-radius:.375em;box-sizing:border-box;padding:0 .625em .0625em;width:100%;font-family:Ubuntu,sans-serif;font-size:1rem;font-weight:300;height:2.8em;outline:0}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:hover,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:hover{background-color:#eee}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:focus,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:focus{background-color:#e1e1e1;border-bottom-width:.125em;border-color:#4800bd;padding-bottom:0}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:disabled,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:disabled{background-color:#f7f7f7;border-color:rgba(51,51,51,.3);color:#888}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:disabled:hover,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:disabled:hover{background-color:#f7f7f7}.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{height:6em;padding:.75em .625em .0625em}.text-field.with-item.svelte-fxvd28.svelte-fxvd28.svelte-fxvd28{position:relative}.text-field.with-item.left.svelte-fxvd28.svelte-fxvd28.svelte-fxvd28{flex-direction:row-reverse}.text-field.with-item.left.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28,.text-field.with-item.left.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{padding-left:3rem}.text-field.with-item.left.svelte-fxvd28 input[type=search].svelte-fxvd28.svelte-fxvd28{padding-left:2.2em}.text-field.with-item.left.svelte-fxvd28>.item{font-weight:500;left:.625em}.text-field.with-item.right.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28,.text-field.with-item.right.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{padding-right:1.875em;text-align:right}.text-field.with-item.right.svelte-fxvd28>.item{right:.625em}.text-field.with-item.svelte-fxvd28>.item{color:#7a7a7a;height:1.1em;position:absolute;top:.85em}.text-field.with-item.svelte-fxvd28>input.svelte-fxvd28:focus+.item{color:#4300b0;stroke:#4300b0}.text-field.with-item.svelte-fxvd28>input.svelte-fxvd28:focus+.item svg{stroke:#4300b0}.text-field.with-item.right-align.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28{text-align:right}.text-field.with-item.svelte-fxvd28 input[type=number].svelte-fxvd28.svelte-fxvd28{appearance:textfield}.text-field.with-item.svelte-fxvd28 input[type=number].svelte-fxvd28.svelte-fxvd28::-webkit-inner-spin-button,.text-field.with-item.svelte-fxvd28 input[type=number].svelte-fxvd28.svelte-fxvd28::-webkit-outer-spin-button{appearance:none;margin:0}.text-field.with-item.svelte-fxvd28>svg.item{height:1em;top:.9em}.text-field.with-item.svelte-fxvd28 input.svelte-fxvd28:invalid+svg.item{stroke:#b80000}.text-field.outline.svelte-fxvd28.svelte-fxvd28.svelte-fxvd28{margin-top:.65em;position:relative}.text-field.outline.svelte-fxvd28 label.svelte-fxvd28.svelte-fxvd28{background-color:#fff;border-radius:.3125em;color:rgba(0,0,0,.42);font-family:Ubuntu,sans-serif;left:1.4em;padding:0 .25em;position:absolute;top:0;transform:translate(-.25em,-55%)}.text-field.outline.with-item.left.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28{padding-left:2.2em}.text-field.outline.with-item.left.svelte-fxvd28 label.svelte-fxvd28.svelte-fxvd28{left:2.2em}.text-field.outline.with-item.left.svelte-fxvd28 svg{stroke:#888}.text-field.outline.with-item.left.svelte-fxvd28>input.svelte-fxvd28:focus~.item{color:#4300b0}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28{background-color:transparent;border:1px solid rgba(0,0,0,.42);border-radius:1.5625em;padding:0 1.4em}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:hover{border-color:rgba(0,0,0,.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:hover+label.svelte-fxvd28{color:rgba(0,0,0,.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:focus{border-color:#4300b0}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:focus+label.svelte-fxvd28{color:#4300b0}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:invalid{border-color:rgba(184,0,0,.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:invalid+label.svelte-fxvd28{color:rgba(184,0,0,.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:invalid~svg.item{stroke:rgba(184,0,0,.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:invalid:focus~svg.item{stroke:rgba(184,0,0,.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:focus~svg.item{stroke:#4300b0}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:invalid{background:#fbeeee;border-bottom-color:#b80000;box-shadow:none}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:not(.outline):invalid{background-color:#fbeeee}.text-field.svelte-fxvd28 .svelte-fxvd28.svelte-fxvd28:-moz-ui-invalid{box-shadow:none}.text-field.svelte-fxvd28>.error.svelte-fxvd28.svelte-fxvd28{color:rgba(184,0,0,.7);font-size:.8rem;font-weight:500}.text-field.no-spinner.svelte-fxvd28>input[type=number].svelte-fxvd28.svelte-fxvd28{appearance:textfield}.text-field.no-spinner.svelte-fxvd28>input[type=number].svelte-fxvd28.svelte-fxvd28::-webkit-inner-spin-button,.text-field.no-spinner.svelte-fxvd28>input[type=number].svelte-fxvd28.svelte-fxvd28::-webkit-outer-spin-button{appearance:none;margin:0}.weekdays.svelte-qsvvhr.svelte-qsvvhr{display:flex;font-size:.85em;padding:.5em 1em}.weekdays.svelte-qsvvhr>.weekday.svelte-qsvvhr{text-align:center;width:14.2857142857%}.week.svelte-qsvvhr.svelte-qsvvhr{display:flex}.week.svelte-qsvvhr .day.svelte-qsvvhr{align-items:center;display:flex;justify-content:center;position:relative;width:14.2857142857%}.week.svelte-qsvvhr .day.svelte-qsvvhr:last-child{padding-right:1rem}.week.svelte-qsvvhr .day.svelte-qsvvhr:first-child{padding-left:1rem}.week.svelte-qsvvhr .day.svelte-qsvvhr>.btn{color:#333;font-size:.9em;font-weight:400;height:2.25rem;justify-content:center;margin:.0625rem;width:2.25rem;z-index:2}.week.svelte-qsvvhr .day.today.svelte-qsvvhr>.btn{color:#4300b0}.week.svelte-qsvvhr .day.selected.svelte-qsvvhr>.btn{background-color:#5b17cb;color:#fff}.week.svelte-qsvvhr .day.outside.svelte-qsvvhr>.btn{color:#888}.week.svelte-qsvvhr .day.disabled.svelte-qsvvhr>.btn{color:#b80000;position:relative}.week.svelte-qsvvhr .day.disabled.svelte-qsvvhr>.btn::before{background:#b80000;content:"";height:1px;left:50%;position:absolute;top:50%;transform:translateX(-50%) rotate(-30deg);width:50%}.week.svelte-qsvvhr .day.in-range.svelte-qsvvhr::before{background-color:rgba(67,0,176,.25);content:"";height:2.25rem;left:0;position:absolute;right:0;top:.0625rem;z-index:1}.week.svelte-qsvvhr .day.outside.selected.svelte-qsvvhr>.btn{color:#fff}.week.svelte-qsvvhr .day.start.svelte-qsvvhr::before{left:unset;right:0;width:1.1875rem}.week.svelte-qsvvhr .day.start.svelte-qsvvhr:last-child::before{width:2.1875rem}.week.svelte-qsvvhr .day.end.svelte-qsvvhr::before{left:0;right:unset;width:1.1875rem}.week.svelte-qsvvhr .day.end.svelte-qsvvhr:first-child::before,.week.svelte-qsvvhr .day.start.svelte-qsvvhr:last-child::before{width:2.1875rem}.week.svelte-qsvvhr .day.start.end.svelte-qsvvhr::before{width:0}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}.preview.svelte-1y2m3b2{align-items:center;background:#fff;border-radius:.25em;display:flex;font-size:.8em;font-weight:300;justify-content:center;padding:.25em .5em;width:5em}.value-popover.svelte-1y2m3b2{background:#fff;border-radius:.5em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);color:#333;font-family:"Roboto Mono",monospace;margin-right:.25em;padding:.5em;white-space:pre}.popover-container.svelte-d7tcpu.svelte-d7tcpu{position:relative}.popover-container.svelte-d7tcpu>.popover.svelte-d7tcpu{display:none;position:absolute}.popover-container.svelte-d7tcpu>.popover.top.svelte-d7tcpu{left:50%;top:0;transform:translate(-50%,-100%)}.popover-container.svelte-d7tcpu>.popover.bottom.svelte-d7tcpu{bottom:0;left:50%;transform:translate(-50%,100%)}.popover-container.svelte-d7tcpu>.popover.left.svelte-d7tcpu{bottom:50%;left:0;transform:translate(-100%,50%)}.popover-container.svelte-d7tcpu>.popover.right.svelte-d7tcpu{bottom:50%;right:0;transform:translate(100%,50%)}.popover-container.svelte-d7tcpu:hover>.popover.svelte-d7tcpu{display:block}.popover-container.svelte-d7tcpu:focus-within>.popover.svelte-d7tcpu{display:block}</style> <title>DatePicker – Attractions</title><meta content="DatePicker – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/date-picker.115fae37.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/date-picker.69cac3f7.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/text-field.37ad5edd.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/dropdown.68df1ffe.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/calendar.d88aafe1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/datetime-utils.e026cf1b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/shadow-preview.f1e703b1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/popover.156a947e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/text-field-02b3c03b.css rel=preload as=style><link href=/attractions/376/client/dropdown-bd15e717.css rel=preload as=style><link href=/attractions/376/client/calendar-a20becc1.css rel=preload as=style><link href=/attractions/376/client/date-picker-fc3df446.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/popover-1d6d4d80.css rel=preload as=style><link href=/attractions/376/client/shadow-preview-8f373d1e.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style><link href=/attractions/376/client/date-picker-c1a7c2e7.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg class="feather feather-github"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content"><svg fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Components <svg fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg class="feather feather-chevron-down ml tab-chevron"><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg class="feather feather-chevron-down ml accordion-chevron"><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>DatePicker </h1> <p class=svelte-d09q45>A date picker that supports both text input and a dropdown calendar. </p> <p class=svelte-d09q45>If you need to display the calendar differently, check out the <a href=./docs/components/calendar><code>Calendar</code></a> component. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/calendar class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Calendar</a> </div><div class="card svelte-1bts72l"><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class="padded svelte-1g4er90" slot=showcase><div class="svelte-1im6fcv date-picker"> <div class="dropdown-shell svelte-1j957tq"><div class=handle><div class="svelte-fxvd28 text-field"><input class=svelte-fxvd28 value="" placeholder=mm/dd/yyyy> </div> </div> <div class="dropdown svelte-1fhqrqw calendar"><div class="svelte-1im6fcv shown-on-focus"><button class="btn svelte-2r4z0x" type=button>close the date picker</button></div> <div class="svelte-1im6fcv month-header"><button class="btn svelte-2r4z0x round small" type=button title="Previous month"> <svg fill=none height=24 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24 xmlns=http://www.w3.org/2000/svg><polyline points="15 18 9 12 15 6"></polyline></svg> </button> <div class="svelte-1im6fcv month-display">October 2023</div> <button class="btn svelte-2r4z0x round small" type=button title="Next month"> <svg fill=none height=24 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24 xmlns=http://www.w3.org/2000/svg><polyline points="9 18 15 12 9 6"></polyline></svg> </button></div> <div class="svelte-qsvvhr weekdays"><span class="svelte-qsvvhr weekday">Mon</span><span class="svelte-qsvvhr weekday">Tue</span><span class="svelte-qsvvhr weekday">Wed</span><span class="svelte-qsvvhr weekday">Thu</span><span class="svelte-qsvvhr weekday">Fri</span><span class="svelte-qsvvhr weekday">Sat</span><span class="svelte-qsvvhr weekday">Sun</span></div> <div class="svelte-qsvvhr week"> <div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>25 </button> </div><div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>26 </button> </div><div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>27 </button> </div><div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>28 </button> </div><div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>29 </button> </div><div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>30 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>1 </button> </div> </div><div class="svelte-qsvvhr week"> <div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>2 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>3 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>4 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>5 </button> </div><div class="svelte-qsvvhr day today"><button class="btn svelte-2r4z0x" type=button title=Today>6 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>7 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>8 </button> </div> </div><div class="svelte-qsvvhr week"> <div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>9 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>10 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>11 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>12 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>13 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>14 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>15 </button> </div> </div><div class="svelte-qsvvhr week"> <div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>16 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>17 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>18 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>19 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>20 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>21 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>22 </button> </div> </div><div class="svelte-qsvvhr week"> <div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>23 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>24 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>25 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>26 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>27 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>28 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>29 </button> </div> </div><div class="svelte-qsvvhr week"> <div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>30 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>31 </button> </div><div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>1 </button> </div><div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>2 </button> </div><div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>3 </button> </div><div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>4 </button> </div><div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>5 </button> </div> </div> </div> </div> </div> <div class="svelte-1im6fcv date-picker"> <div class="dropdown-shell svelte-1j957tq"><div class=handle><div class="svelte-fxvd28 text-field"><input class=svelte-fxvd28 value="" placeholder=mm/dd> </div> </div> </div> </div> <div class="svelte-1im6fcv date-picker"> <div class="dropdown-shell svelte-1j957tq"><div class=handle><div class="svelte-fxvd28 text-field"><input class=svelte-fxvd28 value="" placeholder=dd.mm.yyyy> </div> <span>to</span> <div class="svelte-fxvd28 text-field"><input class=svelte-fxvd28 value="" placeholder=dd.mm.yyyy> </div></div> <div class="dropdown svelte-1fhqrqw calendar"><div class="svelte-1im6fcv shown-on-focus"><button class="btn svelte-2r4z0x" type=button>close the date picker</button></div> <div class="svelte-1im6fcv month-header"><button class="btn svelte-2r4z0x round small" type=button title="Previous month"> <svg fill=none height=24 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24 xmlns=http://www.w3.org/2000/svg><polyline points="15 18 9 12 15 6"></polyline></svg> </button> <div class="svelte-1im6fcv month-display">October 2023</div> <button class="btn svelte-2r4z0x round small" type=button title="Next month"> <svg fill=none height=24 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24 xmlns=http://www.w3.org/2000/svg><polyline points="9 18 15 12 9 6"></polyline></svg> </button></div> <div class="svelte-qsvvhr weekdays"><span class="svelte-qsvvhr weekday">Mon</span><span class="svelte-qsvvhr weekday">Tue</span><span class="svelte-qsvvhr weekday">Wed</span><span class="svelte-qsvvhr weekday">Thu</span><span class="svelte-qsvvhr weekday">Fri</span><span class="svelte-qsvvhr weekday">Sat</span><span class="svelte-qsvvhr weekday">Sun</span></div> <div class="svelte-qsvvhr week"> <div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>25 </button> </div><div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>26 </button> </div><div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>27 </button> </div><div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>28 </button> </div><div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>29 </button> </div><div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>30 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>1 </button> </div> </div><div class="svelte-qsvvhr week"> <div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>2 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>3 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>4 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>5 </button> </div><div class="svelte-qsvvhr day today"><button class="btn svelte-2r4z0x" type=button title=Today>6 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>7 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>8 </button> </div> </div><div class="svelte-qsvvhr week"> <div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>9 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>10 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>11 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>12 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>13 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>14 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>15 </button> </div> </div><div class="svelte-qsvvhr week"> <div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>16 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>17 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>18 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>19 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>20 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>21 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>22 </button> </div> </div><div class="svelte-qsvvhr week"> <div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>23 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>24 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>25 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>26 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>27 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>28 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>29 </button> </div> </div><div class="svelte-qsvvhr week"> <div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>30 </button> </div><div class="svelte-qsvvhr day"><button class="btn svelte-2r4z0x" type=button>31 </button> </div><div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>1 </button> </div><div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>2 </button> </div><div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>3 </button> </div><div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>4 </button> </div><div class="svelte-qsvvhr day outside"><button class="btn svelte-2r4z0x" type=button>5 </button> </div> </div> </div> </div> </div></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DatePicker</span> <span class="token attr-name">format</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>%m/%d/%Y<span class="token punctuation">"</span></span> <span class="token attr-name">closeOnSelection</span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DatePicker</span> <span class="token attr-name">format</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>%m/%d<span class="token punctuation">"</span></span> <span class="token attr-name">noCalendar</span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DatePicker</span> <span class="token attr-name">range</span> <span class="token attr-name">top</span> <span class="token punctuation">/></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg class="feather feather-copy"><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Style Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>noCalendar</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Whether to hide the calendar dropdown and only keep the text input. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>top</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Whether to show the calendar dropdown above or below the text field. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>right</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Whether to align the calendar dropdown to the right or the left side of the text field. </td> </tbody> </table> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>range</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>If this is set, the date picker will have two fields – for the start and the end of the date range. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>value</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>Date</code> or <code>{ start, end }</code> </td> <td class=svelte-2jo25p>Depending on the value of the <mark><code>range</code></mark> prop, this is either a Date object or an object with two fields, <code>start</code> and <code>end</code>, containing Date objects. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>locale</code></strong> </td> <td class=svelte-2jo25p><code>undefined</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The language tag defining the desired locale (e.g., <code>en-US</code>). If left <code>undefined</code>, the user's locale will be used. <br> This will affect the weekdays and the day number representations as well as the spelling of the selected month. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>firstWeekday</code></strong> </td> <td class=svelte-2jo25p><code>1</code> </td> <td class=svelte-2jo25p><code>number</code> </td> <td class=svelte-2jo25p>The index of the weekday to start the week at. <br> 0 is for Sunday and 6 is for Saturday. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>disabledDates</code></strong> </td> <td class=svelte-2jo25p><code>[]</code> </td> <td class=svelte-2jo25p><code>Array&lt;Date | {start?: Date; end?: Date}></code> </td> <td class=svelte-2jo25p>A range of dates (or date ranges) for which to disable selection. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>closeOnSelection</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>If <code>true</code>, the dropdown will be automatically closed after a date is selected. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>format</code></strong> </td> <td class=svelte-2jo25p><code>'%d.%m.%Y'</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The format string for the text input and representation. The <code>%</code>-specifiers are a subset of <a href=http://www.cplusplus.com/reference/ctime/strftime/ rel=nofollow>C date format specifiers</a>, with only <code>%d</code>, <code>%m</code>, <code>%y</code> and <code>%Y</code> allowed. </td> </tbody> </table> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;DatePicker></code> components use the <code>.date-picker</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>weekdaysClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the list of weekdays above the calendar. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>weekClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to each element containing a row of days in the calendar. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>dayClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to each day in the calendar. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>inputClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to pass down to the <code>TextField</code>(s). </td> </tbody> </table> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>change</code></strong> </td> <td class=svelte-2jo25p><code>{ value }</code> </td> <td class=svelte-2jo25p>Fired when the value of the picker changes. For the range pickers, will only fire when both ends of the range are selected. The <code>value</code> field contains the same thing as the <code>value</code> property would contain. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <h3 class=svelte-1l9130h><code>between-inputs</code> slot </h3> <p class=svelte-d09q45>The area between two text fields in a range picker. Defaults to the text "<code>to</code>". </p> <h3 class=svelte-1l9130h><code>chevron-left</code> slot </h3> <p class=svelte-d09q45>The icon to use for switching to the previous month in the calendar. </p> <h3 class=svelte-1l9130h><code>chevron-right</code> slot </h3> <p class=svelte-d09q45>The icon to use for switching to the next month in the calendar. </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$textfield-bg</code></strong> </td> <td class=svelte-2jo25p>The background color of the text field. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#f5f5f5></div> #F5F5F5 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>The color of the bottom border of the focused text field and calendar selection. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$bold-font-weight</code></strong> </td> <td class=svelte-2jo25p>The bold font weight of the selected month in the calendar. </td> <td class=svelte-2jo25p><code>500</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$dark</code></strong> <small>From <a href=./docs/components/calendar><code>Calendar</code></a></small> </td> <td class=svelte-2jo25p>The text color of the days in the calendar. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#333></div> #333333 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$disabled</code></strong> <small>From <a href=./docs/components/calendar><code>Calendar</code></a></small> </td> <td class=svelte-2jo25p>The text color of the days in the calendar outside the current month. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#888></div> #888888 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$danger</code></strong> </td> <td class=svelte-2jo25p>The color of the disabled days in the calendar. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#b80000></div> #B80000 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main-text</code></strong> <small>From <a href=./docs/components/calendar><code>Calendar</code></a></small> </td> <td class=svelte-2jo25p>The text color of the selected days in the calendar. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color bordered" style=background:#fff></div> #FFFFFF </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$regular-font-weight</code></strong> <small>From <a href=./docs/components/calendar><code>Calendar</code></a></small> </td> <td class=svelte-2jo25p>The font weight of the days. </td> <td class=svelte-2jo25p><code>400</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The font of the days in the calendar and the text of the text field. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$button-radius</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The curvature radius of a button. </td> <td class=svelte-2jo25p><code>1.5625em</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$background</code></strong> <small>From <a href=./docs/components/dropdown><code>Dropdown</code></a></small> </td> <td class=svelte-2jo25p>The background color of the dropdown content </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color bordered" style=background:#fff></div> #FFFFFF </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$shadow-raised</code></strong> <small>From <a href=./docs/components/dropdown><code>Dropdown</code></a></small> </td> <td class=svelte-2jo25p>The shadow of the dropdown. </td> <td class=svelte-2jo25p><div class="svelte-d7tcpu popover-container"><div class="preview svelte-1y2m3b2">hover me</div> <div class="svelte-d7tcpu left popover"><div class="svelte-1y2m3b2 value-popover" slot=popover-content>0 2px 4px -1px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);</div></div> </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$card-radius</code></strong> <small>From <a href=./docs/components/dropdown><code>Dropdown</code></a></small> </td> <td class=svelte-2jo25p>The curvature radius of the dropdown. </td> <td class=svelte-2jo25p><code>1.25em</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$textfield-border</code></strong> <small>From <a href=./docs/components/text-field><code>TextField</code></a></small> </td> <td class=svelte-2jo25p>The color of the bottom border of the unfocused text field. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:rgba(0,0,0,.42)></div> rgba(0, 0, 0, .42) </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$thin-font-weight</code></strong> <small>From <a href=./docs/components/text-field><code>TextField</code></a></small> </td> <td class=svelte-2jo25p>The thin font weight for the text inside the text field. </td> <td class=svelte-2jo25p><code>300</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/dialog/index.html b/376/docs/components/dialog/index.html
new file mode 100644
index 000000000..8ed48e1b7
--- /dev/null
+++ b/376/docs/components/dialog/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.dialog.svelte-11akk9u.svelte-11akk9u{background-color:#fff;border-radius:1.5625em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);padding:1.4em 2em;position:relative}.dialog.svelte-11akk9u .title.svelte-11akk9u{color:#4300b0;display:flex;font-size:1.2em;font-weight:500;margin-bottom:.7em}.dialog.svelte-11akk9u .title.close-padded.svelte-11akk9u{padding-right:1.5em}.dialog.svelte-11akk9u .title.svelte-11akk9u svg{flex-shrink:0;margin-right:.5em}.dialog.svelte-11akk9u>.btn.close{position:absolute;right:.7em;top:.7em}.dialog.constrain-width.svelte-11akk9u.svelte-11akk9u{max-width:30em}.dialog.danger.svelte-11akk9u .title.svelte-11akk9u{color:#b80000}.dialog.svelte-11akk9u .content.svelte-11akk9u{max-height:calc(100vh - 10em);overflow-y:auto;overscroll-behavior:contain}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}.preview.svelte-1y2m3b2{align-items:center;background:#fff;border-radius:.25em;display:flex;font-size:.8em;font-weight:300;justify-content:center;padding:.25em .5em;width:5em}.value-popover.svelte-1y2m3b2{background:#fff;border-radius:.5em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);color:#333;font-family:"Roboto Mono",monospace;margin-right:.25em;padding:.5em;white-space:pre}.popover-container.svelte-d7tcpu.svelte-d7tcpu{position:relative}.popover-container.svelte-d7tcpu>.popover.svelte-d7tcpu{display:none;position:absolute}.popover-container.svelte-d7tcpu>.popover.top.svelte-d7tcpu{left:50%;top:0;transform:translate(-50%,-100%)}.popover-container.svelte-d7tcpu>.popover.bottom.svelte-d7tcpu{bottom:0;left:50%;transform:translate(-50%,100%)}.popover-container.svelte-d7tcpu>.popover.left.svelte-d7tcpu{bottom:50%;left:0;transform:translate(-100%,50%)}.popover-container.svelte-d7tcpu>.popover.right.svelte-d7tcpu{bottom:50%;right:0;transform:translate(100%,50%)}.popover-container.svelte-d7tcpu:hover>.popover.svelte-d7tcpu{display:block}.popover-container.svelte-d7tcpu:focus-within>.popover.svelte-d7tcpu{display:block}</style> <title>Dialog – Attractions</title><meta content="Dialog – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/dialog.8a4c71ee.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/dialog.b792720c.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/x.a2bf5f48.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/shadow-preview.f1e703b1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/popover.156a947e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/dialog-1b6f27ab.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/popover-1d6d4d80.css rel=preload as=style><link href=/attractions/376/client/shadow-preview-8f373d1e.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg class="feather feather-github"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg class="feather feather-chevron-down ml tab-chevron"><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg class="feather feather-chevron-down ml accordion-chevron"><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Dialog </h1> <p class=svelte-d09q45>A modal window that informs users about a task and can contain critical information or require actions. </p> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase><div class="svelte-11akk9u danger dialog"><button class="btn svelte-2r4z0x round close neutral" type=button> <svg fill=none height=24 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24 xmlns=http://www.w3.org/2000/svg><line x1=18 x2=6 y1=6 y2=18></line><line x1=6 x2=18 y1=6 y2=18></line></svg> </button> <div class="svelte-11akk9u close-padded title"><div slot=title-icon><svg fill=none height=25px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=25px xmlns=http://www.w3.org/2000/svg class="feather feather-alert-triangle"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1=12 x2=12 y1=9 y2=13></line><line x1=12 x2=12.01 y1=17 y2=17></line></svg></div> Are you sure you want to exit?</div> <p>You have not saved your changes yet.</p> <p>If you exit without saving, changes will be lost.</p> <p>Are you sure you want to exit?</p> <button class="btn svelte-2r4z0x" type=button>yes, exit</button> </div></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dialog</span>
+  <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Are you sure you want to exit?<span class="token punctuation">"</span></span>
+  <span class="token attr-name">closeCallback=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'Closing the dialog...'</span><span class="token punctuation">)</span><span class="token punctuation">}</span></span>
+  <span class="token attr-name">danger</span>
+<span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>title-icon<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AlertTriangleIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>25<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>You have not saved your changes yet.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>If you exit without saving, changes will be lost.<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>Are you sure you want to exit?<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>yes, exit<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Dialog</span><span class="token punctuation">></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg class="feather feather-copy"><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Style Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>danger</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Applies the danger color to the title (including the icon slot if it is stylable with the CSS <code>color</code> property). </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>constrainWidth</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Gives the dialog a <code>max-width</code> of <code>30em</code>. </td> </tbody> </table> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>title</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>Adds a title to the dialog. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>closeCallback</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>Function</code> </td> <td class=svelte-2jo25p>Adds a close button to the dialog and calls this function when it is clicked. </td> </tbody> </table> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;Dialog></code> components use the <code>.dialog</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>titleClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the title <code>div</code>. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Default slot </h3> <p class=svelte-d09q45>The content of the dialog. </p> <h3 class=svelte-1l9130h><code>close-icon</code> slot </h3> <p class=svelte-d09q45>The icon used inside the close button. Defaults to <a href="https://feathericons.com/?query=X" rel=nofollow>Feather icons</a>' <code>X</code>. Only used when <code>closeCallback</code> is supplied. </p> <h3 class=svelte-1l9130h><code>title-icon</code> slot </h3> <p class=svelte-d09q45>The icon prepended before the title. Only used when <code>title</code> is supplied. </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>The color of the title (if supplied). </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$shadow-raised</code></strong> </td> <td class=svelte-2jo25p>The shadow of the dialog. </td> <td class=svelte-2jo25p><div class="svelte-d7tcpu popover-container"><div class="preview svelte-1y2m3b2">hover me</div> <div class="svelte-d7tcpu left popover"><div class="svelte-1y2m3b2 value-popover" slot=popover-content>0 2px 4px -1px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);</div></div> </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$dialog-radius</code></strong> </td> <td class=svelte-2jo25p>The curvature radius of a dialog. </td> <td class=svelte-2jo25p><code>1.5625em</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$bold-font-weight</code></strong> </td> <td class=svelte-2jo25p>The title's font weight. </td> <td class=svelte-2jo25p><code>500</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$danger</code></strong> </td> <td class=svelte-2jo25p>The color of the title when using the danger variant of a dialog. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#b80000></div> #B80000 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$button-radius</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The curvature radius of the X button (if the close callback is supplied). </td> <td class=svelte-2jo25p><code>1.5625em</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$dark</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The color of the X button (if the close callback is supplied). </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#333></div> #333333 </div> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/divider/index.html b/376/docs/components/divider/index.html
new file mode 100644
index 000000000..e88e6b0b8
--- /dev/null
+++ b/376/docs/components/divider/index.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}hr.svelte-lhyupy{border:0 solid #ddd;border-top-width:1px;margin-top:1em;width:100%}hr[data-text].svelte-lhyupy{overflow:visible;position:relative}hr[data-text].svelte-lhyupy::after{background:#fff;content:attr(data-text);font-size:.85rem;left:50%;padding:0 .4em;position:absolute;top:0;transform:translate(-50%,-55%)}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>Divider – Attractions</title><meta content="Divider – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/divider.ebcefaaf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/divider.67a9a120.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/divider-63da41a9.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a class="svelte-z153he logo" href=./ ><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a class="btn svelte-2r4z0x round small" href=/docs rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a class="btn svelte-2r4z0x round" href=https://github.com/illright/attractions rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a class="btn svelte-2r4z0x" href=./docs/changelog rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a class="btn svelte-2r4z0x" href=./docs/migration-guide rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a class="btn svelte-2r4z0x" href=./docs/installation rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a class="btn svelte-2r4z0x" href=./docs/theming rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a class="btn svelte-2r4z0x" href=./docs/components/accordion rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a class="btn svelte-2r4z0x" href=./docs/components/autocomplete rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a class="btn svelte-2r4z0x" href=./docs/components/badge rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a class="btn svelte-2r4z0x" href=./docs/components/breadcrumbs rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a class="btn svelte-2r4z0x" href=./docs/components/button rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a class="btn svelte-2r4z0x" href=./docs/components/card rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a class="btn svelte-2r4z0x" href=./docs/components/checkbox-group rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a class="btn svelte-2r4z0x" href=./docs/components/chip rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a class="btn svelte-2r4z0x" href=./docs/components/date-picker rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a class="btn svelte-2r4z0x" href=./docs/components/dialog rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a class="btn svelte-2r4z0x" href=./docs/components/divider rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a class="btn svelte-2r4z0x" href=./docs/components/dot rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a class="btn svelte-2r4z0x" href=./docs/components/dropdown rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a class="btn svelte-2r4z0x" href=./docs/components/file-dropzone rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a class="btn svelte-2r4z0x" href=./docs/components/file-input rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a class="btn svelte-2r4z0x" href=./docs/components/form-field rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a class="btn svelte-2r4z0x" href=./docs/components/loading rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a class="btn svelte-2r4z0x" href=./docs/components/modal rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a class="btn svelte-2r4z0x" href=./docs/components/pagination rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a class="btn svelte-2r4z0x" href=./docs/components/popover rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a class="btn svelte-2r4z0x" href=./docs/components/radio-group rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a class="btn svelte-2r4z0x" href=./docs/components/slider rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a class="btn svelte-2r4z0x" href=./docs/components/snackbar-container rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a class="btn svelte-2r4z0x" href=./docs/components/star-rating rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a class="btn svelte-2r4z0x" href=./docs/components/switch rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a class="btn svelte-2r4z0x" href=./docs/components/table rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a class="btn svelte-2r4z0x" href=./docs/components/tabs rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a class="btn svelte-2r4z0x" href=./docs/components/text-field rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a class="btn svelte-2r4z0x" href=./docs/components/time-picker rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a class="btn svelte-2r4z0x" href=./docs/components/typography rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a class="btn svelte-2r4z0x" href=./docs/utilities rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a class="btn svelte-2r4z0x" href=./docs/custom-elements rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Divider </h1> <p class=svelte-d09q45>A thin horizontal line used to separate sections and group content, with optional text to display in the middle. </p> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase><p>This is some introduction to something</p> <hr class=svelte-lhyupy data-text="Section 1"> <p>This is the 1st section. Have fun</p> <hr class=svelte-lhyupy data-text=Conclusion> <p>This ends our test</p> <hr class=svelte-lhyupy></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>This is some introduction to something<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Divider</span> <span class="token attr-name">text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Section 1<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>This is the 1st section. Have fun<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Divider</span> <span class="token attr-name">text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Conclusion<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>This ends our test<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Divider</span> <span class="token punctuation">/></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a class=ml href=#properties>#</a> </h2> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>text</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>Adds a text to the middle of the line. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything else will be passed to the underlying <code>&lt;hr></code> element. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a class=ml href=#scss-variables>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$light-contrast</code></strong> </td> <td class=svelte-2jo25p>The color of the horizontal rule </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#ddd></div> #DDDDDD </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$background</code></strong> </td> <td class=svelte-2jo25p>The background color of the text. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#fff></div> #FFFFFF </div> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/dot/index.html b/376/docs/components/dot/index.html
new file mode 100644
index 000000000..fd1ebe308
--- /dev/null
+++ b/376/docs/components/dot/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.dot.svelte-1rux4jd{background:#4300b0;border-radius:50%;height:.625em;width:.625em}.dot.info.svelte-1rux4jd{background:#86d3ff}.dot.attention.svelte-1rux4jd{background:#ffb359}.dot.success.svelte-1rux4jd{background:#9cde70}.dot.danger.svelte-1rux4jd{background:#b80000}.dot.small.svelte-1rux4jd{height:.375em;width:.375em}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>Dot – Attractions</title><meta content="Dot – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/dot.376eae02.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/dot.4b1a4e36.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/dot-828763f8.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a class="svelte-z153he logo" href=./ ><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a class="btn svelte-2r4z0x round small" href=/docs rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a class="btn svelte-2r4z0x round" href=https://github.com/illright/attractions rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="ml feather feather-chevron-down tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a class="btn svelte-2r4z0x" href=./docs/changelog rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a class="btn svelte-2r4z0x" href=./docs/migration-guide rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a class="btn svelte-2r4z0x" href=./docs/installation rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a class="btn svelte-2r4z0x" href=./docs/theming rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="ml feather feather-chevron-down accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a class="btn svelte-2r4z0x" href=./docs/components/accordion rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a class="btn svelte-2r4z0x" href=./docs/components/autocomplete rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a class="btn svelte-2r4z0x" href=./docs/components/badge rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a class="btn svelte-2r4z0x" href=./docs/components/breadcrumbs rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a class="btn svelte-2r4z0x" href=./docs/components/button rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a class="btn svelte-2r4z0x" href=./docs/components/card rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a class="btn svelte-2r4z0x" href=./docs/components/checkbox-group rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a class="btn svelte-2r4z0x" href=./docs/components/chip rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a class="btn svelte-2r4z0x" href=./docs/components/date-picker rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a class="btn svelte-2r4z0x" href=./docs/components/dialog rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a class="btn svelte-2r4z0x" href=./docs/components/divider rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a class="btn svelte-2r4z0x" href=./docs/components/dot rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a class="btn svelte-2r4z0x" href=./docs/components/dropdown rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a class="btn svelte-2r4z0x" href=./docs/components/file-dropzone rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a class="btn svelte-2r4z0x" href=./docs/components/file-input rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a class="btn svelte-2r4z0x" href=./docs/components/form-field rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a class="btn svelte-2r4z0x" href=./docs/components/loading rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a class="btn svelte-2r4z0x" href=./docs/components/modal rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a class="btn svelte-2r4z0x" href=./docs/components/pagination rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a class="btn svelte-2r4z0x" href=./docs/components/popover rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a class="btn svelte-2r4z0x" href=./docs/components/radio-group rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a class="btn svelte-2r4z0x" href=./docs/components/slider rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a class="btn svelte-2r4z0x" href=./docs/components/snackbar-container rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a class="btn svelte-2r4z0x" href=./docs/components/star-rating rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a class="btn svelte-2r4z0x" href=./docs/components/switch rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a class="btn svelte-2r4z0x" href=./docs/components/table rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a class="btn svelte-2r4z0x" href=./docs/components/tabs rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a class="btn svelte-2r4z0x" href=./docs/components/text-field rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a class="btn svelte-2r4z0x" href=./docs/components/time-picker rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a class="btn svelte-2r4z0x" href=./docs/components/typography rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a class="btn svelte-2r4z0x" href=./docs/utilities rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a class="btn svelte-2r4z0x" href=./docs/custom-elements rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Dot </h1> <p class=svelte-d09q45>A colorful dot to signal about all your important events. </p> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase><button class="btn svelte-2r4z0x" type=button>Plain ol' dot: <div class="ml dot svelte-1rux4jd"></div></button> <button class="btn svelte-2r4z0x" type=button>New info <div class="ml dot svelte-1rux4jd info"></div></button> <button class="btn svelte-2r4z0x" type=button><div class="dot svelte-1rux4jd mr success"></div>Mission accomplished </button> <button class="btn svelte-2r4z0x" type=button>Take care! <div class="ml dot svelte-1rux4jd attention"></div></button> <button class="btn svelte-2r4z0x" type=button>Small warning <div class="ml dot svelte-1rux4jd danger small"></div></button></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>
+  Plain ol' dot: <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dot</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>
+  New info <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dot</span> <span class="token attr-name">info</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dot</span> <span class="token attr-name">success</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>mr<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>Mission accomplished
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>
+  Take care! <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dot</span> <span class="token attr-name">attention</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>
+  Small warning <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dot</span> <span class="token attr-name">danger</span> <span class="token attr-name">small</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a class=ml href=#properties>#</a> </h2> <h3 class=svelte-1l9130h>Style Properties </h3> <p class=svelte-d09q45>Only one of <mark><code>info</code></mark>, <mark><code>attention</code></mark>, <mark><code>danger</code></mark>, and <mark><code>success</code></mark> props may be specified at a time. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>info</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Applies the <code>$info</code> color to the dot </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>attention</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Applies the <code>$attention</code> color to the dot </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>danger</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Applies the <code>$danger</code> color to the dot </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>success</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Applies the <code>$success</code> color to the dot </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>small</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Decreases the size of the dot </td> </tbody> </table> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything else will be passed to the underlying <code>&lt;div></code> element. </td> </tbody> </table> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;Dot></code> components use the <code>.dot</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the dot <code>&lt;div></code> element. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a class=ml href=#scss-variables>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>The color of the plain variant of the dot </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$info</code></strong> </td> <td class=svelte-2jo25p>The color of the <code>info</code> variant of the dot </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#86d3ff></div> #86D3FF </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$attention</code></strong> </td> <td class=svelte-2jo25p>The color of the <code>attention</code> variant of the dot </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#ffb359></div> #FFB359 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$success</code></strong> </td> <td class=svelte-2jo25p>The color of the <code>success</code> variant of the dot </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#9cde70></div> #9CDE70 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$danger</code></strong> </td> <td class=svelte-2jo25p>The color of the <code>danger</code> variant of the dot </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#b80000></div> #B80000 </div> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/dropdown-shell/index.html b/376/docs/components/dropdown-shell/index.html
new file mode 100644
index 000000000..ccd61d960
--- /dev/null
+++ b/376/docs/components/dropdown-shell/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}[slot=showcase].svelte-1etefcc.svelte-1etefcc{align-items:flex-start;display:flex;flex-direction:column;overflow:visible}[slot=showcase].svelte-1etefcc .padded.svelte-1etefcc{padding:1em}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}</style> <title>DropdownShell – Attractions</title><meta content="DropdownShell – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/dropdown-shell.bd7e5faf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/dropdown.68df1ffe.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/ChevronDownIcon.fcf5cd50.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/dropdown-bd15e717.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style><link href=/attractions/376/client/dropdown-shell-b030b22a.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>DropdownShell </h1> <p class=svelte-d09q45>The container for the <a href=./docs/components/dropdown><code>Dropdown</code></a> and its activating handle. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class="padded svelte-1etefcc" slot=showcase> <div class="dropdown-shell svelte-1j957tq"><button class="btn svelte-2r4z0x" type=button>this is the handle <svg class="feather feather-chevron-down ml dropdown-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg></button> <div class="dropdown svelte-1fhqrqw"><div class="padded svelte-1etefcc">and this is the dropdown </div> </div> </div> <div class="dropdown-shell svelte-1j957tq">Useless without a <code>&lt;Dropdown /></code> </div></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DropdownShell</span> <span class="token attr-name"><span class="token namespace">let:</span>toggle</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">{</span>toggle<span class="token punctuation">}</span></span><span class="token punctuation">></span></span>
+    this is the handle
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ChevronDownIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml dropdown-chevron<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dropdown</span> <span class="token attr-name">right</span><span class="token punctuation">></span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>padded<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
+      and this is the dropdown
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Dropdown</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>DropdownShell</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DropdownShell</span><span class="token punctuation">></span></span>
+  Useless without a <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>code</span><span class="token punctuation">></span></span><span class="token entity named-entity" title="<">&amplt;</span>Dropdown /<span class="token entity named-entity" title=">">&ampgt;</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>code</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>DropdownShell</span><span class="token punctuation">></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>open</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Controls whether the dropdown content is shown or hidden. </td> </tbody> </table> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;DropdownShell></code> components use the <code>.dropdown-shell</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the underlying <code>&lt;div></code> element. </td> </tbody> </table> <mark>Bonus</mark>: use the `.dropdown-chevron` class for the chevrons on the dropdown handle to get a nice rotation animation (see showcase). <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>change</code></strong> </td> <td class=svelte-2jo25p><code>{ value }</code> </td> <td class=svelte-2jo25p>Fired when toggling the dropdown (with <code>value</code> being <code>true</code> for "open" and <code>false</code> for "closed"). </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Default slot </h3> <p class=svelte-d09q45>The shell of the dropdown. The dropdown itself must be inside it. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Prop Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>toggle</code></strong> </td> <td class=svelte-2jo25p><code>Function</code> </td> <td class=svelte-2jo25p>A callback to toggle the open state of the dropdown. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=exported>Exported Attributes <a href=#exported class=ml>#</a> </h2> <p class=svelte-d09q45>These attributes can be accessed from variables holding component instances bound using <code>bind:this</code> on the instance. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>toggle</code></strong> </td> <td class=svelte-2jo25p><code>Function</code> </td> <td class=svelte-2jo25p>Toggles the dropdown's "open" state. In addition to being exposed as a slot prop, this function is exported to allow toggling the dropdown from same component where the shell is created. </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/dropdown/index.html b/376/docs/components/dropdown/index.html
new file mode 100644
index 000000000..420b24ea4
--- /dev/null
+++ b/376/docs/components/dropdown/index.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}[slot=showcase].svelte-1etefcc.svelte-1etefcc{align-items:flex-start;display:flex;flex-direction:column;overflow:visible}[slot=showcase].svelte-1etefcc .padded.svelte-1etefcc{padding:1em}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}.preview.svelte-1y2m3b2{align-items:center;background:#fff;border-radius:.25em;display:flex;font-size:.8em;font-weight:300;justify-content:center;padding:.25em .5em;width:5em}.value-popover.svelte-1y2m3b2{background:#fff;border-radius:.5em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);color:#333;font-family:"Roboto Mono",monospace;margin-right:.25em;padding:.5em;white-space:pre}.popover-container.svelte-d7tcpu.svelte-d7tcpu{position:relative}.popover-container.svelte-d7tcpu>.popover.svelte-d7tcpu{display:none;position:absolute}.popover-container.svelte-d7tcpu>.popover.top.svelte-d7tcpu{left:50%;top:0;transform:translate(-50%,-100%)}.popover-container.svelte-d7tcpu>.popover.bottom.svelte-d7tcpu{bottom:0;left:50%;transform:translate(-50%,100%)}.popover-container.svelte-d7tcpu>.popover.left.svelte-d7tcpu{bottom:50%;left:0;transform:translate(-100%,50%)}.popover-container.svelte-d7tcpu>.popover.right.svelte-d7tcpu{bottom:50%;right:0;transform:translate(100%,50%)}.popover-container.svelte-d7tcpu:hover>.popover.svelte-d7tcpu{display:block}.popover-container.svelte-d7tcpu:focus-within>.popover.svelte-d7tcpu{display:block}</style> <title>Dropdown – Attractions</title><meta content="Dropdown – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/dropdown.d797a15c.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/dropdown.68df1ffe.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/ChevronDownIcon.fcf5cd50.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/shadow-preview.f1e703b1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/popover.156a947e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/dropdown-bd15e717.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/popover-1d6d4d80.css rel=preload as=style><link href=/attractions/376/client/shadow-preview-8f373d1e.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style><link href=/attractions/376/client/dropdown-b030b22a.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Dropdown </h1> <p class=svelte-d09q45>Toggleable, contextual overlays for displaying additional details or actions. Must be wrapped with a <a href=./docs/components/dropdown-shell><code>DropdownShell</code></a> for correct behavior. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/dropdown-shell class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DropdownShell</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class="padded svelte-1etefcc" slot=showcase> <div class="dropdown-shell svelte-1j957tq"><button class="btn svelte-2r4z0x" type=button>I toggle a dropdown <svg class="feather feather-chevron-down ml dropdown-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg></button> <div class="dropdown svelte-1fhqrqw"><div class="padded svelte-1etefcc">and I am the dropdown content </div> </div> </div> <div class="dropdown-shell svelte-1j957tq"><button class="btn svelte-2r4z0x" type=button>look up there </button> <div class="dropdown svelte-1fhqrqw"><div class="padded svelte-1etefcc">right here </div> </div> </div> <div class="dropdown-shell svelte-1j957tq"><button class="btn svelte-2r4z0x" type=button>look up if there is enough space </button> <div class="dropdown svelte-1fhqrqw"><div class="padded svelte-1etefcc">hello! </div> </div> </div></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DropdownShell</span> <span class="token attr-name"><span class="token namespace">let:</span>toggle</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">{</span>toggle<span class="token punctuation">}</span></span><span class="token punctuation">></span></span>
+    I toggle a dropdown
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ChevronDownIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml dropdown-chevron<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dropdown</span><span class="token punctuation">></span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>padded<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
+      and I am the dropdown content
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Dropdown</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>DropdownShell</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DropdownShell</span> <span class="token attr-name"><span class="token namespace">let:</span>toggle</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">{</span>toggle<span class="token punctuation">}</span></span><span class="token punctuation">></span></span>
+    look up there
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dropdown</span> <span class="token attr-name">verticalAlignment</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>top<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>padded<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
+      right here
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Dropdown</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>DropdownShell</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>DropdownShell</span> <span class="token attr-name"><span class="token namespace">let:</span>toggle</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">{</span>toggle<span class="token punctuation">}</span></span><span class="token punctuation">></span></span>
+    look up if there is enough space
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dropdown</span> <span class="token attr-name">verticalAlignment</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>auto-top<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>padded<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
+      hello!
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Dropdown</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>DropdownShell</span><span class="token punctuation">></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Style Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>horizontalAlignment</code></strong> </td> <td class=svelte-2jo25p><code>auto-start</code> </td> <td class=svelte-2jo25p><code>auto-start</code> | <code>auto-end</code> | <code>start</code> | <code>end</code> </td> <td class=svelte-2jo25p>Dropdown content alignment on horizontal axis. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>verticalAlignment</code></strong> </td> <td class=svelte-2jo25p><code>auto-bottom</code> </td> <td class=svelte-2jo25p><code>auto-bottom</code> | <code>auto-top</code> | <code>bottom</code> | <code>top</code> </td> <td class=svelte-2jo25p>Dropdown content alignment on vertical axis. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><del><strong><code>right</code></strong></del> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p><strong><code>DEPRECATED</code></strong> Aligns the dropdown content with the right edge of the shell. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><del><strong><code>top</code></strong></del> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p><strong><code>DEPRECATED</code></strong> Aligns the dropdown content such that it opens to the top of the shell, extending up. </td> </tbody> </table> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;Dropdown></code> components use the <code>.dropdown</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the underlying <code>&lt;div></code> element. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Default slot </h3> <p class=svelte-d09q45>The content of the dropdown. </p> <h3 class=svelte-1l9130h>Related Objects </h3> <p class=svelte-d09q45>The following objects are available as named exports in 'attractions/dropdown'. </p> <h4>HorizontalAlignment</h4> <p class=svelte-d09q45>Dropdown alignment along the horizontal axis. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Field </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>AUTO_START</code></strong> </td> <td class=svelte-2jo25p>Align the dropdown based on available space around, preferably, at text start (left edge for LTR languages). </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>AUTO_END</code></strong> </td> <td class=svelte-2jo25p>Align dropdown based on available space around, preferably, at text end (right edge for LTR languages). </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>START</code></strong> </td> <td class=svelte-2jo25p>Align content start </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>END</code></strong> </td> <td class=svelte-2jo25p>Align content end. </td> </tbody> </table> <h4>VerticalAlignment</h4> <p class=svelte-d09q45>Dropdown alignment along the vertical axis. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Field </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>AUTO_BOTTOM</code></strong> </td> <td class=svelte-2jo25p>Align content based on available space, preferable bottom. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>AUTO_TOP</code></strong> </td> <td class=svelte-2jo25p>Align content based on available space, preferable top. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>BOTTOM</code></strong> </td> <td class=svelte-2jo25p>Align content bottom. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>TOP</code></strong> </td> <td class=svelte-2jo25p>Align content top. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$background</code></strong> </td> <td class=svelte-2jo25p>The background color of the dropdown content </td> <td class=svelte-2jo25p><div class="preview svelte-oytuu9"><div class="svelte-oytuu9 bordered color" style=background:#fff></div> #FFFFFF </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$shadow-raised</code></strong> </td> <td class=svelte-2jo25p>The shadow of the dropdown. </td> <td class=svelte-2jo25p><div class="svelte-d7tcpu popover-container"><div class="preview svelte-1y2m3b2">hover me</div> <div class="svelte-d7tcpu left popover"><div class="svelte-1y2m3b2 value-popover" slot=popover-content>0 2px 4px -1px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);</div></div> </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$card-radius</code></strong> </td> <td class=svelte-2jo25p>The curvature radius of the dropdown. </td> <td class=svelte-2jo25p><code>1.25em</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/file-dropzone/index.html b/376/docs/components/file-dropzone/index.html
new file mode 100644
index 000000000..faee36b9a
--- /dev/null
+++ b/376/docs/components/file-dropzone/index.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}[slot=showcase].svelte-137a0ii p.svelte-137a0ii{margin:2em 0 0}[slot=showcase].svelte-137a0ii .file-dropzone{margin-top:1em}@media only screen and (min-width:340px){[slot=showcase].svelte-137a0ii.svelte-137a0ii{min-width:17em}}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.file-dropzone.svelte-1pbt5fi.svelte-1pbt5fi.svelte-1pbt5fi{border:.125em dashed currentColor;border-radius:1.5625em;color:#4300b0;display:block;margin:2em 0 .5em;position:relative}.file-dropzone.svelte-1pbt5fi.svelte-1pbt5fi.svelte-1pbt5fi:focus-within{border-color:rgba(67,0,176,.5);border-style:solid}.file-dropzone.disabled.svelte-1pbt5fi.svelte-1pbt5fi.svelte-1pbt5fi{color:#888}.file-dropzone.svelte-1pbt5fi input.svelte-1pbt5fi.svelte-1pbt5fi{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.file-dropzone.svelte-1pbt5fi .icon{stroke:currentColor}.file-dropzone.svelte-1pbt5fi .empty-layer.svelte-1pbt5fi.svelte-1pbt5fi{align-items:center;display:flex;padding:2em 1em;z-index:1}.file-dropzone.svelte-1pbt5fi .empty-layer .title.svelte-1pbt5fi.svelte-1pbt5fi{color:currentColor;flex:1;font-weight:500;margin-left:.5em;text-align:center}.file-dropzone.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi.svelte-1pbt5fi{align-items:center;border-radius:1.5625em;cursor:pointer;display:flex;height:100%;justify-content:flex-end;left:0;position:absolute;top:0;width:100%;z-index:2}.file-dropzone.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi.svelte-1pbt5fi:hover{background:rgba(67,0,176,.025)}.file-dropzone.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi .ripple{background:rgba(67,0,176,.1)}.file-dropzone.svelte-1pbt5fi .dropzone-layer.accepting.svelte-1pbt5fi.svelte-1pbt5fi{background:rgba(67,0,176,.05)}.file-dropzone.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi svg{margin-right:1em;opacity:0;pointer-events:none;stroke:currentColor;transition:transform 150ms}.file-dropzone.svelte-1pbt5fi input.svelte-1pbt5fi:focus~.dropzone-layer.svelte-1pbt5fi{background:rgba(67,0,176,.05)}.file-dropzone.disabled.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi.svelte-1pbt5fi{background:0 0;cursor:not-allowed}.file-dropzone.has-content.svelte-1pbt5fi.svelte-1pbt5fi.svelte-1pbt5fi{display:grid;gap:.5em;grid-template-columns:repeat(auto-fill,12em);padding:1em}.file-dropzone.has-content.svelte-1pbt5fi .empty-layer.svelte-1pbt5fi.svelte-1pbt5fi{display:none}.file-dropzone.has-content.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi svg{opacity:1}.file-dropzone.wrong-type.svelte-1pbt5fi.svelte-1pbt5fi.svelte-1pbt5fi{color:#b80000}.file-dropzone.wrong-type.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi.svelte-1pbt5fi:hover{background:rgba(184,0,0,.025)}.file-dropzone.wrong-type.svelte-1pbt5fi .dropzone-layer.accepting.svelte-1pbt5fi.svelte-1pbt5fi{background:rgba(184,0,0,.05)}.file-dropzone.wrong-type.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi .ripple{background:rgba(184,0,0,.1)}.file-dropzone.wrong-type.svelte-1pbt5fi .dropzone-layer.svelte-1pbt5fi svg.plus{transform:rotate(45deg)}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}.preview.svelte-1y2m3b2{align-items:center;background:#fff;border-radius:.25em;display:flex;font-size:.8em;font-weight:300;justify-content:center;padding:.25em .5em;width:5em}.value-popover.svelte-1y2m3b2{background:#fff;border-radius:.5em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);color:#333;font-family:"Roboto Mono",monospace;margin-right:.25em;padding:.5em;white-space:pre}.popover-container.svelte-d7tcpu.svelte-d7tcpu{position:relative}.popover-container.svelte-d7tcpu>.popover.svelte-d7tcpu{display:none;position:absolute}.popover-container.svelte-d7tcpu>.popover.top.svelte-d7tcpu{left:50%;top:0;transform:translate(-50%,-100%)}.popover-container.svelte-d7tcpu>.popover.bottom.svelte-d7tcpu{bottom:0;left:50%;transform:translate(-50%,100%)}.popover-container.svelte-d7tcpu>.popover.left.svelte-d7tcpu{bottom:50%;left:0;transform:translate(-100%,50%)}.popover-container.svelte-d7tcpu>.popover.right.svelte-d7tcpu{bottom:50%;right:0;transform:translate(100%,50%)}.popover-container.svelte-d7tcpu:hover>.popover.svelte-d7tcpu{display:block}.popover-container.svelte-d7tcpu:focus-within>.popover.svelte-d7tcpu{display:block}</style> <title>FileDropzone – Attractions</title><meta content="FileDropzone – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/file-dropzone.d4c713a1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/file-dropzone.a1829fd2.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/file-tile.85e2cf4a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/format-file-size.22bb7c0a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/shadow-preview.f1e703b1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/popover.156a947e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/file-tile-b3753d1d.css rel=preload as=style><link href=/attractions/376/client/file-dropzone-d14af357.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/popover-1d6d4d80.css rel=preload as=style><link href=/attractions/376/client/shadow-preview-8f373d1e.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style><link href=/attractions/376/client/file-dropzone-e3e07ae7.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>FileDropzone </h1> <p class=svelte-d09q45>A large, prominent area for uploading files either by clicking or by dragging them into the area. <br> Allows uploading files in several takes (that is, the value of the input isn't cleared every time a new selection is made). </p> <p class=svelte-d09q45>For a simpler file input without the built-in representation of the file selection, check out the <a href=./docs/components/file-input><code>FileInput</code></a>. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput</a> </div><div class="card svelte-1bts72l"><a href=./docs/components/file-tile class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileTile</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class="padded svelte-137a0ii" slot=showcase> <label class="svelte-1pbt5fi file-dropzone"><input class=svelte-1pbt5fi type=file multiple> <div class="svelte-1pbt5fi empty-layer"> <svg class=icon fill=none height=24 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24 xmlns=http://www.w3.org/2000/svg><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"></path></svg> <div class="svelte-1pbt5fi title"> drag & drop here or click to upload files </div> </div> <div class="svelte-1pbt5fi dropzone-layer"> <svg class=plus fill=none height=24 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24 xmlns=http://www.w3.org/2000/svg><line x1=12 x2=12 y1=5 y2=19></line><line x1=5 x2=19 y1=12 y2=12></line></svg> </div> </label> <p class=svelte-137a0ii>Only images below (3 max.):</p> <label class="svelte-1pbt5fi file-dropzone"><input class=svelte-1pbt5fi type=file multiple accept=image/*> <div class="svelte-1pbt5fi empty-layer"> <svg class=icon fill=none height=24 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24 xmlns=http://www.w3.org/2000/svg><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"></path></svg> <div class="svelte-1pbt5fi title"> drag & drop here or click to upload files </div> </div> <div class="svelte-1pbt5fi dropzone-layer"> <svg class=plus fill=none height=24 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24 xmlns=http://www.w3.org/2000/svg><line x1=12 x2=12 y1=5 y2=19></line><line x1=5 x2=19 y1=12 y2=12></line></svg> </div> </label></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FileDropzone</span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>Only images below (3 max.):<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FileDropzone</span> <span class="token attr-name">accept</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>image/*<span class="token punctuation">"</span></span> <span class="token attr-name">max=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">3</span><span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>accept</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>Limits the allowed files to particular types. For guidelines on the value of the attribute, consult the <a href=https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept rel=nofollow>MDN docs</a>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>files</code></strong> </td> <td class=svelte-2jo25p><code>[]</code> </td> <td class=svelte-2jo25p><code>Array</code> </td> <td class=svelte-2jo25p>The user's selection as an array of <a href=https://developer.mozilla.org/en-US/docs/Web/API/File rel=nofollow><code>File</code></a> objects. Note: this is an actual <code>Array</code>, not a <code>FileList</code>, as opposed to the native <code>&lt;input type="file"></code>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>beforeChange</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>Function</code> </td> <td class=svelte-2jo25p>A callback to call for each file that passes the <mark><code>accept</code></mark> check before it is added to the <mark><code>files</code></mark>. <br> If it returns a Promise, they will be started for every file, but awaited at the end. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>disabled</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Whether the input should accept files. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>max</code></strong> </td> <td class=svelte-2jo25p><code>Infinity</code> </td> <td class=svelte-2jo25p><code>number</code> </td> <td class=svelte-2jo25p>The maximum amount of files that the user can upload. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>fileComponent</code></strong> </td> <td class=svelte-2jo25p><a href=./docs/components/file-tile><mark><code>FileTile</code></mark></a> </td> <td class=svelte-2jo25p>Svelte component </td> <td class=svelte-2jo25p>The component used to render a selected file. <br> Receives a single prop: <code>file</code>, the <a href=https://developer.mozilla.org/en-US/docs/Web/API/File rel=nofollow><code>File</code></a> object. <br> Expected to dispatch <code>delete</code> events on to delete this file from the selection with the <code>file</code> prop as the detail. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything else will be passed to the underlying <code>&lt;input></code> element. </td> </tbody> </table> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;FileDropzone></code> components use the <code>.file-dropzone</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>change</code></strong> </td> <td class=svelte-2jo25p><code>{ value, nativeEvent }</code> </td> <td class=svelte-2jo25p>Fired when a selection is added to/removed from. In case of removal, the <code>nativeEvent</code> isn't present in the event detail. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <h3 class=svelte-1l9130h><code>empty-layer</code> slot </h3> <p class=svelte-d09q45>The inner content of the dropzone when no files are selected. Defaults to a message that responds to the state of the dropzone: empty, with files ready to be dropped, with incorrect files ready to be dropped or disabled. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Prop Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>dragActive</code></strong> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>The state of having a file dragged over the dropzone. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>wrongType</code></strong> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>The state of having an incorrect file dragged over the dropzone. </td> </tbody> </table> <h3 class=svelte-1l9130h><code>plus-icon</code> slot </h3> <p class=svelte-d09q45>The plus icon inside the dropzone when there are files inside. <mark>Bonus</mark>: if supplied with a <code>plus</code> class, rotates 45 degrees to become an X when an incorrect file is uploaded. Defaults to <a href="https://feathericons.com/?query=plus" rel=nofollow>Feather icons</a>' <code>Plus</code>. </p> <h3 class=svelte-1l9130h><code>upload-unavailable-message</code> slot </h3> <p class=svelte-d09q45>The text to display when the dropzone is disabled. Defaults to "<code>upload unavailable</code>". </p> <h3 class=svelte-1l9130h><code>incorrect-file-message</code> slot </h3> <p class=svelte-d09q45>The text to display when the file being dropped is of an incorrect type. Defaults to "<code>incorrect file type</code>". </p> <h3 class=svelte-1l9130h><code>release-to-upload-message</code> slot </h3> <p class=svelte-d09q45>The text to display when a file is of the correct file is dragged over the dropzone. Defaults to "<code>release to upload</code>". </p> <h3 class=svelte-1l9130h><code>drag-and-drop-message</code> slot </h3> <p class=svelte-d09q45>The default message to display when the dropzone is enabled but nothing is being dragged over it. Defaults to "<code>drag & drop here or click to upload files</code>". </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>The color of the text and borders. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> </td> <td class=svelte-2jo25p>The font of the button text. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$dropzone-radius</code></strong> </td> <td class=svelte-2jo25p>The curvature radius of a button. </td> <td class=svelte-2jo25p><code>1.5625em</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$danger</code></strong> </td> <td class=svelte-2jo25p>The color of the "incorrect files uploaded" state of the dropzone. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#b80000></div> #B80000 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$disabled</code></strong> </td> <td class=svelte-2jo25p>The color of the disabled state of the dropzone. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#888></div> #888888 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$bold-font-weight</code></strong> </td> <td class=svelte-2jo25p>The bold font weight of the text in the empty layer. </td> <td class=svelte-2jo25p><code>500</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$dark</code></strong> <small>From <a href=./docs/components/file-tile><code>FileTile</code></a></small> </td> <td class=svelte-2jo25p>The text color of the file tiles. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#333></div> #333333 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$file-tile-radius</code></strong> <small>From <a href=./docs/components/file-tile><code>FileTile</code></a></small> </td> <td class=svelte-2jo25p>The curvature radius of the file tiles. </td> <td class=svelte-2jo25p><code>.625em</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$shadow-1</code></strong> <small>From <a href=./docs/components/file-tile><code>FileTile</code></a></small> </td> <td class=svelte-2jo25p>The shadow of the file tiles. </td> <td class=svelte-2jo25p><div class="svelte-d7tcpu popover-container"><div class="preview svelte-1y2m3b2">hover me</div> <div class="svelte-d7tcpu left popover"><div class="svelte-1y2m3b2 value-popover" slot=popover-content>0 2px 5px rgba(0, 0, 0, .14), 0 1px 5px rgba(0, 0, 0, .12);</div></div> </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$thin-font-weight</code></strong> <small>From <a href=./docs/components/file-tile><code>FileTile</code></a></small> </td> <td class=svelte-2jo25p>The thinner font weight for the file details: size and type. </td> <td class=svelte-2jo25p><code>300</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$button-radius</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The curvature radius of the "delete" button. </td> <td class=svelte-2jo25p><code>1.5625em</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$danger</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The color of the "delete" button. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#b80000></div> #B80000 </div> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/file-input/index.html b/376/docs/components/file-input/index.html
new file mode 100644
index 000000000..561d21ab4
--- /dev/null
+++ b/376/docs/components/file-input/index.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}[slot=showcase].svelte-1h883k1 .file-tile{max-width:16em}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.file-input.svelte-2d62iz.svelte-2d62iz{align-items:center;display:inline-flex}.file-input.vertical.svelte-2d62iz.svelte-2d62iz{flex-direction:column}.file-input.vertical.svelte-2d62iz label.svelte-2d62iz{margin-bottom:.5em;margin-right:0}label.svelte-2d62iz.svelte-2d62iz{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;border-radius:1.5625em;margin-right:.5em;padding:.8em 1.1em}label.svelte-2d62iz.svelte-2d62iz::-moz-focus-inner{border:0}label.svelte-2d62iz input.svelte-2d62iz{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}label.svelte-2d62iz.svelte-2d62iz{color:#4300b0}label.svelte-2d62iz .icon{stroke:#4300b0}label.svelte-2d62iz .ripple{background:rgba(67,0,176,.1)}label.svelte-2d62iz.svelte-2d62iz:hover{background:rgba(67,0,176,.05)}label.svelte-2d62iz.svelte-2d62iz:focus-within{background-color:rgba(67,0,176,.12)}label.disabled.svelte-2d62iz.svelte-2d62iz{background:0 0;color:#888;cursor:default}label.disabled.svelte-2d62iz .icon{stroke:#888}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>FileInput – Attractions</title><meta content="FileInput – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/file-input.c1ad6f27.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/file-input.a173f705.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/file-tile.85e2cf4a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/format-file-size.22bb7c0a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/file-input-613c787e.css rel=preload as=style><link href=/attractions/376/client/file-tile-b3753d1d.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style><link href=/attractions/376/client/file-input-95dfbf7b.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>FileInput </h1> <p class=svelte-d09q45>A regular file input matching the theme of the kit. Comes with buttons to select and deselect files. </p> <p class=svelte-d09q45>For a larger, more functional and visual file uploader, check out the <a href=./docs/components/file-dropzone><code>FileDropzone</code></a>. It also supports drag'n'drop file upload. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone</a> </div><div class="card svelte-1bts72l"><a href=./docs/components/file-tile class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileTile</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class="padded svelte-1h883k1" slot=showcase><span class="svelte-2d62iz file-input"><label class=svelte-2d62iz><input class=svelte-2d62iz type=file> select a file </label> </span> </div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
+  <span class="token keyword">let</span> upload <span class="token operator">=</span> <span class="token keyword">null</span><span class="token punctuation">;</span>
+</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FileInput</span> <span class="token attr-name"><span class="token namespace">bind:</span>value=</span><span class="token language-javascript"><span class="token punctuation">{</span>upload<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>
+<span class="token language-javascript"><span class="token punctuation">{</span>#<span class="token keyword">if</span> upload <span class="token operator">!=</span> <span class="token keyword">null</span><span class="token punctuation">}</span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FileTile</span> <span class="token attr-name">file=</span><span class="token language-javascript"><span class="token punctuation">{</span>upload<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>
+<span class="token language-javascript"><span class="token punctuation">{</span><span class="token operator">/</span><span class="token keyword">if</span><span class="token punctuation">}</span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Style Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>vertical</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Decides if the <em>select a file</em> and <em>clear selection</em> buttons will be laid out in a row or a column (upload a file to see the two buttons). </td> </tbody> </table> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>multiple</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Allows the user to select multiple files. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>value</code></strong> </td> <td class=svelte-2jo25p><code>null</code> or <code>[]</code> </td> <td class=svelte-2jo25p><a href=https://developer.mozilla.org/en-US/docs/Web/API/File rel=nofollow><code>File</code></a> or <a href=https://developer.mozilla.org/en-US/docs/Web/API/FileList rel=nofollow><code>FileList</code></a> </td> <td class=svelte-2jo25p>The user's selection. If <mark><code>multiple</code></mark> is <code>false</code>, the value is an actual <code>File</code> object, not a one-element <code>FileList</code>, as opposed to the native <code>&lt;input type="file"></code>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>disabled</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Whether the input should accept files. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything else will be passed to the underlying <code>&lt;input></code> element. </td> </tbody> </table> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;FileInput></code> components use the <code>.file-input</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>labelClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the <code>&lt;label></code> element wrapping the <code>&lt;input></code>. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>change</code></strong> </td> <td class=svelte-2jo25p><code>{ value, nativeEvent }</code> </td> <td class=svelte-2jo25p>Fired when a selection is made or cleared. In case of clearing the selection, the <code>nativeEvent</code> is a click event. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <h3 class=svelte-1l9130h><code>select-file-message</code> slot </h3> <p class=svelte-d09q45>Use this slot to translate the "select file" message that appears when tabbing into the dropdown of options. </p> <h3 class=svelte-1l9130h>Default slot </h3> <p class=svelte-d09q45>The label of the main upload button. Defaults to the text "select a file" / "select files" depending on the value of the <mark><code>multiple</code></mark> property. </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>The color of the main upload button. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> </td> <td class=svelte-2jo25p>The font of the button text. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$button-radius</code></strong> </td> <td class=svelte-2jo25p>The curvature radius of a button. </td> <td class=svelte-2jo25p><code>1.5625em</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$danger</code></strong> </td> <td class=svelte-2jo25p>The color of the clearing button. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#b80000></div> #B80000 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$disabled</code></strong> </td> <td class=svelte-2jo25p>The color of the main upload button when the input is disabled. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#888></div> #888888 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$bold-font-weight</code></strong> </td> <td class=svelte-2jo25p>The bold font weight of the buttons. </td> <td class=svelte-2jo25p><code>500</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$danger</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The color of the "clear selection" buttons. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#b80000></div> #B80000 </div> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/file-tile/index.html b/376/docs/components/file-tile/index.html
new file mode 100644
index 000000000..1f15790ae
--- /dev/null
+++ b/376/docs/components/file-tile/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}[slot=showcase].svelte-1h883k1 .file-tile{max-width:16em}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}.preview.svelte-1y2m3b2{align-items:center;background:#fff;border-radius:.25em;display:flex;font-size:.8em;font-weight:300;justify-content:center;padding:.25em .5em;width:5em}.value-popover.svelte-1y2m3b2{background:#fff;border-radius:.5em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);color:#333;font-family:"Roboto Mono",monospace;margin-right:.25em;padding:.5em;white-space:pre}.popover-container.svelte-d7tcpu.svelte-d7tcpu{position:relative}.popover-container.svelte-d7tcpu>.popover.svelte-d7tcpu{display:none;position:absolute}.popover-container.svelte-d7tcpu>.popover.top.svelte-d7tcpu{left:50%;top:0;transform:translate(-50%,-100%)}.popover-container.svelte-d7tcpu>.popover.bottom.svelte-d7tcpu{bottom:0;left:50%;transform:translate(-50%,100%)}.popover-container.svelte-d7tcpu>.popover.left.svelte-d7tcpu{bottom:50%;left:0;transform:translate(-100%,50%)}.popover-container.svelte-d7tcpu>.popover.right.svelte-d7tcpu{bottom:50%;right:0;transform:translate(100%,50%)}.popover-container.svelte-d7tcpu:hover>.popover.svelte-d7tcpu{display:block}.popover-container.svelte-d7tcpu:focus-within>.popover.svelte-d7tcpu{display:block}</style> <title>FileTile – Attractions</title><meta content="FileTile – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/file-tile.02de9ba2.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/file-tile.85e2cf4a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/format-file-size.22bb7c0a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/shadow-preview.f1e703b1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/popover.156a947e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/file-tile-b3753d1d.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/popover-1d6d4d80.css rel=preload as=style><link href=/attractions/376/client/shadow-preview-8f373d1e.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style><link href=/attractions/376/client/file-tile-95dfbf7b.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>FileTile </h1> <p class=svelte-d09q45>A small tile displaying the name of a file, its size and format in human-readable ways. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput</a> </div><div class="card svelte-1bts72l"><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class="padded svelte-1h883k1" slot=showcase></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
+  <span class="token keyword">import</span> <span class="token punctuation">{</span> onMount <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'svelte'</span><span class="token punctuation">;</span>
+
+  <span class="token keyword">let</span> file <span class="token operator">=</span> <span class="token keyword">null</span><span class="token punctuation">;</span>
+  <span class="token function">onMount</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span>
+    file <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">File</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token string">""</span><span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token string">"filename.txt"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+  <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
+
+<span class="token language-javascript"><span class="token punctuation">{</span>#<span class="token keyword">if</span> file <span class="token operator">!=</span> <span class="token keyword">null</span><span class="token punctuation">}</span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FileTile</span> <span class="token language-javascript"><span class="token punctuation">{</span>file<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>
+<span class="token language-javascript"><span class="token punctuation">{</span><span class="token operator">/</span><span class="token keyword">if</span><span class="token punctuation">}</span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>file</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><a href=https://developer.mozilla.org/en-US/docs/Web/API/File rel=nofollow><code>File</code></a> </td> <td class=svelte-2jo25p>The File object to display. </td> </tbody> </table> <div class=required>* Required</div> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;FileTile></code> components use the <code>.file-tile</code> class. </p> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>delete</code></strong> </td> <td class=svelte-2jo25p><code>file</code> </td> <td class=svelte-2jo25p>Fired when the delete button is pressed. The detail is the same <code>file</code> object that was passed in the property. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$dark</code></strong> </td> <td class=svelte-2jo25p>The text color of the tile. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#333></div> #333333 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$file-tile-radius</code></strong> </td> <td class=svelte-2jo25p>The curvature radius of the tile. </td> <td class=svelte-2jo25p><code>.625em</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$shadow-1</code></strong> </td> <td class=svelte-2jo25p>The shadow of the tile. </td> <td class=svelte-2jo25p><div class="svelte-d7tcpu popover-container"><div class="preview svelte-1y2m3b2">hover me</div> <div class="svelte-d7tcpu left popover"><div class="svelte-1y2m3b2 value-popover" slot=popover-content>0 2px 5px rgba(0, 0, 0, .14), 0 1px 5px rgba(0, 0, 0, .12);</div></div> </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$thin-font-weight</code></strong> </td> <td class=svelte-2jo25p>The thinner font weight for the file details: size and type. </td> <td class=svelte-2jo25p><code>300</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$button-radius</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The curvature radius of the "delete" button. </td> <td class=svelte-2jo25p><code>1.5625em</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$danger</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The color of the "delete" button. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#b80000></div> #B80000 </div> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/form-field/index.html b/376/docs/components/form-field/index.html
new file mode 100644
index 000000000..468aa2285
--- /dev/null
+++ b/376/docs/components/form-field/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}[slot=showcase].svelte-1akyzr0{min-height:10em;padding:1em}[slot=showcase].svelte-1akyzr0 .autocomplete{max-width:20em}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.form-field.svelte-3y9l2h.svelte-3y9l2h{display:flex;flex-direction:column;margin-bottom:2em}.form-field.svelte-3y9l2h .description.svelte-3y9l2h{margin-bottom:.75em}.form-field.svelte-3y9l2h .description .name.svelte-3y9l2h{display:block;font-size:1.1em;margin-bottom:.2em}.form-field.svelte-3y9l2h .description .name .required.svelte-3y9l2h{color:#4300b0}.form-field.svelte-3y9l2h .description .help.svelte-3y9l2h{font-size:.95em;font-weight:300}.form-field.svelte-3y9l2h .field .message.svelte-3y9l2h{font-size:.85em;margin:.3em .5em}.form-field.svelte-3y9l2h .field .message.info.svelte-3y9l2h{color:#4300b0}.form-field.svelte-3y9l2h .field .message.error.svelte-3y9l2h{color:#b80000}@media screen and (min-width:800px){.form-field.svelte-3y9l2h.svelte-3y9l2h{flex-direction:row}.form-field.svelte-3y9l2h .description.svelte-3y9l2h{flex-basis:40%}.form-field.svelte-3y9l2h .field.svelte-3y9l2h{flex:1;margin-left:1em}}.text-field.svelte-fxvd28 input[type=search].svelte-fxvd28.svelte-fxvd28::-webkit-search-cancel-button{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");background-size:contain;border:.1875em solid transparent;border-radius:50%;cursor:pointer;height:1.25em;position:relative;top:1px;width:1.25em}.text-field.svelte-fxvd28 input[type=search].svelte-fxvd28.svelte-fxvd28::-webkit-search-cancel-button:hover{background-color:rgba(51,51,51,.1)}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{background-color:#f5f5f5;border:0 solid rgba(0,0,0,.42);border-bottom-width:.0625em;border-top-left-radius:.375em;border-top-right-radius:.375em;box-sizing:border-box;padding:0 .625em .0625em;width:100%;font-family:Ubuntu,sans-serif;font-size:1rem;font-weight:300;height:2.8em;outline:0}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:hover,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:hover{background-color:#eee}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:focus,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:focus{background-color:#e1e1e1;border-bottom-width:.125em;border-color:#4800bd;padding-bottom:0}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:disabled,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:disabled{background-color:#f7f7f7;border-color:rgba(51,51,51,.3);color:#888}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:disabled:hover,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:disabled:hover{background-color:#f7f7f7}.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{height:6em;padding:.75em .625em .0625em}.text-field.with-item.svelte-fxvd28.svelte-fxvd28.svelte-fxvd28{position:relative}.text-field.with-item.left.svelte-fxvd28.svelte-fxvd28.svelte-fxvd28{flex-direction:row-reverse}.text-field.with-item.left.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28,.text-field.with-item.left.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{padding-left:3rem}.text-field.with-item.left.svelte-fxvd28 input[type=search].svelte-fxvd28.svelte-fxvd28{padding-left:2.2em}.text-field.with-item.left.svelte-fxvd28>.item{font-weight:500;left:.625em}.text-field.with-item.right.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28,.text-field.with-item.right.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{padding-right:1.875em;text-align:right}.text-field.with-item.right.svelte-fxvd28>.item{right:.625em}.text-field.with-item.svelte-fxvd28>.item{color:#7a7a7a;height:1.1em;position:absolute;top:.85em}.text-field.with-item.svelte-fxvd28>input.svelte-fxvd28:focus+.item{color:#4300b0;stroke:#4300b0}.text-field.with-item.svelte-fxvd28>input.svelte-fxvd28:focus+.item svg{stroke:#4300b0}.text-field.with-item.right-align.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28{text-align:right}.text-field.with-item.svelte-fxvd28 input[type=number].svelte-fxvd28.svelte-fxvd28{appearance:textfield}.text-field.with-item.svelte-fxvd28 input[type=number].svelte-fxvd28.svelte-fxvd28::-webkit-inner-spin-button,.text-field.with-item.svelte-fxvd28 input[type=number].svelte-fxvd28.svelte-fxvd28::-webkit-outer-spin-button{appearance:none;margin:0}.text-field.with-item.svelte-fxvd28>svg.item{height:1em;top:.9em}.text-field.with-item.svelte-fxvd28 input.svelte-fxvd28:invalid+svg.item{stroke:#b80000}.text-field.outline.svelte-fxvd28.svelte-fxvd28.svelte-fxvd28{margin-top:.65em;position:relative}.text-field.outline.svelte-fxvd28 label.svelte-fxvd28.svelte-fxvd28{background-color:#fff;border-radius:.3125em;color:rgba(0,0,0,.42);font-family:Ubuntu,sans-serif;left:1.4em;padding:0 .25em;position:absolute;top:0;transform:translate(-.25em,-55%)}.text-field.outline.with-item.left.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28{padding-left:2.2em}.text-field.outline.with-item.left.svelte-fxvd28 label.svelte-fxvd28.svelte-fxvd28{left:2.2em}.text-field.outline.with-item.left.svelte-fxvd28 svg{stroke:#888}.text-field.outline.with-item.left.svelte-fxvd28>input.svelte-fxvd28:focus~.item{color:#4300b0}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28{background-color:transparent;border:1px solid rgba(0,0,0,.42);border-radius:1.5625em;padding:0 1.4em}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:hover{border-color:rgba(0,0,0,.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:hover+label.svelte-fxvd28{color:rgba(0,0,0,.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:focus{border-color:#4300b0}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:focus+label.svelte-fxvd28{color:#4300b0}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:invalid{border-color:rgba(184,0,0,.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:invalid+label.svelte-fxvd28{color:rgba(184,0,0,.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:invalid~svg.item{stroke:rgba(184,0,0,.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:invalid:focus~svg.item{stroke:rgba(184,0,0,.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:focus~svg.item{stroke:#4300b0}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:invalid{background:#fbeeee;border-bottom-color:#b80000;box-shadow:none}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:not(.outline):invalid{background-color:#fbeeee}.text-field.svelte-fxvd28 .svelte-fxvd28.svelte-fxvd28:-moz-ui-invalid{box-shadow:none}.text-field.svelte-fxvd28>.error.svelte-fxvd28.svelte-fxvd28{color:rgba(184,0,0,.7);font-size:.8rem;font-weight:500}.text-field.no-spinner.svelte-fxvd28>input[type=number].svelte-fxvd28.svelte-fxvd28{appearance:textfield}.text-field.no-spinner.svelte-fxvd28>input[type=number].svelte-fxvd28.svelte-fxvd28::-webkit-inner-spin-button,.text-field.no-spinner.svelte-fxvd28>input[type=number].svelte-fxvd28.svelte-fxvd28::-webkit-outer-spin-button{appearance:none;margin:0}.switch.svelte-aapm94.svelte-aapm94.svelte-aapm94.svelte-aapm94{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif}.switch.svelte-aapm94 input.svelte-aapm94.svelte-aapm94.svelte-aapm94{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.switch.svelte-aapm94 .track.svelte-aapm94.svelte-aapm94.svelte-aapm94{border:.125em solid #aaa;border-radius:.75em;cursor:pointer;height:1.125em;position:relative;width:2em}.switch.svelte-aapm94 .track.svelte-aapm94.svelte-aapm94.svelte-aapm94::before{border-radius:1.125em;content:"";height:2.375em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:3.25em}.switch.svelte-aapm94 .track.svelte-aapm94>.thumb.svelte-aapm94.svelte-aapm94{background:#aaa;border-radius:50%;height:.75em;left:.25em;position:absolute;top:50%;transform:translateY(-50%);transition:transform .1s;width:.75em}.switch.svelte-aapm94 input.svelte-aapm94:checked~.track.svelte-aapm94.svelte-aapm94{border-color:#4300b0}.switch.svelte-aapm94 input.svelte-aapm94:checked~.track.svelte-aapm94>.thumb.svelte-aapm94{background-color:#4300b0;transform:translateY(-50%) translateX(100%)}.switch.svelte-aapm94 input.svelte-aapm94:disabled~.track.svelte-aapm94.svelte-aapm94{border-color:#888;cursor:not-allowed}.switch.svelte-aapm94 input.svelte-aapm94:disabled~.track.svelte-aapm94>.thumb.svelte-aapm94{background:0 0;border:.125em solid #888;height:.5em;position:relative;width:.5em}.switch.svelte-aapm94 input.svelte-aapm94:disabled~.track.svelte-aapm94>.thumb.svelte-aapm94::before{background:#888;content:"";height:.125em;left:0;position:absolute;top:.1875em;transform:rotate(-45deg);width:100%}.switch.svelte-aapm94 input.svelte-aapm94:focus~.track.svelte-aapm94.svelte-aapm94::before{background:rgba(0,0,0,.1)}.switch.svelte-aapm94 input.svelte-aapm94:focus:checked~.track.svelte-aapm94.svelte-aapm94::before{background:rgba(67,0,176,.1)}.switch.svelte-aapm94:hover .track.svelte-aapm94.svelte-aapm94.svelte-aapm94::before{background:rgba(0,0,0,.1)}.switch.svelte-aapm94:hover input.svelte-aapm94:checked:not(:disabled)~.track.svelte-aapm94.svelte-aapm94::before{background:rgba(67,0,176,.05)}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>FormField – Attractions</title><meta content="FormField – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/form-field.f4d613fb.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/text-field.37ad5edd.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/switch.621b5c35.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/form-field.36e1adda.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/text-field-02b3c03b.css rel=preload as=style><link href=/attractions/376/client/switch-cc3afc23.css rel=preload as=style><link href=/attractions/376/client/form-field-eca10035.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style><link href=/attractions/376/client/form-field-a7e9e263.css rel=preload as=style></head> <body> <header class="svelte-z153he padded"><a class="svelte-z153he logo" href=./ ><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a class="btn svelte-2r4z0x round small" href=/docs rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a class="btn svelte-2r4z0x round" href=https://github.com/illright/attractions rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a class="btn svelte-2r4z0x" href=./docs/changelog rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a class="btn svelte-2r4z0x" href=./docs/migration-guide rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a class="btn svelte-2r4z0x" href=./docs/installation rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a class="btn svelte-2r4z0x" href=./docs/theming rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a class="btn svelte-2r4z0x" href=./docs/components/accordion rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a class="btn svelte-2r4z0x" href=./docs/components/autocomplete rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a class="btn svelte-2r4z0x" href=./docs/components/badge rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a class="btn svelte-2r4z0x" href=./docs/components/breadcrumbs rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a class="btn svelte-2r4z0x" href=./docs/components/button rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a class="btn svelte-2r4z0x" href=./docs/components/card rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a class="btn svelte-2r4z0x" href=./docs/components/checkbox-group rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a class="btn svelte-2r4z0x" href=./docs/components/chip rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a class="btn svelte-2r4z0x" href=./docs/components/date-picker rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a class="btn svelte-2r4z0x" href=./docs/components/dialog rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a class="btn svelte-2r4z0x" href=./docs/components/divider rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a class="btn svelte-2r4z0x" href=./docs/components/dot rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a class="btn svelte-2r4z0x" href=./docs/components/dropdown rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a class="btn svelte-2r4z0x" href=./docs/components/file-dropzone rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a class="btn svelte-2r4z0x" href=./docs/components/file-input rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a class="btn svelte-2r4z0x" href=./docs/components/form-field rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a class="btn svelte-2r4z0x" href=./docs/components/loading rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a class="btn svelte-2r4z0x" href=./docs/components/modal rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a class="btn svelte-2r4z0x" href=./docs/components/pagination rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a class="btn svelte-2r4z0x" href=./docs/components/popover rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a class="btn svelte-2r4z0x" href=./docs/components/radio-group rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a class="btn svelte-2r4z0x" href=./docs/components/slider rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a class="btn svelte-2r4z0x" href=./docs/components/snackbar-container rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a class="btn svelte-2r4z0x" href=./docs/components/star-rating rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a class="btn svelte-2r4z0x" href=./docs/components/switch rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a class="btn svelte-2r4z0x" href=./docs/components/table rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a class="btn svelte-2r4z0x" href=./docs/components/tabs rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a class="btn svelte-2r4z0x" href=./docs/components/text-field rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a class="btn svelte-2r4z0x" href=./docs/components/time-picker rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a class="btn svelte-2r4z0x" href=./docs/components/typography rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a class="btn svelte-2r4z0x" href=./docs/utilities rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a class="btn svelte-2r4z0x" href=./docs/custom-elements rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>FormField </h1> <p class=svelte-d09q45>A responsive form field skeleton – providing a way to label and describe the field. </p> <p class=svelte-d09q45>Note that this component doesn't add any form handling capabilities; it is merely presentational. </p> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=svelte-1akyzr0 slot=showcase><div class="svelte-3y9l2h form-field"><div class="svelte-3y9l2h description"><label class="svelte-3y9l2h name">Main field <span class="svelte-3y9l2h required">*</span></label> <div class="svelte-3y9l2h help">Write this and not that.</div> </div> <div class="svelte-3y9l2h field"><div class="svelte-fxvd28 text-field"><input class=svelte-fxvd28 value=""> </div> <div class="svelte-3y9l2h info message">* Required</div> </div> </div> <div class="svelte-3y9l2h form-field"><div class="svelte-3y9l2h description"><label class="svelte-3y9l2h name">Secondary field </label> </div> <div class="svelte-3y9l2h field"><div class="svelte-fxvd28 text-field"><input class=svelte-fxvd28 value=""> </div> <div class="svelte-3y9l2h info message">Optional</div> </div> </div> <div class="svelte-3y9l2h form-field"><div class="svelte-3y9l2h description"><label class="svelte-3y9l2h name">Happiness </label> </div> <div class="svelte-3y9l2h field"><label class="svelte-aapm94 switch"> <input class=svelte-aapm94 type=checkbox> <div class="svelte-aapm94 track"><div class="svelte-aapm94 thumb"></div></div> </label> </div> </div></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
+  <span class="token keyword">let</span> happy <span class="token operator">=</span> <span class="token boolean">false</span><span class="token punctuation">;</span>
+</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FormField</span>
+  <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Main field<span class="token punctuation">"</span></span>
+  <span class="token attr-name">help</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Write this and not that.<span class="token punctuation">"</span></span>
+  <span class="token attr-name">required</span>
+<span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TextField</span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>FormField</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FormField</span>
+  <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Secondary field<span class="token punctuation">"</span></span>
+  <span class="token attr-name">optional</span>
+<span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TextField</span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>FormField</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>FormField</span>
+  <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Happiness<span class="token punctuation">"</span></span>
+  <span class="token attr-name">errors=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">[</span>happy <span class="token operator">&&</span> <span class="token string">'Not happy enough'</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span>
+<span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Switch</span> <span class="token attr-name"><span class="token namespace">bind:</span>value=</span><span class="token language-javascript"><span class="token punctuation">{</span>happy<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>FormField</span><span class="token punctuation">></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a class=ml href=#properties>#</a> </h2> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>name</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The name of the form field. Displayed prominently next to the actual field. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>help</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The subtitle text under the name providing extra guidance. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>id</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The ID to add the the <code>for</code> attribute of the <code>&lt;label></code> element containing the <mark><code>name</code></mark>. Useful if you pass an ID to the actual field inside and want to connect it with the label. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>required</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Marks the form field as required, adding an asterisk to the name and text under the field indicating that the field is mandatory. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>optional</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Marks the form field as optional, explicitly stating the optionality of the field in the text under the field. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>errors</code></strong> </td> <td class=svelte-2jo25p><code>[]</code> </td> <td class=svelte-2jo25p><code>Array</code> </td> <td class=svelte-2jo25p>An array of error messages to display under the field. Falsy elements are not shown. </td> </tbody> </table> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;FormField></code> components use the <code>.form-field</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>nameClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the <code>&lt;label></code> containing the form field name. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>helpClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the help text of the form field. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a class=ml href=#slots>#</a> </h2> <h3 class=svelte-1l9130h>Default slot </h3> <p class=svelte-d09q45>The content of the form field – the actual field itself. </p> <h3 class=svelte-1l9130h><code>description</code> slot </h3> <p class=svelte-d09q45>Additional content to put in the form field description block, after the name and the help. If you want a completely custom description, don't pass the <mark><code>name</code></mark> and <mark><code>help</code></mark> props and just use this slot. </p> <h3 class=svelte-1l9130h><code>message</code> slot </h3> <p class=svelte-d09q45>Additional text to put underneath the actual field along with the messages like "required", "optional" and errors. </p> <h3 class=svelte-1l9130h><code>required-message</code> slot </h3> <p class=svelte-d09q45>Text to display under the field when it is marked as required. Defaults to "<code>* Required</code>". </p> <h3 class=svelte-1l9130h><code>optional-message</code> slot </h3> <p class=svelte-d09q45>Text to display under the field when it is marked as optional. Defaults to "<code>Optional</code>". </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a class=ml href=#scss-variables>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>The color of neutral status messages like "required" and "optional". </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$danger</code></strong> </td> <td class=svelte-2jo25p>The color of error messages. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#b80000></div> #B80000 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$thin-font-weight</code></strong> </td> <td class=svelte-2jo25p>The thin font weight of the help text and the status messages under the field'. </td> <td class=svelte-2jo25p><code>300</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/loading/index.html b/376/docs/components/loading/index.html
new file mode 100644
index 000000000..f9cb6bac4
--- /dev/null
+++ b/376/docs/components/loading/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.spinner.svelte-5lyar3.svelte-5lyar3{align-items:center;color:#4300b0;display:flex;justify-content:center}.spinner.svelte-5lyar3>div.svelte-5lyar3{animation:svelte-5lyar3-sk-bouncedelay 1.2s infinite ease-in-out both;background:currentColor;border-radius:100%;display:inline-block;height:.4em;margin:0 .1em;width:.4em}.spinner.svelte-5lyar3 .bounce1.svelte-5lyar3{animation-delay:-.32s}.spinner.svelte-5lyar3 .bounce2.svelte-5lyar3{animation-delay:-.16s}@keyframes svelte-5lyar3-sk-bouncedelay{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>Loading – Attractions</title><meta content="Loading – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/loading.13a3d6a1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/loading.1713184d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/loading-0b856d23.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Loading </h1> <p class=svelte-d09q45>An indeterminate loading spinner. </p> <p class=svelte-d09q45>Adapted from SpinKit by <a href=https://github.com/tobiasahlin rel=nofollow>@tobiasahlin</a>: <a href=https://tobiasahlin.com/spinkit/ rel=nofollow>https://tobiasahlin.com/spinkit/</a> </p> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase> <div class="svelte-5lyar3 spinner"><div class="svelte-5lyar3 bounce1"></div> <div class="svelte-5lyar3 bounce2"></div> <div class="svelte-5lyar3 bounce3"></div> </div></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Loading</span> <span class="token punctuation">/></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;Loading></code> components use the <code>.spinner</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>The color of spinner dots. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/modal/index.html b/376/docs/components/modal/index.html
new file mode 100644
index 000000000..459dcc74b
--- /dev/null
+++ b/376/docs/components/modal/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.modal-overlay.svelte-rafkre{background-color:rgba(0,0,0,.25);display:none;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1000}.modal-overlay.open.svelte-rafkre{align-items:center;display:flex;justify-content:center}.modal-overlay.open.svelte-rafkre .dialog{animation:svelte-rafkre-slide-up .1s ease-out}@keyframes svelte-rafkre-slide-up{0%{transform:translateY(5px)}100%{transform:translateY(0)}}.dialog.svelte-11akk9u.svelte-11akk9u{background-color:#fff;border-radius:1.5625em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);padding:1.4em 2em;position:relative}.dialog.svelte-11akk9u .title.svelte-11akk9u{color:#4300b0;display:flex;font-size:1.2em;font-weight:500;margin-bottom:.7em}.dialog.svelte-11akk9u .title.close-padded.svelte-11akk9u{padding-right:1.5em}.dialog.svelte-11akk9u .title.svelte-11akk9u svg{flex-shrink:0;margin-right:.5em}.dialog.svelte-11akk9u>.btn.close{position:absolute;right:.7em;top:.7em}.dialog.constrain-width.svelte-11akk9u.svelte-11akk9u{max-width:30em}.dialog.danger.svelte-11akk9u .title.svelte-11akk9u{color:#b80000}.dialog.svelte-11akk9u .content.svelte-11akk9u{max-height:calc(100vh - 10em);overflow-y:auto;overscroll-behavior:contain}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>Modal – Attractions</title><meta content="Modal – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/modal.d93132a1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/modal.eb59b5a1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/dialog.b792720c.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/x.a2bf5f48.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/modal-cc12f30d.css rel=preload as=style><link href=/attractions/376/client/dialog-1b6f27ab.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg class="feather feather-github"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg class="feather feather-chevron-down ml tab-chevron"><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg class="feather feather-chevron-down ml accordion-chevron"><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Modal </h1> <p class=svelte-d09q45>An overlay allowing any modal content to appear on the screen prominently. </p> <p class=svelte-d09q45>Works well with the <a href=./docs/components/dialog><mark><code>Dialog</code></mark></a> component. </p> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase><button class="btn svelte-2r4z0x" type=button>click me</button> <div class="modal-overlay svelte-rafkre"><div class="svelte-11akk9u dialog"><button class="btn svelte-2r4z0x round close neutral" type=button> <svg fill=none height=24 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24 xmlns=http://www.w3.org/2000/svg><line x1=18 x2=6 y1=6 y2=18></line><line x1=6 x2=18 y1=6 y2=18></line></svg> </button> <div class="svelte-11akk9u close-padded title"> Hello?</div> It's me </div></div></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
+  <span class="token keyword">let</span> modalOpen <span class="token operator">=</span> <span class="token boolean">false</span><span class="token punctuation">;</span>
+</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> modalOpen <span class="token operator">=</span> <span class="token boolean">true</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>click me<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Modal</span> <span class="token attr-name"><span class="token namespace">bind:</span>open=</span><span class="token language-javascript"><span class="token punctuation">{</span>modalOpen<span class="token punctuation">}</span></span> <span class="token attr-name"><span class="token namespace">let:</span>closeCallback</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Dialog</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Hello?<span class="token punctuation">"</span></span> <span class="token language-javascript"><span class="token punctuation">{</span>closeCallback<span class="token punctuation">}</span></span><span class="token punctuation">></span></span>
+    It's me
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Dialog</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Modal</span><span class="token punctuation">></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg class="feather feather-copy"><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>open</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Whether the modal is open or not. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>noClickaway</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Removes the click event listener from the overlay <code>&lt;div></code> to close the modal on an outside click. </td> </tbody> </table> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;Modal></code> components use the <code>.modal-overlay</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>change</code></strong> </td> <td class=svelte-2jo25p><code>{ value }</code> </td> <td class=svelte-2jo25p>Fired whenever the modal state is changed, the <code>value</code> represents the value of the <code>open</code> property. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Default slot </h3> <p class=svelte-d09q45>The modal content. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Prop Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>closeCallback</code></strong> </td> <td class=svelte-2jo25p><code>Function</code> </td> <td class=svelte-2jo25p>A callback to close the modal. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$modal-overlay-bg</code></strong> </td> <td class=svelte-2jo25p>The background color of the overlay behind the content. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:rgba(0,0,0,.25)></div> rgba(0, 0, 0, .25) </div> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/pagination/index.html b/376/docs/components/pagination/index.html
new file mode 100644
index 000000000..bac88498c
--- /dev/null
+++ b/376/docs/components/pagination/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.pagination.svelte-r3vf1m{align-items:center;display:flex;justify-content:center;margin:2em 1em}.pagination.svelte-r3vf1m>.page{flex-shrink:0;height:2.5em;justify-content:center;margin:0 .2em;padding:0;width:2.5em}.pagination.svelte-r3vf1m>.text-field{margin:0 .2em}.pagination.svelte-r3vf1m>.text-field input{height:2.8em!important;width:2.8em!important}.pagination.svelte-r3vf1m>.page.current{background:rgba(67,0,176,.05)}.pagination.svelte-r3vf1m>.page.current:hover{background:rgba(67,0,176,.1)}.pagination.svelte-r3vf1m>.page.current:focus{background:rgba(67,0,176,.15)}@media only screen and (min-width:380px){.pagination.svelte-r3vf1m>.page,.pagination.svelte-r3vf1m>.text-field{margin:0 .4em}}@media only screen and (min-width:540px){.pagination.svelte-r3vf1m{align-self:center}.pagination.svelte-r3vf1m input,.pagination.svelte-r3vf1m>.page{font-size:1.1rem}}@media only screen and (min-width:1024px){.pagination.svelte-r3vf1m input,.pagination.svelte-r3vf1m>.page{font-size:1.2rem}}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>Pagination – Attractions</title><meta content="Pagination – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/pagination.85687501.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/pagination.f1471bfe.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/text-field.37ad5edd.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/text-field-02b3c03b.css rel=preload as=style><link href=/attractions/376/client/pagination-121bc747.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Pagination </h1> <p class=svelte-d09q45>A page navigating component that supports random page access. </p> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase><nav class="pagination svelte-r3vf1m"><button class="btn svelte-2r4z0x page current" type=button>1 </button><button class="btn svelte-2r4z0x page neutral" type=button>2 </button><button class="btn svelte-2r4z0x page neutral" type=button>... </button><button class="btn svelte-2r4z0x page neutral" type=button>20 </button></nav></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Pagination</span> <span class="token attr-name">pages=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">20</span><span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Style Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>showLonePage</code></strong> </td> <td class=svelte-2jo25p><code>true</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Whether the pagination component should be displayed when there's only one page. </td> </tbody> </table> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>pages</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>number</code> </td> <td class=svelte-2jo25p>The amount of pages to allow for navigation. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>currentPage</code></strong> </td> <td class=svelte-2jo25p><code>1</code> </td> <td class=svelte-2jo25p><code>number</code> </td> <td class=svelte-2jo25p>The currently selected page (starting from 1). </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything else will be passed to the underlying <code>&lt;nav></code> element. </td> </tbody> </table> <div class=required>* Required</div> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;Pagination></code> components use the <code>.pagination</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>change</code></strong> </td> <td class=svelte-2jo25p><code>{ value }</code> </td> <td class=svelte-2jo25p>Fired when a page is changed. The value contains the currently selected page. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>The color of selection and the focused text fields' borders. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The font of the page buttons. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$button-radius</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The curvature radius of the page buttons. </td> <td class=svelte-2jo25p><code>1.5625em</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$dark</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The color of the page buttons. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#333></div> #333333 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$bold-font-weight</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The font weight of the page buttons. </td> <td class=svelte-2jo25p><code>500</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$textfield-border</code></strong> <small>From <a href=./docs/components/text-field><code>TextField</code></a></small> </td> <td class=svelte-2jo25p>The border color of the unselected text fields. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:rgba(0,0,0,.42)></div> rgba(0, 0, 0, .42) </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$textfield-bg</code></strong> <small>From <a href=./docs/components/text-field><code>TextField</code></a></small> </td> <td class=svelte-2jo25p>The background color of the text fields. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color bordered" style=background:#f5f5f5></div> #F5F5F5 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$textfield-bg-error</code></strong> <small>From <a href=./docs/components/text-field><code>TextField</code></a></small> </td> <td class=svelte-2jo25p>The background color of the text fields when an invalid page is entered. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#fbeeee></div> #FBEEEE </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$danger</code></strong> <small>From <a href=./docs/components/text-field><code>TextField</code></a></small> </td> <td class=svelte-2jo25p>The color of the text fields' border when an invalid page is entered. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#b80000></div> #B80000 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> <small>From <a href=./docs/components/text-field><code>TextField</code></a></small> </td> <td class=svelte-2jo25p>The font family of the text inside the text fields. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$thin-font-weight</code></strong> <small>From <a href=./docs/components/text-field><code>TextField</code></a></small> </td> <td class=svelte-2jo25p>The thin font weight for the text inside the text fields. </td> <td class=svelte-2jo25p><code>300</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/popover-button/index.html b/376/docs/components/popover-button/index.html
new file mode 100644
index 000000000..78b9ddc3b
--- /dev/null
+++ b/376/docs/components/popover-button/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.popover-container.svelte-d7tcpu.svelte-d7tcpu{position:relative}.popover-container.svelte-d7tcpu>.popover.svelte-d7tcpu{display:none;position:absolute}.popover-container.svelte-d7tcpu>.popover.top.svelte-d7tcpu{left:50%;top:0;transform:translate(-50%,-100%)}.popover-container.svelte-d7tcpu>.popover.bottom.svelte-d7tcpu{bottom:0;left:50%;transform:translate(-50%,100%)}.popover-container.svelte-d7tcpu>.popover.left.svelte-d7tcpu{bottom:50%;left:0;transform:translate(-100%,50%)}.popover-container.svelte-d7tcpu>.popover.right.svelte-d7tcpu{bottom:50%;right:0;transform:translate(100%,50%)}.popover-container.svelte-d7tcpu:hover>.popover.svelte-d7tcpu{display:block}.popover-container.svelte-d7tcpu:focus-within>.popover.svelte-d7tcpu{display:block}.popover-button.svelte-yyycgz{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:#646464;border:0;border-radius:.625em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);color:#fff;font-size:.9em;margin:.2em;padding:.5em .625em}.popover-button.svelte-yyycgz::-moz-focus-inner{border:0}.popover-button.svelte-yyycgz:hover{background:#464646}.popover-button.svelte-yyycgz:focus{background:#323232}.popover-button.svelte-yyycgz>svg{height:1.125em;stroke:#fff;width:1.125em}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-1y2m3b2{align-items:center;background:#fff;border-radius:.25em;display:flex;font-size:.8em;font-weight:300;justify-content:center;padding:.25em .5em;width:5em}.value-popover.svelte-1y2m3b2{background:#fff;border-radius:.5em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);color:#333;font-family:"Roboto Mono",monospace;margin-right:.25em;padding:.5em;white-space:pre}</style> <title>PopoverButton – Attractions</title><meta content="PopoverButton – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/popover-button.57ef9f3b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/popover.156a947e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/popover-button.b4bb867f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/shadow-preview.f1e703b1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/popover-1d6d4d80.css rel=preload as=style><link href=/attractions/376/client/popover-button-877eb4d7.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/shadow-preview-8f373d1e.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>PopoverButton </h1> <p class=svelte-d09q45>A button designed to be used as the <a href=./docs/components/popover><mark><code>Popover</code></mark></a> content. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase><div class="svelte-d7tcpu popover-container"><button class="btn svelte-2r4z0x" type=button>hover or focus me</button> <div class="svelte-d7tcpu popover bottom"><div slot=popover-content><button class="popover-button svelte-yyycgz" type=button>copy </button></div></div> </div></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
+  <span class="token keyword">import</span> <span class="token punctuation">{</span> PopoverPositions <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'attractions/popover'</span><span class="token punctuation">;</span>
+</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Popover</span> <span class="token attr-name">position=</span><span class="token language-javascript"><span class="token punctuation">{</span>PopoverPositions<span class="token punctuation">.</span><span class="token constant">BOTTOM</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>hover or focus me<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>popover-content<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>PopoverButton</span><span class="token punctuation">></span></span>copy<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>PopoverButton</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Popover</span><span class="token punctuation">></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything will be passed to the underlying <code>&lt;button></code> element. </td> </tbody> </table> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;PopoverButton></code> components use the <code>.popover-button</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>click</code></strong> </td> <td class=svelte-2jo25p><code>{ nativeEvent }</code> </td> <td class=svelte-2jo25p>Fired when the button is clicked. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Default slot </h3> <p class=svelte-d09q45>The content of the button. </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> </td> <td class=svelte-2jo25p>The font family used for the button. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$shadow-raised</code></strong> </td> <td class=svelte-2jo25p>The shadow of the button. </td> <td class=svelte-2jo25p><div class="svelte-d7tcpu popover-container"><div class="svelte-1y2m3b2 preview">hover me</div> <div class="svelte-d7tcpu popover left"><div class="svelte-1y2m3b2 value-popover" slot=popover-content>0 2px 4px -1px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);</div></div> </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$bold-font-weight</code></strong> </td> <td class=svelte-2jo25p>The bold font weight of the button. </td> <td class=svelte-2jo25p><code>500</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/popover/index.html b/376/docs/components/popover/index.html
new file mode 100644
index 000000000..2a7e4b350
--- /dev/null
+++ b/376/docs/components/popover/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.popover-container.svelte-d7tcpu.svelte-d7tcpu{position:relative}.popover-container.svelte-d7tcpu>.popover.svelte-d7tcpu{display:none;position:absolute}.popover-container.svelte-d7tcpu>.popover.top.svelte-d7tcpu{left:50%;top:0;transform:translate(-50%,-100%)}.popover-container.svelte-d7tcpu>.popover.bottom.svelte-d7tcpu{bottom:0;left:50%;transform:translate(-50%,100%)}.popover-container.svelte-d7tcpu>.popover.left.svelte-d7tcpu{bottom:50%;left:0;transform:translate(-100%,50%)}.popover-container.svelte-d7tcpu>.popover.right.svelte-d7tcpu{bottom:50%;right:0;transform:translate(100%,50%)}.popover-container.svelte-d7tcpu:hover>.popover.svelte-d7tcpu{display:block}.popover-container.svelte-d7tcpu:focus-within>.popover.svelte-d7tcpu{display:block}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}</style> <title>Popover – Attractions</title><meta content="Popover – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/popover.5c43b946.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/popover.156a947e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/fix-anchor-links.79fa91d5.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/popover-1d6d4d80.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Popover </h1> <p class=svelte-d09q45>Extra content revealed on hover or focus within. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/popover-button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>PopoverButton</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase><div class="svelte-d7tcpu popover-container"><button class="btn svelte-2r4z0x" type=button>hover or focus me</button> <div class="svelte-d7tcpu bottom popover"><div slot=popover-content>To reveal extra content! </div></div> </div></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
+  <span class="token keyword">import</span> <span class="token punctuation">{</span> PopoverPositions <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'attractions/popover'</span><span class="token punctuation">;</span>
+</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Popover</span> <span class="token attr-name">position=</span><span class="token language-javascript"><span class="token punctuation">{</span>PopoverPositions<span class="token punctuation">.</span><span class="token constant">BOTTOM</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>hover or focus me<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>popover-content<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
+    To reveal extra content!
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Popover</span><span class="token punctuation">></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Style Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>position</code></strong> </td> <td class=svelte-2jo25p><code>PopoverPositions.TOP</code> </td> <td class=svelte-2jo25p><a href=#popover-positions><mark><code>PopoverPositions</code></mark></a> </td> <td class=svelte-2jo25p>The position of the popover content relative to the triggering handle. </td> </tbody> </table> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;Popover></code> components use the <code>.popover-container</code> class for the main element and <code>.popover</code> for the popover itself. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>popoverClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the popover. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Default slot </h3> <p class=svelte-d09q45>The handle – any content that will, on hover or focus, show a popover next to it. </p> <h3 class=svelte-1l9130h><code>popover-content</code> slot </h3> <p class=svelte-d09q45>The content of the popover. </p> <h2 class=svelte-eaesr4 id=related-objects>Related Objects <a href=#related-objects class=ml>#</a> </h2> <p class=svelte-d09q45>The following objects are available as named exports in <code>'attractions/popover'</code>. </p> <h3 class=svelte-1l9130h id=popover-positions><code>PopoverPositions</code> <a href=#popover-positions class=ml>#</a> </h3> <p class=svelte-d09q45>An enum describing possible positions for the <code>Popover</code>. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Field </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>TOP</code></strong> </td> <td class=svelte-2jo25p>Above the handle, centered with respect to it. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>BOTTOM</code></strong> </td> <td class=svelte-2jo25p>Below the handle, centered with respect to it. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>LEFT</code></strong> </td> <td class=svelte-2jo25p>To the left of the handle, centered with respect to it. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>RIGHT</code></strong> </td> <td class=svelte-2jo25p>To the right of the handle, centered with respect to it. </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/radio-button/index.html b/376/docs/components/radio-button/index.html
new file mode 100644
index 000000000..ab0dacbb5
--- /dev/null
+++ b/376/docs/components/radio-button/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.radio.svelte-1cxgo1k.svelte-1cxgo1k.svelte-1cxgo1k{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;position:relative}.radio.svelte-1cxgo1k>input[type=radio].svelte-1cxgo1k.svelte-1cxgo1k{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.radio.svelte-1cxgo1k>.selector.svelte-1cxgo1k.svelte-1cxgo1k{border:.125em solid #ddd;border-radius:50%;cursor:pointer;height:1.25em;position:relative;width:1.25em}.radio.svelte-1cxgo1k>.selector.svelte-1cxgo1k.svelte-1cxgo1k::after{border-radius:50%;content:"";height:2.25em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.25em}.radio.svelte-1cxgo1k>input.svelte-1cxgo1k:checked+.selector.svelte-1cxgo1k::before{border-radius:50%;content:"";height:.5em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.5em}input.svelte-1cxgo1k:disabled+.selector.svelte-1cxgo1k.svelte-1cxgo1k{background-color:#ececec;cursor:not-allowed}input.svelte-1cxgo1k:checked+.selector.svelte-1cxgo1k.svelte-1cxgo1k{background-color:#4300b0;border-color:#4300b0}input.svelte-1cxgo1k:checked+.selector.svelte-1cxgo1k.svelte-1cxgo1k::before{background-color:#fff}input.svelte-1cxgo1k:disabled:checked+.selector.svelte-1cxgo1k.svelte-1cxgo1k{background-color:#888;border-color:#8d8d8d}.radio.svelte-1cxgo1k:hover .svelte-1cxgo1k:not(:focus):not(:disabled)+.selector.svelte-1cxgo1k::after{background-color:rgba(51,51,51,.05)}.radio.svelte-1cxgo1k:hover .svelte-1cxgo1k:not(:focus):not(:disabled):checked+.selector.svelte-1cxgo1k::after{background-color:rgba(67,0,176,.05)}.radio.svelte-1cxgo1k:hover .svelte-1cxgo1k:disabled+.selector.svelte-1cxgo1k::after{background:0 0}input.svelte-1cxgo1k:focus+.selector.svelte-1cxgo1k.svelte-1cxgo1k::after{background-color:rgba(51,51,51,.125)}input.svelte-1cxgo1k:focus:checked+.selector.svelte-1cxgo1k.svelte-1cxgo1k::after{background-color:rgba(67,0,176,.125)}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>RadioButton – Attractions</title><meta content="RadioButton – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/radio-button.de297014.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/radio-button.9cbc326b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/radio-button-c2103ad3.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio value="[object Object]" name=nav-mobile> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio value="[object Object]" name=nav-mobile> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio value="[object Object]" name=nav-mobile> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio value="[object Object]" name=nav-mobile> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio value="[object Object]" name=nav-mobile> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio value="[object Object]" name=nav-mobile> <div class="svelte-xi6tc3 content">Components <svg class="ml feather feather-chevron-down tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio value="[object Object]" name=nav-mobile> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio value="[object Object]" name=nav-mobile> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="ml feather feather-chevron-down accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>RadioButton </h1> <p class=svelte-d09q45>An individual radio button. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase><label class="svelte-1cxgo1k radio" title="You have no choice."> <input class=svelte-1cxgo1k type=radio value=choice name=choices> <div class="svelte-1cxgo1k selector"></div> <span class=ml>Illusion of choice</span> </label> <label class="svelte-1cxgo1k radio"> <input class=svelte-1cxgo1k type=radio value=tons disabled> <div class="svelte-1cxgo1k selector"></div> <span class=ml>Can't select me!</span> </label></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButton</span>
+  <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>choices<span class="token punctuation">"</span></span>
+  <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>choice<span class="token punctuation">"</span></span>
+  <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>You have no choice.<span class="token punctuation">"</span></span>
+<span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Illusion of choice<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>RadioButton</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioButton</span> <span class="token attr-name">disabled</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>tons<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Can't select me!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>RadioButton</span><span class="token punctuation">></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Style Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>slotLeft</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Places the default slot (label) to the left of the radio button. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>selectorStyle</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A CSS style string to assign to the selector circle. <br> Can be used to make the radio button represent a color (in conjunction with the <code>getColorPickerStyles</code> utility). </td> </tbody> </table> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>value</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The value assigned to the radio button input. Check <a href=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#Value rel=nofollow>MDN Docs</a> for more information. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>group</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The value of the currently selected radio button in the <code>name</code> group. Similar to Svelte's <code>bind:group</code> binding on native radio buttons. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>disabled</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Disables the radio button. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>title</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>Adds a tooltip to the radio button. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything else will be passed to the underlying <code>&lt;input type="radio"></code> element. </td> </tbody> </table> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;RadioButton></code> components use the <code>.radio</code> class on the <code>&lt;label></code> and <code>.selector</code> on the selector circle. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the root <code>&lt;label></code> element. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>inputClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to assign to the <code>&lt;input></code> element. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>selectorClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the selector circle. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>change</code></strong> </td> <td class=svelte-2jo25p><code>{ value, nativeEvent }</code> </td> <td class=svelte-2jo25p>Fired when the selection changes. The <code>value</code> contains the element's <code>value</code> passed as a property (not altered, so if you pass an object, you get an object here) and <code>nativeEvent</code> has the <a href=https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event rel=nofollow>native change event</a>. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Default slot </h3> <p class=svelte-d09q45>The label for the radio button. By default, the slot is positioned to the right of the radio button, but its placement can be adjusted with the <mark><code>slotLeft</code></mark> property. </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>The fill color of the selected radio button. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> </td> <td class=svelte-2jo25p>The font of the radio button's label. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$disabled</code></strong> </td> <td class=svelte-2jo25p>The fill color of the disabled radio button. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#888></div> #888888 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$dark</code></strong> </td> <td class=svelte-2jo25p>The background color of the radio button hover signifier. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#333></div> #333333 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$light-contrast</code></strong> </td> <td class=svelte-2jo25p>The border color of an unselected radio button, or the fill color of a selected disabled one. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#ddd></div> #DDDDDD </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main-text</code></strong> </td> <td class=svelte-2jo25p>The color of the dot inside the selected radio button. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color bordered" style=background:#fff></div> #FFFFFF </div> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/radio-chip-group/index.html b/376/docs/components/radio-chip-group/index.html
new file mode 100644
index 000000000..dd62d0216
--- /dev/null
+++ b/376/docs/components/radio-chip-group/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}div.svelte-15v276f{display:flex;flex-wrap:wrap}div.svelte-15v276f .chip{margin-right:.5em;margin-top:.5em}.chip.svelte-kwof33.svelte-kwof33{background:rgba(0,0,0,.08);border-radius:1.5625em;color:#656565;font-family:Ubuntu,sans-serif;font-weight:500;padding:.6em .9em}.chip.small.svelte-kwof33.svelte-kwof33{font-size:.9rem;min-width:.9em;padding:.4em .6em;text-align:center}.chip.outline.svelte-kwof33.svelte-kwof33{background:0 0;border:1px solid #4300b0}.chip.no-padding.svelte-kwof33.svelte-kwof33{padding:0}.input-chip.svelte-kwof33>input.svelte-kwof33{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.chip.svelte-kwof33.svelte-kwof33{cursor:pointer;-webkit-touch-callout:none;user-select:none}.chip.svelte-kwof33 .ripple{background:rgba(67,0,176,.1)}.chip.outline.svelte-kwof33.svelte-kwof33{border-color:rgba(0,0,0,.18)}input.svelte-kwof33+.chip.svelte-kwof33:hover{background:rgba(0,0,0,.13)}input.svelte-kwof33+.chip.outline.svelte-kwof33:hover{background:rgba(0,0,0,.06)}input.svelte-kwof33:disabled+.chip.svelte-kwof33{background:rgba(0,0,0,.03);color:#939393;cursor:not-allowed}input.svelte-kwof33:disabled+.chip.svelte-kwof33:hover{background:rgba(0,0,0,.03)}input.svelte-kwof33:focus+.chip.svelte-kwof33{background:rgba(0,0,0,.18)}input.svelte-kwof33:focus+.chip.outline.svelte-kwof33{background:rgba(0,0,0,.1)}input.svelte-kwof33:checked+.chip.svelte-kwof33{background:rgba(67,0,176,.12);color:#4300b0}input.svelte-kwof33:checked+.chip.outline.svelte-kwof33{background:rgba(67,0,176,.06);border-color:#4300b0;color:#4300b0}input.svelte-kwof33:focus:checked+.chip.svelte-kwof33{background-color:rgba(67,0,176,.25)}input.svelte-kwof33:focus:checked+.chip.outline.svelte-kwof33{background-color:rgba(67,0,176,.12)}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>RadioChipGroup – Attractions</title><meta content="RadioChipGroup – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/radio-chip-group.28cabddc.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/radio-chip-group.662491aa.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/radio-chip.0bf91b57.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/radio-chip-92b65bc3.css rel=preload as=style><link href=/attractions/376/client/radio-chip-group-14098d62.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>RadioChipGroup </h1> <p class=svelte-d09q45>A set of options presented as chips with only one option to select. </p> <p class=svelte-d09q45>If you need to allow selecting more than one option, consider using <a href=./docs/components/checkbox-chip-group><mark><code>CheckboxChipGroup</code></mark></a>. If you need more customization for the chips, such as their slots, take a look at <a href=./docs/components/radio-chip><mark><code>RadioChip</code></mark></a>, the building block of this component. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip</a> </div><div class="card svelte-1bts72l"><a href=./docs/components/radio-chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioChip</a> </div><div class="card svelte-1bts72l"><a href=./docs/components/checkbox-chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxChip</a> </div><div class="card svelte-1bts72l"><a href=./docs/components/checkbox-chip-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxChipGroup</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase><div class=svelte-15v276f role=radiogroup><label class="svelte-kwof33 input-chip radio-chip"><input class=svelte-kwof33 name=group1 type=radio value=1> <div class="svelte-kwof33 chip">option 1 </div> </label><label class="svelte-kwof33 input-chip radio-chip"><input class=svelte-kwof33 name=group1 type=radio value=1.5 disabled> <div class="svelte-kwof33 chip">option 1.5 </div> </label><label class="svelte-kwof33 input-chip radio-chip"><input class=svelte-kwof33 name=group1 type=radio value=2> <div class="svelte-kwof33 chip">option 2 </div> </label></div> <div class=svelte-15v276f role=radiogroup><label class="svelte-kwof33 input-chip radio-chip"><input class=svelte-kwof33 name=group2 type=radio value=1> <div class="svelte-kwof33 chip outline">option 1 </div> </label><label class="svelte-kwof33 input-chip radio-chip"><input class=svelte-kwof33 name=group2 type=radio value=1.5 disabled> <div class="svelte-kwof33 chip outline">option 1.5 </div> </label><label class="svelte-kwof33 input-chip radio-chip"><input class=svelte-kwof33 name=group2 type=radio value=2> <div class="svelte-kwof33 chip outline">option 2 </div> </label></div> <div class=svelte-15v276f role=radiogroup><label class="svelte-kwof33 input-chip radio-chip"><input class=svelte-kwof33 name=group3 type=radio value=1> <div class="svelte-kwof33 chip small">option 1 </div> </label><label class="svelte-kwof33 input-chip radio-chip"><input class=svelte-kwof33 name=group3 type=radio value=1.5 disabled> <div class="svelte-kwof33 chip small">option 1.5 </div> </label><label class="svelte-kwof33 input-chip radio-chip"><input class=svelte-kwof33 name=group3 type=radio value=2> <div class="svelte-kwof33 chip small">option 2 </div> </label></div></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
+  <span class="token keyword">const</span> items <span class="token operator">=</span> <span class="token punctuation">[</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">'option 1'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token number">1.5</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">'option 1.5'</span><span class="token punctuation">,</span> <span class="token literal-property property">disabled</span><span class="token operator">:</span> <span class="token boolean">true</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token number">2</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">'option 2'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+  <span class="token punctuation">]</span><span class="token punctuation">;</span>
+</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioChipGroup</span> <span class="token language-javascript"><span class="token punctuation">{</span>items<span class="token punctuation">}</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>group1<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioChipGroup</span> <span class="token language-javascript"><span class="token punctuation">{</span>items<span class="token punctuation">}</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>group2<span class="token punctuation">"</span></span> <span class="token attr-name">outline</span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioChipGroup</span> <span class="token language-javascript"><span class="token punctuation">{</span>items<span class="token punctuation">}</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>group3<span class="token punctuation">"</span></span> <span class="token attr-name">small</span> <span class="token punctuation">/></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <p class=svelte-d09q45>Any properties of <code>RadioChip</code> can be specified – they will be passed down. </p> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>items</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>Array</code> </td> <td class=svelte-2jo25p>An array of <code>{ value, label, disabled }</code> objects, where only the value is required. Must contain at least one value. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>name</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The name of this radio button group. Check <a href=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname rel=nofollow>MDN docs</a> for more information. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>value</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>The currently selected value of the group. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything else will be passed to the underlying <code>RadioChip</code> component. </td> </tbody> </table> <div class=required>* Required</div> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>radioClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the <code>RadioChip</code> components inside. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>labelClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the wrapping <code>&lt;span></code> around the chips' labels. If it's not specified, the <code>&lt;span></code> will not be added. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>change</code></strong> </td> <td class=svelte-2jo25p><code>{ value, nativeEvent }</code> </td> <td class=svelte-2jo25p>Fired on selecting any chip in a group. The <code>value</code> contains the value of the selected chip (won't be stringified) and <code>nativeEvent</code> is the <a href=https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event rel=nofollow>native <code>change</code> event</a> of radio buttons. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$chip-bg</code></strong> <small>From <a href=./docs/components/radio-chip><code>RadioChip</code></a></small> </td> <td class=svelte-2jo25p>The background color of a non-outline chip. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:rgba(0,0,0,.08)></div> rgba(0, 0, 0, .08) </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$chip-fg</code></strong> <small>From <a href=./docs/components/radio-chip><code>RadioChip</code></a></small> </td> <td class=svelte-2jo25p>The text color of a chip. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#656565></div> #656565 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$chip-radius</code></strong> <small>From <a href=./docs/components/radio-chip><code>RadioChip</code></a></small> </td> <td class=svelte-2jo25p>The curvature radius of a chip. </td> <td class=svelte-2jo25p><code>1.5625em</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> <small>From <a href=./docs/components/radio-chip><code>RadioChip</code></a></small> </td> <td class=svelte-2jo25p>The font of the chip text. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> <small>From <a href=./docs/components/radio-chip><code>RadioChip</code></a></small> </td> <td class=svelte-2jo25p>The border color of outline chips and the selection color. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$bold-font-weight</code></strong> <small>From <a href=./docs/components/radio-chip><code>RadioChip</code></a></small> </td> <td class=svelte-2jo25p>The bold font weight of the chips. </td> <td class=svelte-2jo25p><code>500</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/radio-chip/index.html b/376/docs/components/radio-chip/index.html
new file mode 100644
index 000000000..eccce49ca
--- /dev/null
+++ b/376/docs/components/radio-chip/index.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}[slot=showcase].svelte-er5vl1{align-items:flex-start;display:flex}[slot=showcase].svelte-er5vl1 .chip{margin-right:.5em}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.chip.svelte-kwof33.svelte-kwof33{background:rgba(0,0,0,.08);border-radius:1.5625em;color:#656565;font-family:Ubuntu,sans-serif;font-weight:500;padding:.6em .9em}.chip.small.svelte-kwof33.svelte-kwof33{font-size:.9rem;min-width:.9em;padding:.4em .6em;text-align:center}.chip.outline.svelte-kwof33.svelte-kwof33{background:0 0;border:1px solid #4300b0}.chip.no-padding.svelte-kwof33.svelte-kwof33{padding:0}.input-chip.svelte-kwof33>input.svelte-kwof33{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.chip.svelte-kwof33.svelte-kwof33{cursor:pointer;-webkit-touch-callout:none;user-select:none}.chip.svelte-kwof33 .ripple{background:rgba(67,0,176,.1)}.chip.outline.svelte-kwof33.svelte-kwof33{border-color:rgba(0,0,0,.18)}input.svelte-kwof33+.chip.svelte-kwof33:hover{background:rgba(0,0,0,.13)}input.svelte-kwof33+.chip.outline.svelte-kwof33:hover{background:rgba(0,0,0,.06)}input.svelte-kwof33:disabled+.chip.svelte-kwof33{background:rgba(0,0,0,.03);color:#939393;cursor:not-allowed}input.svelte-kwof33:disabled+.chip.svelte-kwof33:hover{background:rgba(0,0,0,.03)}input.svelte-kwof33:focus+.chip.svelte-kwof33{background:rgba(0,0,0,.18)}input.svelte-kwof33:focus+.chip.outline.svelte-kwof33{background:rgba(0,0,0,.1)}input.svelte-kwof33:checked+.chip.svelte-kwof33{background:rgba(67,0,176,.12);color:#4300b0}input.svelte-kwof33:checked+.chip.outline.svelte-kwof33{background:rgba(67,0,176,.06);border-color:#4300b0;color:#4300b0}input.svelte-kwof33:focus:checked+.chip.svelte-kwof33{background-color:rgba(67,0,176,.25)}input.svelte-kwof33:focus:checked+.chip.outline.svelte-kwof33{background-color:rgba(67,0,176,.12)}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>RadioChip – Attractions</title><meta content="RadioChip – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/radio-chip.8c9e8504.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/radio-chip.0bf91b57.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/radio-chip-92b65bc3.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style><link href=/attractions/376/client/radio-chip-a57ac15c.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>RadioChip </h1> <p class=svelte-d09q45>An option to select in an inline fashion, as opposed to regular radio buttons. </p> <p class=svelte-d09q45>If you don't need too much customization, consider using <a href=./docs/components/radio-chip-group><mark><code>RadioChipGroup</code></mark></a>, which offers a nice way to generate lists of options. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip</a> </div><div class="card svelte-1bts72l"><a href=./docs/components/radio-chip-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioChipGroup</a> </div><div class="card svelte-1bts72l"><a href=./docs/components/checkbox-chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxChip</a> </div><div class="card svelte-1bts72l"><a href=./docs/components/checkbox-chip-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxChipGroup</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class="padded svelte-er5vl1" slot=showcase><label class="svelte-kwof33 input-chip radio-chip"><input class=svelte-kwof33 name=selection type=radio value=wrong> <div class="svelte-kwof33 chip outline">opt 1</div> </label> <label class="svelte-kwof33 input-chip radio-chip"><input class=svelte-kwof33 name=selection type=radio value=right> <div class="svelte-kwof33 chip small">opt 2</div> </label> <label class="svelte-kwof33 input-chip radio-chip"><input class=svelte-kwof33 name=selection type=radio value="opt 3"> <div class="svelte-kwof33 chip">opt 3</div> </label></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioChip</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>wrong<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>selection<span class="token punctuation">"</span></span> <span class="token attr-name">outline</span><span class="token punctuation">></span></span>opt 1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>RadioChip</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioChip</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>right<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>selection<span class="token punctuation">"</span></span> <span class="token attr-name">small</span><span class="token punctuation">></span></span>opt 2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>RadioChip</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioChip</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>opt 3<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>selection<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Style Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>small</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Makes the chip smaller. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>outline</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Adds a border to the chip instead of the background. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>noPadding</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Clears the internal padding. Useful if you want to handle spacing yourself. </td> </tbody> </table> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>value</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>The value of this radio button. Included in events and can be bound to using <code>bind:group</code>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>name</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The name of the group to relate this radio chip to. Check <a href=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname rel=nofollow>MDN docs</a> for more information. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>disabled</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Disables the chip and disallows selection. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>group</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The currently selected value among the radio chips with the same name. Often used with a two-way binding: <code>bind:group</code>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>title</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The tooltip to give to a chip. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything else will be passed to the underlying <code>&lt;input></code> element. </td> </tbody> </table> <div class=required>* Required</div> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;RadioChip></code> components use the <code>.input-chip</code> and <code>.radio-chip</code> classes. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>inputClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the <code>&lt;input></code> element. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>chipClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the underlying Chip element. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>change</code></strong> </td> <td class=svelte-2jo25p><code>{ value, nativeEvent }</code> </td> <td class=svelte-2jo25p>Fired on selecting this chip in a group. The <code>value</code> contains the value that was passed to the radio button (won't be stringified) and <code>nativeEvent</code> is the <a href=https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event rel=nofollow>native <code>change</code> event</a> of radio buttons. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Default slot </h3> <p class=svelte-d09q45>The content of the chip. Contains the string representation of the value by default. </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$chip-bg</code></strong> </td> <td class=svelte-2jo25p>The background color of a non-outline chip. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:rgba(0,0,0,.08)></div> rgba(0, 0, 0, .08) </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$chip-fg</code></strong> </td> <td class=svelte-2jo25p>The text color of a chip. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#656565></div> #656565 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$chip-radius</code></strong> </td> <td class=svelte-2jo25p>The curvature radius of a chip. </td> <td class=svelte-2jo25p><code>1.5625em</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> </td> <td class=svelte-2jo25p>The font of the chip text. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>The border color of outline chips and the selection color. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$bold-font-weight</code></strong> </td> <td class=svelte-2jo25p>The bold font weight of the chips. </td> <td class=svelte-2jo25p><code>500</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/radio-group/index.html b/376/docs/components/radio-group/index.html
new file mode 100644
index 000000000..e459b259e
--- /dev/null
+++ b/376/docs/components/radio-group/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}[slot=showcase].svelte-zs5z0s .radio{margin-bottom:.5em}[slot=showcase].svelte-zs5z0s .colored{display:flex;flex-wrap:wrap}[slot=showcase].svelte-zs5z0s .colored .radio{margin:.5em}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}div[role=radiogroup].svelte-1p5lcds .radio:not(.colored)>.selector{margin:0 .5em}div[role=radiogroup].svelte-1p5lcds .radio.colored>input+.selector::before{background-color:#d3d3d3;background-color:rgb(var(--before-r),var(--before-g),var(--before-b))}div[role=radiogroup].svelte-1p5lcds .radio.colored:hover>input+.selector::after{background-color:rgba(0,0,0,.05);background-color:rgba(var(--r),var(--g),var(--b),.05)}div[role=radiogroup].svelte-1p5lcds .radio.colored>input:focus+.selector::after{background-color:rgba(0,0,0,.125);background-color:rgba(var(--r),var(--g),var(--b),.125)}.radio.svelte-1cxgo1k.svelte-1cxgo1k.svelte-1cxgo1k{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;position:relative}.radio.svelte-1cxgo1k>input[type=radio].svelte-1cxgo1k.svelte-1cxgo1k{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.radio.svelte-1cxgo1k>.selector.svelte-1cxgo1k.svelte-1cxgo1k{border:.125em solid #ddd;border-radius:50%;cursor:pointer;height:1.25em;position:relative;width:1.25em}.radio.svelte-1cxgo1k>.selector.svelte-1cxgo1k.svelte-1cxgo1k::after{border-radius:50%;content:"";height:2.25em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.25em}.radio.svelte-1cxgo1k>input.svelte-1cxgo1k:checked+.selector.svelte-1cxgo1k::before{border-radius:50%;content:"";height:.5em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.5em}input.svelte-1cxgo1k:disabled+.selector.svelte-1cxgo1k.svelte-1cxgo1k{background-color:#ececec;cursor:not-allowed}input.svelte-1cxgo1k:checked+.selector.svelte-1cxgo1k.svelte-1cxgo1k{background-color:#4300b0;border-color:#4300b0}input.svelte-1cxgo1k:checked+.selector.svelte-1cxgo1k.svelte-1cxgo1k::before{background-color:#fff}input.svelte-1cxgo1k:disabled:checked+.selector.svelte-1cxgo1k.svelte-1cxgo1k{background-color:#888;border-color:#8d8d8d}.radio.svelte-1cxgo1k:hover .svelte-1cxgo1k:not(:focus):not(:disabled)+.selector.svelte-1cxgo1k::after{background-color:rgba(51,51,51,.05)}.radio.svelte-1cxgo1k:hover .svelte-1cxgo1k:not(:focus):not(:disabled):checked+.selector.svelte-1cxgo1k::after{background-color:rgba(67,0,176,.05)}.radio.svelte-1cxgo1k:hover .svelte-1cxgo1k:disabled+.selector.svelte-1cxgo1k::after{background:0 0}input.svelte-1cxgo1k:focus+.selector.svelte-1cxgo1k.svelte-1cxgo1k::after{background-color:rgba(51,51,51,.125)}input.svelte-1cxgo1k:focus:checked+.selector.svelte-1cxgo1k.svelte-1cxgo1k::after{background-color:rgba(67,0,176,.125)}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>RadioGroup – Attractions</title><meta content="RadioGroup – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/radio-group.f21f4813.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/radio-group.03f68bdf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-picker-styles.7cf55314.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/radio-button.9cbc326b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/radio-button-c2103ad3.css rel=preload as=style><link href=/attractions/376/client/radio-group-81700fe9.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style><link href=/attractions/376/client/radio-group-b76d3ad4.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>RadioGroup </h1> <p class=svelte-d09q45>A group of radio buttons to present a list of selectable options. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/radio-button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioButton</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class="padded svelte-zs5z0s" slot=showcase><div class=svelte-1p5lcds role=radiogroup><label class="svelte-1cxgo1k radio"> <input class=svelte-1cxgo1k name=numbers type=radio value=1> <div class="svelte-1cxgo1k selector"></div> one </label><label class="svelte-1cxgo1k radio"> <input class=svelte-1cxgo1k name=numbers type=radio value=2> <div class="svelte-1cxgo1k selector"></div> two </label></div> <div class=svelte-1p5lcds role=radiogroup><label class="svelte-1cxgo1k radio colored"> <input class=svelte-1cxgo1k name=colors type=radio value=#000000> <div class="svelte-1cxgo1k selector" style=background-color:#000;border-color:#000;--r:0;--g:0;--b:0;--before-r:255;--before-g:255;--before-b:255></div> </label><label class="svelte-1cxgo1k radio colored"> <input class=svelte-1cxgo1k name=colors type=radio value=#ff0000> <div class="svelte-1cxgo1k selector" style=background-color:red;border-color:red;--r:255;--g:0;--b:0;--before-r:255;--before-g:255;--before-b:255></div> </label><label class="svelte-1cxgo1k radio colored"> <input class=svelte-1cxgo1k name=colors type=radio value=#00ff00> <div class="svelte-1cxgo1k selector" style=background-color:#0f0;border-color:#0f0;--r:0;--g:255;--b:0;--before-r:255;--before-g:255;--before-b:255></div> </label><label class="svelte-1cxgo1k radio colored"> <input class=svelte-1cxgo1k name=colors type=radio value=#ffffff> <div class="svelte-1cxgo1k selector" style=background-color:#fff;border-color:#999;--r:153;--g:153;--b:153;--before-r:153;--before-g:153;--before-b:153></div> </label></div></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
+  <span class="token keyword">const</span> items <span class="token operator">=</span> <span class="token punctuation">[</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">'1'</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">'one'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">'2'</span><span class="token punctuation">,</span> <span class="token literal-property property">label</span><span class="token operator">:</span> <span class="token string">'two'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+  <span class="token punctuation">]</span><span class="token punctuation">;</span>
+
+  <span class="token keyword">const</span> colors <span class="token operator">=</span> <span class="token punctuation">[</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">'#000000'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">'#ff0000'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">'#00ff00'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">'#ffffff'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+  <span class="token punctuation">]</span><span class="token punctuation">;</span>
+</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioGroup</span> <span class="token language-javascript"><span class="token punctuation">{</span>items<span class="token punctuation">}</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>numbers<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>RadioGroup</span> <span class="token attr-name">color</span> <span class="token attr-name">items=</span><span class="token language-javascript"><span class="token punctuation">{</span>colors<span class="token punctuation">}</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>colors<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Style Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>labelsLeft</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Places the labels to the left of the radio buttons. </td> </tbody> </table> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>items</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>Array</code> </td> <td class=svelte-2jo25p>An array of <code>{ value, label, disabled }</code> objects, where only the value is required. Must contain at least one value. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>name</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The name to assign to all radio buttons belonging to the same group. Check <a href=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname rel=nofollow>MDN docs</a> for more information. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>value</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>The currently selected value of the group. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>color</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Designates the radio buttons as color choices. Labels are ignored and values are expected to be <code>"#RRGGBB"</code>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything else will be passed to the underlying <code>&lt;RadioButton></code> components. </td> </tbody> </table> <div class=required>* Required</div> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to assign to the wrapper <code>&lt;div></code> element. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>radioClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the <code>&lt;RadioButton></code> components. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>labelClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to assign to the labels' wrapping <code>&lt;span></code>s. <br> If this is not passed, the labels are not wrapped in a <code>&lt;span></code>. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>change</code></strong> </td> <td class=svelte-2jo25p><code>{ value, nativeEvent }</code> </td> <td class=svelte-2jo25p>Fired when the selection changes. The <code>value</code> contains the element's <code>value</code> passed as a prop and <code>nativeEvent</code> has the <a href=https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event rel=nofollow>native change event</a>. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> <small>From <a href=./docs/components/radio-button><code>RadioButton</code></a></small> </td> <td class=svelte-2jo25p>The fill color of the selected radio button. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> <small>From <a href=./docs/components/radio-button><code>RadioButton</code></a></small> </td> <td class=svelte-2jo25p>The font of the radio button's label. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$disabled</code></strong> <small>From <a href=./docs/components/radio-button><code>RadioButton</code></a></small> </td> <td class=svelte-2jo25p>The fill color of the disabled radio button. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#888></div> #888888 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$dark</code></strong> <small>From <a href=./docs/components/radio-button><code>RadioButton</code></a></small> </td> <td class=svelte-2jo25p>The background color of the radio button hover signifier. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#333></div> #333333 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$light-contrast</code></strong> <small>From <a href=./docs/components/radio-button><code>RadioButton</code></a></small> </td> <td class=svelte-2jo25p>The border color of an unselected radio button, or the fill color of a selected disabled one. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#ddd></div> #DDDDDD </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main-text</code></strong> <small>From <a href=./docs/components/radio-button><code>RadioButton</code></a></small> </td> <td class=svelte-2jo25p>The color of the dot inside the selected radio button. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color bordered" style=background:#fff></div> #FFFFFF </div> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/slider/index.html b/376/docs/components/slider/index.html
new file mode 100644
index 000000000..fd5b4fd6e
--- /dev/null
+++ b/376/docs/components/slider/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.slider.svelte-1o2b9u1.svelte-1o2b9u1{box-sizing:border-box;cursor:pointer;padding:4px 0;position:relative;touch-action:none;user-select:none;z-index:1}.slider-horizontal.svelte-1o2b9u1.svelte-1o2b9u1{height:10px;width:100%}.slider-vertical.svelte-1o2b9u1.svelte-1o2b9u1{height:100%;width:10px}.slider-disabled.svelte-1o2b9u1.svelte-1o2b9u1{cursor:not-allowed}.rail.svelte-1o2b9u1.svelte-1o2b9u1{background:#aaa;border-radius:2px;position:absolute}.rail-horizontal.svelte-1o2b9u1.svelte-1o2b9u1{height:4px;top:0;width:100%}.rail-vertical.svelte-1o2b9u1.svelte-1o2b9u1{height:100%;left:0;top:0;width:4px}.rail-disabled.svelte-1o2b9u1.svelte-1o2b9u1{background:#cfcfcf;cursor:not-allowed}.range-selection.svelte-1o2b9u1.svelte-1o2b9u1{background:#4300b0;border-radius:2px;pointer-events:none;position:absolute}.range-selection-horizontal.svelte-1o2b9u1.svelte-1o2b9u1{height:4px;left:0;right:auto;top:0}.range-selection-vertical.svelte-1o2b9u1.svelte-1o2b9u1{bottom:0;top:auto;width:4px}.range-selection-disabled.svelte-1o2b9u1.svelte-1o2b9u1{background:#a9a9a9}.tick.svelte-1o2b9u1.svelte-1o2b9u1{background:#7a7a7a;position:absolute}.tick-horizontal.svelte-1o2b9u1.svelte-1o2b9u1{bottom:auto;height:8px;position:absolute;right:auto;top:10px;white-space:nowrap;width:1px}.tick-horizontal-sub.svelte-1o2b9u1.svelte-1o2b9u1{height:4px}.tick-vertical.svelte-1o2b9u1.svelte-1o2b9u1{bottom:100%;height:1px;left:10px;right:auto;width:8px}.tick-vertical-sub.svelte-1o2b9u1.svelte-1o2b9u1{width:4px}.tick-value.svelte-1o2b9u1.svelte-1o2b9u1{background:0 0;color:#7a7a7a;font-size:12px;font-variant-numeric:tabular-nums;position:absolute;white-space:nowrap}.tick-value-horizontal.svelte-1o2b9u1.svelte-1o2b9u1{top:2px;transform:translate(-50%,50%)}.tick-value-vertical.svelte-1o2b9u1.svelte-1o2b9u1{left:12px;top:0;transform:translate(0,-50%)}.tick-value-disabled.svelte-1o2b9u1.svelte-1o2b9u1{color:#cfcfcf}.tick-disabled.svelte-1o2b9u1.svelte-1o2b9u1{background:#cfcfcf}.handle-tooltip.svelte-1o2b9u1.svelte-1o2b9u1{align-items:center;background:#4300b0;border:0;border-radius:0;box-shadow:0 1px 2px 0 rgba(8,11,13,.25);color:#fff;display:flex;font-weight:600;justify-content:center;line-height:16px;position:absolute;white-space:nowrap;z-index:1}.handle-tooltip.svelte-1o2b9u1.svelte-1o2b9u1::after{background:#4300b0;box-shadow:0 1px 2px 0 rgba(8,11,13,.25);content:"";display:inline-block;height:12px;position:absolute;transform:rotate(45deg) translateY(50%);width:12px;z-index:-1}.handle-tooltip-horizontal.svelte-1o2b9u1.svelte-1o2b9u1{left:50%;top:-40px;transform:translate(-50%,0)}.handle-tooltip-horizontal.svelte-1o2b9u1.svelte-1o2b9u1::after{bottom:-2px;clip-path:inset(0 -15px -15px 0);left:calc(50% - 2px)}.handle-tooltip-vertical.svelte-1o2b9u1.svelte-1o2b9u1{right:24px;top:50%;transform:translate(0,-50%)}.handle-tooltip-vertical.svelte-1o2b9u1.svelte-1o2b9u1::after{bottom:45%;clip-path:inset(-15px -15px 0 0);right:-10px}.handle-tooltip-content.svelte-1o2b9u1.svelte-1o2b9u1{background:#4300b0;font-size:14px;font-variant-numeric:tabular-nums;font-weight:600;height:100%;line-height:16px;padding:5px;width:100%;z-index:2}.handle-tooltip-disabled.svelte-1o2b9u1 .handle-tooltip-content.svelte-1o2b9u1{background:#aaa}.handle-tooltip-disabled.handle-tooltip.svelte-1o2b9u1.svelte-1o2b9u1::after{background:#aaa}.handle.svelte-1u2at4{backface-visibility:hidden;background:#4300b0;border-radius:50%;display:block;height:16px;position:absolute;width:16px;z-index:2}.handle-horizontal.svelte-1u2at4{top:-6px;transform:translateX(-50%)}.handle-vertical.svelte-1u2at4{left:-6px;transform:translateY(50%)}.handle.svelte-1u2at4:hover{box-shadow:0 0 0 8px rgba(131,141,231,.16);cursor:pointer}.handle.svelte-1u2at4:focus{box-shadow:0 0 0 8px rgba(131,141,231,.16);outline:0}.handle-active.svelte-1u2at4{background:#4300b0}.handle-disabled.svelte-1u2at4,.handle-disabled.svelte-1u2at4:active,.handle-disabled.svelte-1u2at4:hover{background:#888;box-shadow:none;cursor:not-allowed}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>Slider – Attractions</title><meta content="Slider – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/slider.60bf8240.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/slider.7665fedc.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/index.4c1ceff5.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/slider-dd4ec7e1.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a class="svelte-z153he logo" href=./ ><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a class="btn svelte-2r4z0x round small" href=/docs rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a class="btn svelte-2r4z0x round" href=https://github.com/illright/attractions rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a class="btn svelte-2r4z0x" href=./docs/changelog rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a class="btn svelte-2r4z0x" href=./docs/migration-guide rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a class="btn svelte-2r4z0x" href=./docs/installation rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a class="btn svelte-2r4z0x" href=./docs/theming rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a class="btn svelte-2r4z0x" href=./docs/components/accordion rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a class="btn svelte-2r4z0x" href=./docs/components/autocomplete rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a class="btn svelte-2r4z0x" href=./docs/components/badge rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a class="btn svelte-2r4z0x" href=./docs/components/breadcrumbs rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a class="btn svelte-2r4z0x" href=./docs/components/button rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a class="btn svelte-2r4z0x" href=./docs/components/card rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a class="btn svelte-2r4z0x" href=./docs/components/checkbox-group rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a class="btn svelte-2r4z0x" href=./docs/components/chip rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a class="btn svelte-2r4z0x" href=./docs/components/date-picker rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a class="btn svelte-2r4z0x" href=./docs/components/dialog rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a class="btn svelte-2r4z0x" href=./docs/components/divider rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a class="btn svelte-2r4z0x" href=./docs/components/dot rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a class="btn svelte-2r4z0x" href=./docs/components/dropdown rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a class="btn svelte-2r4z0x" href=./docs/components/file-dropzone rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a class="btn svelte-2r4z0x" href=./docs/components/file-input rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a class="btn svelte-2r4z0x" href=./docs/components/form-field rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a class="btn svelte-2r4z0x" href=./docs/components/loading rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a class="btn svelte-2r4z0x" href=./docs/components/modal rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a class="btn svelte-2r4z0x" href=./docs/components/pagination rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a class="btn svelte-2r4z0x" href=./docs/components/popover rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a class="btn svelte-2r4z0x" href=./docs/components/radio-group rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a class="btn svelte-2r4z0x" href=./docs/components/slider rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a class="btn svelte-2r4z0x" href=./docs/components/snackbar-container rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a class="btn svelte-2r4z0x" href=./docs/components/star-rating rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a class="btn svelte-2r4z0x" href=./docs/components/switch rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a class="btn svelte-2r4z0x" href=./docs/components/table rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a class="btn svelte-2r4z0x" href=./docs/components/tabs rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a class="btn svelte-2r4z0x" href=./docs/components/text-field rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a class="btn svelte-2r4z0x" href=./docs/components/time-picker rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a class="btn svelte-2r4z0x" href=./docs/components/typography rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a class="btn svelte-2r4z0x" href=./docs/utilities rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a class="btn svelte-2r4z0x" href=./docs/custom-elements rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Slider </h1> <p class=svelte-d09q45>An slider for selecting a value or a range. </p> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase><div style=margin-left:1.5em;height:90%;min-width:250px;max-height:400px><div class="svelte-1o2b9u1 slider slider-vertical"><div class="svelte-1o2b9u1 rail rail-vertical"></div> <div class="handle svelte-1u2at4 handle-active handle-vertical" aria-disabled=false aria-orientation=vertical aria-valuenow=5 role=slider tabindex=0><div slot=tooltips> </div> </div> <div class="svelte-1o2b9u1 range-selection range-selection-vertical"></div> <span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:0></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:3.9999999999999987%></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:8%></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:12.000000000000002%></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:16%></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:20%></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:24.000000000000004%></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:28.000000000000004%></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:32%></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:36.00000000000001%></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:40%></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:44%></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:48.00000000000001%></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:52%></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:56.00000000000001%></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:60%></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:64%></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:68%></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:72%></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:76%></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:80%></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:83.99999999999999%></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:88%></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:92%></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:96.00000000000001%></span><span class="svelte-1o2b9u1 tick tick-vertical tick-vertical-sub" style=bottom:100%></span></div> <br> <div class="svelte-1o2b9u1 slider slider-horizontal"><div class="svelte-1o2b9u1 rail rail-horizontal"></div> <div class="handle svelte-1u2at4 handle-active handle-horizontal" aria-disabled=false aria-orientation=horizontal aria-valuenow=4 role=slider tabindex=0><div slot=tooltips><div class="svelte-1o2b9u1 handle-tooltip handle-tooltip-horizontal"><div class="svelte-1o2b9u1 handle-tooltip-content"> 4 </div> </div> </div> </div> <div class="svelte-1o2b9u1 range-selection range-selection-horizontal"></div> </div> <br> <div class="svelte-1o2b9u1 slider slider-horizontal"><div class="svelte-1o2b9u1 rail rail-horizontal"></div> <div class="handle svelte-1u2at4 handle-active handle-horizontal" aria-disabled=false aria-orientation=horizontal aria-valuenow=2 role=slider tabindex=0><div slot=tooltips> </div> </div><div class="handle svelte-1u2at4 handle-horizontal" aria-disabled=false aria-orientation=horizontal aria-valuenow=4 role=slider tabindex=0><div slot=tooltips> </div> </div> <div class="svelte-1o2b9u1 range-selection range-selection-horizontal"></div> <span class="svelte-1o2b9u1 tick tick-horizontal" style=left:0><span class="svelte-1o2b9u1 tick-value tick-value-horizontal"> 1 </span> </span><span class="svelte-1o2b9u1 tick tick-horizontal" style=left:22.22222222222222%><span class="svelte-1o2b9u1 tick-value tick-value-horizontal"> 3 </span> </span><span class="svelte-1o2b9u1 tick tick-horizontal" style=left:44.44444444444444%><span class="svelte-1o2b9u1 tick-value tick-value-horizontal"> 5 </span> </span><span class="svelte-1o2b9u1 tick tick-horizontal" style=left:66.66666666666666%><span class="svelte-1o2b9u1 tick-value tick-value-horizontal"> 7 </span> </span><span class="svelte-1o2b9u1 tick tick-horizontal" style=left:88.88888888888889%><span class="svelte-1o2b9u1 tick-value tick-value-horizontal"> 9 </span> </span> </div> </div></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Slider</span>
+  <span class="token attr-name">value=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">5</span><span class="token punctuation">}</span></span>
+  <span class="token attr-name">min=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">1</span><span class="token punctuation">}</span></span>
+  <span class="token attr-name">max=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">10</span><span class="token punctuation">}</span></span>
+  <span class="token attr-name">step=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">1</span><span class="token punctuation">}</span></span>
+  <span class="token attr-name">vertical</span>
+  <span class="token attr-name">tooltips</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>active<span class="token punctuation">"</span></span>
+  <span class="token attr-name">ticks=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">{</span><span class="token literal-property property">mode</span><span class="token operator">:</span> <span class="token string">'step'</span><span class="token punctuation">,</span> <span class="token literal-property property">step</span><span class="token operator">:</span> <span class="token number">1</span><span class="token punctuation">,</span> <span class="token literal-property property">subDensity</span><span class="token operator">:</span> <span class="token number">4</span><span class="token punctuation">}</span><span class="token punctuation">}</span></span>
+<span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Slider</span>
+  <span class="token attr-name"><span class="token namespace">bind:</span>value=</span><span class="token language-javascript"><span class="token punctuation">{</span>val<span class="token punctuation">}</span></span>
+  <span class="token attr-name">min=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">2</span><span class="token punctuation">}</span></span>
+  <span class="token attr-name">max=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">6</span><span class="token punctuation">}</span></span>
+  <span class="token attr-name">step=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">0.5</span><span class="token punctuation">}</span></span>
+  <span class="token attr-name">tooltips</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>always<span class="token punctuation">"</span></span>
+<span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Slider</span>
+  <span class="token attr-name">value=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">4</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span>
+  <span class="token attr-name">min=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">1</span><span class="token punctuation">}</span></span>
+  <span class="token attr-name">max=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">10</span><span class="token punctuation">}</span></span>
+  <span class="token attr-name">step=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">1</span><span class="token punctuation">}</span></span>
+  <span class="token attr-name">tooltips</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>never<span class="token punctuation">"</span></span>
+  <span class="token attr-name">ticks=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">{</span><span class="token literal-property property">mode</span><span class="token operator">:</span> <span class="token string">'values'</span><span class="token punctuation">,</span> <span class="token literal-property property">values</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">,</span> <span class="token number">5</span><span class="token punctuation">,</span> <span class="token number">7</span><span class="token punctuation">,</span> <span class="token number">9</span><span class="token punctuation">]</span><span class="token punctuation">}</span><span class="token punctuation">}</span></span>
+<span class="token punctuation">/></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;Slider></code> components use the <code>.slider</code> class. Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tbody> </table> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>min</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>number</code> </td> <td class=svelte-2jo25p>The minimum value of the slider. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>max</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>number</code> </td> <td class=svelte-2jo25p>The maximum value of the slider. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>value</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>number | [number, number]</code> </td> <td class=svelte-2jo25p>The current value of the slider. Provide an array of two numbers to create a range slider. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>step</code></strong> </td> <td class=svelte-2jo25p><code>1</code> </td> <td class=svelte-2jo25p><code>number</code> </td> <td class=svelte-2jo25p>The step by which the slider handle can move. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>vertical</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>To position the slider vertically with values from top to bottom. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>disabled</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Disables the slider and applies appropriate styling. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>tooltips</code></strong> </td> <td class=svelte-2jo25p><code>"none"</code> </td> <td class=svelte-2jo25p><code>"none" | "active" | "always"</code> </td> <td class=svelte-2jo25p><code>active</code> will show tooltips above a handle when it is active. <code>always</code> will show tooltips regardless of handle state. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>ticks</code></strong> </td> <td class=svelte-2jo25p><code>{ mode: "none" }</code> </td> <td class=svelte-2jo25p><code> { mode: "none" } | { mode: "steps"; step: number; subDensity?: number; } | { mode: "values"; values: number[]; subDensity?: number; }</code> </td> <td class=svelte-2jo25p>Configures how ticks are displayed, parallel to the slider rail. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>rangeBehavior</code></strong> </td> <td class=svelte-2jo25p><code>"block"</code> </td> <td class=svelte-2jo25p><code>"block" | "free" | "push"</code> </td> <td class=svelte-2jo25p>Defines how two handles interact with each other. </td> </tbody> </table> <div class=required>* Required</div> <p class=svelte-d09q45>With <code>ticks.mode</code> value of <code>step</code> or <code>values</code>, a <code>subDensity</code> property may be provided to set the density of the ticks on a 0-100 percent scale (e.g. <code>2</code> means a tick every 2%). </p> <h2 class=svelte-eaesr4 id=events>Events <a class=ml href=#events>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>focus</code></strong> </td> <td class=svelte-2jo25p>None </td> <td class=svelte-2jo25p>Fires when the slider is focused. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>change</code></strong> </td> <td class=svelte-2jo25p><code>number</code> </td> <td class=svelte-2jo25p>Fires when ever a slider handle value changes. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>blur</code></strong> </td> <td class=svelte-2jo25p>None </td> <td class=svelte-2jo25p>Fires when the slider loses focus. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a class=ml href=#slots>#</a> </h2> <h3 class=svelte-1l9130h><code>tick-value</code> slot </h3> <p class=svelte-d09q45>Receives the tick value as a prop in order to map or append a unit. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Prop Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>value</code></strong> </td> <td class=svelte-2jo25p><code>number</code> </td> <td class=svelte-2jo25p>The tick. </td> </tbody> </table> <h3 class=svelte-1l9130h><code>tooltip-content</code> slot </h3> <p class=svelte-d09q45>Recieves the value for the handle as a prop in order to format or append a unit. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Prop Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>value</code></strong> </td> <td class=svelte-2jo25p><code>number</code> </td> <td class=svelte-2jo25p>The current value the handle is at. </td> </tbody> </table> <h3 class=svelte-1l9130h><code>rail-content</code> slot </h3> <p class=svelte-d09q45>The content of the rail. </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a class=ml href=#scss-variables>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>The background of the tooltip. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300b0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$slider-handle-size</code></strong> </td> <td class=svelte-2jo25p>The diameter of the handle. </td> <td class=svelte-2jo25p><code>16px</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$slider-handle-tooltip-size</code></strong> </td> <td class=svelte-2jo25p>The side length of the tooltip. </td> <td class=svelte-2jo25p><code>12px</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$slider-handle-tooltip-font-size</code></strong> </td> <td class=svelte-2jo25p>The font size of the tooltip content. </td> <td class=svelte-2jo25p><code>14px</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$slider-handle-tooltip-disabled</code></strong> </td> <td class=svelte-2jo25p>The background color of the tooltip when disabled. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#aaa></div> #aaa </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$slider-rail-size</code></strong> </td> <td class=svelte-2jo25p>The thickness of the slider rail. </td> <td class=svelte-2jo25p><code>4px</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$slider-rail-bg</code></strong> </td> <td class=svelte-2jo25p>The background color of the rail. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#aaa></div> #aaa </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$slider-disabled</code></strong> </td> <td class=svelte-2jo25p>The color assigned to the rail and tick content when the slider is disabled. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#cfcfcf></div> #cfcfcf </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$slider-tick-bg</code></strong> </td> <td class=svelte-2jo25p>The regular background color of the ticks. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#7a7a7a></div> #7a7a7a </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$slider-tick-length</code></strong> </td> <td class=svelte-2jo25p>The length of the ticks. </td> <td class=svelte-2jo25p><code>8px</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$slider-sub-tick-length</code></strong> </td> <td class=svelte-2jo25p>The length of the sub-ticks. </td> <td class=svelte-2jo25p><code>4px</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$slider-tick-value-color</code></strong> </td> <td class=svelte-2jo25p>The regular color of the tick content. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#7a7a7a></div> #7a7a7a </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$slider-tick-value-font-size</code></strong> </td> <td class=svelte-2jo25p>The font size of the tick content. </td> <td class=svelte-2jo25p><code>12px</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/snackbar-container/index.html b/376/docs/components/snackbar-container/index.html
new file mode 100644
index 000000000..8865b15bf
--- /dev/null
+++ b/376/docs/components/snackbar-container/index.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}ul.svelte-zjwdhv{padding-left:1.8em}li.svelte-puza06{margin-bottom:.25em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}</style> <title>SnackbarContainer – Attractions</title><meta content="SnackbarContainer – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/snackbar-container.18608f95.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/snackbar-container.ae550c61.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/snackbar.e51b36cb.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/index.4c1ceff5.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/fix-anchor-links.79fa91d5.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/ul.abdb9780.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/snackbar-7eb85ef0.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/ul-82208b9a.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="ml feather feather-chevron-down tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="ml feather feather-chevron-down accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>SnackbarContainer </h1> <p class=svelte-d09q45>The wrapper element creating a context to show snackbars. </p> <p class=svelte-d09q45>The main piece of functionality is the <code>showSnackbar</code> function. This function accepts an object with the following fields: </p> <ul class=svelte-zjwdhv><li class=svelte-puza06><code>component</code> (default: <a href=./docs/components/snackbar><mark><code>Snackbar</code></mark></a>) – the component to render as a snackbar; </li> <li class=svelte-puza06><code>props</code> (default: <code>{}</code>) – the props to be passed to the snackbar. The component also injects the <code>closeCallback</code> prop into this object, which is a function that can be called to force-close the snackbar; </li> <li class=svelte-puza06><code>duration</code> (default: <code>4000</code>) – the duration to show the snackbar in milliseconds. </li> </ul> <p class=svelte-d09q45>You can obtain this function in three different ways: </p> <ul class=svelte-zjwdhv><li class=svelte-puza06><strong>If you need it in the <code>&lt;script></code> of the component that has <code>SnackbarContainer</code> as a child</strong>: <br> Get ahold of the <code>SnackbarContainer</code> instance with <a href=https://svelte.dev/docs#bind_component rel=nofollow><code>bind:this</code></a> and access the <code>showSnackbar</code> property on the instance. </li> <li class=svelte-puza06><strong>If you need to pass it in a property to the immediate children</strong>: <br> Use an exposed slot property with <code>let:showSnackbar</code>. </li> <li class=svelte-puza06><strong>If you need to access it deep in the component tree</strong>: <br> Use <a href=https://svelte.dev/docs#getContext rel=nofollow><code>getContext</code></a> inside a child of this component. </li> </ul> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/snackbar class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Snackbar</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase><button class="btn svelte-2r4z0x" type=button>press to see </button> <div class="bottom left snackbar-stack"> </div></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>SnackbarContainer</span> <span class="token attr-name"><span class="token namespace">let:</span>showSnackbar</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token function">showSnackbar</span><span class="token punctuation">(</span><span class="token punctuation">{</span> <span class="token literal-property property">props</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">'Hello!'</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>
+    press to see
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>SnackbarContainer</span><span class="token punctuation">></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Style Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>position</code></strong> </td> <td class=svelte-2jo25p><code>SnackbarPositions.BOTTOM_LEFT</code> </td> <td class=svelte-2jo25p><a href=#snackbar-positions><mark><code>SnackbarPositions</code></mark></a> </td> <td class=svelte-2jo25p>The position of the snackbar stack inside the window. </td> </tbody> </table> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;SnackbarContainer></code> components create the element with a <code>.snackbar-stack</code> class after the default slot content. </p> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Default slot </h3> <p class=svelte-d09q45>Any content where you'd like to initiate <a href=#snackbar-context-key>the snackbar context</a>. The snackbar stack will be inserted after it, invisibly. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Prop Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>showSnackbar</code></strong> </td> <td class=svelte-2jo25p><code>Function</code> </td> <td class=svelte-2jo25p>Callback to display a new snackbar. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=exported>Exported Attributes <a href=#exported class=ml>#</a> </h2> <p class=svelte-d09q45>These attributes can be accessed from variables holding component instances bound using <code>bind:this</code> on the instance. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>showSnackbar</code></strong> </td> <td class=svelte-2jo25p><code>Function</code> </td> <td class=svelte-2jo25p>Callback to display a new snackbar. Useful when you need to show a snackbar inside a component where the <code>SnackbarContainer</code> is created. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=related-objects>Related Objects <a href=#related-objects class=ml>#</a> </h2> <p class=svelte-d09q45>The following objects are available as named exports in <code>'attractions/snackbar'</code>. </p> <h3 class=svelte-1l9130h id=snackbar-positions><code>SnackbarPositions</code> <a href=#snackbar-positions class=ml>#</a> </h3> <p class=svelte-d09q45>An enum listing the possible positions for the snackbar stack. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Field </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>TOP_LEFT</code></strong> </td> <td class=svelte-2jo25p>In the top left corner. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>TOP_MIDDLE</code></strong> </td> <td class=svelte-2jo25p>At the top, horizontally centered. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>TOP_RIGHT</code></strong> </td> <td class=svelte-2jo25p>In the top right corner. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>MIDDLE_RIGHT</code></strong> </td> <td class=svelte-2jo25p>Along the right edge, vertically centered. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>BOTTOM_RIGHT</code></strong> </td> <td class=svelte-2jo25p>In the bottom right corner. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>BOTTOM_MIDDLE</code></strong> </td> <td class=svelte-2jo25p>At the bottom, horizontally centered. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>BOTTOM_LEFT</code></strong> </td> <td class=svelte-2jo25p>In the bottom left corner. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>MIDDLE_LEFT</code></strong> </td> <td class=svelte-2jo25p>Along the left edge, vertically centered. </td> </tbody> </table> <h3 class=svelte-1l9130h id=snackbar-context-key><code>snackbarContextKey</code> <a href=#snackbar-context-key class=ml>#</a> </h3> <p class=svelte-d09q45>The context key to pass to Svelte's <code>getContext</code> to obtain the <code>showSnackbar</code> callback (described above). </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$snackbar-horizontal-offset</code></strong> </td> <td class=svelte-2jo25p>The offset from the left or the right edge of the screen for the snackbars. </td> <td class=svelte-2jo25p><code>5%</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$snackbar-vertical-offset</code></strong> </td> <td class=svelte-2jo25p>The offset from the top or the bottom edge of the screen for the snackbars. </td> <td class=svelte-2jo25p><code>3em</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/snackbar/index.html b/376/docs/components/snackbar/index.html
new file mode 100644
index 000000000..65766ed72
--- /dev/null
+++ b/376/docs/components/snackbar/index.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}[slot=showcase].svelte-130hse3{max-width:20em}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.snackbar.svelte-1nruwq9.svelte-1nruwq9{align-items:center;background:#474747;border-radius:.625em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);display:flex;margin-top:1em;min-width:16em;padding:.375em}.snackbar.svelte-1nruwq9 .text.svelte-1nruwq9{color:#fff;flex:1;font-size:.95em;margin:0 .625em;padding:.8em 0}.snackbar.svelte-1nruwq9 .btn{color:#cbacff}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}.preview.svelte-1y2m3b2{align-items:center;background:#fff;border-radius:.25em;display:flex;font-size:.8em;font-weight:300;justify-content:center;padding:.25em .5em;width:5em}.value-popover.svelte-1y2m3b2{background:#fff;border-radius:.5em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);color:#333;font-family:"Roboto Mono",monospace;margin-right:.25em;padding:.5em;white-space:pre}.popover-container.svelte-d7tcpu.svelte-d7tcpu{position:relative}.popover-container.svelte-d7tcpu>.popover.svelte-d7tcpu{display:none;position:absolute}.popover-container.svelte-d7tcpu>.popover.top.svelte-d7tcpu{left:50%;top:0;transform:translate(-50%,-100%)}.popover-container.svelte-d7tcpu>.popover.bottom.svelte-d7tcpu{bottom:0;left:50%;transform:translate(-50%,100%)}.popover-container.svelte-d7tcpu>.popover.left.svelte-d7tcpu{bottom:50%;left:0;transform:translate(-100%,50%)}.popover-container.svelte-d7tcpu>.popover.right.svelte-d7tcpu{bottom:50%;right:0;transform:translate(100%,50%)}.popover-container.svelte-d7tcpu:hover>.popover.svelte-d7tcpu{display:block}.popover-container.svelte-d7tcpu:focus-within>.popover.svelte-d7tcpu{display:block}</style> <title>Snackbar – Attractions</title><meta content="Snackbar – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/snackbar.08a95ab7.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/snackbar.e51b36cb.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/index.4c1ceff5.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/shadow-preview.f1e703b1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/popover.156a947e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/snackbar-7eb85ef0.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/popover-1d6d4d80.css rel=preload as=style><link href=/attractions/376/client/shadow-preview-8f373d1e.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style><link href=/attractions/376/client/snackbar-53ccead6.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Snackbar </h1> <p class=svelte-d09q45>A small snackbar to display status messages. </p> <div class="mb related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer</a> </div></div> <p class=svelte-d09q45>Note: below is not the intended way of using this component. It is meant to be passed into the <code>showSnackbar</code> function of the <a href=./docs/components/snackbar-container><mark><code>SnackbarContainer</code></mark></a> component. </p> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class="padded svelte-130hse3" slot=showcase><div class="svelte-1nruwq9 snackbar"><span class="svelte-1nruwq9 text">Hello!</span> <button class="btn svelte-2r4z0x" type=button>oh, hi</button> </div></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Snackbar</span>
+  <span class="token attr-name">text</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Hello!<span class="token punctuation">"</span></span>
+  <span class="token attr-name">action=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">{</span>
+    <span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">'oh, hi'</span><span class="token punctuation">,</span>
+    <span class="token function function-variable">callback</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'ack'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
+  <span class="token punctuation">}</span><span class="token punctuation">}</span></span>
+  <span class="token attr-name">closeCallback=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">}</span></span>
+<span class="token punctuation">/></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>text</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The text to show on the snackbar. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>closeCallback</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>Function</code> </td> <td class=svelte-2jo25p>The callback to call to close the snackbar in the <code>SnackbarContainer</code>. Passed internally by the <code>SnackbarContainer</code> when using the <code>showSnackbar</code> function. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>action</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>{<br> text: string,<br> callback: Function<br>}</code> </td> <td class=svelte-2jo25p>The action for the button on the snackbar. If this is <code>null</code>, the button is not rendered. Otherwise it has <code>text</code> as a label and calls <code>callback</code> on click. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>closeOnAction</code></strong> </td> <td class=svelte-2jo25p><code>true</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Whether to call the <mark><code>closeCallback</code></mark> when an action button is pressed, after its callback. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>transition</code></strong> </td> <td class=svelte-2jo25p><a href=https://svelte.dev/docs#fly rel=nofollow><code>fly</code></a> </td> <td class=svelte-2jo25p>Svelte transition </td> <td class=svelte-2jo25p>The transition to use to animate the in and out of the snackbar. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>transitionOptions</code></strong> </td> <td class=svelte-2jo25p><code>{<br> x: -20,<br> duration: 150<br>}</code> </td> <td class=svelte-2jo25p><code>object</code> </td> <td class=svelte-2jo25p>The options to use with the given transition. </td> </tbody> </table> <div class=required>* Required</div> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;Snackbar></code> components use the <code>.snackbar</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>textClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the label of the snackbar. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>buttonClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the action button of the snackbar. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$snackbar-bg</code></strong> </td> <td class=svelte-2jo25p>The background of the snackbar. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#404040></div> #404040 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$snackbar-fg</code></strong> </td> <td class=svelte-2jo25p>The text color of the snackbar. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#fff></div> #FFFFFF </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$shadow-raised</code></strong> </td> <td class=svelte-2jo25p>The shadow of the snackbar. </td> <td class=svelte-2jo25p><div class="svelte-d7tcpu popover-container"><div class="preview svelte-1y2m3b2">hover me</div> <div class="svelte-d7tcpu left popover"><div class="svelte-1y2m3b2 value-popover" slot=popover-content>0 2px 4px -1px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);</div></div> </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>The action button color (75% lighter). </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$snackbar-radius</code></strong> </td> <td class=svelte-2jo25p>The curvature radius of the snackbar. </td> <td class=svelte-2jo25p><code>.625em</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The font of the action button text. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$button-radius</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The curvature radius of the action button. </td> <td class=svelte-2jo25p><code>1.5625em</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$bold-font-weight</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The font weight of the action button. </td> <td class=svelte-2jo25p><code>500</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/star-rating/index.html b/376/docs/components/star-rating/index.html
new file mode 100644
index 000000000..373adfeea
--- /dev/null
+++ b/376/docs/components/star-rating/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.star-rating.svelte-172gjzj.svelte-172gjzj.svelte-172gjzj.svelte-172gjzj{border-radius:1.5em;display:inline-flex;fill:none;flex-direction:row-reverse;justify-content:flex-end}.star-rating.svelte-172gjzj.svelte-172gjzj.svelte-172gjzj.svelte-172gjzj:focus-within{background:rgba(67,0,176,.05)}.star-rating.svelte-172gjzj input.svelte-172gjzj.svelte-172gjzj.svelte-172gjzj{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.star-rating.svelte-172gjzj label.svelte-172gjzj.svelte-172gjzj.svelte-172gjzj{border-radius:50%;color:#aaa;cursor:pointer;padding:.5em}.star-rating.svelte-172gjzj label.svelte-172gjzj svg{display:block}.star-rating.svelte-172gjzj label.svelte-172gjzj .ripple{background:rgba(67,0,176,.1)}.star-rating.svelte-172gjzj label.svelte-172gjzj.svelte-172gjzj.svelte-172gjzj:hover{background:rgba(67,0,176,.05);color:#b499df}.star-rating.svelte-172gjzj label.svelte-172gjzj:hover~label.svelte-172gjzj.svelte-172gjzj{color:#b499df}.star-rating.svelte-172gjzj input.svelte-172gjzj:disabled+label.svelte-172gjzj.svelte-172gjzj{background:0 0;color:#888;cursor:not-allowed}.star-rating.svelte-172gjzj input.svelte-172gjzj:checked+label.svelte-172gjzj.svelte-172gjzj,.star-rating.svelte-172gjzj input.svelte-172gjzj:checked~input.svelte-172gjzj+label.svelte-172gjzj{color:#6933c0;fill:#6933c0}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>StarRating – Attractions</title><meta content="StarRating – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/star-rating.fae16850.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/star-rating.5a108501.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/range.ee7914b1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/star-rating-8a706d86.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg class="feather feather-home" fill=none><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg class="feather feather-github" fill=none><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg class="feather feather-home" fill=none><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg class="feather feather-chevron-down ml tab-chevron" fill=none><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg class="feather feather-chevron-down ml accordion-chevron" fill=none><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>StarRating </h1> <p class=svelte-d09q45>An input element used for rating with a number of stars. </p> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase><div class="svelte-172gjzj star-rating" role=group><input class=svelte-172gjzj name=restaurant type=radio value=5 id=restaurant-5> <label class=svelte-172gjzj for=restaurant-5> <svg height=24 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24 xmlns=http://www.w3.org/2000/svg><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> </label><input class=svelte-172gjzj name=restaurant type=radio value=4 id=restaurant-4> <label class=svelte-172gjzj for=restaurant-4> <svg height=24 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24 xmlns=http://www.w3.org/2000/svg><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> </label><input class=svelte-172gjzj name=restaurant type=radio value=3 id=restaurant-3> <label class=svelte-172gjzj for=restaurant-3> <svg height=24 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24 xmlns=http://www.w3.org/2000/svg><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> </label><input class=svelte-172gjzj name=restaurant type=radio value=2 id=restaurant-2> <label class=svelte-172gjzj for=restaurant-2> <svg height=24 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24 xmlns=http://www.w3.org/2000/svg><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> </label><input class=svelte-172gjzj name=restaurant type=radio value=1 id=restaurant-1 checked> <label class=svelte-172gjzj for=restaurant-1> <svg height=24 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24 xmlns=http://www.w3.org/2000/svg><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg> </label> </div> <br> <div class="svelte-172gjzj star-rating" role=group><input class=svelte-172gjzj name=hotel type=radio value=7 id=hotel-7 disabled> <label class=svelte-172gjzj for=hotel-7><span slot=icon><svg height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg class="feather feather-thumbs-up" fill=none><path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"></path></svg></span> </label><input class=svelte-172gjzj name=hotel type=radio value=6 id=hotel-6 disabled> <label class=svelte-172gjzj for=hotel-6><span slot=icon><svg height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg class="feather feather-thumbs-up" fill=none><path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"></path></svg></span> </label><input class=svelte-172gjzj name=hotel type=radio value=5 id=hotel-5 disabled checked> <label class=svelte-172gjzj for=hotel-5><span slot=icon><svg height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg class="feather feather-thumbs-up" fill=none><path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"></path></svg></span> </label><input class=svelte-172gjzj name=hotel type=radio value=4 id=hotel-4 disabled> <label class=svelte-172gjzj for=hotel-4><span slot=icon><svg height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg class="feather feather-thumbs-up" fill=none><path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"></path></svg></span> </label><input class=svelte-172gjzj name=hotel type=radio value=3 id=hotel-3 disabled> <label class=svelte-172gjzj for=hotel-3><span slot=icon><svg height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg class="feather feather-thumbs-up" fill=none><path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"></path></svg></span> </label><input class=svelte-172gjzj name=hotel type=radio value=2 id=hotel-2 disabled> <label class=svelte-172gjzj for=hotel-2><span slot=icon><svg height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg class="feather feather-thumbs-up" fill=none><path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"></path></svg></span> </label><input class=svelte-172gjzj name=hotel type=radio value=1 id=hotel-1 disabled> <label class=svelte-172gjzj for=hotel-1><span slot=icon><svg height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg class="feather feather-thumbs-up" fill=none><path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"></path></svg></span> </label> </div></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
+  <span class="token keyword">let</span> restaurantRating <span class="token operator">=</span> <span class="token number">1</span><span class="token punctuation">;</span>
+</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>StarRating</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>restaurant<span class="token punctuation">"</span></span> <span class="token attr-name"><span class="token namespace">bind:</span>value=</span><span class="token language-javascript"><span class="token punctuation">{</span>restaurantRating<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>br</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>StarRating</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>hotel<span class="token punctuation">"</span></span> <span class="token attr-name">value=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">5</span><span class="token punctuation">}</span></span> <span class="token attr-name">max=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token number">7</span><span class="token punctuation">}</span></span> <span class="token attr-name">disabled</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">slot</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>icon<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ThumbsUpIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>StarRating</span><span class="token punctuation">></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg class="feather feather-copy" fill=none><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>name</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The name to assign to all stars belonging to the same group. Check <a href=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname rel=nofollow>MDN docs</a> for more information. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>max</code></strong> </td> <td class=svelte-2jo25p><code>5</code> </td> <td class=svelte-2jo25p><code>number</code> </td> <td class=svelte-2jo25p>How many stars to be displayed. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>value</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>number</code> </td> <td class=svelte-2jo25p>Current amount of selected stars. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>disabled</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Disables star selection. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>events</code></strong> </td> <td class=svelte-2jo25p><code>[]</code> </td> <td class=svelte-2jo25p><code>Array</code> </td> <td class=svelte-2jo25p>List of handlers for the <a href=./docs/utilities>Events action</a>: <code>[{ name, handler }]</code>. The event listeners are registered on the <code>&lt;input type="radio"></code> elements. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything else will be passed to the underlying <code>&lt;input type="radio"></code> elements. </td> </tbody> </table> <div class=required>* Required</div> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;StarRating></code> components use the <code>.star-rating</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>starClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to assign to the <code>&lt;label></code> element containing the star icon. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>change</code></strong> </td> <td class=svelte-2jo25p><code>{ value, nativeEvent }</code> </td> <td class=svelte-2jo25p>Fired when the selection changes. The <code>value</code> contains the number of selected stars and <code>nativeEvent</code> has the <a href=https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event rel=nofollow>native change event</a>. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <h3 class=svelte-1l9130h><code>icon</code> slot </h3> <p class=svelte-d09q45>The icon to use as the star. Defaults to <a href="https://feathericons.com/?query=star" rel=nofollow>Feather icons</a>' <code>Star</code>. </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>Affects the hover and background colors of the component and the fill color of the selected stars. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$off-state</code></strong> </td> <td class=svelte-2jo25p>The color of the unselected label. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#aaa></div> #AAAAAA </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$disabled</code></strong> </td> <td class=svelte-2jo25p>The color of the icon when the input is disabled. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#888></div> #888888 </div> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/switch/index.html b/376/docs/components/switch/index.html
new file mode 100644
index 000000000..e7cf0c943
--- /dev/null
+++ b/376/docs/components/switch/index.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.switch.svelte-aapm94.svelte-aapm94.svelte-aapm94.svelte-aapm94{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif}.switch.svelte-aapm94 input.svelte-aapm94.svelte-aapm94.svelte-aapm94{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.switch.svelte-aapm94 .track.svelte-aapm94.svelte-aapm94.svelte-aapm94{border:.125em solid #aaa;border-radius:.75em;cursor:pointer;height:1.125em;position:relative;width:2em}.switch.svelte-aapm94 .track.svelte-aapm94.svelte-aapm94.svelte-aapm94::before{border-radius:1.125em;content:"";height:2.375em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:3.25em}.switch.svelte-aapm94 .track.svelte-aapm94>.thumb.svelte-aapm94.svelte-aapm94{background:#aaa;border-radius:50%;height:.75em;left:.25em;position:absolute;top:50%;transform:translateY(-50%);transition:transform .1s;width:.75em}.switch.svelte-aapm94 input.svelte-aapm94:checked~.track.svelte-aapm94.svelte-aapm94{border-color:#4300b0}.switch.svelte-aapm94 input.svelte-aapm94:checked~.track.svelte-aapm94>.thumb.svelte-aapm94{background-color:#4300b0;transform:translateY(-50%) translateX(100%)}.switch.svelte-aapm94 input.svelte-aapm94:disabled~.track.svelte-aapm94.svelte-aapm94{border-color:#888;cursor:not-allowed}.switch.svelte-aapm94 input.svelte-aapm94:disabled~.track.svelte-aapm94>.thumb.svelte-aapm94{background:0 0;border:.125em solid #888;height:.5em;position:relative;width:.5em}.switch.svelte-aapm94 input.svelte-aapm94:disabled~.track.svelte-aapm94>.thumb.svelte-aapm94::before{background:#888;content:"";height:.125em;left:0;position:absolute;top:.1875em;transform:rotate(-45deg);width:100%}.switch.svelte-aapm94 input.svelte-aapm94:focus~.track.svelte-aapm94.svelte-aapm94::before{background:rgba(0,0,0,.1)}.switch.svelte-aapm94 input.svelte-aapm94:focus:checked~.track.svelte-aapm94.svelte-aapm94::before{background:rgba(67,0,176,.1)}.switch.svelte-aapm94:hover .track.svelte-aapm94.svelte-aapm94.svelte-aapm94::before{background:rgba(0,0,0,.1)}.switch.svelte-aapm94:hover input.svelte-aapm94:checked:not(:disabled)~.track.svelte-aapm94.svelte-aapm94::before{background:rgba(67,0,176,.05)}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>Switch – Attractions</title><meta content="Switch – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/switch.9d04d675.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/switch.621b5c35.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/switch-cc3afc23.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="ml feather feather-chevron-down tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 type=radio name=nav-mobile value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="ml feather feather-chevron-down accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Switch </h1> <p class=svelte-d09q45>An on/off switch. </p> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase><label class="svelte-aapm94 switch"> <input class=svelte-aapm94 type=checkbox> <div class="svelte-aapm94 track"><div class="svelte-aapm94 thumb"></div></div> </label> <label class="svelte-aapm94 switch"> <input class=svelte-aapm94 type=checkbox disabled> <div class="svelte-aapm94 track"><div class="svelte-aapm94 thumb"></div></div> <span class=ml>No luck</span> </label></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Switch</span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Switch</span> <span class="token attr-name">disabled</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ml<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>No luck<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Switch</span><span class="token punctuation">></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Style Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>slotLeft</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Whether to place the default slot to the left of the switch or to the right. </td> </tbody> </table> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>value</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Whether the switch is currently on. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>disabled</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Disables the switch. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything else will be passed to the underlying <code>&lt;input></code> element. </td> </tbody> </table> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;Switch></code> components use the <code>.switch</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>inputClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the <code>&lt;input></code> inside. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>trackClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the <a href=https://material.io/components/selection-controls#switches rel=nofollow>track</a> of the switch. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>thumbClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the <a href=https://material.io/components/selection-controls#switches rel=nofollow>thumb</a> of the switch. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>change</code></strong> </td> <td class=svelte-2jo25p><code>{ value, nativeEvent }</code> </td> <td class=svelte-2jo25p>Fires when a switch is toggled. The <code>value</code> corresponds to the current value of the <mark><code>value</code></mark> property, the <code>nativeEvent</code> contains the <a href=https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event rel=nofollow>native change event</a>. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Default slot </h3> <p class=svelte-d09q45>The label of the switch. Positioned to the right of the switch by default, but can be moved to the left using the <mark><code>slotLeft</code></mark> property. </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>The color of the switch in the "on" position. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$disabled</code></strong> </td> <td class=svelte-2jo25p>The color of the disabled switch. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#888></div> #888888 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$off-state</code></strong> </td> <td class=svelte-2jo25p>The color of the switch in the "off" position. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#aaa></div> #AAAAAA </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> </td> <td class=svelte-2jo25p>The font used for the labels. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/tab/index.html b/376/docs/components/tab/index.html
new file mode 100644
index 000000000..6471318f0
--- /dev/null
+++ b/376/docs/components/tab/index.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>Tab – Attractions</title><meta content="Tab – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/tab.e6473c76.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/tab.bbb6306c.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/tab-182d5aba.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Tab </h1> <p class=svelte-d09q45>Allows for finer control over individual tabs when the default <a href=./docs/components/tabs><mark><code>Tabs</code></mark></a> is not good enough. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav1 type=radio value=page1> <div class="svelte-xi6tc3 content">Components </div> </label> <label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav1 type=radio value=page2 disabled> <div class="svelte-xi6tc3 content">Installation </div> </label> <label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav1 type=radio value=Showcase> <div class="svelte-xi6tc3 content">Showcase</div> </label></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Tab</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>page1<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
+  Components
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Tab</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Tab</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>page2<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav1<span class="token punctuation">"</span></span> <span class="token attr-name">disabled</span><span class="token punctuation">></span></span>
+  Installation
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Tab</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Tab</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Showcase<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>nav1<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Style Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>noRipple</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Disables the ripple on the tab when clicking on it. </td> </tbody> </table> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>value</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The value assigned to the <code>&lt;input type="radio"></code>. Check <a href=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#Value rel=nofollow>MDN Docs</a> for more information. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>name</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The name assigned to the <code>&lt;input type="radio"></code>'s <a href=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname rel=nofollow><code>name</code> attribute</a>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>group</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The <code>value</code> of the currently selected tab. Use with <code>bind:group</code>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>disabled</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Disallows selecting this tab. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything else will be passed to the underlying <code>&lt;input type="radio"></code> element. </td> </tbody> </table> <div class=required>* Required</div> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;Tab></code> components use the <code>.tab</code> class on the <code>&lt;label></code> element and <code>.content</code> on the content of the tab label. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the root <code>&lt;label></code> element. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>inputClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to assign to the <code>&lt;input></code> element. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>contentClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the content of the tab. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>change</code></strong> </td> <td class=svelte-2jo25p><code>{ value, nativeEvent }</code> </td> <td class=svelte-2jo25p>Fired when selecting a tab. The <code>value</code> is the <code>value</code> prop and <code>nativeEvent</code> has the <a href=https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event rel=nofollow>native change event</a>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>click</code></strong> </td> <td class=svelte-2jo25p><code>{ nativeEvent }</code> </td> <td class=svelte-2jo25p>Fired when clicking on a tab. The <code>nativeEvent</code> has the <a href=https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event rel=nofollow>native click event</a>. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Default slot </h3> <p class=svelte-d09q45>The content of the tab label. Defaults to the content of the <code>value</code> prop. </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>Affects the color of the ripple background, border color of the selected tab, and text color. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$disabled</code></strong> </td> <td class=svelte-2jo25p>The text color of disabled tabs. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#888></div> #888888 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$off-state</code></strong> </td> <td class=svelte-2jo25p>Affects the background color of the tab when focused or hovered on and the default border color. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#aaa></div> #AAAAAA </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> </td> <td class=svelte-2jo25p>The font family of the content text. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$bold-font-weight</code></strong> </td> <td class=svelte-2jo25p>The font weight of the content text. </td> <td class=svelte-2jo25p><code>500</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/table/index.html b/376/docs/components/table/index.html
new file mode 100644
index 000000000..bf422e1c5
--- /dev/null
+++ b/376/docs/components/table/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}table.svelte-81z2q2.svelte-81z2q2.svelte-81z2q2{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}table.svelte-81z2q2 th.svelte-81z2q2.svelte-81z2q2{padding:.5em 1em;text-align:start}table.svelte-81z2q2 th.center.svelte-81z2q2.svelte-81z2q2{text-align:center}table.svelte-81z2q2 th.end.svelte-81z2q2.svelte-81z2q2{text-align:end}table.svelte-81z2q2 tr.alternating.svelte-81z2q2.svelte-81z2q2:nth-child(even){background:rgba(67,0,176,.03)}table.svelte-81z2q2 tr.svelte-81z2q2:first-child>td.svelte-81z2q2:first-child{border-top-left-radius:.5em}table.svelte-81z2q2 tr.svelte-81z2q2:first-child>td.svelte-81z2q2:last-child{border-top-right-radius:.5em}table.svelte-81z2q2 tr.svelte-81z2q2:last-child>td.svelte-81z2q2{border-bottom-width:1px}table.svelte-81z2q2 tr.svelte-81z2q2:last-child>td.svelte-81z2q2:first-child{border-bottom-left-radius:.5em}table.svelte-81z2q2 tr.svelte-81z2q2:last-child>td.svelte-81z2q2:last-child{border-bottom-right-radius:.5em}table.svelte-81z2q2 td.svelte-81z2q2.svelte-81z2q2{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em;text-align:start}table.svelte-81z2q2 td.center.svelte-81z2q2.svelte-81z2q2{text-align:center}table.svelte-81z2q2 td.end.svelte-81z2q2.svelte-81z2q2{text-align:end}table.svelte-81z2q2 td.svelte-81z2q2.svelte-81z2q2:last-child{border-right-width:1px}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>Table – Attractions</title><meta content="Table – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.8e98240c.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.b361c3b7.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/table-5fc11a35.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a class="svelte-z153he logo" href=./ ><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a class="btn svelte-2r4z0x round small" href=/docs rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a class="btn svelte-2r4z0x round" href=https://github.com/illright/attractions rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a class="btn svelte-2r4z0x" href=./docs/changelog rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a class="btn svelte-2r4z0x" href=./docs/migration-guide rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a class="btn svelte-2r4z0x" href=./docs/installation rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a class="btn svelte-2r4z0x" href=./docs/theming rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a class="btn svelte-2r4z0x" href=./docs/components/accordion rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a class="btn svelte-2r4z0x" href=./docs/components/autocomplete rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a class="btn svelte-2r4z0x" href=./docs/components/badge rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a class="btn svelte-2r4z0x" href=./docs/components/breadcrumbs rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a class="btn svelte-2r4z0x" href=./docs/components/button rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a class="btn svelte-2r4z0x" href=./docs/components/card rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a class="btn svelte-2r4z0x" href=./docs/components/checkbox-group rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a class="btn svelte-2r4z0x" href=./docs/components/chip rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a class="btn svelte-2r4z0x" href=./docs/components/date-picker rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a class="btn svelte-2r4z0x" href=./docs/components/dialog rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a class="btn svelte-2r4z0x" href=./docs/components/divider rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a class="btn svelte-2r4z0x" href=./docs/components/dot rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a class="btn svelte-2r4z0x" href=./docs/components/dropdown rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a class="btn svelte-2r4z0x" href=./docs/components/file-dropzone rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a class="btn svelte-2r4z0x" href=./docs/components/file-input rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a class="btn svelte-2r4z0x" href=./docs/components/form-field rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a class="btn svelte-2r4z0x" href=./docs/components/loading rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a class="btn svelte-2r4z0x" href=./docs/components/modal rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a class="btn svelte-2r4z0x" href=./docs/components/pagination rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a class="btn svelte-2r4z0x" href=./docs/components/popover rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a class="btn svelte-2r4z0x" href=./docs/components/radio-group rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a class="btn svelte-2r4z0x" href=./docs/components/slider rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a class="btn svelte-2r4z0x" href=./docs/components/snackbar-container rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a class="btn svelte-2r4z0x" href=./docs/components/star-rating rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a class="btn svelte-2r4z0x" href=./docs/components/switch rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a class="btn svelte-2r4z0x" href=./docs/components/table rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a class="btn svelte-2r4z0x" href=./docs/components/tabs rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a class="btn svelte-2r4z0x" href=./docs/components/text-field rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a class="btn svelte-2r4z0x" href=./docs/components/time-picker rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a class="btn svelte-2r4z0x" href=./docs/components/typography rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a class="btn svelte-2r4z0x" href=./docs/utilities rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a class="btn svelte-2r4z0x" href=./docs/custom-elements rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Table </h1> <p class=svelte-d09q45>Simple data table. </p> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase><table class=svelte-81z2q2><thead><tr><th class=svelte-81z2q2> <div class="label svelte-1bye8mi">First Name </div> <th class=svelte-81z2q2> <div class="label svelte-1bye8mi">Last Name </div> <th class="svelte-81z2q2 end"> <div class="label svelte-1bye8mi">Age </div> </thead> <tr class="svelte-81z2q2 alternating"><td class=svelte-81z2q2> John <td class=svelte-81z2q2> Doe <td class="svelte-81z2q2 end"> 694 </td> <tr class="svelte-81z2q2 alternating"><td class=svelte-81z2q2> Leo <td class=svelte-81z2q2> Tolstoy <td class="svelte-81z2q2 end"> 195 </td> <tr class="svelte-81z2q2 alternating"><td class=svelte-81z2q2> فلان <td class=svelte-81z2q2> الفلاني <td class="svelte-81z2q2 end"> 42 </td> <tr class="svelte-81z2q2 alternating"><td class=svelte-81z2q2> Иван <td class=svelte-81z2q2> Иванов <td class="svelte-81z2q2 end"> 69 </td> </tbody> </table></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
+  <span class="token keyword">const</span> headers <span class="token operator">=</span> <span class="token punctuation">[</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">'First Name'</span><span class="token punctuation">,</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">'firstName'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">'Last Name'</span><span class="token punctuation">,</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">'lastName'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">'Age'</span><span class="token punctuation">,</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token string">'age'</span><span class="token punctuation">,</span> <span class="token literal-property property">align</span><span class="token operator">:</span> <span class="token string">'end'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+  <span class="token punctuation">]</span><span class="token punctuation">;</span>
+  <span class="token keyword">const</span> items <span class="token operator">=</span> <span class="token punctuation">[</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">firstName</span><span class="token operator">:</span> <span class="token string">'John'</span><span class="token punctuation">,</span> <span class="token literal-property property">lastName</span><span class="token operator">:</span> <span class="token string">'Doe'</span><span class="token punctuation">,</span> <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">694</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">firstName</span><span class="token operator">:</span> <span class="token string">'Leo'</span><span class="token punctuation">,</span> <span class="token literal-property property">lastName</span><span class="token operator">:</span> <span class="token string">'Tolstoy'</span><span class="token punctuation">,</span> <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">Date</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">getFullYear</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">-</span> <span class="token number">1828</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">firstName</span><span class="token operator">:</span> <span class="token string">'فلان'</span><span class="token punctuation">,</span> <span class="token literal-property property">lastName</span><span class="token operator">:</span> <span class="token string">'الفلاني'</span><span class="token punctuation">,</span> <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">42</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">{</span> <span class="token literal-property property">firstName</span><span class="token operator">:</span> <span class="token string">'Иван'</span><span class="token punctuation">,</span> <span class="token literal-property property">lastName</span><span class="token operator">:</span> <span class="token string">'Иванов'</span><span class="token punctuation">,</span> <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">69</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>
+  <span class="token punctuation">]</span><span class="token punctuation">;</span>
+</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Table</span> <span class="token language-javascript"><span class="token punctuation">{</span>headers<span class="token punctuation">}</span></span> <span class="token language-javascript"><span class="token punctuation">{</span>items<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a class=ml href=#properties>#</a> </h2> <h3 class=svelte-1l9130h>Style Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>alternatingRows</code></strong> </td> <td class=svelte-2jo25p><code>true</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Controls whether rows will have an alternating background color. </td> </tbody> </table> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>headers</code></strong> </td> <td class=svelte-2jo25p><code>[]</code> </td> <td class=svelte-2jo25p><code>Array&lt;{ text: string; value: string; align?: "start" | "center" | "end" }></code> </td> <td class=svelte-2jo25p>The labels for the column headers. Each column header is an object with the following fields:<br><ul><li><code>text</code> is the text to display;<li><code>value</code> is the name of the field to take from each object in <code>items</code> to put in this column;<li><code>align</code> is the alignment of the text in the column (<code>"start" | "center" | "end"</code>), defaulting to <code>"start"</code>.</ul> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>items</code></strong> </td> <td class=svelte-2jo25p><code>[]</code> </td> <td class=svelte-2jo25p><code>Array&lt;{ [key: string]: string | number }></code> </td> <td class=svelte-2jo25p>The actual rows of data to be displayed. It is an array of objects, where each object must have as its keys the content of the <code>value</code> property of the headers, and the value is the text to be displayed. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything else will be passed to the underlying <code>&lt;table></code> element. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a class=ml href=#slots>#</a> </h2> <h3 class=svelte-1l9130h><code>header-item</code> slot </h3> <p class=svelte-d09q45>Customizes the content of the <code>&lt;th></code> elements. Defaults to a <code>&lt;Label></code> component with the text content of the header. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Prop Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>header</code></strong> </td> <td class=svelte-2jo25p><code>{ text: string; value: string}</code> </td> <td class=svelte-2jo25p>The header object passed as part of the <code>headers</code> array. </td> </tbody> </table> <h3 class=svelte-1l9130h><code>item</code> slot </h3> <p class=svelte-d09q45>Used to customize each data cell (contents of <code>&lt;td></code>) on its own. The intersection of <code>header</code> and <code>item</code> can be used to identify the data cell. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Prop Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>header</code></strong> </td> <td class=svelte-2jo25p><code>{ text: string; value: string}</code> </td> <td class=svelte-2jo25p>The header object passed as part of the <code>headers</code> array. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>item</code></strong> </td> <td class=svelte-2jo25p><code>{ [key: string]: string | number }</code> </td> <td class=svelte-2jo25p>The row object passed as part of the <code>items</code> array. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a class=ml href=#scss-variables>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>Used for the border color and the background color of alternating rows. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$table-radius</code></strong> </td> <td class=svelte-2jo25p>The border radius of the table body. </td> <td class=svelte-2jo25p><code>0.5em</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/tabs/index.html b/376/docs/components/tabs/index.html
new file mode 100644
index 000000000..526c187f5
--- /dev/null
+++ b/376/docs/components/tabs/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}nav.svelte-nmqube{display:flex;justify-content:space-between}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>Tabs – Attractions</title><meta content="Tabs – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/tabs.a8d9b606.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/tabs.8ab10f21.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/tab.bbb6306c.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/tab-182d5aba.css rel=preload as=style><link href=/attractions/376/client/tabs-0c50dbbb.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Tabs </h1> <p class=svelte-d09q45>Tabs are used to organize content and navigate between it. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/tab class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tab</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase><nav class=svelte-nmqube role=group><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=menu type=radio value=Appetizers> <div class="svelte-xi6tc3 content">Appetizers</div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=menu type=radio value="Main dishes" checked> <div class="svelte-xi6tc3 content">Main dishes</div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=menu type=radio value=Drinks> <div class="svelte-xi6tc3 content">Drinks</div> </label> </nav></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
+  <span class="token keyword">let</span> selectedTab <span class="token operator">=</span> <span class="token string">'Main dishes'</span><span class="token punctuation">;</span>
+</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Tabs</span>
+  <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>menu<span class="token punctuation">"</span></span>
+  <span class="token attr-name">items=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token string">'Appetizers'</span><span class="token punctuation">,</span> <span class="token string">'Main dishes'</span><span class="token punctuation">,</span> <span class="token string">'Drinks'</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span>
+  <span class="token attr-name"><span class="token namespace">bind:</span>value=</span><span class="token language-javascript"><span class="token punctuation">{</span>selectedTab<span class="token punctuation">}</span></span>
+<span class="token punctuation">/></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>name</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The name passed to each of the underlying <code>&lt;Tab></code>s, which in turn becomes assigned to the <code>&lt;input type="radio"></code>s' <a href=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname rel=nofollow><code>name</code> attribute</a>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><mark><strong><code>items</code></strong></mark> <span class=required>*</span> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>Array</code> </td> <td class=svelte-2jo25p>An array of strings that act as the labels of the tabs. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>value</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The currently selected tab. </td> </tbody> </table> <div class=required>* Required</div> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to assign to the root <code>&lt;nav></code> element. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>tabClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to pass to each <code>&lt;Tab></code> component. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>change</code></strong> </td> <td class=svelte-2jo25p><code>{ value, nativeEvent }</code> </td> <td class=svelte-2jo25p>Fired when selecting a different tab. The <code>value</code> contains the tab's <code>value</code> (from the <code>items</code> prop) and <code>nativeEvent</code> has the <a href=https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event rel=nofollow>native change event</a>. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> <small>From <a href=./docs/components/tab><code>Tab</code></a></small> </td> <td class=svelte-2jo25p>Affects the color of the ripple background, border color of the selected tab, and text color. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$disabled</code></strong> <small>From <a href=./docs/components/tab><code>Tab</code></a></small> </td> <td class=svelte-2jo25p>The text color of disabled tabs. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#888></div> #888888 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$off-state</code></strong> <small>From <a href=./docs/components/tab><code>Tab</code></a></small> </td> <td class=svelte-2jo25p>Affects the background color of the tab when focused or hovered on and the default border color. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#aaa></div> #AAAAAA </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> <small>From <a href=./docs/components/tab><code>Tab</code></a></small> </td> <td class=svelte-2jo25p>The font family of the content text. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$bold-font-weight</code></strong> <small>From <a href=./docs/components/tab><code>Tab</code></a></small> </td> <td class=svelte-2jo25p>The font weight of the content text. </td> <td class=svelte-2jo25p><code>500</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/text-field/index.html b/376/docs/components/text-field/index.html
new file mode 100644
index 000000000..f3c2d93b5
--- /dev/null
+++ b/376/docs/components/text-field/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}[slot=showcase].svelte-1icg9h5 .text-field.outline{margin-top:1.5em}[slot=showcase].svelte-1icg9h5 .dollar{font-weight:500;top:.8em!important}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.text-field.svelte-fxvd28 input[type=search].svelte-fxvd28.svelte-fxvd28::-webkit-search-cancel-button{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");background-size:contain;border:.1875em solid transparent;border-radius:50%;cursor:pointer;height:1.25em;position:relative;top:1px;width:1.25em}.text-field.svelte-fxvd28 input[type=search].svelte-fxvd28.svelte-fxvd28::-webkit-search-cancel-button:hover{background-color:rgba(51,51,51,.1)}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{background-color:#f5f5f5;border:0 solid rgba(0,0,0,.42);border-bottom-width:.0625em;border-top-left-radius:.375em;border-top-right-radius:.375em;box-sizing:border-box;padding:0 .625em .0625em;width:100%;font-family:Ubuntu,sans-serif;font-size:1rem;font-weight:300;height:2.8em;outline:0}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:hover,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:hover{background-color:#eee}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:focus,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:focus{background-color:#e1e1e1;border-bottom-width:.125em;border-color:#4800bd;padding-bottom:0}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:disabled,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:disabled{background-color:#f7f7f7;border-color:rgba(51,51,51,.3);color:#888}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:disabled:hover,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:disabled:hover{background-color:#f7f7f7}.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{height:6em;padding:.75em .625em .0625em}.text-field.with-item.svelte-fxvd28.svelte-fxvd28.svelte-fxvd28{position:relative}.text-field.with-item.left.svelte-fxvd28.svelte-fxvd28.svelte-fxvd28{flex-direction:row-reverse}.text-field.with-item.left.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28,.text-field.with-item.left.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{padding-left:3rem}.text-field.with-item.left.svelte-fxvd28 input[type=search].svelte-fxvd28.svelte-fxvd28{padding-left:2.2em}.text-field.with-item.left.svelte-fxvd28>.item{font-weight:500;left:.625em}.text-field.with-item.right.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28,.text-field.with-item.right.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{padding-right:1.875em;text-align:right}.text-field.with-item.right.svelte-fxvd28>.item{right:.625em}.text-field.with-item.svelte-fxvd28>.item{color:#7a7a7a;height:1.1em;position:absolute;top:.85em}.text-field.with-item.svelte-fxvd28>input.svelte-fxvd28:focus+.item{color:#4300b0;stroke:#4300b0}.text-field.with-item.svelte-fxvd28>input.svelte-fxvd28:focus+.item svg{stroke:#4300b0}.text-field.with-item.right-align.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28{text-align:right}.text-field.with-item.svelte-fxvd28 input[type=number].svelte-fxvd28.svelte-fxvd28{appearance:textfield}.text-field.with-item.svelte-fxvd28 input[type=number].svelte-fxvd28.svelte-fxvd28::-webkit-inner-spin-button,.text-field.with-item.svelte-fxvd28 input[type=number].svelte-fxvd28.svelte-fxvd28::-webkit-outer-spin-button{appearance:none;margin:0}.text-field.with-item.svelte-fxvd28>svg.item{height:1em;top:.9em}.text-field.with-item.svelte-fxvd28 input.svelte-fxvd28:invalid+svg.item{stroke:#b80000}.text-field.outline.svelte-fxvd28.svelte-fxvd28.svelte-fxvd28{margin-top:.65em;position:relative}.text-field.outline.svelte-fxvd28 label.svelte-fxvd28.svelte-fxvd28{background-color:#fff;border-radius:.3125em;color:rgba(0,0,0,.42);font-family:Ubuntu,sans-serif;left:1.4em;padding:0 .25em;position:absolute;top:0;transform:translate(-.25em,-55%)}.text-field.outline.with-item.left.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28{padding-left:2.2em}.text-field.outline.with-item.left.svelte-fxvd28 label.svelte-fxvd28.svelte-fxvd28{left:2.2em}.text-field.outline.with-item.left.svelte-fxvd28 svg{stroke:#888}.text-field.outline.with-item.left.svelte-fxvd28>input.svelte-fxvd28:focus~.item{color:#4300b0}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28{background-color:transparent;border:1px solid rgba(0,0,0,.42);border-radius:1.5625em;padding:0 1.4em}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:hover{border-color:rgba(0,0,0,.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:hover+label.svelte-fxvd28{color:rgba(0,0,0,.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:focus{border-color:#4300b0}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:focus+label.svelte-fxvd28{color:#4300b0}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:invalid{border-color:rgba(184,0,0,.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:invalid+label.svelte-fxvd28{color:rgba(184,0,0,.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:invalid~svg.item{stroke:rgba(184,0,0,.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:invalid:focus~svg.item{stroke:rgba(184,0,0,.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:focus~svg.item{stroke:#4300b0}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:invalid{background:#fbeeee;border-bottom-color:#b80000;box-shadow:none}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:not(.outline):invalid{background-color:#fbeeee}.text-field.svelte-fxvd28 .svelte-fxvd28.svelte-fxvd28:-moz-ui-invalid{box-shadow:none}.text-field.svelte-fxvd28>.error.svelte-fxvd28.svelte-fxvd28{color:rgba(184,0,0,.7);font-size:.8rem;font-weight:500}.text-field.no-spinner.svelte-fxvd28>input[type=number].svelte-fxvd28.svelte-fxvd28{appearance:textfield}.text-field.no-spinner.svelte-fxvd28>input[type=number].svelte-fxvd28.svelte-fxvd28::-webkit-inner-spin-button,.text-field.no-spinner.svelte-fxvd28>input[type=number].svelte-fxvd28.svelte-fxvd28::-webkit-outer-spin-button{appearance:none;margin:0}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>TextField – Attractions</title><meta content="TextField – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/text-field.96c93937.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/text-field.37ad5edd.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/text-field-02b3c03b.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style><link href=/attractions/376/client/text-field-140b4d4d.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs rel=prefetch class="btn svelte-2r4z0x round small" sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions rel=prefetch class="btn svelte-2r4z0x round" sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" type=radio name=nav-mobile> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" type=radio name=nav-mobile> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" type=radio name=nav-mobile> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" type=radio name=nav-mobile> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" type=radio name=nav-mobile> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" type=radio name=nav-mobile> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" type=radio name=nav-mobile> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" type=radio name=nav-mobile> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>TextField </h1> <p class=svelte-d09q45>The most basic form element – taking text input. </p> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class="padded svelte-1icg9h5" slot=showcase><div class="svelte-fxvd28 text-field"><input class=svelte-fxvd28 value="" placeholder="1234 5678 9012 3456"> </div> <div class="svelte-fxvd28 text-field with-item no-spinner right"><input class=svelte-fxvd28 value="" type=number> <span class="item dollar">$</span> </div> <div class="svelte-fxvd28 text-field with-item left outline"><input class=svelte-fxvd28 value=""> <label class=svelte-fxvd28>Username</label> <svg class="feather feather-at-sign item" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><circle cx=12 cy=12 r=4></circle><path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"></path></svg> </div> <div class="svelte-fxvd28 text-field"><input class=svelte-fxvd28 value="" type=search> </div></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
+  <span class="token keyword">let</span> cardNumber <span class="token operator">=</span> <span class="token string">''</span><span class="token punctuation">;</span>
+</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TextField</span>
+  <span class="token attr-name">placeholder</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>1234 5678 9012 3456<span class="token punctuation">"</span></span>
+  <span class="token attr-name"><span class="token namespace">bind:</span>value=</span><span class="token language-javascript"><span class="token punctuation">{</span>cardNumber<span class="token punctuation">}</span></span>
+  <span class="token attr-name">error=</span><span class="token language-javascript"><span class="token punctuation">{</span>cardNumber<span class="token punctuation">.</span><span class="token function">startsWith</span><span class="token punctuation">(</span><span class="token string">'2'</span><span class="token punctuation">)</span> <span class="token operator">&&</span> <span class="token string">'We do not serve your bank.'</span><span class="token punctuation">}</span></span>
+<span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TextField</span> <span class="token attr-name">withItem</span> <span class="token attr-name">itemRight</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>number<span class="token punctuation">"</span></span> <span class="token attr-name">noSpinner</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>span</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>item dollar<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>$<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>span</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>TextField</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TextField</span> <span class="token attr-name">outline</span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Username<span class="token punctuation">"</span></span> <span class="token attr-name">withItem</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>AtSignIcon</span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>24<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>item<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>TextField</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TextField</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>search<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Style Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>outline</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Whether the text field should have outline styling. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>withItem</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Whether there will be something permanent inside the field like an icon. By default, this item is placed to the left of the input area. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>itemRight</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Whether the item should be placed to the right of the input area. </td> </tbody> </table> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>value</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> or <code>number</code> </td> <td class=svelte-2jo25p>The current value of the text field. Converted to a number if <code>type="number"</code>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>multiline</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Whether the text field should allow multiple lines (<code>&lt;textarea></code> will be used instead of the <code>&lt;input></code>). </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>id</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The ID to assign to the input. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>noSpinner</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Whether to hide the spinner (arrow buttons inside <code>&lt;input type="number"></code>). </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>label</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The label to show above the text field. Only works with <mark><code>outline</code></mark> text fields. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>error</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The error message to show under the text field. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>autofocus</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Whether the field should be focused on mount. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>events</code></strong> </td> <td class=svelte-2jo25p><code>[]</code> </td> <td class=svelte-2jo25p><code>Array</code> </td> <td class=svelte-2jo25p>List of handlers for the <a href=./docs/utilities>Events action</a>: <code>[{ name, handler }]</code>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything else will be passed to the underlying <code>&lt;input></code> or <code>&lt;textarea></code> element. </td> </tbody> </table> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;TextField></code> components use the <code>.text-field</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>inputClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to assign to the <code>&lt;input></code> or <code>&lt;textarea></code> element. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>labelClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to assign to the <code>&lt;label></code> for the outline text fields. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>errorClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the error message under the text field. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>input</code></strong> </td> <td class=svelte-2jo25p><code>{ value, nativeEvent }</code> </td> <td class=svelte-2jo25p>Fired when any character is added or removed in the text field. The <code>value</code> has the current value of the <mark><code>value</code></mark> property and <code>nativeEvent</code> holds the <a href=https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event rel=nofollow>native input event</a>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>change</code></strong> </td> <td class=svelte-2jo25p><code>{ value, nativeEvent }</code> </td> <td class=svelte-2jo25p>Fired when a change to the field's value is confirmed (with Enter or by unfocusing). The <code>value</code> has the current value of the <mark><code>value</code></mark> property and <code>nativeEvent</code> holds the <a href=https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event rel=nofollow>native change event</a>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>focus</code></strong> </td> <td class=svelte-2jo25p><code>{ nativeEvent }</code> </td> <td class=svelte-2jo25p>Fired when the field gains focus. The <code>nativeEvent</code> holds the <a href=https://developer.mozilla.org/en-US/docs/Web/API/Element/focus_event rel=nofollow>native focus event</a>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>blur</code></strong> </td> <td class=svelte-2jo25p><code>{ nativeEvent }</code> </td> <td class=svelte-2jo25p>Fired when the field loses focus. The <code>nativeEvent</code> holds the <a href=https://developer.mozilla.org/en-US/docs/Web/API/Element/blur_event rel=nofollow>native blur event</a>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>keydown</code></strong> </td> <td class=svelte-2jo25p><code>{ nativeEvent }</code> </td> <td class=svelte-2jo25p>Fired when any key is pressed inside the text field (not necessarily printable). Can be used to handle Enter key presses. The <code>nativeEvent</code> holds the <a href=https://developer.mozilla.org/en-US/docs/Web/API/Element/keydown_event rel=nofollow>native keydown event</a>. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Default slot </h3> <p class=svelte-d09q45>If the <mark><code>withItem</code></mark> property is specified, this holds the item for the text field. By default it is positioned to the left of the input area, but can be moved to the right with the <mark><code>itemRight</code></mark> property. </p> <p class=svelte-d09q45><strong>Important</strong>: for correct positioning, the element that is placed inside this slot should have the <code>.icon</code> class. </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>The color of the focused text field border. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$textfield-border</code></strong> </td> <td class=svelte-2jo25p>The border color of the unselected text field. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:rgba(0,0,0,.42)></div> rgba(0, 0, 0, .42) </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$textfield-bg</code></strong> </td> <td class=svelte-2jo25p>The background color of the text field. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color bordered" style=background:#f5f5f5></div> #F5F5F5 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$textfield-item</code></strong> </td> <td class=svelte-2jo25p>The default color of the item inside the text field. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#7a7a7a></div> #7A7A7A </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$textfield-bg-error</code></strong> </td> <td class=svelte-2jo25p>The background color of the text field when an invalid value is entered. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#fbeeee></div> #FBEEEE </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$danger</code></strong> </td> <td class=svelte-2jo25p>The color of the item and the field border when an invalid value is entered. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#b80000></div> #B80000 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$dark</code></strong> </td> <td class=svelte-2jo25p>The border color of the disabled text field (will be transparentized). </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#333></div> #333333 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$disabled</code></strong> </td> <td class=svelte-2jo25p>The text color of the disabled text field. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#888></div> #888888 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> </td> <td class=svelte-2jo25p>The font family of the text inside the text field. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$thin-font-weight</code></strong> </td> <td class=svelte-2jo25p>The thin font weight for the text inside the text field. </td> <td class=svelte-2jo25p><code>300</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$bold-font-weight</code></strong> </td> <td class=svelte-2jo25p>The bold font weight for the error text and the item that's positioned to the left of the input area. </td> <td class=svelte-2jo25p><code>500</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$x-icon</code></strong> </td> <td class=svelte-2jo25p><strong>Only applicable to <code>&lt;input type="search"></code> in WebKit browsers</strong>. If you wish to use a custom icon for the X that clears the field's value, supply a URL to the icon here. </td> <td class=svelte-2jo25p><a href="https://feathericons.com/?query=x" rel=nofollow>Feather Icons' X</a> as a data URL </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$textfield-outline-radius</code></strong> </td> <td class=svelte-2jo25p>The <code>border-radius</code> of the text field when using the <code>outline</code> variant </td> <td class=svelte-2jo25p><code>1.5625em</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/time-picker/index.html b/376/docs/components/time-picker/index.html
new file mode 100644
index 000000000..1309ac839
--- /dev/null
+++ b/376/docs/components/time-picker/index.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}[slot=showcase].svelte-11fgjo{align-items:flex-start;display:flex;flex-direction:column;overflow:visible!important}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.related-components.svelte-j9fifh{background:rgba(67,0,176,.03);border-radius:1em;display:flex;flex-wrap:wrap;margin-top:1.5em;padding:1em 1em 1em 2em}.related-components.svelte-j9fifh .label{margin-bottom:.75em;width:100%}.related-components.svelte-j9fifh .card{margin:0 .5em .5em 0;padding:.5em}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.time-picker.svelte-68zps1{display:inline-block}.time-picker.svelte-68zps1 .dropdown-shell .handle{align-items:center;display:flex}.time-picker.svelte-68zps1 .dropdown-shell .handle>span{margin:1em}.time-picker.svelte-68zps1 .dropdown-shell .handle .text-field.in-focus input{background-color:#e1e1e1;border-bottom-width:.125em;border-color:#4800bd;padding-bottom:0}.time-picker.svelte-68zps1 .text-field{width:4.8em}.time-picker.svelte-68zps1 .barrel{display:grid;gap:.5em 1em;grid-template-columns:repeat(2,4em);justify-items:center;padding:1em 1em .5em}.time-picker.svelte-68zps1 .barrel>.label{grid-row:2;margin:0 1em}.time-picker.svelte-68zps1 .barrel>.column{border:0 solid #ddd;border-bottom-width:.0625em;border-top-width:.0625em;list-style:none;max-height:10em;overflow-x:hidden;overflow-y:scroll;overscroll-behavior:none}.time-picker.svelte-68zps1 .barrel>.column::-webkit-scrollbar{background:0 0;height:.5em;margin:1em 0;width:.3125em}.time-picker.svelte-68zps1 .barrel>.column::-webkit-scrollbar-thumb{background:#ddd;border-radius:.3125em}.time-picker.svelte-68zps1 .barrel>.column::-webkit-scrollbar-thumb:hover{background:#c7c7c7}@media only screen and (min-height:620px){.time-picker.svelte-68zps1 .barrel>.column{max-height:15em}}.time-picker.svelte-68zps1 .barrel .am-pm-tabs{display:flex}.time-picker.svelte-68zps1 .barrel .am-pm-tabs .tab{margin:0 1em}.time-picker.svelte-68zps1 .barrel .shown-on-focus>.btn{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.time-picker.svelte-68zps1 .barrel .shown-on-focus>.btn:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.time-picker.svelte-68zps1 .barrel .am-pm-tabs,.time-picker.svelte-68zps1 .barrel .btn,.time-picker.svelte-68zps1 .barrel .shown-on-focus{grid-column:1/-1;justify-self:center}.time-picker.svelte-68zps1 .barrel .btn>svg{margin-right:.4em}.time-picker.f12hours.svelte-68zps1 .text-field{width:6.5em}.time-picker.f12hours.seconds.svelte-68zps1 .text-field{width:7.7em}.time-picker.seconds.svelte-68zps1 .text-field{width:6em}.time-picker.seconds.svelte-68zps1 .barrel{grid-template-columns:repeat(3,4em)}.text-field.svelte-fxvd28 input[type=search].svelte-fxvd28.svelte-fxvd28::-webkit-search-cancel-button{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");background-size:contain;border:.1875em solid transparent;border-radius:50%;cursor:pointer;height:1.25em;position:relative;top:1px;width:1.25em}.text-field.svelte-fxvd28 input[type=search].svelte-fxvd28.svelte-fxvd28::-webkit-search-cancel-button:hover{background-color:rgba(51,51,51,.1)}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{background-color:#f5f5f5;border:0 solid rgba(0,0,0,.42);border-bottom-width:.0625em;border-top-left-radius:.375em;border-top-right-radius:.375em;box-sizing:border-box;padding:0 .625em .0625em;width:100%;font-family:Ubuntu,sans-serif;font-size:1rem;font-weight:300;height:2.8em;outline:0}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:hover,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:hover{background-color:#eee}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:focus,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:focus{background-color:#e1e1e1;border-bottom-width:.125em;border-color:#4800bd;padding-bottom:0}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:disabled,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:disabled{background-color:#f7f7f7;border-color:rgba(51,51,51,.3);color:#888}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:disabled:hover,.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28:disabled:hover{background-color:#f7f7f7}.text-field.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{height:6em;padding:.75em .625em .0625em}.text-field.with-item.svelte-fxvd28.svelte-fxvd28.svelte-fxvd28{position:relative}.text-field.with-item.left.svelte-fxvd28.svelte-fxvd28.svelte-fxvd28{flex-direction:row-reverse}.text-field.with-item.left.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28,.text-field.with-item.left.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{padding-left:3rem}.text-field.with-item.left.svelte-fxvd28 input[type=search].svelte-fxvd28.svelte-fxvd28{padding-left:2.2em}.text-field.with-item.left.svelte-fxvd28>.item{font-weight:500;left:.625em}.text-field.with-item.right.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28,.text-field.with-item.right.svelte-fxvd28 textarea.svelte-fxvd28.svelte-fxvd28{padding-right:1.875em;text-align:right}.text-field.with-item.right.svelte-fxvd28>.item{right:.625em}.text-field.with-item.svelte-fxvd28>.item{color:#7a7a7a;height:1.1em;position:absolute;top:.85em}.text-field.with-item.svelte-fxvd28>input.svelte-fxvd28:focus+.item{color:#4300b0;stroke:#4300b0}.text-field.with-item.svelte-fxvd28>input.svelte-fxvd28:focus+.item svg{stroke:#4300b0}.text-field.with-item.right-align.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28{text-align:right}.text-field.with-item.svelte-fxvd28 input[type=number].svelte-fxvd28.svelte-fxvd28{appearance:textfield}.text-field.with-item.svelte-fxvd28 input[type=number].svelte-fxvd28.svelte-fxvd28::-webkit-inner-spin-button,.text-field.with-item.svelte-fxvd28 input[type=number].svelte-fxvd28.svelte-fxvd28::-webkit-outer-spin-button{appearance:none;margin:0}.text-field.with-item.svelte-fxvd28>svg.item{height:1em;top:.9em}.text-field.with-item.svelte-fxvd28 input.svelte-fxvd28:invalid+svg.item{stroke:#b80000}.text-field.outline.svelte-fxvd28.svelte-fxvd28.svelte-fxvd28{margin-top:.65em;position:relative}.text-field.outline.svelte-fxvd28 label.svelte-fxvd28.svelte-fxvd28{background-color:#fff;border-radius:.3125em;color:rgba(0,0,0,.42);font-family:Ubuntu,sans-serif;left:1.4em;padding:0 .25em;position:absolute;top:0;transform:translate(-.25em,-55%)}.text-field.outline.with-item.left.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28{padding-left:2.2em}.text-field.outline.with-item.left.svelte-fxvd28 label.svelte-fxvd28.svelte-fxvd28{left:2.2em}.text-field.outline.with-item.left.svelte-fxvd28 svg{stroke:#888}.text-field.outline.with-item.left.svelte-fxvd28>input.svelte-fxvd28:focus~.item{color:#4300b0}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28{background-color:transparent;border:1px solid rgba(0,0,0,.42);border-radius:1.5625em;padding:0 1.4em}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:hover{border-color:rgba(0,0,0,.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:hover+label.svelte-fxvd28{color:rgba(0,0,0,.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:focus{border-color:#4300b0}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:focus+label.svelte-fxvd28{color:#4300b0}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:invalid{border-color:rgba(184,0,0,.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:invalid+label.svelte-fxvd28{color:rgba(184,0,0,.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:invalid~svg.item{stroke:rgba(184,0,0,.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:invalid:focus~svg.item{stroke:rgba(184,0,0,.7)}.text-field.outline.svelte-fxvd28 input.svelte-fxvd28:focus~svg.item{stroke:#4300b0}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:invalid{background:#fbeeee;border-bottom-color:#b80000;box-shadow:none}.text-field.svelte-fxvd28 input.svelte-fxvd28.svelte-fxvd28:not(.outline):invalid{background-color:#fbeeee}.text-field.svelte-fxvd28 .svelte-fxvd28.svelte-fxvd28:-moz-ui-invalid{box-shadow:none}.text-field.svelte-fxvd28>.error.svelte-fxvd28.svelte-fxvd28{color:rgba(184,0,0,.7);font-size:.8rem;font-weight:500}.text-field.no-spinner.svelte-fxvd28>input[type=number].svelte-fxvd28.svelte-fxvd28{appearance:textfield}.text-field.no-spinner.svelte-fxvd28>input[type=number].svelte-fxvd28.svelte-fxvd28::-webkit-inner-spin-button,.text-field.no-spinner.svelte-fxvd28>input[type=number].svelte-fxvd28.svelte-fxvd28::-webkit-outer-spin-button{appearance:none;margin:0}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}.preview.svelte-1y2m3b2{align-items:center;background:#fff;border-radius:.25em;display:flex;font-size:.8em;font-weight:300;justify-content:center;padding:.25em .5em;width:5em}.value-popover.svelte-1y2m3b2{background:#fff;border-radius:.5em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);color:#333;font-family:"Roboto Mono",monospace;margin-right:.25em;padding:.5em;white-space:pre}.popover-container.svelte-d7tcpu.svelte-d7tcpu{position:relative}.popover-container.svelte-d7tcpu>.popover.svelte-d7tcpu{display:none;position:absolute}.popover-container.svelte-d7tcpu>.popover.top.svelte-d7tcpu{left:50%;top:0;transform:translate(-50%,-100%)}.popover-container.svelte-d7tcpu>.popover.bottom.svelte-d7tcpu{bottom:0;left:50%;transform:translate(-50%,100%)}.popover-container.svelte-d7tcpu>.popover.left.svelte-d7tcpu{bottom:50%;left:0;transform:translate(-100%,50%)}.popover-container.svelte-d7tcpu>.popover.right.svelte-d7tcpu{bottom:50%;right:0;transform:translate(100%,50%)}.popover-container.svelte-d7tcpu:hover>.popover.svelte-d7tcpu{display:block}.popover-container.svelte-d7tcpu:focus-within>.popover.svelte-d7tcpu{display:block}</style> <title>TimePicker – Attractions</title><meta content="TimePicker – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/time-picker.182aad83.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/time-picker.4fb06828.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/text-field.37ad5edd.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/dropdown.68df1ffe.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/tab.bbb6306c.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/datetime-utils.e026cf1b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/range.ee7914b1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/shadow-preview.f1e703b1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/popover.156a947e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/related-components.2f822d5e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/text-field-02b3c03b.css rel=preload as=style><link href=/attractions/376/client/dropdown-bd15e717.css rel=preload as=style><link href=/attractions/376/client/tab-182d5aba.css rel=preload as=style><link href=/attractions/376/client/time-picker-0982fd05.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/popover-1d6d4d80.css rel=preload as=style><link href=/attractions/376/client/shadow-preview-8f373d1e.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/related-components-3b88a506.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style><link href=/attractions/376/client/time-picker-a6acbd1d.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg class="feather feather-github"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content"><svg fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Components <svg fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg class="feather feather-chevron-down ml tab-chevron"><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value="[object Object]" name=nav-mobile type=radio> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg class="feather feather-chevron-down ml accordion-chevron"><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>TimePicker </h1> <p class=svelte-d09q45>A time picker that supports both the text input and a dropdown with buttons. </p> <div class="related-components svelte-j9fifh"><div class="label svelte-1bye8mi">Related Components </div> <div class="card svelte-1bts72l"><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker</a> </div></div> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class="padded svelte-11fgjo" slot=showcase><div class="svelte-68zps1 time-picker"> <div class="dropdown-shell svelte-1j957tq"><div class=handle><div class="svelte-fxvd28 text-field"><input class=svelte-fxvd28 value="" placeholder=HH:MM> </div></div> <div class="dropdown svelte-1fhqrqw barrel"><div class=shown-on-focus><button class="btn svelte-2r4z0x" type=button>close the time picker </button></div> <div class="label svelte-1bye8mi">Hours </div> <div class=column><button class="btn svelte-2r4z0x" type=button>00 </button><button class="btn svelte-2r4z0x" type=button>01 </button><button class="btn svelte-2r4z0x" type=button>02 </button><button class="btn svelte-2r4z0x" type=button>03 </button><button class="btn svelte-2r4z0x" type=button>04 </button><button class="btn svelte-2r4z0x" type=button>05 </button><button class="btn svelte-2r4z0x" type=button>06 </button><button class="btn svelte-2r4z0x" type=button>07 </button><button class="btn svelte-2r4z0x" type=button>08 </button><button class="btn svelte-2r4z0x" type=button>09 </button><button class="btn svelte-2r4z0x" type=button>10 </button><button class="btn svelte-2r4z0x" type=button>11 </button><button class="btn svelte-2r4z0x" type=button>12 </button><button class="btn svelte-2r4z0x" type=button>13 </button><button class="btn svelte-2r4z0x" type=button>14 </button><button class="btn svelte-2r4z0x" type=button>15 </button><button class="btn svelte-2r4z0x" type=button>16 </button><button class="btn svelte-2r4z0x" type=button>17 </button><button class="btn svelte-2r4z0x" type=button>18 </button><button class="btn svelte-2r4z0x" type=button>19 </button><button class="btn svelte-2r4z0x" type=button>20 </button><button class="btn svelte-2r4z0x" type=button>21 </button><button class="btn svelte-2r4z0x" type=button>22 </button><button class="btn svelte-2r4z0x" type=button>23 </button></div> <div class="label svelte-1bye8mi">Minutes </div> <div class=column><button class="btn svelte-2r4z0x" type=button>00 </button><button class="btn svelte-2r4z0x" type=button>05 </button><button class="btn svelte-2r4z0x" type=button>10 </button><button class="btn svelte-2r4z0x" type=button>15 </button><button class="btn svelte-2r4z0x" type=button>20 </button><button class="btn svelte-2r4z0x" type=button>25 </button><button class="btn svelte-2r4z0x" type=button>30 </button><button class="btn svelte-2r4z0x" type=button>35 </button><button class="btn svelte-2r4z0x" type=button>40 </button><button class="btn svelte-2r4z0x" type=button>45 </button><button class="btn svelte-2r4z0x" type=button>50 </button><button class="btn svelte-2r4z0x" type=button>55 </button></div> <button class="btn svelte-2r4z0x" type=button> <svg fill=none height=24 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24 xmlns=http://www.w3.org/2000/svg><circle cx=12 cy=12 r=10></circle><polyline points="12 6 12 12 16 14"></polyline></svg> now</button> </div> </div> </div> <div class="svelte-68zps1 time-picker f12hours seconds"> <div class="dropdown-shell svelte-1j957tq"><div class=handle><div class="svelte-fxvd28 text-field"><input class=svelte-fxvd28 value="" placeholder="HH.MM.SS AM"> </div></div> <div class="dropdown svelte-1fhqrqw barrel"><div class=shown-on-focus><button class="btn svelte-2r4z0x" type=button>close the time picker </button></div> <div class="label svelte-1bye8mi">Hours </div> <div class=column><button class="btn svelte-2r4z0x" type=button>01 </button><button class="btn svelte-2r4z0x" type=button>02 </button><button class="btn svelte-2r4z0x" type=button>03 </button><button class="btn svelte-2r4z0x" type=button>04 </button><button class="btn svelte-2r4z0x" type=button>05 </button><button class="btn svelte-2r4z0x" type=button>06 </button><button class="btn svelte-2r4z0x" type=button>07 </button><button class="btn svelte-2r4z0x" type=button>08 </button><button class="btn svelte-2r4z0x" type=button>09 </button><button class="btn svelte-2r4z0x" type=button>10 </button><button class="btn svelte-2r4z0x" type=button>11 </button><button class="btn svelte-2r4z0x" type=button>12 </button></div> <div class="label svelte-1bye8mi">Minutes </div> <div class=column><button class="btn svelte-2r4z0x" type=button>00 </button><button class="btn svelte-2r4z0x" type=button>05 </button><button class="btn svelte-2r4z0x" type=button>10 </button><button class="btn svelte-2r4z0x" type=button>15 </button><button class="btn svelte-2r4z0x" type=button>20 </button><button class="btn svelte-2r4z0x" type=button>25 </button><button class="btn svelte-2r4z0x" type=button>30 </button><button class="btn svelte-2r4z0x" type=button>35 </button><button class="btn svelte-2r4z0x" type=button>40 </button><button class="btn svelte-2r4z0x" type=button>45 </button><button class="btn svelte-2r4z0x" type=button>50 </button><button class="btn svelte-2r4z0x" type=button>55 </button></div> <div class="label svelte-1bye8mi">Seconds </div> <div class=column><button class="btn svelte-2r4z0x" type=button>00 </button><button class="btn svelte-2r4z0x" type=button>05 </button><button class="btn svelte-2r4z0x" type=button>10 </button><button class="btn svelte-2r4z0x" type=button>15 </button><button class="btn svelte-2r4z0x" type=button>20 </button><button class="btn svelte-2r4z0x" type=button>25 </button><button class="btn svelte-2r4z0x" type=button>30 </button><button class="btn svelte-2r4z0x" type=button>35 </button><button class="btn svelte-2r4z0x" type=button>40 </button><button class="btn svelte-2r4z0x" type=button>45 </button><button class="btn svelte-2r4z0x" type=button>50 </button><button class="btn svelte-2r4z0x" type=button>55 </button></div> <div class=am-pm-tabs><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value=AM name=am-pm type=radio> <div class="svelte-xi6tc3 content">AM</div> </label> <label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 value=PM name=am-pm type=radio> <div class="svelte-xi6tc3 content">PM</div> </label></div> <button class="btn svelte-2r4z0x" type=button> <svg fill=none height=24 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24 xmlns=http://www.w3.org/2000/svg><circle cx=12 cy=12 r=10></circle><polyline points="12 6 12 12 16 14"></polyline></svg> now</button> </div> </div> </div> <div class="svelte-68zps1 time-picker"> <div class="dropdown-shell svelte-1j957tq"><div class=handle><div class="svelte-fxvd28 text-field"><input class=svelte-fxvd28 value="" placeholder=HH:MM> </div></div> <div class="dropdown svelte-1fhqrqw barrel"><div class=shown-on-focus><button class="btn svelte-2r4z0x" type=button>close the time picker </button></div> <div class="label svelte-1bye8mi">Hours </div> <div class=column><button class="btn svelte-2r4z0x" type=button>00 </button><button class="btn svelte-2r4z0x" type=button>01 </button><button class="btn svelte-2r4z0x" type=button>02 </button><button class="btn svelte-2r4z0x" type=button>03 </button><button class="btn svelte-2r4z0x" type=button>04 </button><button class="btn svelte-2r4z0x" type=button>05 </button><button class="btn svelte-2r4z0x" type=button>06 </button><button class="btn svelte-2r4z0x" type=button>07 </button><button class="btn svelte-2r4z0x" type=button>08 </button><button class="btn svelte-2r4z0x" type=button>09 </button><button class="btn svelte-2r4z0x" type=button>10 </button><button class="btn svelte-2r4z0x" type=button>11 </button><button class="btn svelte-2r4z0x" type=button>12 </button><button class="btn svelte-2r4z0x" type=button>13 </button><button class="btn svelte-2r4z0x" type=button>14 </button><button class="btn svelte-2r4z0x" type=button>15 </button><button class="btn svelte-2r4z0x" type=button>16 </button><button class="btn svelte-2r4z0x" type=button>17 </button><button class="btn svelte-2r4z0x" type=button>18 </button><button class="btn svelte-2r4z0x" type=button>19 </button><button class="btn svelte-2r4z0x" type=button>20 </button><button class="btn svelte-2r4z0x" type=button>21 </button><button class="btn svelte-2r4z0x" type=button>22 </button><button class="btn svelte-2r4z0x" type=button>23 </button></div> <div class="label svelte-1bye8mi">Minutes </div> <div class=column><button class="btn svelte-2r4z0x" type=button>00 </button><button class="btn svelte-2r4z0x" type=button>05 </button><button class="btn svelte-2r4z0x" type=button>10 </button><button class="btn svelte-2r4z0x" type=button>15 </button><button class="btn svelte-2r4z0x" type=button>20 </button><button class="btn svelte-2r4z0x" type=button>25 </button><button class="btn svelte-2r4z0x" type=button>30 </button><button class="btn svelte-2r4z0x" type=button>35 </button><button class="btn svelte-2r4z0x" type=button>40 </button><button class="btn svelte-2r4z0x" type=button>45 </button><button class="btn svelte-2r4z0x" type=button>50 </button><button class="btn svelte-2r4z0x" type=button>55 </button></div> </div> </div> </div></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TimePicker</span> <span class="token attr-name">right</span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TimePicker</span> <span class="token attr-name">format</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>%H.%M.%S %P<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>TimePicker</span> <span class="token attr-name">hideNow</span> <span class="token punctuation">/></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg class="feather feather-copy"><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a href=#properties class=ml>#</a> </h2> <h3 class=svelte-1l9130h>Style Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>hideNow</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Hides the <code>now</code> button from the component. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>right</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Aligns the dropdown with the right edge of the text field. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>top</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Aligns the dropdown content such that it opens to the top of the text field, extending up. </td> </tbody> </table> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>value</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>Date</code> </td> <td class=svelte-2jo25p>The currently selected time value. Even though a whole <code>Date</code> object is needed, only the time part will be considered. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>format</code></strong> </td> <td class=svelte-2jo25p><code>'%H:%M'</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>The format used to display time and consume input. The <code>%</code>-specifiers are a subset of <a href=http://www.cplusplus.com/reference/ctime/strftime/ rel=nofollow>C date format specifiers</a>, with only <code>%H</code>, <code>%M</code>, <code>%S</code>, <code>%P</code> and <code>%p</code> allowed. <code>%P</code> stands for AM/PM, while <code>%p</code> stands for am/pm. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>amPmTabName</code></strong> </td> <td class=svelte-2jo25p><code>'am-pm'</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>If the <code>%P</code> or <code>%p</code> modifier is used in the format, the dropdown will contain tabs to switch between AM and PM. You may change the name of the radio group for these tabs to avoid collisions. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>hours</code></strong> </td> <td class=svelte-2jo25p><code>[1..12]</code> (12 hours mode) or <code>[0..23]</code> (24 hours mode) </td> <td class=svelte-2jo25p><code>number[]</code> </td> <td class=svelte-2jo25p>The list of possible hours to choose from. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>minutes</code></strong> </td> <td class=svelte-2jo25p><code>[0, 5, ..., 55]</code> </td> <td class=svelte-2jo25p><code>number[]</code> </td> <td class=svelte-2jo25p>The list of possible minutes to choose from. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>seconds</code></strong> </td> <td class=svelte-2jo25p><code>[0, 5, ..., 55]</code> if using seconds or <code>[]</code> otherwise </td> <td class=svelte-2jo25p><code>number[]</code> </td> <td class=svelte-2jo25p>The list of possible seconds to choose from. </td> </tbody> </table> <p class=svelte-d09q45><em>Hint</em>: use <code>range</code> from the <a href=/docs/utilities>utils</a> to generate a range of numbers. </p> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;TimePicker></code> components use the <code>.time-picker</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>inputClass</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to pass down to the <code>TextField</code>. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=events>Events <a href=#events class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Event Detail </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>change</code></strong> </td> <td class=svelte-2jo25p><code>{ value }</code> </td> <td class=svelte-2jo25p>Fired when the value of the picker changes. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a href=#slots class=ml>#</a> </h2> <h3 class=svelte-1l9130h><code>hours-label</code> slot </h3> <p class=svelte-d09q45>Label for hour selector. Defaults to the <code>&lt;Label /></code> component with the text "<code>Hours</code>". </p> <h3 class=svelte-1l9130h><code>minutes-label</code> slot </h3> <p class=svelte-d09q45>Label for the minutes selector. Defaults to the <code>&lt;Label /></code> component with the text "<code>Minutes</code>". </p> <h3 class=svelte-1l9130h><code>seconds-label</code> slot </h3> <p class=svelte-d09q45>Label for the seconds selector. Defaults to the <code>&lt;Label /></code> component with the text "<code>Seconds</code>". </p> <h3 class=svelte-1l9130h><code>now-icon</code> slot </h3> <p class=svelte-d09q45>Icon on button to select the current time. Defaults to the <code>&lt;Clock /></code> icon from <a href=https://feathericons.com/ rel=nofollow>Feather Icons</a>. </p> <h3 class=svelte-1l9130h><code>now-label</code> slot </h3> <p class=svelte-d09q45>Text on button to select the current time. Defaults to the text "<code>now</code>". </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a href=#scss-variables class=ml>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$textfield-bg</code></strong> </td> <td class=svelte-2jo25p>The background color of the text field. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#f5f5f5></div> #F5F5F5 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>The color of the bottom border of the focused text field border, the buttons, the selected tab and the labels. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$light-contrast</code></strong> </td> <td class=svelte-2jo25p>The color of borders and WebKit scrollbars inside the dropdown. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#ddd></div> #DDDDDD </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$background</code></strong> </td> <td class=svelte-2jo25p>The background of the WebKit scrollbars, to ensure they don'y stand out from the background. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color bordered" style=background:#fff></div> #FFFFFF </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$font</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The font of the buttons' text and the text fields. </td> <td class=svelte-2jo25p><code>'Ubuntu'</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$button-radius</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The curvature radius of buttons. </td> <td class=svelte-2jo25p><code>1.5625em</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$bold-font-weight</code></strong> <small>From <a href=./docs/components/button><code>Button</code></a></small> </td> <td class=svelte-2jo25p>The font weight of the buttons and the labels. </td> <td class=svelte-2jo25p><code>500</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$background</code></strong> <small>From <a href=./docs/components/dropdown><code>Dropdown</code></a></small> </td> <td class=svelte-2jo25p>The background color of the dropdown content </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color bordered" style=background:#fff></div> #FFFFFF </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$shadow-raised</code></strong> <small>From <a href=./docs/components/dropdown><code>Dropdown</code></a></small> </td> <td class=svelte-2jo25p>The shadow of the dropdown. </td> <td class=svelte-2jo25p><div class="svelte-d7tcpu popover-container"><div class="preview svelte-1y2m3b2">hover me</div> <div class="svelte-d7tcpu left popover"><div class="svelte-1y2m3b2 value-popover" slot=popover-content>0 2px 4px -1px rgba(0, 0, 0, .2), 0 3px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);</div></div> </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$card-radius</code></strong> <small>From <a href=./docs/components/dropdown><code>Dropdown</code></a></small> </td> <td class=svelte-2jo25p>The curvature radius of the dropdown. </td> <td class=svelte-2jo25p><code>1.25em</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$textfield-border</code></strong> <small>From <a href=./docs/components/text-field><code>TextField</code></a></small> </td> <td class=svelte-2jo25p>The border color of the unselected text field. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:rgba(0,0,0,.42)></div> rgba(0, 0, 0, .42) </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$thin-font-weight</code></strong> <small>From <a href=./docs/components/text-field><code>TextField</code></a></small> </td> <td class=svelte-2jo25p>The thin font weight for the text inside the text field. </td> <td class=svelte-2jo25p><code>300</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$off-state</code></strong> <small>From <a href=./docs/components/tab><code>Tab</code></a></small> </td> <td class=svelte-2jo25p>Affects the background color of the unselected tab. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#aaa></div> #AAAAAA </div> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/components/typography/index.html b/376/docs/components/typography/index.html
new file mode 100644
index 000000000..e8d2a91d3
--- /dev/null
+++ b/376/docs/components/typography/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.showcase.svelte-10o04be{border:1px solid rgba(67,0,176,.25);border-radius:.5em;display:grid;grid-template-columns:auto;grid-template-rows:repeat(4,auto);margin:1em 0}.showcase.svelte-10o04be>.label{padding:.5rem 1rem 0}.showcase.svelte-10o04be>.label.code{background:#fcfcfc}.showcase.svelte-10o04be>[slot=showcase]{border:0 solid rgba(67,0,176,.25);border-bottom-width:1px;overflow-x:auto}.showcase.svelte-10o04be>[slot=showcase].padded{padding:1em}.showcase.svelte-10o04be>[slot=showcase].padded>*{margin-bottom:.5em}.showcase.svelte-10o04be>.copyable{border:0 solid rgba(67,0,176,.25);border-radius:.5em;overflow-x:auto}.showcase.svelte-10o04be>.copyable>[slot=source]{background:#fcfcfc;display:flex;height:100%}.showcase.svelte-10o04be>.copyable pre{margin:0}@media only screen and (min-width:920px){.showcase.svelte-10o04be{border-width:0;grid-auto-flow:column;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.showcase.svelte-10o04be>.label{padding-bottom:.5rem}.showcase.svelte-10o04be>.label.code{background:0 0}.showcase.svelte-10o04be>[slot=showcase]{border-bottom-left-radius:.5em;border-top-left-radius:.5em;border-width:1px}.showcase.svelte-10o04be>.copyable{border-bottom-left-radius:0;border-width:1px;border-left-width:0;border-top-left-radius:0}}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}.headline.svelte-7dvfxj{color:#4300b0;font-size:1.5em;font-weight:500;margin-bottom:.2em}@media only screen and (min-width:640px){.headline.svelte-7dvfxj{font-size:1.9em}}@media only screen and (min-width:840px){.headline.svelte-7dvfxj{font-size:2em}}@media only screen and (min-width:1024px){.headline.svelte-7dvfxj{font-size:2.1em}}@media only screen and (min-width:1200px){.headline.svelte-7dvfxj{font-size:2.2em}}.subhead.svelte-1hj5ed6{font-size:.95em;font-weight:300;line-height:1.2em}@media only screen and (min-width:640px){.subhead.svelte-1hj5ed6{font-size:1em;line-height:1.25em}}@media only screen and (min-width:840px){.subhead.svelte-1hj5ed6{font-size:1.1em;line-height:1.4em}}@media only screen and (min-width:1024px){.subhead.svelte-1hj5ed6{font-size:1.2em;line-height:1.6em}}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}h2.svelte-2wjwmd{color:#4300b0;font-size:1.3em;font-weight:500;margin:0 0 .4em}@media only screen and (min-width:640px){h2.svelte-2wjwmd{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-2wjwmd{font-size:1.5em}}h3.svelte-tdqvpc{font-size:1.15em;font-weight:500;margin:0 0 .3em}@media only screen and (min-width:640px){h3.svelte-tdqvpc{font-size:1.25em}}@media only screen and (min-width:840px){h3.svelte-tdqvpc{font-size:1.35em}}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}h3.svelte-1l9130h{font-size:1.1em;font-weight:500;margin:1.5em 0 .5em}@media only screen and (min-width:640px){h3.svelte-1l9130h{font-size:1.2em}}@media only screen and (min-width:840px){h3.svelte-1l9130h{font-size:1.3em}}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}.preview.svelte-oytuu9.svelte-oytuu9{align-items:center;display:flex;font-family:"Roboto Mono",monospace}.preview.svelte-oytuu9 .color.svelte-oytuu9{border:1px solid transparent;border-radius:50%;flex-shrink:0;height:1.5em;margin-right:.8em;width:1.5em}.preview.svelte-oytuu9 .color.bordered.svelte-oytuu9{border-color:#4300b0}</style> <title>Typography – Attractions</title><meta content="Typography – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},null,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/typography.f073f943.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/subhead.4e227d90.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/showcase.8eb3893d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-preview.278d2729.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h3.1e03849b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/subhead-0a618575.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/showcase-2cfe88ab.css rel=preload as=style><link href=/attractions/376/client/color-preview-dae771a6.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style><link href=/attractions/376/client/h3-c29d4685.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="padded svelte-z153he"><a class="svelte-z153he logo" href=./ ><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a class="btn svelte-2r4z0x round small" href=/docs rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Components</div></div> </nav> <div class="svelte-z153he clickables"> <a class="btn svelte-2r4z0x round" href=https://github.com/illright/attractions rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a class="btn svelte-2r4z0x" href=./docs/changelog rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a class="btn svelte-2r4z0x" href=./docs/migration-guide rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a class="btn svelte-2r4z0x" href=./docs/installation rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a class="btn svelte-2r4z0x" href=./docs/theming rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a class="btn svelte-2r4z0x" href=./docs/components/accordion rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a class="btn svelte-2r4z0x" href=./docs/components/autocomplete rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a class="btn svelte-2r4z0x" href=./docs/components/badge rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a class="btn svelte-2r4z0x" href=./docs/components/breadcrumbs rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a class="btn svelte-2r4z0x" href=./docs/components/button rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a class="btn svelte-2r4z0x" href=./docs/components/card rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a class="btn svelte-2r4z0x" href=./docs/components/checkbox-group rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a class="btn svelte-2r4z0x" href=./docs/components/chip rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a class="btn svelte-2r4z0x" href=./docs/components/date-picker rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a class="btn svelte-2r4z0x" href=./docs/components/dialog rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a class="btn svelte-2r4z0x" href=./docs/components/divider rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a class="btn svelte-2r4z0x" href=./docs/components/dot rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a class="btn svelte-2r4z0x" href=./docs/components/dropdown rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a class="btn svelte-2r4z0x" href=./docs/components/file-dropzone rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a class="btn svelte-2r4z0x" href=./docs/components/file-input rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a class="btn svelte-2r4z0x" href=./docs/components/form-field rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a class="btn svelte-2r4z0x" href=./docs/components/loading rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a class="btn svelte-2r4z0x" href=./docs/components/modal rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a class="btn svelte-2r4z0x" href=./docs/components/pagination rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a class="btn svelte-2r4z0x" href=./docs/components/popover rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a class="btn svelte-2r4z0x" href=./docs/components/radio-group rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a class="btn svelte-2r4z0x" href=./docs/components/slider rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a class="btn svelte-2r4z0x" href=./docs/components/snackbar-container rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a class="btn svelte-2r4z0x" href=./docs/components/star-rating rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a class="btn svelte-2r4z0x" href=./docs/components/switch rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a class="btn svelte-2r4z0x" href=./docs/components/table rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a class="btn svelte-2r4z0x" href=./docs/components/tabs rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a class="btn svelte-2r4z0x" href=./docs/components/text-field rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a class="btn svelte-2r4z0x" href=./docs/components/time-picker rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a class="btn svelte-2r4z0x" href=./docs/components/typography rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a class="btn svelte-2r4z0x" href=./docs/utilities rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a class="btn svelte-2r4z0x" href=./docs/custom-elements rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Typography </h1> <p class=svelte-d09q45>Typography elements with embedded responsive styles. </p> <section class="showcase svelte-10o04be"><div class="label svelte-1bye8mi">Showcase </div> <div class=padded slot=showcase><div class="headline svelte-7dvfxj">Main stuff! </div> <div class="subhead svelte-1hj5ed6">Make sure you don't miss out! </div> <h1 class=svelte-9b0tta>Heading 1 </h1> <h2 class=svelte-2wjwmd>Heading 2 </h2> <h3 class=svelte-tdqvpc>Heading 3 </h3> <div class="label svelte-1bye8mi">label </div> <div class="label svelte-1bye8mi small">smaller label </div></div> <div class="label svelte-1bye8mi code">Source </div> <div class="copyable svelte-1wwtcst"> <div slot=source><pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Headline</span><span class="token punctuation">></span></span>Main stuff!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Headline</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Subhead</span><span class="token punctuation">></span></span>Make sure you don't miss out!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Subhead</span><span class="token punctuation">></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>H1</span><span class="token punctuation">></span></span>Heading 1<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>H1</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>H2</span><span class="token punctuation">></span></span>Heading 2<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>H2</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>H3</span><span class="token punctuation">></span></span>Heading 3<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>H3</span><span class="token punctuation">></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Label</span><span class="token punctuation">></span></span>label<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Label</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Label</span> <span class="token attr-name">small</span><span class="token punctuation">></span></span>smaller label<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Label</span><span class="token punctuation">></span></span></code></pre></div> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </section> <h2 class=svelte-eaesr4 id=properties>Properties <a class=ml href=#properties>#</a> </h2> <h3 class=svelte-1l9130h>Style Properties </h3> <p class=svelte-d09q45><em>This property only applies to <code>&lt;Label></code></em>. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>small</code></strong> </td> <td class=svelte-2jo25p><code>false</code> </td> <td class=svelte-2jo25p><code>boolean</code> </td> <td class=svelte-2jo25p>Makes the <code>&lt;Label></code> smaller. </td> </tbody> </table> <h3 class=svelte-1l9130h>Functional Properties </h3> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>...</code></strong> </td> <td class=svelte-2jo25p> </td> <td class=svelte-2jo25p><code>any</code> </td> <td class=svelte-2jo25p>Everything will be passed to the underlying element. </td> </tbody> </table> <h3 class=svelte-1l9130h>Class Properties </h3> <p class=svelte-d09q45>All <code>&lt;Headline></code> components use the <code>.headline</code> class, all <code>&lt;Subhead></code> components use the <code>.subhead</code> class, and all <code>&lt;Label></code> components use the <code>.label</code> class. </p> <p class=svelte-d09q45>Falsy values passed to classes will be disregarded. </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Type </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>class</code></strong> </td> <td class=svelte-2jo25p><code>null</code> </td> <td class=svelte-2jo25p><code>string</code> </td> <td class=svelte-2jo25p>A class string to add to the component. </td> </tbody> </table> <h2 class=svelte-eaesr4 id=slots>Slots <a class=ml href=#slots>#</a> </h2> <h3 class=svelte-1l9130h>Default slot </h3> <p class=svelte-d09q45>The content of the typographic element. </p> <h2 class=svelte-eaesr4 id=scss-variables>SCSS Variables <a class=ml href=#scss-variables>#</a> </h2> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Default </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$main</code></strong> </td> <td class=svelte-2jo25p>The color of some headings, the headline and the label. </td> <td class=svelte-2jo25p><div class="svelte-oytuu9 preview"><div class="svelte-oytuu9 color" style=background:#4300b0></div> #4300B0 </div> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$bold-font-weight</code></strong> </td> <td class=svelte-2jo25p>The bold font weight of headings. </td> <td class=svelte-2jo25p><code>500</code> </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>$thin-font-weight</code></strong> </td> <td class=svelte-2jo25p>The thin font weight of the subhead. </td> <td class=svelte-2jo25p><code>300</code> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/custom-elements/index.html b/376/docs/custom-elements/index.html
new file mode 100644
index 000000000..1d099b079
--- /dev/null
+++ b/376/docs/custom-elements/index.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}</style> <title>Custom Elements – Attractions</title><meta content="Custom Elements – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/custom-elements.171ed626.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style></head> <body> <header class="svelte-z153he padded"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Custom Elements</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]" checked> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x selected" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Custom Elements </h1> <p class=svelte-d09q45>Attractions components can also be used as Web Components directly using the <a href=https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements rel=nofollow>Custom Elements API</a>. This use case is most convenient when a quick prototype is needed without including any frameworks or bundlers, where you just need to include a <code>script</code> tag and then use the components right away. An example usage is as follows: </p> <pre class=language-html><code class=language-html><span class="token doctype"><span class="token punctuation">&lt;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/attractions<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>head</span><span class="token punctuation">></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>body</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-card</span><span class="token punctuation">></span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-button</span> <span class="token attr-name">filled</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span> <span class="token attr-name">danger</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
+      Alert
+      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-dot</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token css language-css value"><span class="token property">margin-left</span><span class="token punctuation">:</span> 10px<span class="token punctuation">;</span></span><span class="token punctuation">"</span></span></span> <span class="token attr-name">attention</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>attention<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-button</span><span class="token punctuation">></span></span>
+
+    <span class="token comment">&lt;!-- camelCase props do not work (HTML is case-insensitive) --></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-switch</span> <span class="token attr-name">slotLeft</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
+      On?
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-switch</span><span class="token punctuation">></span></span>
+
+    <span class="token comment">&lt;!-- Cannot use the self-closing syntax! --></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-divider</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-divider</span><span class="token punctuation">></span></span>
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-calendar</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>calendar<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-calendar</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-card</span><span class="token punctuation">></span></span>
+
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>container<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
+    <span class="token comment">&lt;!-- more elements will be injected here --></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
+
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
+    <span class="token comment">// Or using the normal constructor</span>
+    <span class="token keyword">const</span> <span class="token punctuation">{</span> Button <span class="token punctuation">}</span> <span class="token operator">=</span> attractions<span class="token punctuation">;</span>
+    <span class="token keyword">new</span> <span class="token class-name">Button</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
+      <span class="token property literal-property">target</span><span class="token operator">:</span> document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">'container'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
+      <span class="token property literal-property">props</span><span class="token operator">:</span> <span class="token punctuation">{</span>
+        <span class="token property literal-property">filled</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
+      <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+
+    <span class="token keyword">const</span> calendar <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">'calendar'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+    <span class="token comment">// Setting props that aren't string</span>
+    calendar<span class="token punctuation">.</span><span class="token function">$$set</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
+      <span class="token property literal-property">year</span><span class="token operator">:</span> <span class="token number">2020</span><span class="token punctuation">,</span>
+      <span class="token property literal-property">month</span><span class="token operator">:</span> <span class="token number">11</span><span class="token punctuation">,</span>
+    <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+
+    <span class="token comment">// Listening to events</span>
+    calendar<span class="token punctuation">.</span><span class="token function">$on</span><span class="token punctuation">(</span><span class="token string">'day-select'</span><span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token parameter">e</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span>
+      <span class="token function">alert</span><span class="token punctuation">(</span><span class="token template-string"><span class="token string template-punctuation">`</span><span class="token string">You selected </span><span class="token interpolation"><span class="token punctuation interpolation-punctuation">${</span>e<span class="token punctuation">.</span>detail<span class="token punctuation interpolation-punctuation">}</span></span><span class="token string template-punctuation">`</span></span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+    <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+
+    <span class="token comment">// Utils are also exposed</span>
+    <span class="token keyword">const</span> <span class="token punctuation">{</span> range <span class="token punctuation">}</span> <span class="token operator">=</span> attractions<span class="token punctuation">.</span>utils<span class="token punctuation">;</span>
+    <span class="token keyword">for</span> <span class="token punctuation">(</span><span class="token keyword">const</span> val <span class="token keyword">of</span> <span class="token function">range</span><span class="token punctuation">(</span><span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">9</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
+      console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>val<span class="token punctuation">)</span><span class="token punctuation">;</span>
+    <span class="token punctuation">}</span>
+  </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">></span></span></code></pre> <p class=svelte-d09q45>As shown in the example above, events must be listened to using <code>$on</code> and not <code>addEventListener</code>. Additionally, props that are passed in the HTML are only limited to props with lowercase string names. For any other props, use <code>$$set</code>. </p> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/index.html b/376/docs/index.html
new file mode 100644
index 000000000..2858a62dc
--- /dev/null
+++ b/376/docs/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}ul.svelte-zjwdhv{padding-left:1.8em}li.svelte-puza06{margin-bottom:.25em}</style> <title>Home – Attractions</title><meta content="Home – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/index.43e68bf4.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/ul.abdb9780.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/format-file-size.22bb7c0a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/ul-82208b9a.css rel=preload as=style></head> <body> <header class="svelte-z153he padded"><a class="svelte-z153he logo" href=./ ><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <div class="svelte-z153he clickables"> <a class="btn svelte-2r4z0x round" href=https://github.com/illright/attractions rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]" checked> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a class="btn svelte-2r4z0x" href=./docs/changelog rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a class="btn svelte-2r4z0x" href=./docs/migration-guide rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a class="btn svelte-2r4z0x" href=./docs/installation rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a class="btn svelte-2r4z0x" href=./docs/theming rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a class="btn svelte-2r4z0x" href=./docs/components/accordion rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a class="btn svelte-2r4z0x" href=./docs/components/autocomplete rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a class="btn svelte-2r4z0x" href=./docs/components/badge rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a class="btn svelte-2r4z0x" href=./docs/components/breadcrumbs rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a class="btn svelte-2r4z0x" href=./docs/components/button rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a class="btn svelte-2r4z0x" href=./docs/components/card rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a class="btn svelte-2r4z0x" href=./docs/components/checkbox-group rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a class="btn svelte-2r4z0x" href=./docs/components/chip rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a class="btn svelte-2r4z0x" href=./docs/components/date-picker rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a class="btn svelte-2r4z0x" href=./docs/components/dialog rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a class="btn svelte-2r4z0x" href=./docs/components/divider rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a class="btn svelte-2r4z0x" href=./docs/components/dot rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a class="btn svelte-2r4z0x" href=./docs/components/dropdown rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a class="btn svelte-2r4z0x" href=./docs/components/file-dropzone rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a class="btn svelte-2r4z0x" href=./docs/components/file-input rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a class="btn svelte-2r4z0x" href=./docs/components/form-field rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a class="btn svelte-2r4z0x" href=./docs/components/loading rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a class="btn svelte-2r4z0x" href=./docs/components/modal rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a class="btn svelte-2r4z0x" href=./docs/components/pagination rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a class="btn svelte-2r4z0x" href=./docs/components/popover rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a class="btn svelte-2r4z0x" href=./docs/components/radio-group rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a class="btn svelte-2r4z0x" href=./docs/components/slider rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a class="btn svelte-2r4z0x" href=./docs/components/snackbar-container rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a class="btn svelte-2r4z0x" href=./docs/components/star-rating rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a class="btn svelte-2r4z0x" href=./docs/components/switch rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a class="btn svelte-2r4z0x" href=./docs/components/table rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a class="btn svelte-2r4z0x" href=./docs/components/tabs rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a class="btn svelte-2r4z0x" href=./docs/components/text-field rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a class="btn svelte-2r4z0x" href=./docs/components/time-picker rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a class="btn svelte-2r4z0x" href=./docs/components/typography rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a class="btn svelte-2r4z0x" href=./docs/utilities rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a class="btn svelte-2r4z0x" href=./docs/custom-elements rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Warm welcome, stranded developer </h1> <p class=svelte-d09q45>Attractions is a stylish and functional UI kit for Svelte, built to solve interface tasks at hand. </p> <p class=svelte-d09q45>Given the compiling nature of Svelte, the components can be used for any framework using the JavaScript API. </p> <p class=svelte-d09q45>This library is MIT licensed. </p> <ul class=svelte-zjwdhv><li class=svelte-puza06>Weighs only (calculating…), tree-shaking-enabled </li> <li class=svelte-puza06>Components are customizable with classes and Sass variables </li> <li class=svelte-puza06>Accessibility included </li> </ul> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/installation/index.html b/376/docs/installation/index.html
new file mode 100644
index 000000000..b8fc6b8dd
--- /dev/null
+++ b/376/docs/installation/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}.toolchain.svelte-dfgfbu{background:rgba(67,0,176,.03);border-radius:1em;display:grid;gap:.35em;grid-auto-flow:column;grid-template:auto auto/1fr 1fr 1fr;justify-items:center;margin:2em 0;padding:1.5em 1em}.prelude.svelte-dfgfbu{margin-bottom:1.5em}.caution.svelte-dfgfbu{background:rgba(255,179,89,.07);border-radius:1em;font-size:.9em;font-weight:300;margin:2em 0;padding:1.5em}.caution.svelte-dfgfbu .label{color:#f18300;margin-bottom:.5em}strong.svelte-dfgfbu{color:#4300b0}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}nav.svelte-nmqube{display:flex;justify-content:space-between}p.svelte-d09q45{margin:0 0 .5em}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}</style> <title>Installation – Attractions</title><meta content="Installation – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/installation.8077cb29.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/tabs.8ab10f21.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/tab.bbb6306c.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/tab-182d5aba.css rel=preload as=style><link href=/attractions/376/client/tabs-0c50dbbb.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/installation-41b9ba7c.css rel=preload as=style></head> <body> <header class="svelte-z153he padded"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Installation</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]" checked> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x selected" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Installation </h1> <div class="svelte-dfgfbu toolchain"><div class="label svelte-1bye8mi">Package manager </div> <nav class=svelte-nmqube role=group><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=package-managers type=radio value=npm checked> <div class="svelte-xi6tc3 content">npm</div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=package-managers type=radio value=Yarn> <div class="svelte-xi6tc3 content">Yarn</div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=package-managers type=radio value=pnpm> <div class="svelte-xi6tc3 content">pnpm</div> </label> </nav> <div class="label svelte-1bye8mi">Bundler </div> <nav class=svelte-nmqube role=group><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=bundlers type=radio value=Rollup checked> <div class="svelte-xi6tc3 content">Rollup</div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=bundlers type=radio value=Webpack> <div class="svelte-xi6tc3 content">Webpack</div> </label> </nav> <div class="label svelte-1bye8mi">Framework </div> <nav class=svelte-nmqube role=group><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=frameworks type=radio value=Svelte checked> <div class="svelte-xi6tc3 content">Svelte</div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=frameworks type=radio value=Sapper> <div class="svelte-xi6tc3 content">Sapper</div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=frameworks type=radio value=Other> <div class="svelte-xi6tc3 content">Other</div> </label> </nav></div> <p class=svelte-d09q45><strong class=svelte-dfgfbu>Step 1.</strong> Add Attractions and its peer dependencies to your <code>devDependencies</code>: </p> <div class="svelte-1wwtcst copyable"><div class="svelte-1wwtcst filename"><svg class="feather mr feather-terminal" fill=none height=16px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=16px xmlns=http://www.w3.org/2000/svg><polyline points="4 17 10 11 4 5"></polyline><line x1=12 x2=20 y1=19 y2=19></line></svg> Terminal </div> <pre class=language-shell><code class=language-shell><span class="token function">npm</span> <span class="token function">install</span> --save-dev attractions svelte-preprocess sass postcss</code></pre> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> <p class=svelte-d09q45><strong class=svelte-dfgfbu>Step 2.</strong> Add <code>svelte-preprocess</code> to your preprocessor chain (<a href=https://github.com/sveltejs/svelte-preprocess/blob/main/docs/usage.md#with-rollup-plugin-svelte rel=nofollow>as shown here</a>): </p> <div class="svelte-1wwtcst copyable"><div class="svelte-1wwtcst filename"><svg class="feather mr feather-file-text" fill=none height=16px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=16px xmlns=http://www.w3.org/2000/svg><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1=16 x2=8 y1=13 y2=13></line><line x1=16 x2=8 y1=17 y2=17></line><polyline points="10 9 9 9 8 9"></polyline></svg> svelte.config.js</div> <pre class=language-js><code class=language-js><span class="token keyword">const</span> sveltePreprocess <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">'svelte-preprocess'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+
+module<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">{</span>
+  <span class="token literal-property property">preprocess</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token function">sveltePreprocess</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> <div class="svelte-1wwtcst copyable"><div class="svelte-1wwtcst filename"><svg class="feather mr feather-file-text" fill=none height=16px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=16px xmlns=http://www.w3.org/2000/svg><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1=16 x2=8 y1=13 y2=13></line><line x1=16 x2=8 y1=17 y2=17></line><polyline points="10 9 9 9 8 9"></polyline></svg> rollup.config.js</div> <pre class=language-js><code class=language-js><span class="token keyword">import</span> svelte <span class="token keyword">from</span> <span class="token string">'rollup-plugin-svelte'</span><span class="token punctuation">;</span>
+<span class="token keyword">const</span> svelteConfig <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">'./svelte.config.js'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// it has to be a CommonJS import</span>
+
+<span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
+  <span class="token comment">// ...,</span>
+  <span class="token literal-property property">plugins</span><span class="token operator">:</span> <span class="token punctuation">[</span>
+    <span class="token function">svelte</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
+      <span class="token operator">...</span>svelteConfig<span class="token punctuation">,</span>
+      <span class="token comment">// ...,</span>
+    <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
+  <span class="token punctuation">]</span><span class="token punctuation">,</span>
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> <p class=svelte-d09q45><strong class=svelte-dfgfbu>Step 3.</strong> Import the desired components as named imports and use wherever you like! </p> <div class="svelte-1wwtcst copyable"> <pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
+  <span class="token keyword">import</span> <span class="token punctuation">{</span> Button <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'attractions'</span><span class="token punctuation">;</span>
+</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
+
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Button</span><span class="token punctuation">></span></span>click me<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Button</span><span class="token punctuation">></span></span></code></pre> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> <p class=svelte-d09q45>If you'd like to use/edit the Sass variables that Attractions uses for theming or if your <code>node_modules</code> folder is not in the root of your project, take a look at the <a href=./docs/theming><strong class=svelte-dfgfbu>Theming with Sass</strong></a> section. </p> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/migration-guide/index.html b/376/docs/migration-guide/index.html
new file mode 100644
index 000000000..f0a5a9ad4
--- /dev/null
+++ b/376/docs/migration-guide/index.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}</style> <title>Migration Guide – Attractions</title><meta content="Migration Guide – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/migration-guide.9250112d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-no-head.00bd36a6.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style></head> <body> <header class="svelte-z153he padded"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs class="btn svelte-2r4z0x round small" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Migration Guide</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions class="btn svelte-2r4z0x round" rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]" checked> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide class="btn svelte-2r4z0x selected" rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements class="btn svelte-2r4z0x" rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Migration Guide </h1> <p class=svelte-d09q45>Here you may find guidance on upgrading Attractions from one major version to another. </p> <h2 class=svelte-eaesr4>From v2.x to v3.x </h2> <p class=svelte-d09q45>The main change in version 3 is the migration to Sass modules. </p> <p class=svelte-d09q45>If you have existing code that used Sass for styling and was using the old <code>@import</code> statements, consider using the automatic <a href=https://sass-lang.com/documentation/cli/migrator rel=nofollow>Sass Migrator</a> tool first. </p> <p class=svelte-d09q45><strong>Heads up</strong>: if your styles used imports that relied on <code>includePaths</code>, you can still make Sass Migrator understand them by setting the <code>SASS_PATH</code> environment variable to the path that you previously had in your <code>includePaths</code> Sass compiler option. </p> <p class=svelte-d09q45>Once your code is ready for Sass modules, replace Node Sass (<code>node-sass</code>) with Dart Sass (<code>sass</code>). </p> <p class=svelte-d09q45>Update your <code>rollup.config.js</code> to use the new Attractions importers: </p> <pre class=language-js><code class=language-js><span class="token keyword">import</span> autoPreprocess <span class="token keyword">from</span> <span class="token string">'svelte-preprocess'</span><span class="token punctuation">;</span>
+<span class="token keyword">import</span> makeAttractionsImporter <span class="token keyword">from</span> <span class="token string">'attractions/importer.js'</span><span class="token punctuation">;</span>
+
+<span class="token keyword">const</span> preprocessChain <span class="token operator">=</span> <span class="token punctuation">[</span>
+  <span class="token function">autoPreprocess</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
+    <span class="token property literal-property">scss</span><span class="token operator">:</span> <span class="token punctuation">{</span>
+      <span class="token property literal-property">importer</span><span class="token operator">:</span> <span class="token function">makeAttractionsImporter</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
+        <span class="token comment">// If you previously had a file that was overriding Attractions variables,</span>
+        <span class="token comment">//   provide the path to it here.</span>
+        <span class="token comment">// If it was empty, you may delete it, omit this parameter</span>
+        <span class="token comment">//   and call the function with no arguments.</span>
+        <span class="token property literal-property">themeFile</span><span class="token operator">:</span> <span class="token string">'./static/css/_attractions-theme.scss'</span><span class="token punctuation">,</span>
+      <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
+
+      <span class="token property literal-property">includePaths</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token string">'./static/css'</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
+    <span class="token punctuation">}</span><span class="token punctuation">,</span>
+  <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
+<span class="token punctuation">]</span><span class="token punctuation">;</span></code></pre> <p class=svelte-d09q45>Lastly, if your <code>_attractions-theme.scss</code> had any variable overrides, move them to the module configuration. </p> <p class=svelte-d09q45>Before: </p> <pre class=language-scss><code class=language-scss><span class="token keyword">@import</span> <span class="token string">'_attractions-theme.scss'</span><span class="token punctuation">;</span>
+<span class="token property"><span class="token variable">$font</span></span><span class="token punctuation">:</span> <span class="token string">'Open Sans'</span><span class="token punctuation">,</span> sans-serif<span class="token punctuation">;</span>
+<span class="token property"><span class="token variable">$main</span></span><span class="token punctuation">:</span> green<span class="token punctuation">;</span>
+<span class="token property"><span class="token variable">$my-custom-variable</span></span><span class="token punctuation">:</span> 1px<span class="token punctuation">;</span></code></pre> <p class=svelte-d09q45>After: </p> <pre class=language-scss><code class=language-scss><span class="token keyword">@forward</span> <span class="token string">"~attractions/_variables"</span> <span class="token keyword module-modifier">with</span> <span class="token punctuation">(</span>
+  <span class="token property"><span class="token variable">$font</span></span><span class="token punctuation">:</span> <span class="token punctuation">(</span><span class="token string">'Open Sans'</span><span class="token punctuation">,</span> sans-serif<span class="token punctuation">)</span><span class="token punctuation">,</span>
+  <span class="token property"><span class="token variable">$main</span></span><span class="token punctuation">:</span> green<span class="token punctuation">;</span>
+<span class="token punctuation">)</span><span class="token punctuation">;</span>
+<span class="token property"><span class="token variable">$my-custom-variable</span></span><span class="token punctuation">:</span> 1px<span class="token punctuation">;</span></code></pre> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/theming/index.html b/376/docs/theming/index.html
new file mode 100644
index 000000000..dd96d9639
--- /dev/null
+++ b/376/docs/theming/index.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}.copyable.svelte-1wwtcst.svelte-1wwtcst{background:#fcfcfc;border-radius:.3em;position:relative}.copyable.svelte-1wwtcst .filename.svelte-1wwtcst{align-items:center;display:flex;font-size:.8em;font-weight:500;padding:.5em 1rem}.copyable.svelte-1wwtcst .filename+pre{margin-top:0;padding-top:.5em}.copyable.svelte-1wwtcst>.btn{position:absolute;right:.3em;top:.3em}h2.svelte-eaesr4{font-size:1.3em;font-weight:500;margin:2em 0 1em}@media only screen and (min-width:640px){h2.svelte-eaesr4{font-size:1.4em}}@media only screen and (min-width:840px){h2.svelte-eaesr4{font-size:1.5em}}</style> <title>Theming with Sass – Attractions</title><meta content="Theming with Sass – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/theming.035e44f5.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/copyable-code.1fddc954.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/h2.122c8b9f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/copyable-code-28a0f74e.css rel=preload as=style><link href=/attractions/376/client/h2-af7b8c59.css rel=preload as=style></head> <body> <header class="svelte-z153he padded"><a class="svelte-z153he logo" href=./ ><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a class="btn svelte-2r4z0x round small" href=/docs rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Theming</div></div> </nav> <div class="svelte-z153he clickables"> <a class="btn svelte-2r4z0x round" href=https://github.com/illright/attractions rel=prefetch sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]" checked> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a class="btn svelte-2r4z0x" href=./docs/changelog rel=prefetch sapper:prefetch sveltekit:prefetch>Changelog </a><a class="btn svelte-2r4z0x" href=./docs/migration-guide rel=prefetch sapper:prefetch sveltekit:prefetch>Migration Guide </a><a class="btn svelte-2r4z0x" href=./docs/installation rel=prefetch sapper:prefetch sveltekit:prefetch>Installation </a><a class="btn svelte-2r4z0x selected" href=./docs/theming rel=prefetch sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a class="btn svelte-2r4z0x" href=./docs/components/accordion rel=prefetch sapper:prefetch sveltekit:prefetch>Accordion </a><a class="btn svelte-2r4z0x" href=./docs/components/autocomplete rel=prefetch sapper:prefetch sveltekit:prefetch>Autocomplete </a><a class="btn svelte-2r4z0x" href=./docs/components/badge rel=prefetch sapper:prefetch sveltekit:prefetch>Badge </a><a class="btn svelte-2r4z0x" href=./docs/components/breadcrumbs rel=prefetch sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a class="btn svelte-2r4z0x" href=./docs/components/button rel=prefetch sapper:prefetch sveltekit:prefetch>Button </a><a class="btn svelte-2r4z0x" href=./docs/components/card rel=prefetch sapper:prefetch sveltekit:prefetch>Card </a><a class="btn svelte-2r4z0x" href=./docs/components/checkbox-group rel=prefetch sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a class="btn svelte-2r4z0x" href=./docs/components/chip rel=prefetch sapper:prefetch sveltekit:prefetch>Chip </a><a class="btn svelte-2r4z0x" href=./docs/components/date-picker rel=prefetch sapper:prefetch sveltekit:prefetch>DatePicker </a><a class="btn svelte-2r4z0x" href=./docs/components/dialog rel=prefetch sapper:prefetch sveltekit:prefetch>Dialog </a><a class="btn svelte-2r4z0x" href=./docs/components/divider rel=prefetch sapper:prefetch sveltekit:prefetch>Divider </a><a class="btn svelte-2r4z0x" href=./docs/components/dot rel=prefetch sapper:prefetch sveltekit:prefetch>Dot </a><a class="btn svelte-2r4z0x" href=./docs/components/dropdown rel=prefetch sapper:prefetch sveltekit:prefetch>Dropdown </a><a class="btn svelte-2r4z0x" href=./docs/components/file-dropzone rel=prefetch sapper:prefetch sveltekit:prefetch>FileDropzone </a><a class="btn svelte-2r4z0x" href=./docs/components/file-input rel=prefetch sapper:prefetch sveltekit:prefetch>FileInput </a><a class="btn svelte-2r4z0x" href=./docs/components/form-field rel=prefetch sapper:prefetch sveltekit:prefetch>FormField </a><a class="btn svelte-2r4z0x" href=./docs/components/loading rel=prefetch sapper:prefetch sveltekit:prefetch>Loading </a><a class="btn svelte-2r4z0x" href=./docs/components/modal rel=prefetch sapper:prefetch sveltekit:prefetch>Modal </a><a class="btn svelte-2r4z0x" href=./docs/components/pagination rel=prefetch sapper:prefetch sveltekit:prefetch>Pagination </a><a class="btn svelte-2r4z0x" href=./docs/components/popover rel=prefetch sapper:prefetch sveltekit:prefetch>Popover </a><a class="btn svelte-2r4z0x" href=./docs/components/radio-group rel=prefetch sapper:prefetch sveltekit:prefetch>RadioGroup </a><a class="btn svelte-2r4z0x" href=./docs/components/slider rel=prefetch sapper:prefetch sveltekit:prefetch>Slider </a><a class="btn svelte-2r4z0x" href=./docs/components/snackbar-container rel=prefetch sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a class="btn svelte-2r4z0x" href=./docs/components/star-rating rel=prefetch sapper:prefetch sveltekit:prefetch>StarRating </a><a class="btn svelte-2r4z0x" href=./docs/components/switch rel=prefetch sapper:prefetch sveltekit:prefetch>Switch </a><a class="btn svelte-2r4z0x" href=./docs/components/table rel=prefetch sapper:prefetch sveltekit:prefetch>Table </a><a class="btn svelte-2r4z0x" href=./docs/components/tabs rel=prefetch sapper:prefetch sveltekit:prefetch>Tabs </a><a class="btn svelte-2r4z0x" href=./docs/components/text-field rel=prefetch sapper:prefetch sveltekit:prefetch>TextField </a><a class="btn svelte-2r4z0x" href=./docs/components/time-picker rel=prefetch sapper:prefetch sveltekit:prefetch>TimePicker </a><a class="btn svelte-2r4z0x" href=./docs/components/typography rel=prefetch sapper:prefetch sveltekit:prefetch>Typography </a> </section><a class="btn svelte-2r4z0x" href=./docs/utilities rel=prefetch sapper:prefetch sveltekit:prefetch>Utilities </a><a class="btn svelte-2r4z0x" href=./docs/custom-elements rel=prefetch sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Theming with Sass </h1> <p class=svelte-d09q45>If you'd like to access/customize the Sass variables of the library or your <code>node_modules</code> folder is not in the root of your project, then you'll need a Sass importer. No stress though! We already built one for you. </p> <p class=svelte-d09q45>In your <code>svelte.config.js</code> (or wherever you configured <code>svelte-preprocess</code>), import the <code>makeAttractionsImporter</code> function: </p> <div class="svelte-1wwtcst copyable"><div class="svelte-1wwtcst filename"><svg class="feather feather-file-text mr" fill=none height=16px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=16px xmlns=http://www.w3.org/2000/svg><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1=16 x2=8 y1=13 y2=13></line><line x1=16 x2=8 y1=17 y2=17></line><polyline points="10 9 9 9 8 9"></polyline></svg> svelte.config.js</div> <pre class=language-js><code class=language-js><span class="token keyword">const</span> sveltePreprocess <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">'svelte-preprocess'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+<span class="token keyword">const</span> makeAttractionsImporter <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">'attractions/importer.js'</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> <p class=svelte-d09q45>This function can be called with no arguments to create an importer that allows importing Sass stuff from Attractions or with an option object to override the default theme and/or the <code>node_modules</code> path. </p> <h2 class=svelte-eaesr4>Importing Sass stuff </h2> <p class=svelte-d09q45>What is there to import in Sass? Variables, mostly, however, if you ever have a need to mimic some component from Attractions with different functionality, you also have access to the mixins that are used internally. Feel free to explore the source code for more information. </p> <p class=svelte-d09q45>Create a default importer in your <code>svelte.config.js</code>: </p> <div class="svelte-1wwtcst copyable"><div class="svelte-1wwtcst filename"><svg class="feather feather-file-text mr" fill=none height=16px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=16px xmlns=http://www.w3.org/2000/svg><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1=16 x2=8 y1=13 y2=13></line><line x1=16 x2=8 y1=17 y2=17></line><polyline points="10 9 9 9 8 9"></polyline></svg> svelte.config.js</div> <pre class=language-js><code class=language-js>module<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">{</span>
+  <span class="token property literal-property">preprocess</span><span class="token operator">:</span> <span class="token punctuation">[</span>
+    <span class="token function">sveltePreprocess</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
+      <span class="token property literal-property">scss</span><span class="token operator">:</span> <span class="token punctuation">{</span>
+        <span class="token property literal-property">importer</span><span class="token operator">:</span> <span class="token function">makeAttractionsImporter</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
+      <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
+  <span class="token punctuation">]</span><span class="token punctuation">,</span>
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> <p class=svelte-d09q45>Then in SCSS files you'll have <code>~attractions/*</code> imports: </p> <div class="svelte-1wwtcst copyable"> <pre class=language-scss><code class=language-scss><span class="token keyword">@use</span> <span class="token string">'~attractions/_variables'</span><span class="token punctuation">;</span>
+<span class="token keyword">@use</span> <span class="token string">'~attractions/_mixins'</span><span class="token punctuation">;</span>
+<span class="token keyword">@use</span> <span class="token string">'~attractions/_appearances'</span><span class="token punctuation">;</span>
+
+<span class="token selector">.something </span><span class="token punctuation">{</span>
+  <span class="token property">color</span><span class="token punctuation">:</span> variables.<span class="token variable">$main</span><span class="token punctuation">;</span>
+
+  <span class="token comment">// See the source code to discover these internal mixins:</span>
+  <span class="token keyword">@include</span> appearances.button<span class="token punctuation">;</span>
+  <span class="token keyword">@include</span> mixins.<span class="token keyword module-modifier">show</span>-on-focus<span class="token punctuation">;</span>
+<span class="token punctuation">}</span></code></pre> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> <p class=svelte-d09q45>For a list of variables to customize, refer to the documentation of each component, there's a table with all the variables that this component uses. </p> <h2 class=svelte-eaesr4>Overriding Sass variables </h2> <p class=svelte-d09q45>If you want to tweak the appearance of components to your liking, you can override any SCSS variable in Attractions by configuring the <code>_variables</code> module. We suggest you create a separate SCSS file for that. </p> <div class="svelte-1wwtcst copyable"><div class="svelte-1wwtcst filename"><svg class="feather feather-file-text mr" fill=none height=16px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=16px xmlns=http://www.w3.org/2000/svg><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1=16 x2=8 y1=13 y2=13></line><line x1=16 x2=8 y1=17 y2=17></line><polyline points="10 9 9 9 8 9"></polyline></svg> static/css/theme.scss</div> <pre class=language-scss><code class=language-scss><span class="token keyword">@forward</span> <span class="token string">'~attractions/_variables'</span> <span class="token keyword module-modifier">with</span> <span class="token punctuation">(</span>
+  <span class="token property"><span class="token variable">$main</span></span><span class="token punctuation">:</span> green<span class="token punctuation">,</span>
+  <span class="token property"><span class="token variable">$font</span></span><span class="token punctuation">:</span> <span class="token string">"'Open Sans', sans-serif"</span><span class="token punctuation">,</span>
+<span class="token punctuation">)</span><span class="token punctuation">;</span>
+<span class="token property"><span class="token variable">$something-else</span></span><span class="token punctuation">:</span> red<span class="token punctuation">;</span></code></pre> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> <div class="svelte-1wwtcst copyable"><div class="svelte-1wwtcst filename"><svg class="feather feather-file-text mr" fill=none height=16px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=16px xmlns=http://www.w3.org/2000/svg><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1=16 x2=8 y1=13 y2=13></line><line x1=16 x2=8 y1=17 y2=17></line><polyline points="10 9 9 9 8 9"></polyline></svg> svelte.config.js</div> <pre class=language-js><code class=language-js><span class="token keyword">const</span> path <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">'path'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+
+module<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">{</span>
+  <span class="token property literal-property">preprocess</span><span class="token operator">:</span> <span class="token punctuation">[</span>
+    <span class="token function">sveltePreprocess</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
+      <span class="token property literal-property">scss</span><span class="token operator">:</span> <span class="token punctuation">{</span>
+        <span class="token property literal-property">importer</span><span class="token operator">:</span> <span class="token function">makeAttractionsImporter</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
+          <span class="token comment">// specify the path to your theme file, relative to this file</span>
+          <span class="token property literal-property">themeFile</span><span class="token operator">:</span> path<span class="token punctuation">.</span><span class="token function">join</span><span class="token punctuation">(</span>__dirname<span class="token punctuation">,</span> <span class="token string">'static/css/theme.scss'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
+        <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
+        <span class="token comment">// not mandatory but nice to have for concise imports</span>
+        <span class="token property literal-property">includePaths</span><span class="token operator">:</span> <span class="token punctuation">[</span>path<span class="token punctuation">.</span><span class="token function">join</span><span class="token punctuation">(</span>__dirname<span class="token punctuation">,</span> <span class="token string">'./static/css'</span><span class="token punctuation">)</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
+      <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
+  <span class="token punctuation">]</span><span class="token punctuation">,</span>
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> <div class="svelte-1wwtcst copyable"><div class="svelte-1wwtcst filename"><svg class="feather feather-file-text mr" fill=none height=16px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=16px xmlns=http://www.w3.org/2000/svg><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1=16 x2=8 y1=13 y2=13></line><line x1=16 x2=8 y1=17 y2=17></line><polyline points="10 9 9 9 8 9"></polyline></svg> some-component.svelte</div> <pre class=language-svelte><code class=language-svelte><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token punctuation">/></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>style</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>scss<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token style"><span class="token language-css">
+  <span class="token comment">/* because the directory of `theme.scss` is in `includePaths` */</span>
+  <span class="token atrule"><span class="token rule">@use</span> <span class="token string">'theme.scss'</span><span class="token punctuation">;</span></span>
+
+  <span class="token selector">div</span> <span class="token punctuation">{</span>
+    <span class="token property">color</span><span class="token punctuation">:</span> theme.$main<span class="token punctuation">;</span>
+  <span class="token punctuation">}</span>
+</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>style</span><span class="token punctuation">></span></span></code></pre> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> <h2 class=svelte-eaesr4>Changing the <code>node_modules</code> location </h2> <p class=svelte-d09q45>There might be cases where you would have your <code>node_modules</code> be in some other place than the project root (such as when you're using workspaces). </p> <p class=svelte-d09q45>In that case, you should inform the importer of the correct location with the <code>nodeModulesPath</code> option: </p> <div class="svelte-1wwtcst copyable"><div class="svelte-1wwtcst filename"><svg class="feather feather-file-text mr" fill=none height=16px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=16px xmlns=http://www.w3.org/2000/svg><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1=16 x2=8 y1=13 y2=13></line><line x1=16 x2=8 y1=17 y2=17></line><polyline points="10 9 9 9 8 9"></polyline></svg> svelte.config.js</div> <pre class=language-js><code class=language-js><span class="token keyword">const</span> path <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">'path'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+
+module<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">{</span>
+  <span class="token property literal-property">preprocess</span><span class="token operator">:</span> <span class="token punctuation">[</span>
+    <span class="token function">sveltePreprocess</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
+      <span class="token property literal-property">scss</span><span class="token operator">:</span> <span class="token punctuation">{</span>
+        <span class="token property literal-property">importer</span><span class="token operator">:</span> <span class="token function">makeAttractionsImporter</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
+          <span class="token property literal-property">themeFile</span><span class="token operator">:</span> path<span class="token punctuation">.</span><span class="token function">join</span><span class="token punctuation">(</span>__dirname<span class="token punctuation">,</span> <span class="token string">'static/css/theme.scss'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
+          <span class="token property literal-property">nodeModulesPath</span><span class="token operator">:</span> path<span class="token punctuation">.</span><span class="token function">join</span><span class="token punctuation">(</span>__dirname<span class="token punctuation">,</span> <span class="token string">'../node_modules'</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
+        <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
+      <span class="token punctuation">}</span><span class="token punctuation">,</span>
+    <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
+  <span class="token punctuation">]</span><span class="token punctuation">,</span>
+<span class="token punctuation">}</span><span class="token punctuation">;</span></code></pre> <button class="btn svelte-2r4z0x round small" type=button title=Copy><svg class="feather feather-copy" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><rect height=13 rx=2 ry=2 width=13 x=9 y=9></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button> </div> </article> </main> 
\ No newline at end of file
diff --git a/376/docs/utilities/index.html b/376/docs/utilities/index.html
new file mode 100644
index 000000000..b8f96d77b
--- /dev/null
+++ b/376/docs/utilities/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bviqj5.svelte-1bviqj5{display:flex;margin:1em 0 2em}main.svelte-1bviqj5 article.svelte-1bviqj5{padding:1em 0;width:100%}main.svelte-1bviqj5 .required{color:#4300b0;font-size:.9em}@media only screen and (min-width:1024px){main.svelte-1bviqj5.svelte-1bviqj5{flex:1;margin-top:2em}}main.svelte-1bviqj5 small{display:block;white-space:nowrap}main.svelte-1bviqj5 mark{background:0 0;color:#4300b0}main.svelte-1bviqj5 mark code{color:#4300b0}.center.svelte-1bviqj5.svelte-1bviqj5{display:flex;justify-content:center;margin-top:2em}header.svelte-z153he.svelte-z153he{align-items:center;border-bottom:1px solid rgba(67,0,176,.25);display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.6em}header.svelte-z153he .clickables.svelte-z153he,header.svelte-z153he .logo.svelte-z153he{align-items:center;display:flex}header.svelte-z153he .logo.svelte-z153he{margin-left:1.7em;text-decoration:none}header.svelte-z153he .logo span.svelte-z153he{color:#000;font-size:1.25em;font-weight:500;margin-left:.7em}header.svelte-z153he .clickables.svelte-z153he{margin-right:1em}header.svelte-z153he .clickables.svelte-z153he .dropdown-chevron{margin-top:-2px}nav.svelte-o18kkv{align-items:center;display:flex;flex:1;font-weight:300;margin:0 2em}nav.svelte-o18kkv>.node{margin:0 .25em}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}nav.svelte-lbppb3{display:flex;justify-content:space-between;margin:.5em 0 0;overflow:auto;padding-bottom:.5em}nav.svelte-lbppb3 .tab{margin:0 .25em}nav.svelte-lbppb3 .tab .tab-chevron{transition:transform 150ms}nav.svelte-lbppb3 .tab.selected .tab-chevron{transform:rotate(180deg)}@media only screen and (max-width:479px){nav.svelte-lbppb3{padding-right:0}nav.svelte-lbppb3::after{content:"";display:block;flex:1 0 .5em;width:.5em}}@media only screen and (min-width:1024px){nav.svelte-lbppb3{display:none}}nav.svelte-lbppb3+.dropdown{align-items:flex-start;display:flex;flex-direction:column;margin:-.25em .5em .5em;padding:.5em}nav.svelte-lbppb3+.dropdown .btn{margin-top:.25em}.dropdown-shell.svelte-1j957tq{position:relative}.dropdown-shell.svelte-1j957tq:not(.open)>.dropdown{display:none}.dropdown-shell.svelte-1j957tq .dropdown-chevron{margin-bottom:-.125em;transition:transform 150ms}.dropdown-shell.open.svelte-1j957tq .dropdown-chevron{transform:scaleY(-1)}.tab.svelte-xi6tc3.svelte-xi6tc3.svelte-xi6tc3{align-items:stretch;display:flex}.tab.svelte-xi6tc3>input.svelte-xi6tc3.svelte-xi6tc3{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.tab.svelte-xi6tc3 .ripple{background:rgba(67,0,176,.1)}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3{align-items:center;border:0 solid #eaeaea;border-bottom-width:.125em;border-top-left-radius:.3125em;border-top-right-radius:.3125em;color:#4300b0;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;padding:.7em .6em .5em}.tab.svelte-xi6tc3>.content.svelte-xi6tc3.svelte-xi6tc3:hover{background:rgba(170,170,170,.1)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:disabled+.content.svelte-xi6tc3{color:#888;cursor:not-allowed}.tab.svelte-xi6tc3>input.svelte-xi6tc3:focus+.content.svelte-xi6tc3{background:rgba(170,170,170,.15)}.tab.svelte-xi6tc3>input.svelte-xi6tc3:checked+.content.svelte-xi6tc3{border-color:rgba(67,0,176,.6)}.dropdown.svelte-1fhqrqw{background:#fff;border-radius:1.25em;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);margin-top:.3125em;position:absolute;z-index:900}.dropdown.top.svelte-1fhqrqw{margin-top:-.3125em;top:0;transform:translateY(-100%)}.dropdown.svelte-1fhqrqw:not(.right){left:0}.dropdown.right.svelte-1fhqrqw{right:0}nav.svelte-7m9z4a{display:none}@media only screen and (min-width:1024px){nav.svelte-7m9z4a{border-right:1px solid rgba(67,0,176,.25);display:block;margin-right:3em;min-width:13em;padding:.5em .5em .5em 0}nav.svelte-7m9z4a .btn{margin-bottom:.25em;white-space:nowrap}nav.svelte-7m9z4a .accordion{align-items:flex-start;display:flex;flex-direction:column}nav.svelte-7m9z4a .accordion section{align-items:flex-start;border-left:1px solid #ddd;display:flex;flex-direction:column;margin:.5em 0 .5em 1em;padding-left:.5em}}.accordion.svelte-1mw2pgr{list-style:none;margin:0;padding-left:0}.panel.svelte-16quehj:not(.open)+section.svelte-16quehj{display:none}.panel.svelte-16quehj .accordion-chevron{margin-bottom:-.125em;transition:transform .1s}.panel.open.svelte-16quehj .accordion-chevron{transform:rotate(180deg)}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}p.svelte-d09q45{margin:0 0 .5em}table.svelte-174o5ul{border-collapse:separate;border-spacing:0;display:block;margin-bottom:1em;overflow-x:auto}tr.svelte-1mf82y5:nth-child(even){background:rgba(67,0,176,.03)}tr.svelte-1mf82y5:first-child>td:first-child{border-top-left-radius:.5em}tr.svelte-1mf82y5:first-child>td:last-child{border-top-right-radius:.5em}tr.svelte-1mf82y5:last-child>td{border-bottom-width:1px}tr.svelte-1mf82y5:last-child>td:first-child{border-bottom-left-radius:.5em}tr.svelte-1mf82y5:last-child>td:last-child{border-bottom-right-radius:.5em}th.svelte-pwzfgs{padding:.5em 1em;text-align:left}.label.svelte-1bye8mi{color:#4300b0;font-size:.8em;font-weight:500;text-transform:uppercase}.label.small.svelte-1bye8mi{font-size:.7em}td.svelte-2jo25p{border:0 solid rgba(67,0,176,.25);border-width:1px 0 0 1px;line-height:1.3em;padding:1em}td.svelte-2jo25p:last-child{border-right-width:1px}</style> <title>Utility functions – Attractions</title><meta content="Utility functions – Attractions" name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{},{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/utilities.1f2e532b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout.b2760304.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.e069c294.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/layout-8e1ef5b9.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/table-4b993a74.css rel=preload as=style></head> <body> <header class="svelte-z153he padded"><a href=./ class="svelte-z153he logo"><img alt=Logo height=30 src=logo-no-bg.svg width=30> <span class="svelte-z153he hide-on-less-tb">Attractions</span></a> <nav class="breadcrumbs svelte-o18kkv"> <div slot=item><a href=/docs rel=prefetch class="btn svelte-2r4z0x round small" sapper:prefetch sveltekit:prefetch><svg class="feather feather-home" fill=none height=20px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=20px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></div> <div class=node>/</div> <div slot=item><div class=node>Utilities</div></div> </nav> <div class="svelte-z153he clickables"> <a href=https://github.com/illright/attractions rel=prefetch class="btn svelte-2r4z0x round" sapper:prefetch sveltekit:prefetch><svg class="feather feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div> </header> <div class="dropdown-shell svelte-1j957tq"><nav class="padded mobile svelte-lbppb3"><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content"><svg class="feather feather-home" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Changelog </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Migration Guide </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Installation </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Theming with Sass </div> </label><label class="svelte-xi6tc3 tab"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Components <svg class="feather feather-chevron-down ml tab-chevron" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]" checked> <div class="svelte-xi6tc3 content">Utilities </div> </label><label class="svelte-xi6tc3 tab selected"><input class=svelte-xi6tc3 name=nav-mobile type=radio value="[object Object]"> <div class="svelte-xi6tc3 content">Custom Elements </div> </label></nav> <div class="dropdown svelte-1fhqrqw"> </div> </div> <main class="padded extra svelte-1bviqj5"><nav class="desktop svelte-7m9z4a"><ul class="accordion svelte-1mw2pgr"><a href=./docs/changelog rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Changelog </a><a href=./docs/migration-guide rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Migration Guide </a><a href=./docs/installation rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Installation </a><a href=./docs/theming rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Theming with Sass </a><li class="svelte-16quehj panel"><div slot=handle><button class="btn svelte-2r4z0x" type=button>Components <svg class="feather feather-chevron-down ml accordion-chevron" fill=none height=18px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=18px xmlns=http://www.w3.org/2000/svg><polyline points="6 9 12 15 18 9"></polyline></svg> </button> </div></li> <section class=svelte-16quehj><a href=./docs/components/accordion rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Accordion </a><a href=./docs/components/autocomplete rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Autocomplete </a><a href=./docs/components/badge rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Badge </a><a href=./docs/components/breadcrumbs rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Breadcrumbs </a><a href=./docs/components/button rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Button </a><a href=./docs/components/card rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Card </a><a href=./docs/components/checkbox-group rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>CheckboxGroup </a><a href=./docs/components/chip rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Chip </a><a href=./docs/components/date-picker rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>DatePicker </a><a href=./docs/components/dialog rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Dialog </a><a href=./docs/components/divider rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Divider </a><a href=./docs/components/dot rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Dot </a><a href=./docs/components/dropdown rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Dropdown </a><a href=./docs/components/file-dropzone rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>FileDropzone </a><a href=./docs/components/file-input rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>FileInput </a><a href=./docs/components/form-field rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>FormField </a><a href=./docs/components/loading rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Loading </a><a href=./docs/components/modal rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Modal </a><a href=./docs/components/pagination rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Pagination </a><a href=./docs/components/popover rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Popover </a><a href=./docs/components/radio-group rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>RadioGroup </a><a href=./docs/components/slider rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Slider </a><a href=./docs/components/snackbar-container rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>SnackbarContainer </a><a href=./docs/components/star-rating rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>StarRating </a><a href=./docs/components/switch rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Switch </a><a href=./docs/components/table rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Table </a><a href=./docs/components/tabs rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Tabs </a><a href=./docs/components/text-field rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>TextField </a><a href=./docs/components/time-picker rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>TimePicker </a><a href=./docs/components/typography rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Typography </a> </section><a href=./docs/utilities rel=prefetch class="btn svelte-2r4z0x selected" sapper:prefetch sveltekit:prefetch>Utilities </a><a href=./docs/custom-elements rel=prefetch class="btn svelte-2r4z0x" sapper:prefetch sveltekit:prefetch>Custom Elements </a> </ul> </nav> <article class=svelte-1bviqj5> <h1 class=svelte-9b0tta>Utility functions </h1> <p class=svelte-d09q45>A collection of helper functions that can be imported by name from <code>attractions/utils</code>. For example: <code>import { classes } from 'attractions/utils';</code> </p> <table class=svelte-174o5ul><thead><tr class=svelte-1mf82y5><th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Name </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Signature </div> </th> <th class=svelte-pwzfgs><div class="label svelte-1bye8mi">Description </div> </th> </thead> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>callOnSight</code></strong> </td> <td class=svelte-2jo25p><code>(node, { callback, args }) => { destroy }</code> </td> <td class=svelte-2jo25p>An <a href=https://svelte.dev/tutorial/actions rel=nofollow>action</a> that is intended to be used with the <code>use</code> directive. Calls the provided <code>callback</code> with the given <code>args</code> (spreaded) once the component appears on the screen. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>classes</code></strong> </td> <td class=svelte-2jo25p><code>(...args) => string</code> </td> <td class=svelte-2jo25p>Filters the falsey values from the given arguments and concatenates the rest in one string. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>getColorPickerStyles</code></strong> </td> <td class=svelte-2jo25p><code>(hexColor: string) => string</code> </td> <td class=svelte-2jo25p>Returns the styles needed for displaying a radiobutton or a checkbox with the given color. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>dynamicTransition</code></strong> </td> <td class=svelte-2jo25p><code>(node, { transition, options }) => Transition</code> </td> <td class=svelte-2jo25p>Create a transition that allows specifying a transition programmatically or disable it altogether. To be used with the <a href=https://svelte.dev/tutorial/transition rel=nofollow><code>transition</code></a> directive. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>escapeRegExp</code></strong> </td> <td class=svelte-2jo25p><code>(string: string) => string</code> </td> <td class=svelte-2jo25p>A small function to escape the regexp characters in a string. Taken from <a href=https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping rel=nofollow>MDN</a>. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>events</code></strong> </td> <td class=svelte-2jo25p><code>(node, args: {name, handler}[]) => { destroy }</code> </td> <td class=svelte-2jo25p>An action to set up arbitrary event listeners dynamically. Can be used to define multiple handlers for the same event. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>formatFileSize</code></strong> </td> <td class=svelte-2jo25p><code>(bytes: number) => string</code> </td> <td class=svelte-2jo25p>Format the file size in bytes to a human-readable format. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>formatFileType</code></strong> </td> <td class=svelte-2jo25p><code>(filename: string) => string</code> </td> <td class=svelte-2jo25p>Format the file type from the extension. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>s</code></strong> </td> <td class=svelte-2jo25p><code>(amount: number) => string</code> </td> <td class=svelte-2jo25p>Returns an 's' character to use for pluralization if the amount is not one. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>range</code></strong> </td> <td class=svelte-2jo25p><code>(start, end, step) => Generator&lt;number></code> </td> <td class=svelte-2jo25p>Generates a (Python-like) semi-open range. </td> </tr> <tr class=svelte-1mf82y5><td class=svelte-2jo25p><strong><code>ripple</code></strong> </td> <td class=svelte-2jo25p><code>(node, options) => { destroy, update }</code> </td> <td class=svelte-2jo25p>An action that adds a ripple effect to the component on the specified event. Possible options are: <br><ul><li><code>event</code> (defaults to <code>click</code>)<li><code>transition</code>: specifies the transition time (defaults to <code>150</code>)<li><code>zIndex</code> (defaults to <code>'100'</code>)<li><code>bg</code>: specifies the background color of the ripple (defaults to <code>null</code>)<li><code>disabled</code>: disables the ripple (defaults to <code>false</code>)</ul> </td> </tbody> </table> </article> </main> 
\ No newline at end of file
diff --git a/376/favicon-16x16.png b/376/favicon-16x16.png
new file mode 100644
index 000000000..4c0ff23dc
Binary files /dev/null and b/376/favicon-16x16.png differ
diff --git a/376/favicon-32x32.png b/376/favicon-32x32.png
new file mode 100644
index 000000000..a17c6a73c
Binary files /dev/null and b/376/favicon-32x32.png differ
diff --git a/376/favicon.ico b/376/favicon.ico
new file mode 100644
index 000000000..a938e2293
Binary files /dev/null and b/376/favicon.ico differ
diff --git a/376/index.html b/376/index.html
new file mode 100644
index 000000000..c990c2886
--- /dev/null
+++ b/376/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <style>html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;font-family:Ubuntu,sans-serif;margin:0;min-height:100vh}p{letter-spacing:.1px;line-height:1.45em}strong{font-weight:500}a{color:#4300b0}a:visited{color:#50005f}.ml{margin-left:.4em}.mr{margin-right:.4em}.mb{margin-bottom:.4em}.padded{padding-left:.5em;padding-right:.5em}.padded.extra{padding-left:1em;padding-right:1em}@media only screen and (min-width:640px){.padded,.padded.extra{padding-left:2em;padding-right:2em}}@media only screen and (min-width:1024px){.padded,.padded.extra{padding-left:8%;padding-right:8%}}@media only screen and (max-width:639px){.hide-on-less-tb{display:none}}@media only screen and (min-width:640px){.hide-on-tb-more{display:none}}main.svelte-1bg8jus.svelte-1bg8jus{background:rgba(67,0,176,.07);padding:2.4em .5em}main.svelte-1bg8jus mark.svelte-1bg8jus{background:0 0;color:#4300b0}main.svelte-1bg8jus>.card{align-items:center;display:flex;flex-direction:column;position:relative;z-index:20}main.svelte-1bg8jus>.card header{align-items:center;display:flex;margin-top:1em}main.svelte-1bg8jus>.card header img{margin-right:1em;width:2em}main.svelte-1bg8jus>.card header h1{color:#000;margin-bottom:0}main.svelte-1bg8jus>.card header a{margin-left:1em}main.svelte-1bg8jus>.card p{font-weight:300;margin-top:1.5em}main.svelte-1bg8jus>.card .actions{display:flex}main.svelte-1bg8jus .strip.svelte-1bg8jus{background:#4300b0;height:3.6em;left:0;position:absolute;top:10.3em;width:100%;z-index:10}main.svelte-1bg8jus footer.svelte-1bg8jus{margin-top:2em;padding-bottom:1em}main.svelte-1bg8jus footer p.svelte-1bg8jus{font-size:.95em;font-weight:300;margin:.7em 0 0;text-align:center}@media only screen and (min-width:360px){main.svelte-1bg8jus.svelte-1bg8jus{align-items:center;display:flex;flex-direction:column}main.svelte-1bg8jus>.card{padding:1.5em 2em}}@media only screen and (min-width:640px){main.svelte-1bg8jus>.card{padding:2em 3.5em}main.svelte-1bg8jus .strip.svelte-1bg8jus{height:8em}}@media only screen and (min-width:1024px){main.svelte-1bg8jus.svelte-1bg8jus{column-gap:4em;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto 1fr;min-height:100vh;padding:0 5%}main.svelte-1bg8jus .info-tiles,main.svelte-1bg8jus>.card{grid-row:2}main.svelte-1bg8jus .card{width:max-content}main.svelte-1bg8jus footer.svelte-1bg8jus{align-self:end;grid-column:span 2;grid-row:3;padding-bottom:2em}main.svelte-1bg8jus .strip.svelte-1bg8jus{height:100%;left:calc(5% - 1em);top:0;width:11em}}@media only screen and (min-width:1200px){main.svelte-1bg8jus.svelte-1bg8jus{padding:0 15%}main.svelte-1bg8jus .strip.svelte-1bg8jus{left:calc(15% - 1em)}}.card.svelte-1bts72l{background-color:#fff;border-radius:1.25em;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);overflow:hidden;padding:1.5em}.card.no-padding.svelte-1bts72l{padding:0}.card.outline.svelte-1bts72l{border:1px solid rgba(67,0,176,.3);box-shadow:none}h1.svelte-9b0tta{color:#4300b0;font-size:1.4em;font-weight:500;margin:0 0 .5em}@media only screen and (min-width:640px){h1.svelte-9b0tta{font-size:1.55em}}@media only screen and (min-width:840px){h1.svelte-9b0tta{font-size:1.7em}}@media only screen and (min-width:1024px){h1.svelte-9b0tta{font-size:1.8em}}.btn.svelte-2r4z0x{align-items:center;cursor:pointer;display:flex;font-family:Ubuntu,sans-serif;font-weight:500;outline:0;background:0 0;border-radius:1.5625em;font-size:1rem;padding:.8em 1.1em}.btn.svelte-2r4z0x::-moz-focus-inner{border:0}.btn.outline.svelte-2r4z0x:hover:not([disabled]),.btn.svelte-2r4z0x:hover:not([disabled]){background:rgba(67,0,176,.05)}.btn.outline.svelte-2r4z0x:focus:not([disabled]),.btn.svelte-2r4z0x:focus:not([disabled]){background:rgba(67,0,176,.12)}.btn.svelte-2r4z0x{color:#4300b0}.btn.svelte-2r4z0x .icon{stroke:#4300b0}.btn.svelte-2r4z0x .ripple{background:rgba(67,0,176,.1)}.btn.danger.outline.svelte-2r4z0x:hover:not([disabled]),.btn.danger.svelte-2r4z0x:hover:not([disabled]){background:rgba(184,0,0,.05)}.btn.danger.outline.svelte-2r4z0x:focus:not([disabled]),.btn.danger.svelte-2r4z0x:focus:not([disabled]){background:rgba(184,0,0,.12)}.btn.danger.svelte-2r4z0x{color:#b80000}.btn.danger.svelte-2r4z0x .icon{stroke:#b80000}.btn.danger.svelte-2r4z0x .ripple{background:rgba(184,0,0,.1)}.btn.neutral.outline.svelte-2r4z0x:hover:not([disabled]),.btn.neutral.svelte-2r4z0x:hover:not([disabled]){background:rgba(51,51,51,.05)}.btn.neutral.outline.svelte-2r4z0x:focus:not([disabled]),.btn.neutral.svelte-2r4z0x:focus:not([disabled]){background:rgba(51,51,51,.12)}.btn.neutral.svelte-2r4z0x{color:#333}.btn.neutral.svelte-2r4z0x .icon{stroke:#333}.btn.neutral.svelte-2r4z0x .ripple{background:rgba(51,51,51,.1)}.btn.filled.svelte-2r4z0x{background:#4300b0;background:linear-gradient(0deg,#4300b0 0,#5000d1 100%);box-shadow:0 2px 5px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.btn.filled.svelte-2r4z0x:hover:not([disabled]){background:#4900c1;background:linear-gradient(0deg,#4900c1 0,#5600e2 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]){background:#5600e3;background:linear-gradient(0deg,#5000d1 0,#5c00f3 100%)}.btn.filled.svelte-2r4z0x:focus:not([disabled]),.btn.filled.svelte-2r4z0x:hover:not([disabled]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.btn.filled.danger.svelte-2r4z0x{background:#b80000;background:linear-gradient(0deg,#b80000 0,#d90000 100%)}.btn.filled.danger.svelte-2r4z0x:hover:not([disabled]){background:#c80000;background:linear-gradient(0deg,#c80000 0,#e90000 100%)}.btn.filled.danger.svelte-2r4z0x:focus:not([disabled]){background:#eb0000;background:linear-gradient(0deg,#d90000 0,#f90000 100%)}.btn.filled.neutral.svelte-2r4z0x{background:#333;background:linear-gradient(0deg,#333 0,#474747 100%)}.btn.filled.neutral.svelte-2r4z0x:hover:not([disabled]){background:#3d3d3d;background:linear-gradient(0deg,#3d3d3d 0,#525252 100%)}.btn.filled.neutral.svelte-2r4z0x:focus:not([disabled]){background:#4d4d4d;background:linear-gradient(0deg,#474747 0,#5c5c5c 100%)}.btn.filled.svelte-2r4z0x{color:#fff}.btn.filled.svelte-2r4z0x .icon{stroke:#fff}.btn.filled.svelte-2r4z0x .ripple{background:rgba(255,255,255,.1)}.btn.filled[disabled].svelte-2r4z0x{background:#d7d7d7;box-shadow:none}.btn.outline.svelte-2r4z0x{border:1px solid #4300b0}.btn.outline.danger.svelte-2r4z0x{border-color:#b80000}.btn.outline.neutral.svelte-2r4z0x{border-color:#333}.btn.outline[disabled].svelte-2r4z0x{border-color:#d7d7d7}.btn[disabled].svelte-2r4z0x{background:0 0;color:#888;cursor:default}.btn[disabled].svelte-2r4z0x .icon{stroke:#888}.btn.round.svelte-2r4z0x{padding:.7em}.btn.rectangle.svelte-2r4z0x{border-radius:.78125em;font-size:1.1rem;padding:1.2em}.btn.small.svelte-2r4z0x{padding:.5em .8em}.btn.small.round.svelte-2r4z0x{padding:.5em}.btn.selected.svelte-2r4z0x:not(.filled){background:rgba(67,0,176,.12)}button.btn.svelte-2r4z0x{border:0}a.btn.svelte-2r4z0x{text-decoration:none}a.btn[disabled].svelte-2r4z0x{pointer-events:none}.info-tiles.svelte-18jhduw{margin-top:3em}@media only screen and (min-width:640px){.info-tiles.svelte-18jhduw{margin-top:6em}}@media only screen and (min-width:1024px){.info-tiles.svelte-18jhduw{margin-top:0}}.info-tile.svelte-131dghs.svelte-131dghs{cursor:pointer;margin-bottom:1em}.info-tile.svelte-131dghs .card{column-gap:1em;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;transition:150ms box-shadow}.info-tile.svelte-131dghs .card:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.info-tile.svelte-131dghs .icon.svelte-131dghs{align-self:center;background:#4300b0;border-radius:50%;color:#fff;grid-row:span 2;padding:.8em}.info-tile.svelte-131dghs .icon.svelte-131dghs svg{display:block}.info-tile.svelte-131dghs .subtitle.svelte-131dghs{color:#4300b0;font-size:.9em;font-weight:300}@media only screen and (min-width:640px){.info-tile.svelte-131dghs.svelte-131dghs{margin-bottom:2.5em}.info-tile.svelte-131dghs .card{width:30em}}@media only screen and (min-width:1024px){.info-tile.svelte-131dghs.svelte-131dghs{margin-bottom:1em}}</style> <title>Attractions</title><meta content=Attractions name=og:title> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0,{}]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/index.e26e9cd7.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/subhead.4e227d90.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/GithubIcon.5a98308c.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/text-field.37ad5edd.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/radio-group.03f68bdf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-picker-styles.7cf55314.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/radio-button.9cbc326b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/checkbox.72a1ad14.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/checkbox-group.ae6b5c93.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/plural-s.31bb9da9.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/dropdown.68df1ffe.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/switch.621b5c35.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/chip.863185cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/radio-chip.0bf91b57.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/radio-chip-group.662491aa.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/checkbox-chip.5966cebc.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/checkbox-chip-group.05d6a4a7.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/accordion-section.3cf8ee10.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/modal.eb59b5a1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.b361c3b7.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/tab.bbb6306c.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/tabs.8ab10f21.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/dot.4b1a4e36.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/divider.67a9a120.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/snackbar-container.ae550c61.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/snackbar.e51b36cb.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/index.4c1ceff5.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/star-rating.5a108501.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/range.ee7914b1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/dialog.b792720c.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/x.a2bf5f48.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/popover.156a947e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/popover-button.b4bb867f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/file-input.a173f705.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/file-dropzone.a1829fd2.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/file-tile.85e2cf4a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/format-file-size.22bb7c0a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/date-picker.69cac3f7.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/calendar.d88aafe1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/datetime-utils.e026cf1b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/time-picker.4fb06828.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/form-field.36e1adda.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/loading.1713184d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/autocomplete.c0ec5df7.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/autocomplete-field.a5079849.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/autocomplete-option.310b3623.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/badge.2444c261.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/breadcrumbs.b0715397.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/pagination.f1471bfe.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/slider.7665fedc.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/subhead-0a618575.css rel=preload as=style><link href=/attractions/376/client/text-field-02b3c03b.css rel=preload as=style><link href=/attractions/376/client/radio-button-c2103ad3.css rel=preload as=style><link href=/attractions/376/client/radio-group-81700fe9.css rel=preload as=style><link href=/attractions/376/client/checkbox-ad14e938.css rel=preload as=style><link href=/attractions/376/client/checkbox-group-1dcd50f7.css rel=preload as=style><link href=/attractions/376/client/dropdown-bd15e717.css rel=preload as=style><link href=/attractions/376/client/switch-cc3afc23.css rel=preload as=style><link href=/attractions/376/client/chip-f8706e31.css rel=preload as=style><link href=/attractions/376/client/radio-chip-92b65bc3.css rel=preload as=style><link href=/attractions/376/client/radio-chip-group-14098d62.css rel=preload as=style><link href=/attractions/376/client/checkbox-chip-084dc1b9.css rel=preload as=style><link href=/attractions/376/client/checkbox-chip-group-14098d62.css rel=preload as=style><link href=/attractions/376/client/accordion-section-0252b389.css rel=preload as=style><link href=/attractions/376/client/modal-cc12f30d.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/table-5fc11a35.css rel=preload as=style><link href=/attractions/376/client/tab-182d5aba.css rel=preload as=style><link href=/attractions/376/client/tabs-0c50dbbb.css rel=preload as=style><link href=/attractions/376/client/dot-828763f8.css rel=preload as=style><link href=/attractions/376/client/divider-63da41a9.css rel=preload as=style><link href=/attractions/376/client/snackbar-7eb85ef0.css rel=preload as=style><link href=/attractions/376/client/star-rating-8a706d86.css rel=preload as=style><link href=/attractions/376/client/dialog-1b6f27ab.css rel=preload as=style><link href=/attractions/376/client/popover-1d6d4d80.css rel=preload as=style><link href=/attractions/376/client/popover-button-877eb4d7.css rel=preload as=style><link href=/attractions/376/client/file-input-613c787e.css rel=preload as=style><link href=/attractions/376/client/file-tile-b3753d1d.css rel=preload as=style><link href=/attractions/376/client/file-dropzone-d14af357.css rel=preload as=style><link href=/attractions/376/client/calendar-a20becc1.css rel=preload as=style><link href=/attractions/376/client/date-picker-fc3df446.css rel=preload as=style><link href=/attractions/376/client/time-picker-0982fd05.css rel=preload as=style><link href=/attractions/376/client/form-field-eca10035.css rel=preload as=style><link href=/attractions/376/client/loading-0b856d23.css rel=preload as=style><link href=/attractions/376/client/autocomplete-option-c8b73499.css rel=preload as=style><link href=/attractions/376/client/autocomplete-field-e04fe3a8.css rel=preload as=style><link href=/attractions/376/client/autocomplete-f5c17156.css rel=preload as=style><link href=/attractions/376/client/badge-bdbb1862.css rel=preload as=style><link href=/attractions/376/client/breadcrumbs-c35afc8f.css rel=preload as=style><link href=/attractions/376/client/pagination-121bc747.css rel=preload as=style><link href=/attractions/376/client/slider-dd4ec7e1.css rel=preload as=style><link href=/attractions/376/client/index-f552dbeb.css rel=preload as=style></head> <body> <main class=svelte-1bg8jus><div class="card svelte-1bts72l"><header><img alt="Attractions logo" src=logo-no-bg.svg> <h1 class=svelte-9b0tta>Attractions </h1> <a href=./docs/changelog sapper:prefetch class=hide-on-tb-more>v3.7.1</a></header> <p class=svelte-1bg8jus>A <mark class=svelte-1bg8jus>pretty cool</mark> UI kit for <a href=https://svelte.dev>Svelte</a>. </p> <div class=actions><a href=./docs sapper:prefetch class="btn svelte-2r4z0x filled" rel=prefetch sveltekit:prefetch><svg class="feather mr feather-book-open" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg> docs </a> <a href=https://github.com/illright/attractions sapper:prefetch class="btn svelte-2r4z0x ml outline" rel=prefetch sveltekit:prefetch><svg class="feather mr feather-github" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg> GitHub </a></div> </div> <div class="svelte-1bg8jus strip"></div> <div class="info-tiles svelte-18jhduw"><div class="svelte-131dghs info-tile"><div class="card svelte-1bts72l"><div class="svelte-131dghs icon"><svg class="feather feather-grid" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><rect height=7 width=7 x=3 y=3></rect><rect height=7 width=7 x=14 y=3></rect><rect height=7 width=7 x=14 y=14></rect><rect height=7 width=7 x=3 y=14></rect></svg></div> <div class=title>49 components</div> <div class="svelte-131dghs subtitle">and more to come!</div> </div> </div> <div class="svelte-131dghs info-tile"><div class="card svelte-1bts72l"><div class="svelte-131dghs icon"><svg class="feather feather-edit-2" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"></path></svg></div> <div class=title>Stylable with Sass</div> <div class="svelte-131dghs subtitle">customize colors, fonts, shadows!</div> </div> </div> <div class="svelte-131dghs info-tile"><div class="card svelte-1bts72l"><div class="svelte-131dghs icon"><svg class="feather feather-feather" fill=none height=24px stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 24 24" width=24px xmlns=http://www.w3.org/2000/svg><path d="M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z"></path><line x1=16 x2=2 y1=8 y2=22></line><line x1=17.5 x2=9 y1=15 y2=15></line></svg></div> <div class=title>Calculating bundle size</div> <div class="svelte-131dghs subtitle">gimme a sec...</div> </div> </div> </div> <footer class=svelte-1bg8jus><p class=svelte-1bg8jus>made with ❤ by <a href=https://github.com/aabounegm>@aabounegm</a> and <a href=https://github.com/illright>@illright</a></p> <p class=svelte-1bg8jus>MIT licensed  •  <a href=./docs/changelog sapper:prefetch>v3.7.1</a></footer> </main> 
\ No newline at end of file
diff --git a/376/logo-no-bg.svg b/376/logo-no-bg.svg
new file mode 100644
index 000000000..bf7534784
--- /dev/null
+++ b/376/logo-no-bg.svg
@@ -0,0 +1,40 @@
+<svg width="77" height="74" viewBox="0 0 77 74" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d)">
+<rect x="4.47" y="32.9032" width="68" height="6.09" rx="3.045" fill="#4300B0"/>
+</g>
+<g filter="url(#filter1_d)">
+<line x1="8.11831" y1="22.0394" x2="68.362" y2="6.97847" stroke="#4300B0" stroke-width="6" stroke-linecap="round"/>
+</g>
+<g filter="url(#filter2_d)">
+<line x1="3" y1="-3" x2="65.0977" y2="-3" transform="matrix(0.970142 0.242536 0.242536 -0.970142 5.93549 46.3226)" stroke="#4300B0" stroke-width="6" stroke-linecap="round"/>
+</g>
+<defs>
+<filter id="filter0_d" x="0.470001" y="29.9032" width="76" height="14.09" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="2"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+<filter id="filter1_d" x="0.480286" y="0.340431" width="75.5197" height="30.337" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="2"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+<filter id="filter2_d" x="0.480286" y="43.3226" width="75.5197" height="30.337" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="2"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/376/logo-og.png b/376/logo-og.png
new file mode 100644
index 000000000..358b1e134
Binary files /dev/null and b/376/logo-og.png differ
diff --git a/376/logo.svg b/376/logo.svg
new file mode 100644
index 000000000..fceefc850
--- /dev/null
+++ b/376/logo.svg
@@ -0,0 +1 @@
+<svg width="134" height="134" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_d)"><circle cx="67" cy="66" r="64" fill="#fff"/></g><g filter="url(#filter1_d)"><rect x="31.47" y="62.903" width="68" height="6.09" rx="3.045" fill="#4300B0"/></g><g filter="url(#filter2_d)"><path stroke="#4300B0" stroke-width="6" stroke-linecap="round" d="M35.118 52.039l60.244-15.061"/></g><g filter="url(#filter3_d)"><path stroke="#4300B0" stroke-width="6" stroke-linecap="round" d="M35.118 79.96l60.244 15.062"/></g><defs><filter id="filter0_d" x="0" y="0" width="134" height="134" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="1.5"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.09 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter><filter id="filter1_d" x="27.47" y="59.903" width="76" height="14.09" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter><filter id="filter2_d" x="27.48" y="30.34" width="75.52" height="30.337" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter><filter id="filter3_d" x="27.48" y="73.323" width="75.52" height="30.337" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter></defs></svg>
diff --git a/376/manifest.json b/376/manifest.json
new file mode 100644
index 000000000..2b26860a3
--- /dev/null
+++ b/376/manifest.json
@@ -0,0 +1,28 @@
+{
+  "background_color": "#ffffff",
+  "theme_color": "#4300b0",
+  "name": "Attractions Docs",
+  "short_name": "Docs",
+  "display": "minimal-ui",
+  "start_url": "/",
+  "icons": [
+    {
+      "src": "android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "logo.svg",
+      "sizes": "512x512",
+      "type": "image/svg+xml",
+      "purpose": "any maskable"
+    }
+  ]
+}
diff --git a/376/mstile-144x144.png b/376/mstile-144x144.png
new file mode 100644
index 000000000..ff84c3421
Binary files /dev/null and b/376/mstile-144x144.png differ
diff --git a/376/mstile-150x150.png b/376/mstile-150x150.png
new file mode 100644
index 000000000..f9ecd5f55
Binary files /dev/null and b/376/mstile-150x150.png differ
diff --git a/376/mstile-310x150.png b/376/mstile-310x150.png
new file mode 100644
index 000000000..c82239b14
Binary files /dev/null and b/376/mstile-310x150.png differ
diff --git a/376/mstile-310x310.png b/376/mstile-310x310.png
new file mode 100644
index 000000000..b35ba8798
Binary files /dev/null and b/376/mstile-310x310.png differ
diff --git a/376/mstile-70x70.png b/376/mstile-70x70.png
new file mode 100644
index 000000000..4f691ff36
Binary files /dev/null and b/376/mstile-70x70.png differ
diff --git a/376/safari-pinned-tab.svg b/376/safari-pinned-tab.svg
new file mode 100644
index 000000000..8c3b4874d
--- /dev/null
+++ b/376/safari-pinned-tab.svg
@@ -0,0 +1 @@
+<svg version="1" xmlns="http://www.w3.org/2000/svg" width="933.333" height="933.333" viewBox="0 0 700.000000 700.000000"><path d="M544.9 127.7c-17.5 4.1-13.3 3.1-37.9 9.3-11.3 2.9-21.2 5.3-22 5.5-.8.2-6.1 1.5-11.7 2.9s-10.6 2.5-11 2.4c-.4-.1-1.9.3-3.3 1-1.9.8-21 5.7-42 10.7-.8.2-7.8 1.9-15.5 3.9s-14.9 3.8-16 4c-1.1.2-4.9 1.2-8.5 2.1l-8 2c-.8.2-21.5 5.3-46 11.5-24.5 6.1-45.3 11.3-46.3 11.5-1 .2-2.7.7-3.7 1-1 .3-2.7.7-3.7.9-1 .2-13.7 3.4-28.2 7-14.5 3.7-27.3 6.8-28.5 7-1.1.3-2.1.5-2.1.6 0 .1-.7.3-1.5.5-.8.1-13.4 3.3-28 7-28.6 7.2-29 7.3-32.1 8-1.1.2-2.9.7-3.9 1-1 .3-2.7.7-3.7.9-4.6.9-11.1 2.9-13.8 4.3-9.7 5-13.6 17.5-8.6 27.7 1.1 2.1 1.7 4.4 1.4 5-.3.6-.3.8.2.4.5-.5 2.4.4 4.2 1.8 1.9 1.4 5.7 3.2 8.3 3.9 4.5 1.2 5.8 1.1 14.7-1.2 11.2-2.9 10.5-2.7 15.8-3.8 5.5-1.2 5.5-1.2 5.8-1.5.1-.1.9-.3 1.7-.5.8-.1 3.4-.8 5.8-1.4 2.3-.7 4.6-.9 5.1-.6.5.3 1.1 0 1.3-.5.2-.6 2-1.2 4.1-1.3 2-.1 3.7-.5 3.7-.8 0-.4 1.7-1 3.8-1.4 2-.5 4.2-.9 4.7-1.1 1.4-.4 5.2-1.3 7.3-1.8 1-.2 4.8-1.2 8.5-2.1 3.6-.9 7.2-1.3 7.8-.9.7.4.9.3.6-.3-.5-.8 5.6-2.8 11.8-3.8.6-.1 1.3-.3 1.8-.5 1.1-.4 1.8-.6 6.2-1.5 5.6-1.3 5.5-1.2 5.8-1.5.1-.1.9-.3 1.7-.5.8-.2 10.7-2.6 21.9-5.5 11.3-2.8 21.1-4.8 21.8-4.5.8.2 1.1 0 .8-.5-.5-.8 2.8-1.5 3.8-.8.2.2 1.1-.3 2-1.1 1-.7 1.7-1.1 1.7-.7 0 .3 1.1.1 2.5-.4s3.6-1.2 4.8-1.4c4.3-.9 6.3-1.4 10.7-2.6 2.5-.7 5.4-1.4 6.5-1.6 3.2-.6 5.6-1.2 12-3 3.3-.9 6.7-1.7 7.5-1.8.8-.2 2.2-.5 3-.8 4.4-1.7 15-3.9 15.9-3.3.6.3 1.1.2 1.1-.4 0-.5 1.9-1.3 4.3-1.7 4.8-.9 5.6-1.1 6-1.4.1-.1.9-.3 1.7-.5.8-.2 8.8-2.2 17.8-4.4 9-2.3 16.9-3.8 17.5-3.4.7.3.8.2.4-.2-.6-.7 6.6-2.9 16.7-5 1-.3 4.3-1.2 7.4-2 3-.9 6-1.4 6.8-1.1.7.3 1.4.1 1.6-.3.5-1.3 22.5-6.4 23.9-5.5.8.4 1 .3.5-.4-.4-.7 0-1.3 1.1-1.4 1.8-.1 3.3-.4 4.3-.8.3-.1 1.2-.3 2-.5.8-.1 4.4-1.1 8-2 3.6-.9 7.3-1.9 8.3-2.1 1-.2 2.7-.6 3.7-.9 1-.3 2.8-.8 3.9-1 4.7-1.1 5.8-1.3 10.1-2.5 4-1.1 7.1-1.8 10.7-2.4.7-.1 1.6-.5 1.9-.9.4-.4 1.4-.1 2.2.6 1 .7 1.3.8.9.1-.7-1.1 1.2-1.9 7.2-3 1.4-.3 5.8-1.4 10-2.6 4.1-1.1 8-2.1 8.6-2.3 1.8-.3 9-1.9 9.5-2 3.5-.8 13.1-7.6 13.7-9.8.2-.4.5-1.8.9-3.2.3-1.4.9-2.5 1.3-2.5.9 0 .5-6.9-.8-11.5-1.4-5.2-3.1-7.5-7.8-10.8-6.8-4.7-10.2-4.8-26.4-1zM195 327c-75.1.6-70.4.1-77.6 7.7-4.4 4.7-4.5 4.8-4.7 14.3-.1 4.8.3 7.2 1.7 9.2 1 1.6 1.5 2.8 1.1 2.8-1.1 0 4.8 4.6 8.1 6.3 1.7.9 4.4 1.9 6 2.2 2.6.4 433.7.7 440.9.2 1.7-.1 3.2-.5 3.5-.8.3-.3 1.9-1.4 3.7-2.3 9.3-4.7 13.1-19.8 7.3-29.1-1.8-2.9-8.2-9.3-8.7-8.7-.8.7-2.3 0-1.8-.8.4-.6-54.9-1-155.1-1-85.6 0-155.9-.1-156.3-.3-.3-.1-31 0-68.1.3zM133.5 426c-3.8.9-8.8 3.4-10.4 5.4-.7.9-1.8 1.3-2.5.9-.6-.3-.8-.3-.5.1.4.4-.4 3.2-1.6 6.2-2.3 5.7-2.5 10.7-.6 15.7 1.1 3 6.6 9.4 9.2 10.8 1.4.7 28.8 8 38.9 10.4.8.2 6.2 1.5 12 3 5.8 1.4 11.2 2.8 12 3 1.4.3 9.2 2.3 11.5 2.8.6.2 3.8.9 7.2 1.7 3.4.8 5.9 1.8 5.6 2.3-.3.6-.1.7.5.3.6-.3 3-.2 5.4.4 2.4.6 5.4 1.3 6.8 1.6 2.6.5 8.4 2.2 11 3.1.8.3 2.8.7 4.3.9 1.6.2 7.2 1.5 12.5 2.9s10.8 2.8 12.2 3.1c1.4.2 3.2.7 4 1.1.8.3 2.9.7 4.5.9 1.7.3 3.2.9 3.3 1.4.2.6.7.8 1.2.5.4-.3 7.9 1.3 16.6 3.5 8.8 2.3 16.8 4.3 17.9 4.5 10.4 2.3 20.4 5.3 19.8 6-.5.4-.3.5.4.1s5 .3 9.5 1.4c4.6 1.1 9.4 2.3 10.8 2.6 2.6.5 8.4 2.1 11 3.1.8.3 2.5.7 3.8.9 6.4.8 13.1 2.8 12.5 3.7-.3.6-.1.7.5.3 1.3-.8 11.4 1.3 10.8 2.3-.3.3.7.6 2.1.5 1.4 0 5.8.8 9.7 1.9 3.9 1 7.6 2 8.1 2.1.6.1 3.6.8 6.8 1.5 3.1.7 5.5 1.6 5.3 2-.2.3.8.6 2.2.5 2.6-.1 7.9 1 11.2 2.3.8.3 2.4.7 3.6.8 1.2.1 3 .5 4 .9s3 1 4.4 1.2c1.4.3 2.6.9 2.8 1.3.1.5 1.4.6 2.9.3 1.9-.4 2.4-.2 1.8.8-.5.9-.4 1.1.4.6 1.1-.7 11 1.2 12.1 2.4.3.3 1.2.6 2 .6 3.1.3 28.5 6.5 32 7.8.8.3 2.7.8 4.3 1.1 5.7 1.1 8 1.6 13.5 3.1 3.2.8 6.4 1.7 7.2 1.9.8.2 7.3 1.8 14.4 3.5 17.5 4.4 22.9 3.7 29.9-3.5 8.2-8.6 7.5-22.6-1.6-30.7-2.3-2.1-10.8-5.4-15.7-6.2-1.9-.3-3.6-1-3.8-1.6-.2-.5-.7-.8-1.2-.5-.7.4-7.6-.9-16-3.1-.8-.2-4.7-1.1-8.7-2-4.3-1-7-2.1-6.6-2.7.3-.6.1-.7-.5-.3-1 .6-10.1-1.5-48.2-11-.8-.2-4.7-1.1-8.7-2-4.3-1-7-2.1-6.6-2.7.3-.6.1-.7-.5-.3-.5.3-4.1-.1-7.9-1-3.7-.9-7.5-1.7-8.3-1.9-.8-.2-1.6-.4-1.7-.5-.4-.3-.7-.4-7.8-1.9-3.3-.7-6.4-1.6-7-1.9-.5-.4-1.9-.8-3-.9-3.9-.6-28-6.7-28.5-7.3-.3-.3-1.6-.6-3-.7-1.4-.1-4.5-.7-7-1.3-2.5-.7-5.2-1.3-6-1.5-.8-.2-1.6-.4-1.7-.5-.2-.2-.6-.3-1-.4-4.2-1-7.2-1.7-9.3-2.1-1.4-.3-2.6-.9-2.8-1.4-.2-.6-.9-.8-1.5-.5-.7.2-6.4-.9-12.8-2.5-6.3-1.7-12.6-3.2-14-3.5-1.3-.3-5.1-1.2-8.4-2.1-3.3-.8-9.6-2.4-14-3.4-12.5-3-28.6-7-32.5-8.1-1.9-.5-6.4-1.7-10-2.6l-8-2c-5.1-1.2-10.7-2.6-12-2.9-18.9-4.4-47.6-12-47.8-12.7-.2-.4-.7-.6-1.2-.3-.4.3-4.5-.5-9.1-1.6-4.6-1.2-9.1-2.2-9.9-2.4-.8-.2-3.5-.8-6-1.5s-5.2-1.4-6-1.5c-.8-.2-1.5-.4-1.5-.5 0-.1-1.1-.4-2.5-.6-1.4-.3-4.3-.9-6.5-1.5-5.1-1.4-7-1.9-12.5-3-7.3-1.5-8.4-1.6-11.5-.9zM132.6 472.2c.3.5 1 .6 1.5.3 1.3-.9 1.1-1.2-.6-1.2-.8 0-1.2.4-.9.9z"/></svg>
\ No newline at end of file
diff --git a/376/service-worker-index.html b/376/service-worker-index.html
new file mode 100644
index 000000000..9fde25d28
--- /dev/null
+++ b/376/service-worker-index.html
@@ -0,0 +1 @@
+<!DOCTYPE html> <html lang=en prefix="og: http://ogp.me/ns#"> <head> <meta charset=utf-8> <meta content="width=device-width,initial-scale=1" name=viewport> <base href=/attractions/376/ > <meta content=#4300b0 name=theme-color> <meta content=Attractions property=og:site_name> <meta content=website property=og:type> <meta content=./logo-og.png property=og:image> <meta content="Three purple lines converging to the left" property=og:image:alt> <meta content=Attractions property=og:title> <meta content="A pretty cool UI kit for Svelte" name=og:description> <meta content=https://illright.github.io/attractions property=og:url> <meta content=summary_large_image name=twitter:card> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" rel=stylesheet> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap" rel=stylesheet> <link href=./css/prism-base16-tomorrow.css rel=stylesheet> <link href=manifest.json rel=manifest crossorigin=use-credentials> <link href=./apple-touch-icon.png rel=apple-touch-icon sizes=180x180> <link href=./favicon-32x32.png rel=icon sizes=32x32 type=image/png> <link href=./favicon-16x16.png rel=icon sizes=16x16 type=image/png> <link href=./safari-pinned-tab.svg rel=mask-icon color=#4300b0> <meta content=#603cba name=msapplication-TileColor> <meta content=./browserconfig.xml name=msapplication-config> <meta content=#ffffff name=theme-color> <meta content=yes name=apple-mobile-web-app-capable> <script>__SAPPER__={baseUrl:"/attractions/376",preloaded:[void 0]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/attractions/376/service-worker.js');(function(){try{eval("async function x(){}");var main="/attractions/376/client/client.0d36a0cf.js"}catch(e){main="/attractions/376/client/legacy/client.583c6e60.js"};var s=document.createElement("script");try{new Function("if(0)import('')")();s.src=main;s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/attractions/376/client/shimport@2.0.5.js";s.setAttribute("data-main",main);}document.head.appendChild(s);}());</script> <link href=/attractions/376/client/client.0d36a0cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/index.e26e9cd7.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button.743a388a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/classes.2453fa25.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/card.72b37821.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/subhead.4e227d90.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/GithubIcon.5a98308c.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/text-field.37ad5edd.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/radio-group.03f68bdf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/color-picker-styles.7cf55314.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/radio-button.9cbc326b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/checkbox.72a1ad14.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/checkbox-group.ae6b5c93.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/plural-s.31bb9da9.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/dropdown.68df1ffe.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/switch.621b5c35.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/chip.863185cf.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/radio-chip.0bf91b57.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/radio-chip-group.662491aa.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/checkbox-chip.5966cebc.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/checkbox-chip-group.05d6a4a7.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/accordion-section.3cf8ee10.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/modal.eb59b5a1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/table.b361c3b7.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/label.16b4782e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/tab.bbb6306c.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/tabs.8ab10f21.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/dot.4b1a4e36.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/divider.67a9a120.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/snackbar-container.ae550c61.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/snackbar.e51b36cb.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/index.4c1ceff5.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/star-rating.5a108501.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/range.ee7914b1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/dialog.b792720c.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/x.a2bf5f48.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/popover.156a947e.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/popover-button.b4bb867f.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/file-input.a173f705.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/file-dropzone.a1829fd2.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/file-tile.85e2cf4a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/format-file-size.22bb7c0a.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/date-picker.69cac3f7.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/calendar.d88aafe1.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/datetime-utils.e026cf1b.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/time-picker.4fb06828.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/form-field.36e1adda.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/loading.1713184d.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/autocomplete.c0ec5df7.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/autocomplete-field.a5079849.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/autocomplete-option.310b3623.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/badge.2444c261.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/breadcrumbs.b0715397.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/pagination.f1471bfe.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/slider.7665fedc.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/inject_styles.803b7e80.js rel=modulepreload as=script crossorigin=use-credentials><link href=/attractions/376/client/button-00dad5c4.css rel=preload as=style><link href=/attractions/376/client/card-8c29b4bb.css rel=preload as=style><link href=/attractions/376/client/subhead-0a618575.css rel=preload as=style><link href=/attractions/376/client/text-field-02b3c03b.css rel=preload as=style><link href=/attractions/376/client/radio-button-c2103ad3.css rel=preload as=style><link href=/attractions/376/client/radio-group-81700fe9.css rel=preload as=style><link href=/attractions/376/client/checkbox-ad14e938.css rel=preload as=style><link href=/attractions/376/client/checkbox-group-1dcd50f7.css rel=preload as=style><link href=/attractions/376/client/dropdown-bd15e717.css rel=preload as=style><link href=/attractions/376/client/switch-cc3afc23.css rel=preload as=style><link href=/attractions/376/client/chip-f8706e31.css rel=preload as=style><link href=/attractions/376/client/radio-chip-92b65bc3.css rel=preload as=style><link href=/attractions/376/client/radio-chip-group-14098d62.css rel=preload as=style><link href=/attractions/376/client/checkbox-chip-084dc1b9.css rel=preload as=style><link href=/attractions/376/client/checkbox-chip-group-14098d62.css rel=preload as=style><link href=/attractions/376/client/accordion-section-0252b389.css rel=preload as=style><link href=/attractions/376/client/modal-cc12f30d.css rel=preload as=style><link href=/attractions/376/client/label-80bd345d.css rel=preload as=style><link href=/attractions/376/client/table-5fc11a35.css rel=preload as=style><link href=/attractions/376/client/tab-182d5aba.css rel=preload as=style><link href=/attractions/376/client/tabs-0c50dbbb.css rel=preload as=style><link href=/attractions/376/client/dot-828763f8.css rel=preload as=style><link href=/attractions/376/client/divider-63da41a9.css rel=preload as=style><link href=/attractions/376/client/snackbar-7eb85ef0.css rel=preload as=style><link href=/attractions/376/client/star-rating-8a706d86.css rel=preload as=style><link href=/attractions/376/client/dialog-1b6f27ab.css rel=preload as=style><link href=/attractions/376/client/popover-1d6d4d80.css rel=preload as=style><link href=/attractions/376/client/popover-button-877eb4d7.css rel=preload as=style><link href=/attractions/376/client/file-input-613c787e.css rel=preload as=style><link href=/attractions/376/client/file-tile-b3753d1d.css rel=preload as=style><link href=/attractions/376/client/file-dropzone-d14af357.css rel=preload as=style><link href=/attractions/376/client/calendar-a20becc1.css rel=preload as=style><link href=/attractions/376/client/date-picker-fc3df446.css rel=preload as=style><link href=/attractions/376/client/time-picker-0982fd05.css rel=preload as=style><link href=/attractions/376/client/form-field-eca10035.css rel=preload as=style><link href=/attractions/376/client/loading-0b856d23.css rel=preload as=style><link href=/attractions/376/client/autocomplete-option-c8b73499.css rel=preload as=style><link href=/attractions/376/client/autocomplete-field-e04fe3a8.css rel=preload as=style><link href=/attractions/376/client/autocomplete-f5c17156.css rel=preload as=style><link href=/attractions/376/client/badge-bdbb1862.css rel=preload as=style><link href=/attractions/376/client/breadcrumbs-c35afc8f.css rel=preload as=style><link href=/attractions/376/client/pagination-121bc747.css rel=preload as=style><link href=/attractions/376/client/slider-dd4ec7e1.css rel=preload as=style><link href=/attractions/376/client/index-f552dbeb.css rel=preload as=style></head> <body> 
\ No newline at end of file
diff --git a/376/service-worker.js b/376/service-worker.js
new file mode 100644
index 000000000..2a2423399
--- /dev/null
+++ b/376/service-worker.js
@@ -0,0 +1 @@
+!function(){"use strict";const s=1696557771878,e=`cache${s}`,c=["/client/client.0d36a0cf.js","/client/inject_styles.803b7e80.js","/client/index.e26e9cd7.js","/client/button.743a388a.js","/client/card.72b37821.js","/client/subhead.4e227d90.js","/client/GithubIcon.5a98308c.js","/client/classes.2453fa25.js","/client/plural-s.31bb9da9.js","/client/format-file-size.22bb7c0a.js","/client/text-field.37ad5edd.js","/client/radio-group.03f68bdf.js","/client/radio-button.9cbc326b.js","/client/checkbox.72a1ad14.js","/client/checkbox-group.ae6b5c93.js","/client/dropdown.68df1ffe.js","/client/switch.621b5c35.js","/client/chip.863185cf.js","/client/radio-chip.0bf91b57.js","/client/radio-chip-group.662491aa.js","/client/checkbox-chip.5966cebc.js","/client/checkbox-chip-group.05d6a4a7.js","/client/accordion-section.3cf8ee10.js","/client/modal.eb59b5a1.js","/client/table.b361c3b7.js","/client/tab.bbb6306c.js","/client/tabs.8ab10f21.js","/client/label.16b4782e.js","/client/dot.4b1a4e36.js","/client/divider.67a9a120.js","/client/snackbar-container.ae550c61.js","/client/snackbar.e51b36cb.js","/client/star-rating.5a108501.js","/client/dialog.b792720c.js","/client/popover.156a947e.js","/client/popover-button.b4bb867f.js","/client/file-input.a173f705.js","/client/file-dropzone.a1829fd2.js","/client/file-tile.85e2cf4a.js","/client/date-picker.69cac3f7.js","/client/calendar.d88aafe1.js","/client/time-picker.4fb06828.js","/client/form-field.36e1adda.js","/client/loading.1713184d.js","/client/autocomplete.c0ec5df7.js","/client/autocomplete-option.310b3623.js","/client/autocomplete-field.a5079849.js","/client/badge.2444c261.js","/client/breadcrumbs.b0715397.js","/client/pagination.f1471bfe.js","/client/slider.7665fedc.js","/client/color-picker-styles.7cf55314.js","/client/range.ee7914b1.js","/client/x.a2bf5f48.js","/client/datetime-utils.e026cf1b.js","/client/index.4c1ceff5.js","/client/_layout.00c9ee93.js","/client/HomeIcon.03d8e927.js","/client/ChevronDownIcon.fcf5cd50.js","/client/index.43e68bf4.js","/client/layout.b2760304.js","/client/ul.abdb9780.js","/client/custom-elements.171ed626.js","/client/migration-guide.9250112d.js","/client/layout-no-head.00bd36a6.js","/client/h2.122c8b9f.js","/client/installation.8077cb29.js","/client/copyable-code.1fddc954.js","/client/autocomplete-option.3b716a81.js","/client/showcase.8eb3893d.js","/client/color-preview.278d2729.js","/client/related-components.2f822d5e.js","/client/h3.1e03849b.js","/client/table.e069c294.js","/client/checkbox-chip-group.5b5264a6.js","/client/autocomplete-field.f6b367d4.js","/client/snackbar-container.18608f95.js","/client/fix-anchor-links.79fa91d5.js","/client/accordion-section.f50fee33.js","/client/radio-chip-group.28cabddc.js","/client/checkbox-group.9eec4075.js","/client/dropdown-shell.bd7e5faf.js","/client/popover-button.57ef9f3b.js","/client/shadow-preview.f1e703b1.js","/client/checkbox-chip.843f9214.js","/client/file-dropzone.d4c713a1.js","/client/autocomplete.3d85732e.js","/client/radio-button.de297014.js","/client/breadcrumbs.b7f0270a.js","/client/date-picker.115fae37.js","/client/radio-group.f21f4813.js","/client/star-rating.fae16850.js","/client/time-picker.182aad83.js","/client/file-input.c1ad6f27.js","/client/form-field.f4d613fb.js","/client/pagination.85687501.js","/client/radio-chip.8c9e8504.js","/client/text-field.96c93937.js","/client/typography.f073f943.js","/client/accordion.0425a0fb.js","/client/file-tile.02de9ba2.js","/client/calendar.445ca53b.js","/client/checkbox.a3d1bd39.js","/client/dropdown.d797a15c.js","/client/snackbar.08a95ab7.js","/client/divider.ebcefaaf.js","/client/loading.13a3d6a1.js","/client/popover.5c43b946.js","/client/button.418e95ca.js","/client/dialog.8a4c71ee.js","/client/slider.60bf8240.js","/client/switch.9d04d675.js","/client/badge.8f22ec2e.js","/client/modal.d93132a1.js","/client/table.8e98240c.js","/client/card.296f67fc.js","/client/chip.88f40a4b.js","/client/tabs.a8d9b606.js","/client/dot.376eae02.js","/client/tab.e6473c76.js","/client/changelog.9b6cfd5e.js","/client/utilities.1f2e532b.js","/client/theming.035e44f5.js"].concat(["/service-worker-index.html","/android-chrome-192x192.png","/android-chrome-512x512.png","/apple-touch-icon.png","/browserconfig.xml","/css/attractions-theme.scss","/css/components/docs/breadcrumbs.scss","/css/components/docs/color-preview.scss","/css/components/docs/copyable-code.scss","/css/components/docs/related-components.scss","/css/components/docs/shadow-preview.scss","/css/components/home/info-tile.scss","/css/containers/docs/desktop-navigation.scss","/css/containers/docs/header.scss","/css/containers/docs/mobile-navigation.scss","/css/containers/docs/showcase.scss","/css/containers/home/info-tiles.scss","/css/global.scss","/css/mdsvex/h1.scss","/css/mdsvex/h2.scss","/css/mdsvex/h3.scss","/css/mdsvex/li.scss","/css/mdsvex/mark.scss","/css/mdsvex/p.scss","/css/mdsvex/table.scss","/css/mdsvex/td.scss","/css/mdsvex/th.scss","/css/mdsvex/tr.scss","/css/mdsvex/ul.scss","/css/prism-base16-tomorrow.css","/css/routes/docs/_layout.scss","/css/routes/docs/components/accordion.scss","/css/routes/docs/components/autocomplete.scss","/css/routes/docs/components/button.scss","/css/routes/docs/components/checkbox-group.scss","/css/routes/docs/components/chip.scss","/css/routes/docs/components/date-picker.scss","/css/routes/docs/components/dropdown.scss","/css/routes/docs/components/file-dropzone.scss","/css/routes/docs/components/file-tile.scss","/css/routes/docs/components/radio-group.scss","/css/routes/docs/components/snackbar.scss","/css/routes/docs/components/text-field.scss","/css/routes/docs/components/time-picker.scss","/css/routes/docs/installation.scss","/css/routes/index.scss","/favicon-16x16.png","/favicon-32x32.png","/favicon.ico","/logo-no-bg.svg","/logo-og.png","/logo.svg","/manifest.json","/mstile-144x144.png","/mstile-150x150.png","/mstile-310x150.png","/mstile-310x310.png","/mstile-70x70.png","/safari-pinned-tab.svg"]).map((s=>s.replace(/^\//,"./"))),t=new Set(c);self.addEventListener("install",(s=>{s.waitUntil(caches.open(e).then((s=>s.addAll(c))).then((()=>{self.skipWaiting()})))})),self.addEventListener("activate",(s=>{s.waitUntil(caches.keys().then((async s=>{for(const c of s)c!==e&&await caches.delete(c);self.clients.claim()})))})),self.addEventListener("fetch",(e=>{if("GET"!==e.request.method||e.request.headers.has("range"))return;const c=new URL(e.request.url);c.protocol.startsWith("http")&&(c.hostname===self.location.hostname&&c.port!==self.location.port||(c.host===self.location.host&&t.has(c.pathname)?e.respondWith(caches.match(e.request)):"only-if-cached"!==e.request.cache&&e.respondWith(caches.open(`offline${s}`).then((async s=>{try{const c=await fetch(e.request);return s.put(e.request,c.clone()),c}catch(c){const t=await s.match(e.request);if(t)return t;throw c}})))))}))}();